Module 883658

function(e,t,l){l.r(t),l.d(t,{nitroCollection:()=>ah,virtualCurrencyCollection:()=>ab,playgroundConfig:()=>ay,identityCollection:()=>ax,RevenuePlaygroundCollectionId:()=>ac,paymentsCollection:()=>am});var a,n=l(700623),i=l(318254),r=l(403581),o=l(950305),s=l(477900),u=l(582128),d=l(132500),c=l(793574),p=l(688810),m=l(166532),b=l(735305),h=l(635358),x=l(702841),y=l(834730),f=l(28863),v=l(231723),g=l(228366),E=l(830382),S=l(73825),C=l(626797),j=l(951305),T=l(491057),I=l(424171),A=l(97352),P=l(67480),_=l(26279);let R=e=>{let{skuId:t,isGift:l,applicationId:a}=e,{analyticsLocations:n}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),i=u.useRef(null),r=u.useRef(null),[o,s]=u.useState(()=>(0,d.A)());u.useEffect(()=>{(i.current!==t||r.current!==l)&&(s((0,d.A)()),i.current=t,r.current=l)},[t,l]);let[m,b]=(0,x.yK)([P.A],()=>[P.A.isFetching(t),P.A.get(t)]);return u.useEffect(()=>{null!=b||m||(0,E.EX)(a,t,h.g.VARIANTS_GROUP).catch(e=>{})},[a,t,b,m]),{loadId:o,analyticsLocations:n,handleClose:u.useCallback(e=>{},[]),handleComplete:u.useCallback(()=>{},[]),isFetching:m,sku:b,skuId:t,isGift:l}};function k(e){return(0,s.jsxs)("div",{style:{padding:20},children:[(0,s.jsx)(y.E,{variant:"text-md/normal",children:e.text}),(0,s.jsx)("div",{style:{marginTop:16},children:(0,s.jsx)(f.Anchor,{onClick:()=>e.handleStepChange(e.originStep),children:"\u2190 Go Back"})})]})}function M(e){let{analyticsLocations:t,applicationId:l,skuId:a,isGift:n,onClose:i,onComplete:r,initialPlanId:o,purchaseType:u,stepConfigs:d,loadId:c,excludeSubscriptionPlansBySKU:p,renderHeader:m,disablePurchases:b}=e,h=`${a}-${n}-${c}`;return(0,s.jsx)(C.M,{stepConfigs:d,applicationId:l,skuIDs:null!=a?[a]:[],isGift:n,activeSubscription:null,purchaseType:u,excludeSubscriptionPlansBySKU:p,overrideCustomCheckoutFlow:b?_.uH.DEV_STORYBOOK_CHECKOUT:void 0,children:(0,s.jsx)(T.Qt,{children:(0,s.jsx)(j.dX,{isGift:n,children:(0,s.jsx)(I.q,{transitionState:v.ip.ENTERED,onClose:i,onComplete:r,applicationId:l,skuId:a,initialPlanId:o,analyticsLocations:t,renderHeader:m},h)})})},h)}var N=l(652215);let D=[{key:m.pn.ADD_PAYMENT_STEPS,renderStep:e=>(0,s.jsx)(b.x,{...e,breadcrumbSteps:[m.pn.ADD_PAYMENT_STEPS],onReturn:()=>{}}),options:{renderHeader:!0}},{key:m.pn.REVIEW,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.ADD_PAYMENT_STEPS,text:"Review Step Placeholder"}),options:{}}];var V=l(162097),O=l(70926),L=l(240248),w=l(375708),U=l(161528);let B={name:"Balance Widget Menu",id:"balance-widget-menu",component:function(e){let{ctaText:t,linkText:l,showNotificationBadge:a,cardAlignment:n}=e;return(0,s.jsx)("div",{className:U.tH,children:(0,s.jsx)(O.SS,{className:U.oz,ctaText:(0,L.uJ)(t)?w.intl.string(w.t["J+vlIR"]):t,ctaOnClick:N.tEg,showNotificationBadge:a,cardAlignment:n,linkText:(0,L.uJ)(l)?w.intl.string(w.t.XRdyjz):l})})},controls:{ctaText:{label:"CTA Text",type:"text",defaultValue:""},showNotificationBadge:{label:"Show Notification Badge",type:"boolean",defaultValue:!1},cardAlignment:{label:"Card Alignment",type:"select",options:[{label:"Start",value:O.cP.START},{label:"End",value:O.cP.END}],defaultValue:O.cP.START},linkText:{label:"Link Text",type:"text",defaultValue:""}}};var G=l(821609),H=l(65738);let $={balance:{label:"Balance",type:"number",defaultValue:150},balanceWidgetMode:{label:"Balance Widget Mode",type:"select",options:[{label:"Default",value:H.k7.DEFAULT},{label:"Selected",value:H.k7.SELECTED}],defaultValue:H.k7.DEFAULT},showNotificationBadge:{label:"Show Notification Badge",type:"boolean",defaultValue:!1},shouldUseTabularNums:{label:"Use Tabular Nums Font Variant",type:"boolean",defaultValue:!1},disabled:{label:"Disabled",type:"boolean",defaultValue:!1}},W={name:"Balance Widget Pill",id:"balance-widget-pill",component:e=>{let{loading:t,shouldUseTabularNums:l,...a}=e,[n,i]=(0,u.useState)(a.balance);return(0,u.useEffect)(()=>{null==n&&null!=a.balance&&i(a.balance)},[a.balance,n]),(0,s.jsxs)("div",{className:U.YG,children:[(0,s.jsx)(H.Gy,{...a,balance:t?null:n,className:l?U.jG:void 0}),(0,s.jsx)(G.$,{onClick:()=>i(a.balance),text:"Update Balance"})]})},controls:{loading:{label:"Loading",type:"boolean",defaultValue:!1},...$}},F={name:"Balance Widget Pill Loading State",id:"balance-widget-pill-loading",component:e=>{let{loadingDuration:t,shouldUseTabularNums:l,...a}=e,[n,i]=(0,u.useState)(a.balance);return(0,u.useEffect)(()=>{i(a.balance)},[a.balance]),(0,s.jsxs)("div",{className:U.YG,children:[(0,s.jsx)(H.Gy,{...a,balance:n,className:l?U.jG:void 0}),(0,s.jsx)(G.$,{onClick:()=>{i(null),setTimeout(()=>{i(a.balance)},t)},text:"Simulate Loading State"})]})},controls:{loadingDuration:{label:"Loading Duration (ms)",type:"number",defaultValue:500},...$}};var z=l(97808),Y=l(778712),q=l(714719),K=l(859161),J=l(842291);let X={name:"Profile Banner",id:"profile-banner",component:function(e){let{bannerSrc:t,backgroundColor:l,width:a,height:n,cutoutAlign:i,avatarSize:r,showGifTag:o,showAvatar:u}=e,d=(0,K.A)(r);return(0,s.jsxs)("div",{className:J.GI,children:[(0,s.jsx)(q.A,{className:J.k5,bannerSrc:""===t?null:t,backgroundColor:l,showGifTag:o,width:a,height:n,cutout:"center"===i?{align:"center",insetBottom:0,radius:d}:{align:"start",insetStart:16,insetBottom:0,radius:d}}),u&&(0,s.jsx)("div",{className:J.oz,style:{top:n,left:"center"===i?a/2:16+d},children:(0,s.jsx)(z.Js,{src:null,size:r,status:N.clD.ONLINE,"aria-label":"Preview avatar"})})]})},controls:{width:{label:"Banner Width",type:"slider",defaultValue:500,minValue:200,maxValue:1500},height:{label:"Banner Height",type:"slider",defaultValue:120,minValue:50,maxValue:500},cutoutAlign:{label:"Cutout",type:"select",defaultValue:"center",options:[{label:"Center",value:"center"},{label:"Start",value:"start"}]},avatarSize:{label:"Avatar size",type:"select",defaultValue:Y._3.SIZE_96,options:[{label:"80",value:Y._3.SIZE_80},{label:"96",value:Y._3.SIZE_96},{label:"120",value:Y._3.SIZE_120}]},backgroundColor:{label:"Background color",type:"color",defaultValue:"#5865f2"},bannerSrc:{label:"Banner image URL",type:"text",defaultValue:""},showGifTag:{label:"Show GIF tag",type:"boolean",defaultValue:!1},showAvatar:{label:"Overlay avatar",type:"boolean",defaultValue:!0}}};var Z=l(488428),Q=l(20742),ee=l(17928),et=l(862482),el=l(364522),ea=l(331322),en=l(691885),ei=l(404778),er=l(95477),eo=l(866665),es=l(270003),eu=l(289873),ed=l(192308),ec=l(297264),ep=l(277984),em=l(529427),eb=l(669874),eh=l(883645),ex=l(541689),ey=l(944304),ef=l(300233),ev=l(599941),eg=l(162093),eE=l(4630),eS=l(482132),eC=l(532794),ej=l(216678),eT=l(194509),eI=l(511484),eA=l(794400),eP=l(761705),e_=l(71393),eR=l(166403),ek=l(202541),eM=l(127898);function eN(e){let{selectedGuildForGuildSub:t}=e,l=(0,ev.uk)(t?.id)[0];return null!=t&&null!=l?(0,s.jsx)("div",{children:l.subscription_listings_ids.map(e=>(0,s.jsx)(eg.A,{guildId:t.id,groupListingId:e,listingId:e},e))}):null}let eD="checkout-error-boundary-test-modal";function eV(){let{setStep:e}=(0,eh.Ay)();return(0,s.jsx)(eS.dZ,{children:(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,fullWidth:!1,children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"PaymentModal Step within CheckoutRootProvider loaded. Click below to navigate to a mock error step that will throw \u2014 the CheckoutErrorBoundary baked into CheckoutRootProvider will catch it."}),(0,s.jsx)(G.$,{variant:"primary",text:"Navigate to Error Step",onClick:()=>e(m.pn.REVIEW)})]})})}function eO(e){let{errorType:t="mock-error",errorHandlingBehavior:l}=e;switch(t){case"mock-error":throw Error("Simulated error thrown inside a payment step");case"checkout-error":throw new eb.v({message:"Simulated CheckoutError thrown inside a payment step",errorHandlingBehavior:l,extraSentryInformation:{simulatedFrom:"revenue playground"}});case"revenue-error":throw new eA.v({message:"Simulated RevenueError thrown inside a payment step",errorHandlingBehavior:l,extraSentryInformation:{simulatedFrom:"revenue playground"}});case"translation-key-error":return(0,s.jsx)("div",{children:w.intl.format(eM.default.cRB332,{avatar:(0,s.jsx)("div",{children:"Sample Avatar"}),nickname:(0,s.jsx)("div",{children:"Sample Nickname"}),username:(0,s.jsx)("div",{children:"Sample Username"})})});default:return(0,s.jsx)("div",{children:"Unknown error type"})}}let eL={title:"Checkout",stories:[{name:"Checkout Test Panel",id:"checkout-test-panel",component:function(){let[e,t]=u.useState(ek.pe.TIER_2),[l,a]=u.useState(null),n=(0,ee.yK)([e_.A],()=>e_.A.getGuildsArray()),[i]=(0,ee.yK)([eR.A],()=>[eR.A.getPremiumSubscription()]),r=n.map(e=>({id:e.id,value:e,label:e.name})),[o,m]=u.useState(r.length>0?r[0].value:null),[b,h]=u.useState(""),[x,v]=u.useState({plan_id:ek.gD.PREMIUM_MONTH_TIER_2,gift:"true"}),g="true"!==x.gift&&null!=i,[E,C]=u.useState(r.length>0?r[0].value:null),{analyticsLocations:j}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),[T,I]=u.useState(""),[A,P]=u.useState(N.dJq),{balance:_,isFetching:R,error:k}=(0,eP.W)(),{isSubmitting:M,responseMessage:D,redeemVirtualCurrency:V}=(0,eP.Q)(),[O,L]=u.useState(N.dJq),[w,B]=u.useState(""),[$,W]=u.useState(N.dJq);return(0,s.jsx)(p.f5,{value:j,children:(0,s.jsx)(el.Ip,{className:U.XG,children:(0,s.jsxs)(ea.B,{direction:"vertical",gap:24,children:[(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(en.l,{label:"Gift",value:e,options:[{id:"tier_2",value:ek.pe.TIER_2,label:"Nitro"},{id:"tier_1",value:ek.pe.TIER_1,label:"Nitro Classic"},{id:"tier_0",value:ek.pe.TIER_0,label:"Nitro Basic"},{id:"none",value:null,label:"None"}],onSelectionChange:e=>t(e),selectionMode:"single",fullWidth:!0}),(0,s.jsx)(eT.A,{subscriptionTier:e,premiumModalAnalyticsLocation:{},color:et.XD.PRIMARY,look:et.pR.FILLED})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(en.l,{label:"Premium Select Plan",value:l,options:[{id:"tier_2",value:ek.pe.TIER_2,label:"Nitro"},{id:"tier_1",value:ek.pe.TIER_1,label:"Nitro Classic"},{id:"tier_0",value:ek.pe.TIER_0,label:"Nitro Basic"},{id:"none",value:null,label:"None"}],onSelectionChange:e=>a(e),selectionMode:"single",fullWidth:!0}),(0,s.jsx)(G.$,{variant:"primary",text:"Select Plan",onClick:()=>(0,eC.A)({subscriptionTier:l,analyticsLocations:j})})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,children:[(0,s.jsx)(en.l,{label:"Boost",value:o,options:r,onSelectionChange:m,selectionMode:"single",fullWidth:!0}),null!=o?(0,s.jsx)(ey.A,{guild:o,analyticsLocation:{}}):(0,s.jsx)("div",{children:"No Guild to boost"})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,children:[(0,s.jsx)(f.Anchor,{href:"https://i.dis.gd/createPromo",children:"How to create promotion"}),(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(er.k,{label:"Standalone: Trial Promotion Redemption",placeholder:"Promotion Code",value:b,onChange:e=>h(e)}),(0,s.jsx)(eo.m,{text:"Need Promotion Code",shouldShow:b.length<1,children:(0,s.jsx)(G.$,{variant:"primary",text:"Open Link",disabled:b.length<1,onClick:()=>{window.open(N.BVt.BILLING_PROMOTION_REDEMPTION(b))}})})]})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(es.n,{label:"Standalone: Gift/Subscription Purchase",children:[(0,s.jsx)(en.l,{label:"Plan",value:x.plan_id,options:[{id:"tier_2",value:ek.gD.PREMIUM_MONTH_TIER_2,label:"Nitro"},{id:"tier_1",value:ek.gD.PREMIUM_MONTH_TIER_1,label:"Nitro Classic"},{id:"tier_0",value:ek.gD.PREMIUM_MONTH_TIER_0,label:"Nitro Basic"}],onSelectionChange:e=>{v(t=>({...t,plan_id:e}))},selectionMode:"single",fullWidth:!0}),(0,s.jsx)(en.l,{label:"Type",value:x.gift,options:[{id:"gift",value:"true",label:"Gift"},{id:"not_gift",value:"false",label:"Not Gift"}],onSelectionChange:e=>{v(t=>({...t,gift:e}))},selectionMode:"single",fullWidth:!0})]}),(0,s.jsx)(eo.m,{text:"Already subscribed",shouldShow:g,children:(0,s.jsx)(G.$,{variant:"primary",text:"Open Link",disabled:g,onClick:()=>{window.open(N.BVt.BILLING_PREMIUM_SUBSCRIBE+"?"+Z.stringify({...x}))}})}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(es.n,{label:"Redeem Virtual Currency for SKU",children:[(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Virtual Currency Balance:"}),R?(0,s.jsx)("div",{className:U.wG,children:(0,s.jsx)(eu.y,{type:eu.t.SPINNING_CIRCLE})}):(0,s.jsxs)("div",{className:U.dB,children:[null!==k&&(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Error fetching Virtual Currency Balance: ",k.message]}),(0,s.jsx)(H.Gy,{balance:_??0,balanceWidgetMode:H.k7.SELECTED})]})]}),(0,s.jsx)(er.k,{label:"SKU ID",placeholder:"SKU ID",value:O,onChange:e=>L(e)}),(0,s.jsx)(G.$,{variant:"primary",text:"Redeem Virtual Currency for SKU",loading:M,onClick:()=>V(O,(0,d.A)())}),null!=D&&(0,s.jsx)(y.E,{variant:"text-sm/normal",children:D})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(es.n,{label:"Creator Revenue",children:[(0,s.jsx)(en.l,{label:"Premium Server Subscription For",value:E,options:r,onSelectionChange:C,selectionMode:"single",fullWidth:!0}),(0,s.jsx)(y.E,{variant:"text-md/semibold",children:"This is disabled because of a circular dependency"}),(0,s.jsx)(ef.H,{guildId:E?.id,children:(0,s.jsx)(eN,{selectedGuildForGuildSub:E})})]}),(0,s.jsx)(ei.c,{}),(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,children:[(0,s.jsxs)(es.n,{label:"Activities & Application Payment Modals",children:[(0,s.jsx)(er.k,{label:"Application Id",placeholder:"Application Id",value:T,onChange:I}),(0,s.jsx)(er.k,{label:"Sku Id",placeholder:"Sku Id",value:A,onChange:e=>P(e)})]}),(0,s.jsx)(G.$,{variant:"primary",text:"Open App Subs Modal for Activity",onClick:()=>(0,eE.openIAPPurchaseModal)({applicationId:T,skuId:A,openPremiumPaymentModal:()=>!0,analyticsLocations:[],analyticsLocationObject:{page:N.liQ.IN_APP},context:N.BRT.APP})})]}),(0,s.jsx)(ei.c,{}),(0,s.jsx)(ea.B,{direction:"vertical",gap:8,children:(0,s.jsx)(es.n,{label:"Standard Payment Modal Test",children:(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(er.k,{label:"Application Id",hideLabel:!0,placeholder:"Application Id",value:w,onChange:B}),(0,s.jsx)(er.k,{label:"SKU ID",hideLabel:!0,placeholder:"SKU ID",value:$,onChange:e=>W(e)}),(0,s.jsx)(G.$,{variant:"primary",text:"Open Premium Apps Payment Modal for SKU",onClick:()=>(0,ej.q)({applicationId:w,skuId:$,analyticsLocations:j,checkoutFlow:em.CL.PREMIUM_APPS_OTP_CHECKOUT})})]})})}),(0,s.jsx)(ei.c,{}),(0,s.jsx)(es.n,{label:"Helpers",children:(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(G.$,{variant:"primary",text:"Reset SubscriptionPlanStore",onClick:()=>(0,S.YG)()}),(0,s.jsx)(G.$,{variant:"primary",text:"Reset SubscriptionStore",onClick:()=>(0,ep.uZ)()})]})}),(0,s.jsx)(ei.c,{}),(0,s.jsx)(es.n,{label:"Dismissible Content Framework",children:(0,s.jsx)(G.$,{variant:"primary",text:"Reset DismissibleContentFrameworkStore",onClick:()=>(0,ex.Ab)()})})]})})})},controls:{}},{name:"Checkout Error Simulators",id:"checkout-error-boundary",component:e=>{let{errorHandlingBehavior:t,errorType:l}=e,{analyticsLocations:a}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE);return(0,s.jsxs)(p.f5,{value:a,children:[(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,children:[(0,s.jsx)(ec.D,{variant:"heading-lg/semibold",children:"Checkout Error Boundary"}),(0,s.jsxs)(y.E,{variant:"text-md/normal",children:["Opens a ","<PaymentModal>"," with a step that throws to verify ","<CheckoutErrorBoundary>"," catches it and logs to Sentry with checkout context. For a plain Error, the Variant control (close-and-alert vs. rethrow) drives the boundary. For a CheckoutError/RevenueError, the error carries its own behavior \u2014 so Variant is baked into the thrown error and the boundary honors it over its prop."]}),(0,s.jsx)(G.$,{variant:"primary",text:"Open Error Boundary Test Modal",onClick:()=>(function(e,t){let{errorHandlingBehavior:l,errorType:a}=t,n=[{key:m.pn.PLAN_SELECT,renderStep:()=>(0,s.jsx)(eV,{}),renderHeader:()=>(0,s.jsx)(Q.rQ,{title:"Checkout Error Boundary Test"})},{key:m.pn.REVIEW,renderStep:()=>(0,s.jsx)(eS.dZ,{children:(0,s.jsx)(eO,{errorType:a,errorHandlingBehavior:l})})}];function i(){return(0,ed.closeModal)(eD)}return(0,ed.openModalLazy)(async()=>{let t=(e,t,l)=>{console.log("onErrorReported called: ",{error:e,info:t,sentryErrorOptions:l})};return await Promise.resolve(a=>{let{onClose:i,transitionState:r}=a;return(0,s.jsx)(C.M,{activeSubscription:null,stepConfigs:n,skuIDs:[],errorHandlingBehavior:l,onErrorReported:t,children:(0,s.jsx)(j.dX,{isGift:!1,children:(0,s.jsx)(I.q,{transitionState:r,onClose:i,initialPlanId:null,analyticsLocations:e})})})})},{onCloseRequest:i,onCloseCallback:i,modalKey:eD})})(a,{errorHandlingBehavior:t,errorType:l})})]}),(0,s.jsxs)(ea.B,{direction:"vertical",gap:8,padding:{top:16},children:[(0,s.jsx)(ec.D,{variant:"heading-lg/semibold",children:"Other Checkout Errors"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:"Simulate known checkout error from discountOfferHasTierError():"}),(0,s.jsx)(G.$,{variant:"critical-primary",text:"Simulate Error",onClick:()=>void(console.log("Simulating error in discountOfferHasTier()"),(0,eI.U9)({discount:null},ek.pe.TIER_2))})]})]})},controls:{errorHandlingBehavior:{label:"Variant",type:"select",options:[{label:"Close Modal & Show Alert",value:"close-and-alert"},{label:"Crash Client (old default behavior)",value:"rethrow"}],defaultValue:"close-and-alert"},errorType:{label:"Error Type",type:"select",options:[{label:"Mock Error (plain Error \u2192 uses prop behavior)",value:"mock-error"},{label:"CheckoutError (\u2192 uses error behavior)",value:"checkout-error"},{label:"RevenueError (\u2192 uses error behavior)",value:"revenue-error"},{label:"Translation Key Error",value:"translation-key-error"}],defaultValue:"mock-error"}}}]};var ew=l(773882),eU=l(809029),eB=l(158045),eG=l(492518),eH=l(758836);function e$(){return{options:[{value:eH.ck["0"],label:`${eH.ck["0"]} (Cat Ears)`},{value:eH.ck["1"],label:`${eH.ck["1"]} (Angry)`},{value:eH.ck["2"],label:`${eH.ck["2"]} (Aurora Bundle)`},{value:eH.ck["3"],label:`${eH.ck["3"]} (Heartbloom)`},{value:eH.ck["4"],label:`${eH.ck["4"]} (Aurora Dreams)`},{value:eH.ck["5"],label:`${eH.ck["5"]} (Sakura Ink)`},{value:eH.ck["6"],label:`${eH.ck["6"]} (Of Ink and Steel)`},{value:eH.ck["7"],label:`${eH.ck["7"]} (Twilight)`},{value:eH.ck["8"],label:`${eH.ck["8"]} (Red Dragon)`},{value:eH.ck["9"],label:`${eH.ck["9"]} (Aurora)`}],defaultValue:eH.ck["0"]}}let eW=[{key:m.pn.ADD_PAYMENT_STEPS,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.REVIEW,text:"Add Payment Steps Placeholder"}),options:{useBreadcrumbLabel:()=>w.intl.string(w.t.QBnNHq)}},{key:m.pn.CONFIRM,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.REVIEW,text:"Confirm Step Placeholder"}),options:{useBreadcrumbLabel:()=>w.intl.string(w.t.QBnNHq)}},{key:m.pn.PLAN_SELECT,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.REVIEW,text:"Plan Select Step Placeholder"}),options:{useBreadcrumbLabel:()=>w.intl.string(w.t.QBnNHq),modalSizeGetter:e=>{let{isGift:t}=e;return t?"xl":"md"}}}],eF=[{key:m.pn.REVIEW,renderStep:e=>(0,s.jsx)(ew.p,{...e})},...eW],ez=[{key:m.pn.REVIEW,renderStep:e=>(0,s.jsx)(eU.E,{...e})},...eW];function eY(){return(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Purchase button is disabled for this story"})}let eq={isGift:{label:"Is Gift",type:"boolean",defaultValue:!1}},eK=e$(),eJ={name:"Collectibles Review Step",id:"collectibles-checkout-review-step",component:function(e){let{skuId:t,isGift:l}=e,{analyticsLocations:a,loadId:n,handleClose:i,handleComplete:r,isFetching:o,sku:u}=R({skuId:t,isGift:l,applicationId:N.FYj}),d=eB.Ay.isPremiumSku(t);return o||null==u||d?(0,s.jsx)(eG.k,{}):(0,s.jsxs)("div",{className:U.Cd,children:[(0,s.jsx)(M,{stepConfigs:eF,analyticsLocations:a,applicationId:N.FYj,initialPlanId:void 0,skuId:t,isGift:l,loadId:n,purchaseType:N.VVm.ONE_TIME,disablePurchases:!0,excludeSubscriptionPlansBySKU:!0,onClose:i,onComplete:r}),(0,s.jsx)(eY,{})]})},controls:{skuId:{label:"SKU ID",type:"select",options:eK.options,defaultValue:eK.defaultValue},...eq}},eX={name:"Premium Review Step",id:"premium-checkout-review-step",component:e=>{let{skuId:t,isGift:l}=e,{analyticsLocations:a,loadId:n,handleClose:i,handleComplete:r,isFetching:o,sku:d}=R({skuId:t,isGift:l,applicationId:ek.tv}),c=eB.Ay.isPremiumSku(t),p=c?ek.zE[t]:void 0,[m,b]=u.useState(p),h=u.useRef(!1);u.useEffect(()=>{h.current||null==p||(h.current=!0,b(p))},[p,m]);let{isLoadedForPremiumSKUs:y,selectedPlan:f}=function(e){let{subscriptionPlanId:t}=e;u.useEffect(()=>{A.A.isLoadedForPremiumSKUs()||g.h.wait(()=>(0,S.zS)())},[]);let l=(0,x.bG)([A.A],()=>null!=t?A.A.get(t):null);return{isLoadedForPremiumSKUs:(0,x.bG)([A.A],()=>A.A.isLoadedForPremiumSKUs()),selectedPlan:l}}({subscriptionPlanId:m});return!o&&null!=d&&y&&c&&null!=f?(0,s.jsxs)("div",{className:U.Cd,children:[(0,s.jsx)(M,{stepConfigs:ez,analyticsLocations:a,applicationId:ek.tv,initialPlanId:p,skuId:t,isGift:l,loadId:n,purchaseType:N.VVm.SUBSCRIPTION,disablePurchases:!0,onClose:i,onComplete:r}),(0,s.jsx)(eY,{})]}):(0,s.jsx)(eG.k,{})},controls:{skuId:{label:"SKU ID",type:"select",options:[{value:ek.pe.TIER_0,label:`${ek.pe.TIER_0} (Nitro Basic)`},{value:ek.pe.TIER_2,label:`${ek.pe.TIER_2} (Nitro Standard)`}],defaultValue:ek.pe.TIER_0},...eq}};var eZ=l(993077),eQ=l(939249),e0=l(658675),e1=l(478531),e2=l(664111),e3=l(994500),e6=l(287809),e8=l(403362),e7=l(784018),e4=l(668025);let e9={name:"Clip Embed Overlay",id:"clip-embed-overlay",component:function(e){let{videoUrl:t,orientation:l,title:a,autoplay:n}=e,i=(0,ee.yK)([e3.A,e6.default],()=>e3.A.getFriendIDs().map(e=>e6.default.getUser(e)).filter(e8.Vq)),[r,o]=u.useState(new Set),d=u.useCallback((e,t)=>{o(l=>{let a=new Set(l);return t?a.add(e):a.delete(e),a})},[]),c=u.useMemo(()=>Array.from(r),[r]),p=u.useCallback(()=>(0,s.jsx)(e1.A,{title:a,participantIds:c}),[a,c]),m="landscape"===l?640:360;return(0,s.jsxs)("div",{className:e4.iE,children:[(0,s.jsx)("div",{className:e4.j,style:{width:m,height:"landscape"===l?360:640},children:(0,s.jsx)(e2.default,{src:t,initialActive:!1,autoplay:n,orientation:l,renderOverlay:p,parentTransitionState:v.ip.ENTERED})}),(0,s.jsxs)(eZ.Z,{className:e4.nd,type:eZ.s.PRIMARY,style:{width:m},children:[(0,s.jsxs)("div",{className:e4.Iv,children:[(0,s.jsx)(y.E,{variant:"text-sm/semibold",color:"text-default",children:"Participants"}),(0,s.jsxs)(y.E,{variant:"text-xs/normal",color:"text-muted",children:[r.size," selected"]})]}),(0,s.jsx)(ei.c,{}),0===i.length?(0,s.jsx)("div",{className:e4.p$,children:(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"text-muted",children:"No friends found in local store."})}):(0,s.jsx)("div",{className:e4.p_,onScroll:e=>e.stopPropagation(),children:i.map(e=>{let t=r.has(e.id);return(0,s.jsxs)(eQ.D,{className:e4.nM,role:"checkbox","aria-checked":t,onClick:()=>d(e.id,!t),children:[(0,s.jsx)(e0.P,{checked:t}),(0,s.jsx)(z.eu,{src:e.getAvatarURL(void 0,24),size:Y._3.SIZE_24,"aria-hidden":!0}),(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"interactive-text-default",children:e.username})]},e.id)})})]})]})},controls:{videoUrl:{label:"Video URL",type:"text",defaultValue:e7.kz},orientation:{label:"Orientation",type:"select",options:[{label:"Landscape",value:"landscape"},{label:"Portrait",value:"portrait"}],defaultValue:"landscape"},title:{label:"Title",type:"text",defaultValue:"Epic Gaming Moment"},autoplay:{label:"Autoplay",type:"boolean",defaultValue:!1}}};var e5=l(930349);function te(){return(0,s.jsx)("div",{style:{width:"100%",height:"100%",borderRadius:"8px",background:"red"}})}function tt(){return(0,s.jsx)("div",{style:{width:"60%",height:"60%",borderRadius:"50%",background:"red"}})}let tl={label:"Variant",type:"select",defaultValue:"square",options:[{label:"Square",value:"square"},{label:"Bar",value:"bar"}]},ta={title:"Editable Tile Button",stories:[{name:"Add Button",component:function(e){let{variant:t,accessibleLabel:l,accessibleValue:a}=e;return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e5.A,{affordance:"add",variant:t,onClick:()=>{},accessibleLabel:l,accessibleValue:a,renderPreview:()=>(0,s.jsx)(te,{})}),(0,s.jsx)(e5.A,{affordance:"add",variant:t,onClick:()=>{},accessibleLabel:l,accessibleValue:a,renderPreview:()=>(0,s.jsx)(tt,{})})]})},id:"add-tile-button",controls:{variant:tl,accessibleLabel:{label:"Accessible Label",type:"text",defaultValue:"Avatar image"},accessibleValue:{label:"Accessible Value",type:"text",defaultValue:"me.png"}}},{name:"Edit Button",component:function(e){let{variant:t,showOverlayOnHover:l,accessibleLabel:a,accessibleValue:n}=e;return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e5.A,{variant:t,onClick:()=>{},accessibleLabel:a,accessibleValue:n,showOverlayOnHover:l,renderPreview:()=>(0,s.jsx)(te,{})}),(0,s.jsx)(e5.A,{variant:t,onClick:()=>{},accessibleLabel:a,accessibleValue:n,showOverlayOnHover:l,renderPreview:()=>(0,s.jsx)(tt,{})})]})},id:"edit-tile-button",controls:{variant:tl,showOverlayOnHover:{label:"Show Overlay",type:"boolean",defaultValue:!1},accessibleLabel:{label:"Accessible Label",type:"text",defaultValue:"Avatar image"},accessibleValue:{label:"Accessible Value",type:"text",defaultValue:"me.png"}}},{name:"Edit Button - Deletable",component:function(e){let{variant:t,showOverlayOnHover:l,accessibleLabel:a,accessibleValue:n,deleteType:i,deleteAccessibleLabel:r}=e,o={type:i,accessibleLabel:r,onClick:()=>{}};return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e5.A,{variant:t,onClick:()=>{},accessibleLabel:a,accessibleValue:n,showOverlayOnHover:l,affordance:o,renderPreview:()=>(0,s.jsx)(te,{})}),(0,s.jsx)(e5.A,{variant:t,onClick:()=>{},accessibleLabel:a,accessibleValue:n,showOverlayOnHover:l,affordance:o,renderPreview:()=>(0,s.jsx)(tt,{})})]})},id:"deletable-edit-tile-button",controls:{variant:tl,showOverlayOnHover:{label:"Show Overlay",type:"boolean",defaultValue:!1},accessibleLabel:{label:"Accessible Label",type:"text",defaultValue:"Avatar image"},accessibleValue:{label:"Accessible Value",type:"text",defaultValue:"me.png"},deleteType:{label:"Delete Button Type",type:"select",defaultValue:"remove",options:[{label:"Remove",value:"remove"},{label:"Reset",value:"reset"}]},deleteAccessibleLabel:{label:"Delete Aria Label",type:"text",defaultValue:"Remove decoration"}}}]};var tn=l(687021),ti=l(487233),tr=l(120386),to=l(374654);let ts={value:"",label:"No Guild (main profile)"};var tu=l(99696),td=l(599147),tc=l(808411),tp=l(461536),tm=l(425713),tb=l(277135);let th={bronze:ek.Ac.PREMIUM_TENURE_1_MONTH,silver:ek.Ac.PREMIUM_TENURE_3_MONTH,gold:ek.Ac.PREMIUM_TENURE_6_MONTH,platinum:ek.Ac.PREMIUM_TENURE_12_MONTH,diamond:ek.Ac.PREMIUM_TENURE_24_MONTH,emerald:ek.Ac.PREMIUM_TENURE_36_MONTH,ruby:ek.Ac.PREMIUM_TENURE_60_MONTH,opal:ek.Ac.PREMIUM_TENURE_72_MONTH};var tx=l(661531),ty=l(116833),tf=l(720879);let tv={bronze:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_BRONZE_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_BRONZE_END},silver:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_SILVER_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_SILVER_END},gold:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_GOLD_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_GOLD_END},platinum:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_PLATINUM_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_PLATINUM_END},diamond:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_DIAMOND_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_DIAMOND_END},emerald:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_EMERALD_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_EMERALD_END},ruby:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_RUBY_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_RUBY_END},opal:{type:"custom",start:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_OPAL_START,end:tx.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_OPAL_END}};var tg=l(624716),tE=l(872725);let tS={name:"Expressive Progress",component:tc.A,id:"expressive-progress",controls:{}},tC={name:"Tab Tooltip",component:tg.A,id:"tab-tooltip",controls:{}},tj={title:"Nitro Components",stories:[{name:"AnimatedBorderCard",component:function(e){return(0,s.jsx)("div",{style:{maxWidth:400},children:(0,s.jsx)(tE.A,{fit:e.fit,glowAmount:e.glowAmount,blurAmount:e.blurAmount,hueRotate:e.hueRotate,cardType:eZ.s.PRIMARY,glowing:!0,children:(0,s.jsxs)("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:8},children:[(0,s.jsx)(ec.D,{variant:"heading-lg/semibold",children:"Card Title"}),(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"text-default",children:"This is sample card content using design system tokens."}),(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"text-muted",children:"This is more sample content."})]})},e.fit)})},id:"animated-border-card",controls:{fit:{label:"Fit",type:"select",defaultValue:"layout",options:[{label:"Contain",value:"contain"},{label:"Cover",value:"cover"},{label:"Fill",value:"fill"},{label:"Fit Width",value:"fit-width"},{label:"Fit Height",value:"fit-height"},{label:"None",value:"none"},{label:"Scale Down",value:"scale-down"},{label:"Layout",value:"layout"}]},glowAmount:{label:"Glow Amount (px)",type:"slider",defaultValue:8,minValue:0,maxValue:50},blurAmount:{label:"Blur Amount (px)",type:"slider",defaultValue:30,minValue:0,maxValue:100},hueRotate:{label:"Hue Rotate (deg)",type:"slider",defaultValue:0,minValue:0,maxValue:360}}},{name:"Cancellation Flow",component:function(){return(0,s.jsx)(td.o,{})},id:"cancellation-flow",controls:{}},tS,{name:"Mini Premium Tooltip",component:function(e){let{badgeId:t,earnedOnText:l,variant:a}=e,n=u.useRef(null),i=u.useRef(null),r=th[t],o=(0,tm.I)(r).standard,d=ek.VD[r].rarity,c=(w.intl.string(w.t.lG6a5x)+" "+w.intl.string(ek.VD[r].nameUnformatted)).toLocaleUpperCase();return(0,s.jsxs)("div",{children:[(0,s.jsx)(y.E,{variant:"text-md/normal",color:"text-muted",children:'Hover or focus a badge to see the mini tooltip. Renders as `role="tooltip"` \u2014 title and body are announced via `aria-describedby` injected on the trigger by MiniPremiumTooltip.'}),(0,s.jsxs)("div",{className:tb.k3,children:[(0,s.jsx)("span",{className:tb.yU,children:(0,s.jsx)(tp.K,{targetElementRef:n,title:c,body:l,badgeImage:o,badgeName:c,rarity:d,variant:a,children:(0,s.jsx)(f.Anchor,{href:"#",ref:n,"aria-label":w.intl.string(w.t["JEiq/c"]),children:(0,s.jsx)("img",{alt:" ","aria-hidden":!0,src:o,className:tb.Jv})})})}),(0,s.jsx)("span",{className:tb.yU,children:(0,s.jsx)(tp.K,{targetElementRef:i,title:c,body:l,badgeImage:o,badgeName:c,rarity:d,variant:a,children:(0,s.jsx)(f.Anchor,{href:"#",ref:i,"aria-label":w.intl.string(w.t["JEiq/c"]),children:(0,s.jsx)("img",{alt:" ","aria-hidden":!0,src:o,className:tb.Jv})})})})]})]})},id:"mini-premium-tooltip",controls:{badgeId:{label:"Badge",type:"select",defaultValue:"diamond",options:[{label:"Bronze (1 Month)",value:"bronze"},{label:"Silver (3 Month)",value:"silver"},{label:"Gold (6 Month)",value:"gold"},{label:"Platinum (12 Month)",value:"platinum"},{label:"Diamond (24 Month)",value:"diamond"},{label:"Emerald (36 Month)",value:"emerald"},{label:"Ruby (60 Month)",value:"ruby"},{label:"Opal (72 Month)",value:"opal"}]},earnedOnText:{label:"Earned-on text",type:"text",defaultValue:"Earned on 4/20/24"},variant:{label:"Variant",type:"select",defaultValue:"nitro",options:[{label:"Default",value:"default"},{label:"Nitro (italic uppercase)",value:"nitro"}]}}},{name:"Premium Tooltip",component:function(e){let{title:t,body:l,showGraphic:a,showActions:n,badgeId:i,showProgress:r,progressCircleText:o,progressCirclePercent:d,progressCircleUrgency:c,delay:p,size:m,gradientColor:b,estimatedTooltipHeight:h}=e,x=u.useRef(null),f=u.useRef(null),v=u.useMemo(()=>({bronze:ek.Ac.PREMIUM_TENURE_1_MONTH,silver:ek.Ac.PREMIUM_TENURE_3_MONTH,gold:ek.Ac.PREMIUM_TENURE_6_MONTH,platinum:ek.Ac.PREMIUM_TENURE_12_MONTH,diamond:ek.Ac.PREMIUM_TENURE_24_MONTH,emerald:ek.Ac.PREMIUM_TENURE_36_MONTH,ruby:ek.Ac.PREMIUM_TENURE_60_MONTH,opal:ek.Ac.PREMIUM_TENURE_72_MONTH})[i],[i]),g=null!=v?(0,tm.I)(v).standard:null,E=u.useMemo(()=>{if(null==v)return"";let e=ek.VD[v];return(w.intl.string(w.t.lG6a5x)+" "+w.intl.string(e.nameUnformatted)).toLocaleUpperCase()},[v]),S=u.useMemo(()=>{if(!a||null==g)return;let e=r?{progressCircleText:o,progressCirclePercent:d,progressCircleUrgency:c}:{};return{type:"dynamic",component:ty.DynamicGraphicComponent.BADGE_IMAGE_WITH_PROGRESS_CIRCLE,aspectRatio:"6/4",props:{src:g,alt:E,...e}}},[a,g,E,r,o,d,c]),C={title:t,body:l,graphic:S,actions:u.useMemo(()=>{if(n)return[{text:"Got it",variant:"primary"}]},[n]),delay:p,size:m,gradientColor:u.useMemo(()=>"string"==typeof b&&b in tv?tv[b]:b,[b]),estimatedTooltipHeight:h};return(0,s.jsxs)("div",{children:[(0,s.jsx)(y.E,{variant:"text-md/normal",color:"text-muted",children:"Hover or focus these buttons."}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:"16px",width:"100%",marginTop:"200px"},children:[(0,s.jsx)(tf.L,{targetElementRef:x,...C,children:(0,s.jsx)(G.$,{buttonRef:x,variant:"primary",text:"Left"})}),(0,s.jsx)(tf.L,{targetElementRef:f,...C,children:(0,s.jsx)(G.$,{buttonRef:f,variant:"primary",text:"Right"})})]})]})},id:"premium-tooltip",controls:{title:{label:"Title",type:"text",defaultValue:w.intl.string(w.t.lG6a5x).toUpperCase()},body:{label:"Body",type:"text",defaultValue:"This is an example of a premium tooltip (poptip?) with customizable content."},showGraphic:{label:"Show Graphic",type:"boolean",defaultValue:!0},showActions:{label:"Show Actions",type:"boolean",defaultValue:!1},badgeId:{label:"Badge",type:"select",defaultValue:"gold",options:[{label:"Bronze (1 Month)",value:"bronze"},{label:"Silver (3 Month)",value:"silver"},{label:"Gold (6 Month)",value:"gold"},{label:"Platinum (12 Month)",value:"platinum"},{label:"Diamond (24 Month)",value:"diamond"},{label:"Emerald (36 Month)",value:"emerald"},{label:"Ruby (60 Month)",value:"ruby"},{label:"Opal (72 Month)",value:"opal"}]},gradientColor:{label:"Gradient Color",type:"select",defaultValue:"gold",options:[{label:"Nitro Pink",value:"nitro-pink"},{label:"Nitro Green",value:"nitro-green"},{label:"Green",value:"green"},{label:"Purple",value:"purple"},{label:"Bronze (1 Month)",value:"bronze"},{label:"Silver (3 Month)",value:"silver"},{label:"Gold (6 Month)",value:"gold"},{label:"Platinum (12 Month)",value:"platinum"},{label:"Diamond (24 Month)",value:"diamond"},{label:"Emerald (36 Month)",value:"emerald"},{label:"Ruby (60 Month)",value:"ruby"},{label:"Opal (72 Month)",value:"opal"}]},size:{label:"Size",type:"select",defaultValue:"lg",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"},{label:"Video",value:"video"}]},showProgress:{label:"Show Progress",type:"boolean",defaultValue:!0},progressCircleText:{label:"Progress Text",type:"text",defaultValue:"15"},progressCirclePercent:{label:"Progress Percent",type:"number",defaultValue:50},progressCircleUrgency:{label:"Progress Urgency",type:"select",defaultValue:"warning",options:[{label:"Warning",value:"warning"},{label:"Critical",value:"critical"}]},delay:{label:"Delay (ms)",type:"number",defaultValue:300},estimatedTooltipHeight:{label:"Estimated Tooltip Height (px)",type:"number",defaultValue:300}}},tC]};var tT=l(691540),tI=l(857250),tA=l(97483),tP=l(750338),t_=l(387640),tR=l(576765),tk=l(88433);let tM={none:void 0,nitroWheel:r.t},tN={name:"Bento Box",component:function(e){let{title:t,description:l,ctaMode:a,descriptionCtaText:n,action1Text:i,action1Variant:r,action2Text:o,action2Variant:u,icon:d,iconPosition:c,index:p,size:m,badgeText:b,badgeVariant:h,isReducedMotion:x,previewImageStyle:y}=e;function f(){return(0,tT.P0)((0,tI.o)("CTA clicked!",tA.Ck.SUCCESS))}let v=tM[d],g="descriptionCta"===a?{descriptionCta:n,onClick:f}:"actions"===a?{actions:[{text:i,variant:r,onClick:f,...null!=v?{icon:v,iconPosition:c}:{}},...o.length>0?[{text:o,variant:u,onClick:f}]:[]]}:{};return(0,s.jsx)("div",{children:(0,s.jsx)(tP.A,{name:t_.NI.EMOJIS,title:t,description:l,previewImage:tR.A,videoUrl:tk.A,shouldLoadVideo:!0,index:p,size:m,badgeText:b.length>0?b:void 0,badgeVariant:h,isReducedMotion:x,previewImageStyle:y,...g})})},id:"bento-box",controls:{title:{label:"Title",type:"text",defaultValue:"Express yourself with emoji"},description:{label:"Description",type:"text",defaultValue:"Use any emoji anywhere \u2014 even in servers that don't have them unlocked."},ctaMode:{label:"CTA Mode",type:"select",defaultValue:"descriptionCta",options:[{label:"descriptionCta + onClick",value:"descriptionCta"},{label:"actions",value:"actions"},{label:"None",value:"none"}]},descriptionCtaText:{label:"descriptionCta Text",type:"text",defaultValue:"Take me there"},action1Text:{label:"Action 1 Text",type:"text",defaultValue:"Primary action"},action1Variant:{label:"Action 1 Variant",type:"select",defaultValue:"primary",options:[{label:"Primary",value:"primary"},{label:"Secondary",value:"secondary"}]},action2Text:{label:"Action 2 Text (leave empty to hide)",type:"text",defaultValue:"Secondary action"},action2Variant:{label:"Action 2 Variant",type:"select",defaultValue:"secondary",options:[{label:"Primary",value:"primary"},{label:"Secondary",value:"secondary"}]},icon:{label:"Action 1 Icon (actions mode only)",type:"select",defaultValue:"none",options:[{label:"None",value:"none"},{label:"Nitro Wheel",value:"nitroWheel"}]},iconPosition:{label:"Action 1 Icon Position (actions mode only)",type:"select",defaultValue:"start",options:[{label:"Start",value:"start"},{label:"End",value:"end"}]},index:{label:"Index",type:"number",defaultValue:0},size:{label:"Size",type:"select",defaultValue:t_.A0.LARGE,options:[{label:"Small",value:t_.A0.SMALL},{label:"Medium",value:t_.A0.MEDIUM},{label:"Large",value:t_.A0.LARGE}]},badgeText:{label:"Badge Text",type:"text",defaultValue:""},badgeVariant:{label:"Badge Variant",type:"select",defaultValue:"gradient",options:[{label:"Gradient",value:"gradient"},{label:"Expressive",value:"expressive"}]},isReducedMotion:{label:"Reduced Motion",type:"boolean",defaultValue:!1},previewImageStyle:{label:"Preview Image Style",type:"select",defaultValue:t_.Tb.CONTAINED,options:[{label:"Contained",value:t_.Tb.CONTAINED},{label:"Overlay",value:t_.Tb.OVERLAY}]}}};var tD=l(398590),tV=l(920050),tO=l(744064),tL=l(976860);let tw={title:"Perks",stories:[{name:"Perk Card",component:function(e){let{...t}=e;return(0,s.jsxs)("div",{style:{maxWidth:"100%",width:t.featured?752:364},children:[(0,s.jsx)(tO.S,{...t,id:"test-id",progress:null!=t.progress&&t.progress>0?t.progress:void 0,onCtaClick:()=>(0,tT.P0)((0,tI.o)("CTA Clicked!",tA.Ck.SUCCESS))}),(0,s.jsx)(tU,{})]})},id:"perk-card",controls:{title:{label:"Title",type:"text",defaultValue:"Perk Title"},description:{label:"Description",type:"text",defaultValue:"This is the perk description. When hovered or focused, it will be revealed in full."},caption:{label:"Caption",type:"text",defaultValue:""},pillText:{label:"Pill Text",type:"text",defaultValue:""},primaryAsset:{label:"Primary Asset",type:"text",defaultValue:"https://i.imgur.com/xJL1c3t.png"},backgroundAssetUrl:{label:"Background Asset",type:"text",defaultValue:""},ctaText:{label:"CTA Text",type:"text",defaultValue:"Learn More"},progress:{label:"Progress (0 - 1.0)",type:"slider",defaultValue:0,minValue:0,maxValue:1},featured:{label:"Featured",type:"boolean",defaultValue:!1},glowing:{label:"Glowing",type:"boolean",defaultValue:!1},blurTint:{label:"Blur Tint",type:"color",defaultValue:void 0}}}]};function tU(){let[e,t]=(0,u.useState)("customSounds"),l=`${N.BVt.NITRO_HOME}?perk=${e}`;return(0,s.jsxs)("div",{style:{marginTop:64,display:"flex",flexDirection:"column",gap:10},children:[(0,s.jsx)(er.k,{label:"Deep Linking",value:e,onChange:e=>t(e),placeholder:"Perk ID"}),(0,s.jsx)(G.$,{text:"Test Deep Link",variant:"primary",size:"sm",onClick:()=>{(0,tD.jH)(),(0,tL.pX)(N.BVt.ME),setTimeout(()=>(0,tL.pX)(l),200)}}),(0,s.jsxs)(y.E,{variant:"text-xs/normal",color:"text-muted",style:{userSelect:"text"},children:["IDs from PerkCardIds.tsx:",(0,s.jsx)("ul",{style:{margin:"4px 0 0",paddingLeft:24,listStyleType:"disc",columns:3,columnGap:24},children:Object.values(tV).map(e=>(0,s.jsx)("li",{children:e},e))})]})]})}var tB=l(52822),tG=l(339984);let tH=[{id:"avatar_decoration",label:"Avatar Decoration",value:ek.e.AVATAR_DECORATION_MODAL_UPSELL},{id:"profile_effect",label:"Profile Effect",value:ek.e.PROFILE_EFFECT_MODAL_UPSELL},{id:"nameplate",label:"Nameplate",value:ek.e.NAMEPLATE_MODAL_UPSELL}],t$={[ek.e.AVATAR_DECORATION_MODAL_UPSELL]:{title:"Express Yourself with Avatar Decorations",body:"Stand out with unique avatar decorations exclusive to Nitro subscribers."},[ek.e.PROFILE_EFFECT_MODAL_UPSELL]:{title:"Animate Your Profile with Profile Effects",body:"Add dynamic effects to your profile with Nitro."},[ek.e.NAMEPLATE_MODAL_UPSELL]:{title:"Personalize with a Nameplate",body:"Show off your style with a custom nameplate, available with Nitro."}},tW=[{id:"near_limit",label:"Near Limit (99 guilds)",value:99},{id:"at_limit",label:"At Limit (100 guilds)",value:N.qlD}],tF=[{id:"avatar",label:"Avatar",value:tG.HL.AVATAR},{id:"banner",label:"Banner",value:tG.HL.BANNER}];var tz=l(652165);let tY="1271174907081789524",tq={name:"Orb Checkout Modals",id:"orb-checkout-modal",component:function(e){let{skuId:t}=e;return(0,s.jsx)("div",{className:U.YG,children:(0,s.jsx)(G.$,{onClick:()=>{(0,tz.B4)({skuId:t,onComplete:e=>{console.log(`Orb Checkout Success for SKU: ${t}. Entitlement(s): `,e?.entitlements,Date.now())},onCloseCallback:()=>{console.log("Orb Checkout Closed")}})},text:`Open Orb Checkout for Custom SKU: ${t}`})})},controls:{skuId:{label:"SKU ID",type:"select",options:[{skuId:"1342211853484429445",skuName:"Orb Profile Badge"},{skuId:"1427463138634109026",skuName:"Magic Mists (Deco)"},{skuId:"1332505467980873728",skuName:"Pondering Portal (Deco)"},{skuId:tY,skuName:"Oni's Curse (Deco)"}].map(e=>{let{skuId:t,skuName:l}=e;return{label:l,value:t}}),defaultValue:tY}}};var tK=l(324861),tJ=l(73079),tX=l(818348),tZ=l(336899),tQ=l(877062);let t0={name:"Deep Link Test",id:"deep-link-test",component:function(e){let{deepLinkUrl:t}=e;return(0,s.jsx)(C.M,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Deep Link Test"}),(0,s.jsx)(tB.Hq,{label:"Test Deeplinking with a Custom Path",direction:"vertical",children:(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:"Test Deeplink",onClick:function(){console.log("Opening deep link... ",t),tQ.A.launch(t,e=>{console.log("onDone response: ",e)})}})})]})})},controls:{deepLinkUrl:{label:"Deep Link URL",type:"text",defaultValue:`discord://${location.host}/feature/apple-payment-link`}}};var t1=l(636537),t2=l(192087),t3=l(295405),t6=l(71532);let t8=e$();async function t7(e){return(await t1.Bo.post({url:N.Rsh.ORDER_SIGN(e),rejectWithError:!0})).body}async function t4(e){return(await t1.Bo.get({url:N.Rsh.ORDER_UPDATE(e),rejectWithError:!0})).body}async function t9(e,t){await t1.Bo.patch({url:N.Rsh.ORDER_UPDATE(e),body:{billing_facet:{payment_source_id:t}},rejectWithError:!0})}function t5(){let[e,t]=u.useState(!1),[l,a]=u.useState(!1),[n,i]=u.useState(null),[r,o]=u.useState(null),[d,c]=u.useState(t8.defaultValue),[p,m]=u.useState(null),b=(0,ee.bG)([t3.A],()=>t3.A.paymentSources),h=(0,ee.bG)([t3.A],()=>t3.A.hasFetchedPaymentSources),x=(0,ee.bG)([t3.A],()=>t3.A.defaultPaymentSourceId);u.useEffect(()=>{h||(0,ep.$o)()},[h]),u.useEffect(()=>{null!=x&&null==p&&m(x)},[x,p]);let f=u.useRef(null);u.useEffect(()=>{if(null==r||""===r){f.current=p;return}if(p!==f.current){if(null==p||""===p){f.current=p;return}t9(r,p).then(()=>{i(`Order updated successfully!
Order ID: ${r}
Payment source changed.`)}).catch(e=>{let t=e instanceof Error?e.message:String(e);i(`Failed to update order: ${t}`)}),f.current=p}},[r,p]);let v=u.useMemo(()=>Object.values(b).map(e=>{var t;let l,a=(t=e.type,null!=(l=t2.w[t])?l():String(t));if(e.type===tX.he.CARD&&"last4"in e){let t=e.last4??"",l=e.brand??"Unknown";a+=` - ****${t} (${l})`}else null!=e.brand&&""!==e.brand&&(a+=` - ${e.brand}`);return{id:e.id,value:e.id,label:a}}),[b]);async function g(){if(null==p||""===p)return void i("Please select a payment source first.");if(null==d||""===d||d===N.dJq)return void i("Please select a SKU ID.");t(!0),i(null),o(null);try{let e=await (0,E.Aj)(d,p,"US",!1,{gift_style:null,recipient_id:void 0,custom_message:void 0,emoji_id:void 0,emoji_name:void 0,sound_id:void 0,reward_sku_ids:void 0});o(e),i(`Order created successfully! Order ID: ${e}`)}catch(t){let e=t instanceof Error?t.message:String(t);i(`Failed to create order: ${e}`)}finally{t(!1)}}async function S(){if(null==r||""===r)return void i("No order ID available. Please create an order first.");a(!0);try{let e=await t7(r);if(null==e.errors){i(`Order signed successfully! Order ID: ${r}`),o(null);return}let t=e.errors[0];if(1e3===t)i(`Order signing in progress!
Order ID: ${r}
This order requires additional authentication (3DS).`),(async()=>{try{let t=e.billing_facet;if(null==t)throw Error("Order does not have billing facet information");let l=t.order_signing_deferral_context;if(null==l)throw Error("Order does not have payment redirect context");let a=l.stripe_3ds_context;if(null==a)throw Error("Order does not have 3DS context information");let n=await (0,t6.Cv)();if(null==n)throw Error("Stripe not loaded");let s=a.client_secret;if(null==s||""===s)throw Error("No client secret found in 3DS context");let{error:u,paymentIntent:d}=await n.confirmCardPayment(s,{payment_method:a.payment_method_id});if(null!=u)throw Error(`3DS authentication failed: ${u.message}`);if(null==d)throw Error("No payment intent returned from 3DS authentication");let c=e.id??r??"Unknown";o(null),i(`3DS authentication completed successfully!
Order ID: ${c}`)}catch(a){let t=a instanceof Error?a.message:String(a),l=e.id??r??"Unknown";i(`Failed to complete 3DS!
Order ID: ${l}
Error: ${t}`)}})();else 1001===t?(i(`Order signing in progress!
Order ID: ${r}
This order requires redirection to complete the payment.
Polling order status...`),function(e,t,l,a){let n=e.billing_facet,i=n?.order_signing_deferral_context?.payment_redirect_context,r=i?.redirect_url;null!=r&&window.open(r);let o=Date.now(),s=null;function u(){let e=Date.now()-o,a=Math.min(3e3,3e4-e);a>0&&(s=setTimeout(()=>{c().catch(e=>{let a=e instanceof Error?e.message:String(e);l(`Failed to poll order status!
Order ID: ${t}
Error: ${a}`)})},a))}function d(){null!=s&&clearTimeout(s)}async function c(){let e=Date.now()-o;if(e>=3e4){try{var n;n=(await t4(t)).status,l(`Order signing timed out.
Order ID: ${t}
Status: ${n??"unknown"}
Please check the order status manually.`),d()}catch(a){let e=a instanceof Error?a.message:String(a);l(`Order signing timed out.
Order ID: ${t}
Error: ${e}`),d()}return}try{let e=(await t4(t)).status;if(2===e){l(`Order signed successfully!
Order ID: ${t}
Payment redirect completed.`),a(null),d();return}if(1===e){l(`Order signed unsuccessfully
Order ID: ${t}`),d();return}u()}catch(n){let a=n instanceof Error?n.message:String(n);e<3e4?u():(l(`Order signing timed out.
Order ID: ${t}
Error: ${a}`),d())}}c().catch(e=>{let a=e instanceof Error?e.message:String(e);l(`Failed to start polling order status!
Order ID: ${t}
Error: ${a}`)})}(e,r,i,o)):i(`Order signing failed
Order ID: ${r}
Error: ${t}`)}catch(t){let e=t instanceof Error?t.message:String(t);i(`Failed to sign order: ${e}`)}finally{a(!1)}}return(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Order SKU Test"}),(0,s.jsxs)(tB.Hq,{label:"Test Order Creation, Signing & 3DS",direction:"vertical",children:[(0,s.jsx)(y.E,{variant:"text-md/normal",className:tZ.cW,children:"This section tests the orderSKU function, order signing, and 3DS authentication. Select SKU ID and payment source from the dropdowns below. Check the console for detailed logs."}),(0,s.jsxs)(es.n,{label:"Configuration",children:[(0,s.jsx)("div",{style:{marginBottom:"16px"},children:(0,s.jsx)(en.l,{selectionMode:"single",value:d,onSelectionChange:c,options:t8.options,formatOption:e=>{let{value:t,label:l}=e;return{id:t,value:t,label:l}},placeholder:"Select a SKU...",label:"SKU ID",clearable:!0})}),(0,s.jsxs)("div",{style:{marginBottom:"16px"},children:[(0,s.jsx)(en.l,{selectionMode:"single",value:p,onSelectionChange:m,options:v,placeholder:"Select a payment source...",disabled:!h,label:"Payment Source",clearable:!0}),!h&&(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"text-muted",className:tZ.cW,children:"Loading payment sources..."})]})]}),(0,s.jsxs)("div",{style:{display:"flex",gap:"8px",marginBottom:"8px",flexWrap:"wrap"},children:[(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:e?"Creating Order...":"Create Order",onClick:g,disabled:e||null==p||""===p||null==d||""===d||d===N.dJq}),(0,s.jsx)(G.$,{variant:"secondary",size:"sm",text:l?"Signing Order...":"Sign Order",onClick:S,disabled:l||null==r||""===r})]}),null!=n&&(0,s.jsx)("div",{className:tZ.cW,children:n.split("\n").map((e,t)=>(0,s.jsx)(y.E,{variant:"text-md/normal",style:{display:"block",marginBottom:t<n.split("\n").length-1?"4px":"0"},children:e},t))})]})]})}var le=l(405139),lt=l(19311),ll=l(869177);function la(e){let t=u.useRef(null),l={paymentLabel:w.intl.string(w.t.ZURqX0),paymentRequestRef:t,onStripePaymentMethodReceived:()=>{},onPaymentRequestFailure:()=>{},onValidPaymentRequest:()=>{},onChooseType:()=>{},loadingComponent:(0,s.jsx)(eu.y,{style:{marginTop:16},type:eu.t.PULSING_ELLIPSIS})};return e.renderStepBody?(0,s.jsx)(ll.V,{...l,...e}):"applePay"===e.paymentRequestWallet?(0,s.jsx)(le.Mv,{...l,...e}):(0,s.jsx)(le.dP,{...l,...e})}function ln(e){let{paymentRequestWallet:t}=e,l=u.useRef(null),[a,n]=u.useState(!1);return(0,s.jsx)(tB.e_,{footer:(0,s.jsx)(lt.Ay,{primaryCTA:lt.Ay.CTAType.CONTINUE,primaryText:w.intl.string("applePay"===t?w.t.WoXvJL:w.t.wnVVr0),primaryDisabled:!a,onPrimary:()=>void(null!=l.current&&l.current.show()),onBack:()=>{}}),children:(0,s.jsx)(la,{renderConnectorView:!0,renderStepBody:!0,paymentRequestWallet:t,paymentRequestRef:l,onValidPaymentRequest:()=>n(!0)})})}var li=l(150934),lr=l(36167);let lo=[{id:"tier_2",value:ek.gD.PREMIUM_MONTH_TIER_2,label:"Nitro (Monthly)"},{id:"tier_1",value:ek.gD.PREMIUM_MONTH_TIER_1,label:"Nitro Classic (Monthly)"},{id:"tier_0",value:ek.gD.PREMIUM_MONTH_TIER_0,label:"Nitro Basic (Monthly)"}],ls=[{id:"meta_quest",value:_.uH.META_QUEST_WEB_REDIRECT_CHECKOUT,label:"Meta Quest Web Redirect Checkout"}];function lu(){let[e,t]=u.useState(null);return{error:e,handleSuccess:u.useCallback((e,l)=>{l.searchParams.append("handoff_token",e.body.handoff_token);let a=l.href;t(null),window.open(a,"_blank")},[]),handleFailure:u.useCallback((e,l)=>{t(`Failed to generate handoff for ${l}`)},[])}}function ld(e){let{flowType:t}=e,[l,a]=u.useState(ek.gD.PREMIUM_MONTH_TIER_2),[n,i]=u.useState(!1),{error:r,handleSuccess:o,handleFailure:c}=lu(),p=u.useCallback(()=>{let e=(0,d.A)();(0,lr.OD)({planId:l,isGift:n,loadId:e,flowType:t},o,c)},[l,n,t,o,c]);return(0,s.jsxs)(tB.Hq,{label:"Nitro Checkout",direction:"vertical",children:[(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(en.l,{label:"Plan",value:l,options:lo,onSelectionChange:a,selectionMode:"single",fullWidth:!0}),(0,s.jsx)(en.l,{label:"Gift",value:n?"true":"false",options:[{id:"no",value:"false",label:"No"},{id:"yes",value:"true",label:"Yes"}],onSelectionChange:e=>i("true"===e),selectionMode:"single",fullWidth:!0})]}),(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:"Open Nitro Checkout",onClick:p}),null!=r&&(0,s.jsx)(y.E,{variant:"text-xs/normal",color:"text-feedback-critical",children:r})]})}function lc(e){let{flowType:t}=e,{error:l,handleSuccess:a,handleFailure:n}=lu(),i=u.useCallback(()=>{if(null==t)return;let e=(0,d.A)(),l=N.BVt.BILLING_MANAGE_SUBSCRIPTION_WITH_FLOW_TYPE(t,e);(0,lr.xq)(l,a,n)},[t,a,n]);return(0,s.jsxs)(tB.Hq,{label:"Manage Subscription",direction:"vertical",children:[(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:"Open Manage Subscription",onClick:i,disabled:null==t}),null!=l&&(0,s.jsx)(y.E,{variant:"text-xs/normal",color:"text-feedback-critical",children:l})]})}function lp(e){let{flowType:t}=e,[l,a]=u.useState(""),{error:n,handleSuccess:i,handleFailure:r}=lu(),o=u.useCallback(()=>{if(0===l.length||null==t)return;let e=(0,d.A)(),a=N.BVt.BILLING_STANDALONE_GUILD_BOOST_CHECKOUT_PAGE(l,void 0,e,t);(0,lr.xq)(a,i,r)},[l,i,r,t]);return(0,s.jsxs)(tB.Hq,{label:"Guild Boosts",direction:"vertical",children:[(0,s.jsx)(er.k,{label:"Guild ID",placeholder:"Guild ID",value:l,onChange:a}),(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:"Open Guild Boost Checkout",disabled:0===l.length||null==t,onClick:o}),null!=n&&(0,s.jsx)(y.E,{variant:"text-xs/normal",color:"text-feedback-critical",children:n})]})}var lm=l(643909),lb=l(103557),lh=l(558179);let lx={DEFAULT:"Express Checkout Element - Default (No Config)",GPAY_FILTERED:"Express Checkout Element - Filtered for Google Pay",APPLE_PAY_FILTERED:"Express Checkout Element - Filtered for Apple Pay",APPLE_AND_GPAY_DISABLED:"Express Checkout Element - Google Pay and Apple Pay Disabled",CONFIGURABLE:"Express Checkout Element - Configurable"},ly={GPAY_FILTERED:{wallets:{googlePay:"always",applePay:"never"}},APPLE_PAY_FILTERED:{wallets:{googlePay:"never",applePay:"always"}},APPLE_AND_GPAY_DISABLED:{wallets:{googlePay:"never",applePay:"never"}}},lf={appearance:{theme:"flat",variables:{spacingUnit:"12px",borderRadius:"36px"}}},lv={buttonType:{googlePay:"pay",applePay:"book"},buttonTheme:{applePay:"black",googlePay:"white"},buttonHeight:40};function lg(e){return void 0!==e?JSON.stringify(e,null,2):"undefined"}function lE(){let[e,t]=u.useState(lg(lf)),[l,a]=u.useState(lf),[n,i]=u.useState(lg(lv)),[r,o]=u.useState(lv),[d,c]=u.useState(null),[p,m]=u.useState((0,s.jsx)(tB.a8,{errorLabel:lx.CONFIGURABLE,elementOptions:lf,children:(0,s.jsx)(lm.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:lv})}));return(0,s.jsxs)("div",{children:[(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tZ.cW,children:["Try configuring options for the Stripe Element container and Express Checkout Element here. Not all settings will change the appearance or functionality of the checkout button - use this to figure out the customizability of the Express Checkout Element.",(0,s.jsx)("br",{}),(0,s.jsx)("br",{}),"Start by changing the `borderRadius` or `buttonHeight` as a test!"]}),(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tZ.cW,children:[(0,s.jsx)("b",{children:"elements.options:"}),(0,s.jsx)("br",{}),(0,s.jsx)(tB.Tu,{href:"https://github.com/stripe/stripe-js/blob/master/types/stripe-js/elements-group.d.ts#L632"})]}),(0,s.jsx)("div",{className:tZ.PC,children:(0,s.jsx)(lb.f,{placeholder:"Stripe Elements Container Options",showCharacterCount:!0,value:e,onChange:t,rows:7})}),(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tZ.cW,children:[(0,s.jsx)("b",{children:"expressCheckoutElement.options:"}),(0,s.jsx)("br",{}),(0,s.jsx)(tB.Tu,{href:"https://github.com/stripe/stripe-js/blob/master/types/stripe-js/elements/express-checkout.d.ts#L314"}),(0,s.jsx)("br",{}),(0,s.jsx)(tB.Tu,{href:"https://docs.stripe.com/elements/express-checkout-element/migration#customize-express-checkout-element"})]}),(0,s.jsx)("div",{className:tZ.PC,children:(0,s.jsx)(lb.f,{placeholder:"Stripe Express Checkout Element Options",showCharacterCount:!0,value:n,onChange:i,rows:7})}),null!=d&&(0,s.jsx)(y.E,{variant:"text-md/normal",color:"text-feedback-critical",children:d}),(0,s.jsx)("div",{"data-button-hoisted-classname-wrapper":!0,className:tZ.Ut,children:(0,s.jsx)(G.$,{variant:"primary",size:"sm",text:"Apply Changes",onClick:function(){try{let t=JSON.parse(e),l=JSON.parse(n);m(null),m((0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tZ.cW,children:["Element updated at: ",new Date().toString()]}),(0,s.jsx)(tB.a8,{errorLabel:lx.CONFIGURABLE,elementOptions:t,children:(0,s.jsx)(lm.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:l})})]})),a(t),o(l),c(null)}catch(e){console.error("ConfigurableStripeExpressCheckoutElement - error parsing JSON: ",e),c("Error parsing JSON. Check console for more information.")}}})}),(0,s.jsx)(y.E,{variant:"text-md/normal",className:tZ.cW,children:"Current Element Options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(lh.A,{className:tZ.wD,children:`\`\` ${lg(l)} \`\``})}),(0,s.jsx)(y.E,{variant:"text-md/normal",className:tZ.cW,children:"Current Express Checkout Element Options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(lh.A,{className:tZ.wD,children:`\`\` ${lg(r)} \`\``})}),p]})}let lS={title:"Miscellaneous",stories:[t0,{name:"Redirect To Standalone",id:"standalone-redirect",component:function(){let[e,t]=u.useState(!1),[l,a]=u.useState(_.uH.META_QUEST_WEB_REDIRECT_CHECKOUT),n=u.useCallback(e=>{t(e)},[]),i=e?l:void 0;return(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Redirect To Standalone"}),(0,s.jsx)(tB.nB,{}),(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(li.S,{label:"Enable Flow Type",checked:e,onChange:n}),(0,s.jsx)(en.l,{label:"Flow Type",value:l,options:ls,onSelectionChange:a,selectionMode:"single",disabled:!e,fullWidth:!0})]}),(0,s.jsx)(y.E,{variant:"text-xs/normal",color:"text-muted",children:"Some link outs require enabling the flow type to work."}),(0,s.jsx)(ld,{flowType:i}),(0,s.jsx)(lc,{flowType:i}),(0,s.jsx)(lp,{flowType:i})]})}},{name:"Order SKU",component:function(){return(0,s.jsx)(C.M,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsx)(t5,{})})},id:"order-sku-test",controls:{}},{name:"Payment Request",component:function(e){let{paymentRequestWallet:t}=e;return(0,s.jsx)(C.M,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Payment Request"}),(0,s.jsx)(tB.Hq,{label:"Default View",children:(0,s.jsx)(la,{paymentRequestWallet:t})}),(0,s.jsx)(tB.Hq,{label:"Connector View",children:(0,s.jsx)(la,{paymentRequestWallet:t,renderConnectorView:!0})}),(0,s.jsx)(tB.Hq,{label:"Add Payment Step Body Connector View",children:(0,s.jsx)(ln,{paymentRequestWallet:t})})]})})},id:"payment-request",controls:{paymentRequestWallet:{label:"Payment Request Wallet",type:"select",options:[{value:"googlePay",label:"Google Pay"},{value:"applePay",label:"Apple Pay"}],defaultValue:"googlePay"}}},{name:"Choose Payment Source Type",id:"choose-payment-source-type",component:function(e){let{isEligibleForTrial:t,onlyStripeCardEnabled:l,paymentRequestWalletsEnabled:a}=e,n={onChooseType:()=>{},onStripePaymentMethodReceived:e=>{console.log("onStripePaymentMethodReceived called: ",e)},isEligibleForTrial:t,paymentRequestWallets:a?["googlePay","applePay"]:[],paymentSourceTypeRestrictions:l?[tX.he.CARD.valueOf()]:null};return(0,s.jsx)(C.M,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Choose Payment Source Type"}),(0,s.jsx)(tB.e_,{className:tZ.Bt,children:(0,s.jsx)("div",{className:tZ.VS,children:(0,s.jsx)(tJ.A,{...n})})})]})})},controls:{isEligibleForTrial:{label:"Is Eligible for Trial",type:"boolean",defaultValue:!1},onlyStripeCardEnabled:{label:"Only Stripe Card Enabled",type:"boolean",defaultValue:!1},paymentRequestWalletsEnabled:{label:"Payment Request Wallets Enabled",type:"boolean",defaultValue:!0}}},{name:"Stripe Components",id:"stripe-components",component:function(){return(0,s.jsx)(C.M,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tB.wn,{children:[(0,s.jsx)(ec.D,{variant:"heading-xl/semibold",children:"Stripe Express Checkout Buttons"}),(0,s.jsx)(tB.Hq,{label:lx.DEFAULT,children:(0,s.jsx)("div",{children:(0,s.jsx)(tB.a8,{errorLabel:lx.DEFAULT,children:(0,s.jsx)(lm.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:{}})})})}),["GPAY_FILTERED","APPLE_PAY_FILTERED","APPLE_AND_GPAY_DISABLED"].map(e=>{let t=lx[e];return(0,s.jsx)(tB.Hq,{label:t,children:(0,s.jsxs)("div",{children:[(0,s.jsx)(y.E,{variant:"text-md/normal",className:tZ.cW,children:"expressCheckoutElement.options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(lh.A,{className:tZ.wD,children:`\`\`${lg(ly[e])} \`\``})}),(0,s.jsx)(tB.a8,{errorLabel:t,children:(0,s.jsx)(lm.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:ly[e]})})]})},e)}),(0,s.jsx)(tB.Hq,{label:lx.CONFIGURABLE,children:(0,s.jsx)(lE,{})})]})})}}]};var lC=l(503698),lj=l.n(lC),lT=l(683071),lI=l(942340),lA=l(211528),lP=l(87725),l_=l(783327),lR=l(626584),lk=l(447952),lM=l(624479),lN=l(408278),lD=l(957565),lV=l(247329);function lO(e){let{label:t,value:l}=e;return(0,s.jsxs)("div",{className:lV.I,children:[(0,s.jsxs)(y.E,{variant:"text-sm/medium",children:[t,":"]}),(0,s.jsx)(y.E,{variant:"text-sm/normal",children:l}),(0,s.jsx)(lN.K,{size:"sm","aria-label":"Copy Link",variant:"icon-only",icon:lM.CopyIcon,onClick:()=>(0,lD.C)(l)})]})}function lL(e){let{children:t,stepConfigs:l,bodyClassName:a}=e;return(0,s.jsx)(C.M,{stepConfigs:l,skuIDs:[],activeSubscription:null,children:(0,s.jsx)("div",{className:a,children:t})})}var lw=l(887072);let lU=new lR.A("PaymentElement.web.stories"),lB={key:m.pn.ADD_PAYMENT_STEPS,renderStep:()=>(0,s.jsx)("div",{}),options:{renderHeader:!1,hideDefaultModalBody:!0}};function lG(){let{elementsAppearanceOptions:e}=(0,lI.E)();return(0,s.jsxs)("div",{children:[(0,s.jsx)(ec.D,{variant:"heading-lg/semibold",className:U.tm,children:"Defaults for Current Theme"}),(0,s.jsx)("div",{children:Object.entries(e).map(e=>{let[t,l]=e;return(0,s.jsx)(lO,{label:t,value:l},t)})})]})}function lH(e){let[t,l]=u.useState(0);return(0,s.jsx)(C.M,{activeSubscription:null,stepConfigs:[],skuIDs:[],children:(0,u.createElement)(l$,{...e,key:t,forceRemount:()=>l(t+1)})})}function l$(e){let{linkEnabled:t,theme:l,colorText:a,colorBackground:n,inputBackgroundColor:i,tabBackgroundColor:r,tabSelectedBackgroundColor:o,storyType:d,forceRemount:c}=e,p=(0,l_.S)(),{setLinkWalletEnabled:b,linkWalletEnabled:h}=(0,lP.t4)(e=>({setLinkWalletEnabled:e.setLinkWalletEnabled,linkWalletEnabled:e.linkWalletEnabled}));u.useEffect(()=>{h!==t&&(b(t),c())},[t,h,b,c]);let{stripePaymentElementProps:x,stripeAddressElementProps:y}=(0,lk.wD)({step:m.pn.PAYMENT_ELEMENT,handleStepChange:N.tEg,onBillingAddressChange:N.tEg,logger:lU,shouldLogOnChangeEvents:!0,continueSessionToInitialStep:void 0}),{elementsOptions:f,isLoading:v,setupError:g,customPaymentMethodIdsToSourceTypes:E}=(0,lI.p)({onSetupError:e=>{lU.info("Stripe Payment Element options setup error: ",e)},elementsAppearanceOptions:{theme:l,colorText:a,colorBackground:n,inputBackgroundColor:i,tabBackgroundColor:r,tabSelectedBackgroundColor:o}});return v||null!=g||null==p?(0,s.jsx)(lk.eR,{}):(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{style:{marginBottom:16},children:(0,s.jsx)(lT.w,{type:"info",children:"If you don't see the Payment Element components, that means you must be added to the correct experiment to see this story. Reach out to a Payments Engineer to get access."})}),(0,s.jsxs)("div",{className:lw.ny,children:[(0,s.jsx)(lG,{}),(0,s.jsx)(lL,{stepConfigs:[lB],children:(0,s.jsx)("div",{className:lj()(lw.o6,"joined-payment-address-elements"===d?lw.fF:lw.u1),children:(0,s.jsxs)(lm.Elements,{stripe:p,options:f,children:["stripe-address-element"===d?(0,s.jsx)("div",{className:U.R,children:(0,s.jsx)(lA.Wf,{...x,customPaymentMethodIdsToSourceTypes:E,step:m.pn.PAYMENT_ELEMENT})}):(0,s.jsx)(lA.Wf,{...x,customPaymentMethodIdsToSourceTypes:E,step:m.pn.PAYMENT_ELEMENT}),("joined-payment-address-elements"===d||"stripe-address-element"===d)&&(0,s.jsx)(lA.KS,{...y,billingAddressInfo:{email:"",name:"",country:"",line1:"",line2:"",city:"",postalCode:"",state:""}})]})})})]})]})}let lW={linkEnabled:{label:"Stripe Link enabled",type:"boolean",defaultValue:!0},theme:{label:"Theme",type:"select",options:["flat","stripe","night"].map(e=>({label:e.toLocaleUpperCase(),value:e})),defaultValue:"flat"},colorText:{label:"Color Text",type:"text",defaultValue:"#2f3035"},colorBackground:{label:"Color Background",type:"text",defaultValue:"#ffffff"},inputBackgroundColor:{label:"Input Background Color",type:"text",defaultValue:"#00000014"},tabBackgroundColor:{label:"Tab Background Color",type:"text",defaultValue:"#00000014"},tabSelectedBackgroundColor:{label:"Tab Selected Background Color",type:"text",defaultValue:"#5865f2"}},lF={name:"Joined Payment + Address",id:"joined-payment-address-elements",component:function(e){return(0,s.jsx)(lH,{...e,storyType:"joined-payment-address-elements"})},controls:{...lW}},lz={name:"Stripe Payment Element",id:"stripe-payment-element",component:function(e){return(0,s.jsx)(lH,{...e,storyType:"stripe-payment-element"})},controls:{...lW}},lY={name:"Stripe Address Element",id:"stripe-address-element",component:function(e){return(0,s.jsx)(lH,{...e,storyType:"stripe-address-element"})},controls:{...lW}};var lq=l(786826);let lK={title:"RichTextArea",stories:[{name:"RichTextArea",id:"rich-text-area",component:function(e){let{label:t,placeholder:l,toolbarVariant:a,autosize:n,rows:i,minLength:r,maxLength:o,required:d,disabled:c,error:p,description:m,helperText:b}=e,[h,x]=u.useState("");return(0,s.jsx)("div",{style:{maxWidth:480,padding:24},children:(0,s.jsx)(lq.f,{label:t,placeholder:l,toolbarVariant:a,autosize:n,rows:i,minLength:r,maxLength:o,required:d,disabled:c,error:p,description:m,helperText:b,value:h,onChange:x})})},controls:{label:{label:"Label",type:"text",defaultValue:"About Me"},placeholder:{label:"Placeholder",type:"text",defaultValue:"Tell us about yourself..."},toolbarVariant:{label:"Toolbar Mode",type:"select",defaultValue:"floating",options:[{label:"Floating (selection)",value:"floating"},{label:"Static (always visible)",value:"static"}]},autosize:{label:"Autosize",type:"boolean",defaultValue:!0},rows:{label:"Rows (min when autosize)",type:"number",defaultValue:3,minValue:1},minLength:{label:"Min Length",type:"number",defaultValue:void 0},maxLength:{label:"Max Length",type:"number",defaultValue:200},required:{label:"Required",type:"boolean",defaultValue:!1},disabled:{label:"Disabled",type:"boolean",defaultValue:!1},error:{label:"Error Message",type:"text",defaultValue:void 0},description:{label:"Description",type:"text",defaultValue:void 0},helperText:{label:"Helper Text",type:"text",defaultValue:void 0}}}]};l(321073);var lJ=l(435558),lX=l(96337),lZ=l(997101),lQ=l(597770),l0=l(278416),l1=l(480642),l2=l(936477),l3=l(812745);let l6={name:"Primitive: Nitro Plan Select",id:"unified-checkout-nitro-plan-select",component:function(e){let{variant:t,leftTitleDescriber:l,leftPrimaryText:a,leftSubtext:n,leftShowSubtext:i,leftSubtextStrikethrough:r,rightTitleDescriber:o,rightPrimaryText:d,rightSubtext:c,rightShowSubtext:p,rightSubtextStrikethrough:m}=e,[b,h]=u.useState(0);return(0,s.jsxs)("div",{className:U.Cd,children:[(0,s.jsx)(l2.q7,{selection:b,onChange:h,planOptions:[{id:0,title:(0,s.jsx)(l2.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:l,primaryText:a,subtext:i?(0,s.jsx)(l2.Lo,{strikethrough:r,price:n}):void 0},{id:1,title:(0,s.jsx)(l2.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:o,primaryText:d,subtext:p?(0,s.jsx)(l2.Lo,{strikethrough:m,price:c}):void 0}]}),(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Selected plan index: ",b]})]})},controls:{variant:{label:"Nitro Variant",type:"select",defaultValue:ek.PremiumTypes.TIER_2,options:[{label:"Nitro",value:ek.PremiumTypes.TIER_2},{label:"Nitro Basic",value:ek.PremiumTypes.TIER_0}]},leftTitleDescriber:{label:"Left Card - Title Describer",type:"text",defaultValue:"yearly"},leftPrimaryText:{label:"Left Card - Primary Text",type:"text",defaultValue:"$99.99"},leftSubtext:{label:"Left Card - Subtext",type:"text",defaultValue:"$119.99"},leftShowSubtext:{label:"Left Card - Show Subtext",type:"boolean",defaultValue:!0},leftSubtextStrikethrough:{label:"Left Card - Subtext Strikethrough",type:"boolean",defaultValue:!0},rightTitleDescriber:{label:"Right Card - Title Describer",type:"text",defaultValue:"monthly"},rightPrimaryText:{label:"Right Card - Primary Text",type:"text",defaultValue:"$9.99"},rightSubtext:{label:"Right Card - Subtext",type:"text",defaultValue:"$11.99"},rightShowSubtext:{label:"Right Card - Show Subtext",type:"boolean",defaultValue:!1},rightSubtextStrikethrough:{label:"Right Card - Subtext Strikethrough",type:"boolean",defaultValue:!1}}},l8={name:"Primitive: Subscription Details Accordion",id:"unified-checkout-subscription-details",component:function(e){let{label:t,totalLineItemLabel:l,totalLineItemLabelSubText:a,totalLineItemValueSubText:n,showTotalWhenCollapsed:i,defaultExpanded:o,intervalType:u,intervalCount:d,currency:c,hasLineItems:p,item1Label:m,item1Amount:b,item1Tooltip:h,item1LabelSubText:x,item1SubText:y,item1SubTextHasStrikethrough:f,item2Label:v,item2Amount:g,item2FormatWithoutRate:E,hasDiscount:S,discountLabel:C,discountAmount:j}=e,T=p?[{id:1,label:m,amount:b,tooltip:""!==h?h:void 0,labelSubText:""!==x?x:void 0,subText:""!==y?y:void 0,subTextHasStrikethrough:f},...""!==v?[{id:2,label:v,amount:g,icon:(0,s.jsx)(r.t,{size:"xs"}),formatWithoutRate:E}]:[],...S?[{id:3,label:C,amount:j}]:[]]:[];return(0,s.jsx)("div",{className:U.SG,children:(0,s.jsx)(l2._D,{label:t,totalLineItemLabel:""!==l?l:void 0,totalLineItemLabelSubText:""!==a?a:void 0,totalLineItemValueSubText:""!==n?n:void 0,showTotalWhenCollapsed:i,defaultExpanded:o,lineItems:T,intervalType:u,intervalCount:d,currency:c})})},controls:{label:{label:"Label",type:"text",defaultValue:"Subscription Details"},totalLineItemLabel:{label:"Total Line Item Label",type:"text",defaultValue:""},totalLineItemLabelSubText:{label:"Total Line Item Label Subtext",type:"text",defaultValue:""},totalLineItemValueSubText:{label:"Total Line Item Value Subtext",type:"text",defaultValue:""},showTotalWhenCollapsed:{label:"Show Total When Collapsed",type:"boolean",defaultValue:!1},defaultExpanded:{label:"Default Expanded",type:"boolean",defaultValue:!1},intervalType:{label:"Interval Type",type:"select",defaultValue:ek.WT.MONTH,options:[{label:"Month",value:ek.WT.MONTH},{label:"Year",value:ek.WT.YEAR},{label:"Day",value:ek.WT.DAY}]},intervalCount:{label:"Interval Count",type:"number",defaultValue:1},currency:{label:"Currency",type:"select",defaultValue:N.Yri.USD,options:[{label:"USD",value:N.Yri.USD},{label:"EUR",value:N.Yri.EUR},{label:"GBP",value:N.Yri.GBP},{label:"CAD",value:N.Yri.CAD}]},hasLineItems:{label:"Has Line Items",type:"boolean",defaultValue:!0},item1Label:{label:"Item 1 - Label",type:"text",defaultValue:"Nitro Basic"},item1Amount:{label:"Item 1 - Amount (minor units)",type:"number",defaultValue:299},item1Tooltip:{label:"Item 1 - Tooltip",type:"text",defaultValue:"You are purchasing a plan change. Your server boosts are being updated accordingly."},item1LabelSubText:{label:"Item 1 - Label Subtext",type:"text",defaultValue:""},item1SubText:{label:"Item 1 - Subtext",type:"text",defaultValue:""},item1SubTextHasStrikethrough:{label:"Item 1 - Subtext Has Strikethrough",type:"boolean",defaultValue:!1},item2Label:{label:"Item 2 - Label",type:"text",defaultValue:"Server Boost"},item2Amount:{label:"Item 2 - Amount (minor units)",type:"number",defaultValue:499},item2FormatWithoutRate:{label:"Item 2 - Format Without Rate",type:"boolean",defaultValue:!1},hasDiscount:{label:"Has Discount Item",type:"boolean",defaultValue:!1},discountLabel:{label:"Discount - Label",type:"text",defaultValue:"Discount"},discountAmount:{label:"Discount - Amount (minor units)",type:"number",defaultValue:-100}}},l7={"nitro-wheel":r.t,gift:lQ.GiftIcon,orbs:i.C},l4=lX.A.map(e=>({id:e.alpha2,value:e.alpha2,label:e.name})),l9={name:"Modal: Unified Checkout Stateless Modal",id:"unified-checkout-stateless-modal",component:function(e){let{primaryButtonText:t,primaryButtonIcon:l,headerBadgeHasIcon:a,...n}=e,i=a?l0.TagIcon:void 0;return(0,s.jsxs)(ea.B,{gap:16,align:"center",children:[(0,s.jsx)(y.E,{variant:"text-md/normal",children:"Click the button below to open the Unified Checkout modal"}),(0,s.jsx)(G.$,{variant:"primary",text:"Open Unified Checkout Modal",onClick:()=>(0,ed.openModal)(e=>(0,s.jsx)(l1.oH,{...e,...n,title:n.title,headerBadgeIcon:i,primaryButtonProps:{onClick:e.onClose,text:t,icon:"none"!==l?l7[l]:void 0},onBackClick:e.onClose,children:(0,s.jsx)(ea.B,{gap:16,children:(0,s.jsx)("div",{style:{border:"1px solid blue",height:500},children:"The Unified Checkout step content will go here."})})}),{dismissable:n.dismissable})})]})},controls:{title:{label:"Title",type:"text",defaultValue:"Checkout"},primaryButtonText:{label:"Primary Button Text",type:"text",defaultValue:"Get Nitro Yearly"},primaryButtonIcon:{label:"Primary Button Icon",type:"select",defaultValue:"nitro-wheel",options:[{label:"Nitro Wheel",value:"nitro-wheel"},{label:"Gift",value:"gift"},{label:"Orbs",value:"orbs"},{label:"None",value:"none"}]},countryCode:{label:"Country Code",type:"select",defaultValue:lZ.d.US,options:l4},headerBadgeText:{label:"Header Pill Text",type:"text",defaultValue:"PROMO"},headerBadgeHasIcon:{label:"Header Badge Has Icon",type:"boolean",defaultValue:!1},gradientColor:{label:"Gradient Color",type:"select",defaultValue:"nitro-pink",options:[{label:"Nitro Pink",value:"nitro-pink"},{label:"Nitro Green",value:"nitro-green"},{label:"Purple",value:"purple"},{label:"Blue",value:"blue"}]},dismissable:{label:"Dismissable",type:"boolean",defaultValue:!0}}},l5={purchaseButtonText:"Subscribe",totalDue:999,renewalPrice:1099,currency:N.Yri.USD,interval:ek.WT.MONTH,intervalCount:1,startDate:new Date},ae={[l2.I0.Subscription]:{type:l2.I0.Subscription,...l5},[l2.I0.SubscriptionApplication]:{type:l2.I0.SubscriptionApplication,...l5},[l2.I0.GuildProductOneTimePurchase]:{type:l2.I0.GuildProductOneTimePurchase,...l5},[l2.I0.PremiumAppsOneTimePurchase]:{type:l2.I0.PremiumAppsOneTimePurchase,...l5},[l2.I0.SubscriptionTrial]:{type:l2.I0.SubscriptionTrial,...l5},[l2.I0.OrbsRedemption]:{type:l2.I0.OrbsRedemption,purchaseButtonText:"Redeem"},[l2.I0.Shop]:{type:l2.I0.Shop,purchaseButtonText:"Purchase"},[l2.I0.GiftNitro]:{type:l2.I0.GiftNitro,purchaseButtonText:"Buy Gift"},[l2.I0.GiftShop]:{type:l2.I0.GiftShop,purchaseButtonText:"Buy Gift"},[l2.I0.GiftGameShop]:{type:l2.I0.GiftGameShop,purchaseButtonText:"Buy Gift",applicationName:"Marvel Rivals",shouldAppendDisclaimer:!1},[l2.I0.OrbsGameShop]:{type:l2.I0.OrbsGameShop,purchaseButtonText:"Buy Gift",applicationName:"Marvel Rivals",shouldAppendDisclaimer:!1}},at={title:"Unified Checkout",stories:[l9,{name:"Primitive: Order Summary Accordion",id:"unified-checkout-order-summary",component:function(e){let{label:t,hasDiscount:l,hasLineItems:a}=e,n=a?[{id:1,label:"Nitro Basic (Monthly)",amount:299},{id:2,label:"Server Boost",amount:499}]:[];return l&&a&&n.push({id:3,label:"Discount Applied",amount:-100}),(0,s.jsx)("div",{className:U.SG,children:(0,s.jsx)(l2.Vm,{label:t,lineItems:n,currency:N.Yri.USD})})},controls:{label:{label:"Label",type:"text",defaultValue:"Order Summary"},hasDiscount:{label:"Has Discount",type:"boolean",defaultValue:!0},hasLineItems:{label:"Has Line Items",type:"boolean",defaultValue:!0}}},l6,l8,{name:"Primitive: Purchase Item",id:"unified-checkout-purchase-item",component:function(e){let{header:t,showHeader:l,label:a,description:n,price:i,hasPriceIcon:o,hasStrikethroughPrice:u,strikethroughPrice:d,targetType:c}=e;function p(e,p){let m=e6.default.getCurrentUser(),b=e_.A.getGuildsArray()[0];return(0,s.jsx)(l2.f7,{header:l?t:void 0,headerIconSrc:"https://cdn.discordapp.com/embed/avatars/1.png",label:`${a} ${p}`,description:n,price:i,PriceIcon:o?r.t:void 0,priceSubText:u?d:void 0,priceSubTextHasStrikethrough:u,graphic:(0,s.jsx)(e,{}),target:"gift"===c?{type:"gift",user:m}:"guildSubscription"===c?{type:"guildSubscription",guild:b}:void 0})}return(0,s.jsxs)("div",{className:U.SG,children:[p(l2.JW,"Nitro"),p(l2.DH,"Nitro Basic"),p(l2.a6,"Boost"),p(l2.jw,"App"),p(l2.oo,"Nitro Credit")]})},controls:{header:{label:"Header",type:"text",defaultValue:"Marvel Rivals"},showHeader:{label:"Show Header",type:"boolean",defaultValue:!1},label:{label:"Label",type:"text",defaultValue:"1 Month of"},description:{label:"Description",type:"text",defaultValue:"This is describing the item"},price:{label:"Price",type:"text",defaultValue:"$9.99"},hasPriceIcon:{label:"Has Price Icon",type:"boolean",defaultValue:!1},hasStrikethroughPrice:{label:"Has Strikethrough Price",type:"boolean",defaultValue:!1},strikethroughPrice:{label:"Strikethrough Price",type:"text",defaultValue:"$12.99"},targetType:{label:"Target Type",type:"select",defaultValue:"none",options:[{label:"None",value:"none"},{label:"Gift",value:"gift"},{label:"Guild Subscription",value:"guildSubscription"}]}}},{name:"Primitive: Payment Select",id:"unified-checkout-payment-select",component:function(e){let{disabled:t,error:l,errorMessage:a}=e,n=[{id:"visa-1234",label:"Visa ending in 1234",icon:l3.Be.VISA},{id:"mastercard-5678",label:"Mastercard ending in 5678",icon:l3.Be.MASTERCARD},{id:"paypal",label:"user@example.com",icon:l3.Be.PAYPAL},{id:"amex-9012",label:"Amex ending in 9012",icon:l3.Be.AMEX}],[i,r]=u.useState(n[0].id);return(0,s.jsxs)("div",{children:[(0,s.jsx)(l2.v7,{value:i,options:n,onChange:r,onNew:lJ.noop,disabled:t,error:l?a:void 0}),(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Selected payment: ",i??"None"]})]})},controls:{disabled:{label:"Disabled",type:"boolean",defaultValue:!1},error:{label:"Show Error",type:"boolean",defaultValue:!1},errorMessage:{label:"Error Message",type:"text",defaultValue:"Please select a valid payment method"}}},{name:"Primitive: Legal Copy",id:"unified-checkout-legal-copy",component:function(e){let{type:t,immediateDelivery:l,paysafecard:a}=e,[n,i]=u.useState(!1);return(0,s.jsx)(l2._P,{variant:ae[t],immediateDelivery:l?{value:n,onChange:i}:void 0,paymentSourceType:a?N.hes.PAYSAFE_CARD:N.hes.CARD})},controls:{type:{label:"Type",type:"select",defaultValue:l2.I0.Subscription,options:[{label:"Subscription",value:l2.I0.Subscription},{label:"Subscription Trial",value:l2.I0.SubscriptionTrial},{label:"Orbs Redemption",value:l2.I0.OrbsRedemption},{label:"Shop",value:l2.I0.Shop},{label:"Nitro Gift",value:l2.I0.GiftNitro},{label:"Shop Gift",value:l2.I0.GiftShop},{label:"Game Shop Gift",value:l2.I0.GiftGameShop},{label:"Orbs Game Shop Gift",value:l2.I0.OrbsGameShop}]},immediateDelivery:{label:"Immediate Delivery",type:"boolean",defaultValue:!1},paysafecard:{label:"Paysafecard",type:"boolean",defaultValue:!1}}},{name:"Primitive: Gift Redemption Link",id:"unified-checkout-gift-redemption-link",component:function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Stateless Component:"}),(0,s.jsx)(l2.y,{onClick:N.tEg}),(0,s.jsx)("br",{}),(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Link with Modal:"}),(0,s.jsx)(l2.Z4,{onComplete:N.tEg})]})}},{name:"Primitive: Plan Radio Group",id:"unified-checkout-plan-radio-group",component:function(){let[e,t]=u.useState("yearly");return(0,s.jsx)("div",{children:(0,s.jsx)(l2.me,{headingComponent:(0,s.jsx)(l2.ec,{size:"sm",color:"text-strong",premiumType:ek.PremiumTypes.TIER_2}),planRadioOptions:[{primaryText:"Yearly",subText:"$99.99",badgeText:"SAVE 16%",value:"yearly"},{primaryText:"Monthly",subText:"$99.99",value:"monthly"}],value:e,onChange:e=>t(e.value)})})}},{name:"Primitive: Store Country Row",id:"checkout-store-country-row",component:function(e){let{storeCountry:t}=e;return(0,s.jsx)(l2.s7,{storeCountry:t})},controls:{storeCountry:{label:"Store Country",type:"select",defaultValue:lZ.d.US,options:l4}}},{name:"Primitive: Store Relocation Notice",id:"checkout-store-relocation-notice",component:function(e){let{relocationCountry:t,relocationCurrencyCode:l,willForfeitGiftCardBalance:a}=e;return(0,s.jsx)(l2.ch,{relocationCountry:t,relocationCurrencyCode:l,willForfeitGiftCardBalance:a})},controls:{relocationCountry:{label:"Relocation Country",type:"select",defaultValue:lZ.d.US,options:l4},relocationCurrencyCode:{label:"Relocation Currency Code",type:"text",defaultValue:"USD"},willForfeitGiftCardBalance:{label:"Will Forfeit Gift Card Balance",type:"boolean",defaultValue:!0}}}]};var al=l(250163),aa=l(734057),an=l(783878),ai=l(711014),ar=l(427262),ao=l(198498);function as(e){let{label:t,options:l,value:a,onChange:n}=e;return(0,s.jsx)(an.Z,{label:t,selectionMode:"single",options:l,value:a,onSelectionChange:n,placeholder:0===l.length?"Waiting for client to connect\u2026":void 0})}function au(e){let{children:t}=e;return(0,s.jsx)("div",{className:ao.t,children:t})}let ad="default";var ac=((a={}).PAYMENTS="payments",a.VIRTUAL_CURRENCY="virtual-currency",a.NITRO="nitro",a.IDENTITY="identity",a);let ap=["Revenue Storybook","Revenue Playground"],am={id:"payments",name:"Payments",groups:[eL,at,{title:"Gift Card",stories:[{name:"Redemption Modal",id:"gift-card-redemption-modal",component:function(){return(0,s.jsxs)(ea.B,{gap:8,children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Click the button below to open the gift card redemption modal (enter code form). On success it will open the success modal."}),(0,s.jsx)(G.$,{variant:"primary",text:"Open Redemption Modal",onClick:()=>(0,tu.HF)({withRedemptionSuccessModal:!0,onComplete:()=>{},onClose:()=>{}})})]})}},{name:"Success Modal",id:"gift-card-redemption-success-modal",component:function(){return(0,s.jsxs)(ea.B,{gap:8,children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Click the button below to open the gift card redemption success modal (post-redemption)."}),(0,s.jsx)(G.$,{variant:"primary",text:"Open Success Modal",onClick:()=>(0,tu.cV)({amountRedeemed:5e3,currencyCode:N.Yri.USD,onClose:()=>{}})})]})}}]},{title:"Payment Elements",stories:[lz,lY,lF]},{title:"Add Payment (Legacy Checkout)",stories:[{name:"Add Payment Step",id:"add-payment-step",component:function(){let{analyticsLocations:e}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),t=u.useMemo(()=>(0,d.A)(),[]),l=u.useCallback(()=>{},[]);return(0,s.jsx)(M,{stepConfigs:D,analyticsLocations:e,applicationId:N.FYj,initialPlanId:void 0,skuId:null,isGift:!1,loadId:t,purchaseType:N.VVm.ONE_TIME,disablePurchases:!0,excludeSubscriptionPlansBySKU:!0,renderHeader:()=>null,onClose:l,onComplete:()=>{}},`${t}`)},controls:{}}]},{title:"Checkout Review Step",stories:[eJ,eX]},lS],tags:ap,IconComponent:n.d},ab={id:"virtual-currency",name:"Virtual Currency",groups:[{title:"Balance Widget Pill",stories:[W,F]},{title:"Balance Widget",stories:[{name:"Balance Widget Card",id:"balance-widget-card",component:function(e){let{ctaText:t,linkText:l,linkPreText:a}=e;return(0,s.jsx)(V.b,{ctaText:(0,L.uJ)(t)?w.intl.string(w.t.H57f41):t,linkText:(0,L.uJ)(l)?w.intl.string(w.t["7f4H7D"]):l,linkPreText:(0,L.uJ)(a)?void 0:a,ctaOnClick:N.tEg})},controls:{ctaText:{label:"CTA Text",type:"text",defaultValue:""},linkText:{label:"Link Text",type:"text",defaultValue:""},linkPreText:{label:"Link Pre Text",type:"text",defaultValue:""}}},B]},{title:"Orb Checkout",stories:[tq]},{title:"Orb Onboarding",stories:[{name:"Orb Onboarding Reset",id:"orb-onboarding-reset",component:function(){let{resetOnboardingExperience:e}=(0,tK.A)();return(0,s.jsxs)("div",{className:U.YG,children:[(0,s.jsx)(y.E,{variant:"text-md/normal",color:"text-feedback-info",style:{marginBottom:"8px"},children:"Use this to reset your user's DCF Orb Onboarding state."}),(0,s.jsx)(G.$,{onClick:()=>e(),text:"Reset Announcement Modal State"})]})},controls:{}}]}],tags:ap,IconComponent:i.C},ah={id:"nitro",name:"Nitro",groups:[tj,{title:"Marketing Home",stories:[tN]},tw,{title:"Nitro Upsells",stories:[{name:"Burst Reactions Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await Promise.resolve().then(l.bind(l,32605));return t=>(0,s.jsx)(e,{analyticsSource:{},...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Burst Reactions Upsell"})})},id:"burst-reactions-upsell",controls:{}},{name:"Premium For Later Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await l.e("422540").then(l.bind(l,530951));return t=>(0,s.jsx)(e,{...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Premium For Later Upsell"})})},id:"premium-for-later-upsell",controls:{}},{name:"Premium Profile Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("935205"),l.e("766901"),l.e("641704")]).then(l.bind(l,562011));return t=>(0,s.jsx)(e,{source:{},...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Premium Profile Upsell"})})},id:"premium-profile-upsell",controls:{}},{name:"Premium Message Length Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("235257"),l.e("66920")]).then(l.bind(l,220763));return t=>(0,s.jsx)(e,{...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Premium Message Length Upsell"})})},id:"premium-message-length-upsell",controls:{}},{name:"Premium Message Length Roadblock Upsell",component:function(){let[e]=u.useState("This is a sample long message that exceeds the character limit."),t=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("235257"),l.e("276725")]).then(l.bind(l,798612));return l=>(0,s.jsx)(t,{channel:null,content:e,...l})})},[e]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:t,variant:"primary",size:"md",text:"Open Premium Message Length Roadblock Upsell"})})},id:"premium-message-length-roadblock-upsell",controls:{}},{name:"Premium Profile Decoration Upsell",component:function(){let[e,t]=u.useState(ek.e.AVATAR_DECORATION_MODAL_UPSELL),a=u.useCallback(()=>{let{title:t,body:a}=t$[e];(0,ed.openModalLazy)(async()=>{let{default:n}=await Promise.all([l.e("93513"),l.e("764864")]).then(l.bind(l,393027));return l=>(0,s.jsx)(n,{premiumUpsellType:e,title:t,body:a,onSecondaryClick:()=>l.onClose(),...l})})},[e]);return(0,s.jsxs)(tB.LB,{children:[(0,s.jsx)(tB.MG,{children:(0,s.jsx)(en.l,{label:"Upsell Type",placeholder:"Select type",onSelectionChange:e=>t(e),value:e,options:tH,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(G.$,{onClick:a,variant:"primary",size:"md",text:"Open Profile Decoration Upsell"})]})},id:"premium-profile-decoration-upsell",controls:{}},{name:"Premium Guild Cap Upsell",component:function(){let[e,t]=u.useState(100),a=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("935205"),l.e("677668"),l.e("766901"),l.e("256430")]).then(l.bind(l,39613));return l=>(0,s.jsx)(t,{guildCount:e,analyticsSource:{},analyticsLocation:{},analyticsLocations:[],...l})})},[e]);return(0,s.jsxs)(tB.LB,{children:[(0,s.jsx)(tB.MG,{children:(0,s.jsx)(en.l,{label:"Guild Count State",placeholder:"Select state",onSelectionChange:e=>t(e),value:e,options:tW,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(G.$,{onClick:a,variant:"primary",size:"md",text:"Open Guild Cap Upsell"})]})},id:"premium-guild-cap-upsell",controls:{}},{name:"Premium Animated Profile Upsell",component:function(){let[e,t]=u.useState(tG.HL.AVATAR),a=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser()),n=u.useCallback(()=>{null!=a&&(0,ed.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("93513"),l.e("779149")]).then(l.bind(l,688796));return l=>(0,s.jsx)(t,{uploadType:e,...l})})},[a,e]);return(0,s.jsxs)(tB.LB,{children:[(0,s.jsx)(tB.MG,{children:(0,s.jsx)(en.l,{label:"Upload Type",placeholder:"Select type",onSelectionChange:e=>t(e),value:e,options:tF,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(G.$,{onClick:n,variant:"primary",size:"md",text:"Open Animated Profile Upsell"})]})},id:"premium-animated-profile-upsell",controls:{}},{name:"Premium Try It Out Profile Upsell",component:function(){let e=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser()),t=u.useCallback(()=>{null!=e&&(0,ed.openModalLazy)(async()=>{let{default:e}=await l.e("435476").then(l.bind(l,835071));return t=>(0,s.jsx)(e,{...t})})},[e]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:t,variant:"primary",size:"md",text:"Open Try It Out Profile Upsell"})})},id:"premium-try-it-out-profile-upsell",controls:{}},{name:"Premium Video Backgrounds Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("935205"),l.e("766901"),l.e("840716")]).then(l.bind(l,629959));return t=>(0,s.jsx)(e,{analyticsSource:{},...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Video Backgrounds Upsell"})})},id:"premium-video-backgrounds-upsell",controls:{}},{name:"Premium Guild Member Profile Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("935205"),l.e("766901"),l.e("661129")]).then(l.bind(l,475312));return t=>(0,s.jsx)(e,{source:{},...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Guild Member Profile Upsell"})})},id:"premium-guild-member-profile-upsell",controls:{}},{name:"HD Streaming Roadblock",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let{default:e}=await l.e("493475").then(l.bind(l,366638));return t=>(0,s.jsx)(e,{handleLearnMore:()=>{},...t})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open HD Streaming Roadblock"})})},id:"hd-streaming-roadblock",controls:{}},{name:"Emoji Picker Premium Upsell",component:function(){let e=u.useCallback(()=>{(0,ed.openModalLazy)(async()=>{let[{default:e},{EmojiIntention:t}]=await Promise.all([Promise.resolve().then(l.bind(l,148361)),Promise.resolve().then(l.bind(l,307731))]);return l=>(0,s.jsx)(e,{onUpsellClicked:()=>{},onClose:l.onClose,channel:null,emojiDescriptor:void 0,pickerIntention:t.CHAT,analyticsLocation:{}})})},[]);return(0,s.jsx)(tB.LB,{children:(0,s.jsx)(G.$,{onClick:e,variant:"primary",size:"md",text:"Open Emoji Picker Premium Upsell"})})},id:"emoji-picker-premium-upsell",controls:{}}]},{title:"Clips",stories:[e9]}],tags:ap,IconComponent:r.t},ax={id:"identity",name:"Identity",groups:[ta,{title:"Editable Tile Button Examples",stories:[{name:"Avatar Button",component:function(e){let[t,l]=u.useState(""),a=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(tn.v,{guildId:t,onChange:function(e){l(e?.id??"")},globalOption:ts}),(0,s.jsx)(ti.A,{user:a,guildId:""===t?null:t})]})},id:"avatar-button"},{name:"Avatar Decoration Button",component:function(e){let[t,l]=u.useState(""),a=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(tn.v,{guildId:t,onChange:function(e){l(e?.id??"")},globalOption:ts}),(0,s.jsx)(tr.A,{user:a,guildId:""===t?null:t})]})},id:"avatar-decoration-button"},{name:"Nameplate Button",component:function(e){let[t,l]=u.useState(""),a=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(tn.v,{guildId:t,onChange:function(e){l(e?.id??"")},globalOption:ts}),(0,s.jsx)(to.A,{user:a,guildId:""===t?null:t})]})},id:"nameplate-button"}]},{title:"Profile Banner",stories:[X]},lK,{title:"User Profile Embeds",stories:[{name:"User Profile",component:function(){let e,t,l,a=(e=(0,ee.yK)([e3.A],()=>e3.A.getFriendIDs()),t=(0,ee.bG)([e6.default],()=>e6.default.getCurrentUser()),u.useMemo(()=>{let l=e.map(e=>{let t=e6.default.getUser(e);return null==t?null:{id:e,label:ar.Ay.getName(t),value:e}}).filter(e=>null!=e).sort((e,t)=>e.label.localeCompare(t.label));return null==t?l:[{id:t.id,label:`${ar.Ay.getName(t)} (You)`,value:t.id},...l.filter(e=>e.value!==t.id)]},[e,t])),n=(l=(0,ee.yK)([ai.Ay],()=>ai.Ay.getFlattenedGuildIds()),u.useMemo(()=>l.reduce((e,t)=>{let l=e_.A.getGuild(t);return null!=l&&e.push({id:l.id,label:l.name,value:l.id}),e},[]),[l])),[i,r]=u.useState(),[o,d]=u.useState(ad),c=i??a[0]?.value,p=u.useMemo(()=>[{id:"dm",label:"DM",value:"dm"},{id:ad,label:"Default (main profile)",value:ad},...n],[n]),m=(0,ee.bG)([aa.A],()=>null==c?void 0:aa.A.getDMFromUserId(c)??aa.A.getSortedPrivateChannels()[0]?.id,[c]),b=o===ad||"dm"===o?void 0:o,h="dm"===o?m:void 0;return(0,s.jsxs)(ea.B,{direction:"vertical",gap:16,children:[(0,s.jsxs)(ea.B,{direction:"horizontal",gap:8,children:[(0,s.jsx)(as,{label:"User",options:a,value:c,onChange:r}),(0,s.jsx)(as,{label:"Context",options:p,value:o,onChange:d})]}),(0,s.jsx)(au,{children:null!=c&&(0,s.jsx)(al.G,{userId:c,guildId:b,channelId:h})})]})},id:"user-profile-embed"}]}],tags:ap,IconComponent:o.UserIcon},ay={playgroundBaseUrl:"revenue",collections:[am,ab,ah,ax]}}