Module 263419

85,624 characters · in 21c88f0326110be5.js
Dependencies
Required by (1)
Lazily required by (0)none
Requires (149)
4630 17928 19311 20742 26279 27192 36167 52822 64700 65738 67480 70926 71393 71532 73079 73825 87952 88433 94269 96337 97352 97483 97808 99696 116833 120386 150934 162097 166403 166532 192087 192308 194509 211528 216678 228366 231723 240248 260598 270003 278416 280041 287809 289873 292666 295405 300233 314116 318254 321073 324861 331322 339984 342393 349288 359778 364522 375708 398590 401648 403362 403581 404778 405139 408278 425713 428262 439519 460495 473219 480642 482132 487233 488428 491057 492518 503698 532794 534514 541689 546042 558179 576765 597770 599147 599941 606267 615310 622207 624479 624716 626584 627968 635358 636537 652165 652215 661531 664111 683071 687021 688810 691540 691885 700623 702841 705018 716574 720879 735305 735438 744064 750338 753390 758836 761705 778712 784018 788868 793574 808411 812745 817649 818348 821609 826469 830382 834252 834730 835245 857250 862241 862482 869177 872725 877062 920050 930349 937008 939249 942340 944304 944355 950305 957565 976860 990078 994500 997101
Lazily requires (14)
39613 148361 220763 307731 366638 393027 475312 507545 530951 562011 629959 688796 798612 835071
Source Raw
function(e,t,l){l.r(t),l.d(t,{nitroCollection:()=>l9,virtualCurrencyCollection:()=>l8,playgroundConfig:()=>l5,identityCollection:()=>l7,RevenuePlaygroundCollectionId:()=>l6,paymentsCollection:()=>l4});var a,n=l(700623),i=l(318254),r=l(403581),o=l(950305),s=l(627968),d=l(64700),u=l(835245),c=l(793574),p=l(688810),m=l(166532),h=l(735305),b=l(635358),x=l(702841),y=l(834730),g=l(349288),f=l(231723),v=l(228366),E=l(830382),S=l(73825),C=l(937008),j=l(834252),T=l(491057),P=l(546042),_=l(97352),A=l(67480);function I(e){let{children:t,...l}=e,a=d.useContext(j.Qv);return null==a?null:(0,s.jsx)(j.Qv.Provider,{value:{...a,...l},children:t})}let R=e=>{let{skuId:t,isGift:l,applicationId:a}=e,{analyticsLocations:n}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),i=d.useRef(null),r=d.useRef(null),[o,s]=d.useState(()=>(0,u.A)());d.useEffect(()=>{(i.current!==t||r.current!==l)&&(s((0,u.A)()),i.current=t,r.current=l)},[t,l]);let[m,h]=(0,x.yK)([A.A],()=>[A.A.isFetching(t),A.A.get(t)]);return d.useEffect(()=>{null!=h||m||(0,E.EX)(a,t,b.g.VARIANTS_GROUP).catch(e=>{})},[a,t,h,m]),{loadId:o,analyticsLocations:n,handleClose:d.useCallback(e=>{},[]),handleComplete:d.useCallback(()=>{},[]),isFetching:m,sku:h,skuId:t,isGift:l}},k=e=>(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)(g.Anchor,{onClick:()=>e.handleStepChange(e.originStep),children:"\u2190 Go Back"})})]}),M=e=>{let{analyticsLocations:t,applicationId:l,skuId:a,isGift:n,onClose:i,onComplete:r,initialPlanId:o,purchaseType:d,stepConfigs:u,loadId:c,excludeSubscriptionPlansBySKU:p,renderHeader:m,hideErrors:h,disablePurchases:b,paymentContextOverrides:x}=e,y=h?{purchasePreviewError:null,...x}:{...x};b&&(y.disablePurchasesForStorybook=!0);let g=`${a}-${n}-${c}`;return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:u,applicationId:l,skuIDs:null!=a?[a]:[],isGift:n,activeSubscription:null,purchaseType:d,excludeSubscriptionPlansBySKU:p,children:(0,s.jsx)(I,{...y,children:(0,s.jsx)(T.Qt,{children:(0,s.jsx)(C.dX,{isGift:n,children:(0,s.jsx)(P.PaymentModal,{transitionState:f.ip.ENTERED,onClose:i,onComplete:r,applicationId:l,skuId:a,initialPlanId:o,analyticsLocations:t,renderHeader:m},g)})})})},g)};var N=l(652215);let D=[{key:m.pn.ADD_PAYMENT_STEPS,renderStep:e=>(0,s.jsx)(h.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:{}}],O={title:"Add Payment (Legacy Checkout)",stories:[{name:"Add Payment Step",id:"add-payment-step",component:e=>{let{useStripeElements:t}=e,{analyticsLocations:l}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),a=d.useMemo(()=>(0,u.A)(),[]),n=d.useCallback(()=>{},[]);return(0,s.jsx)(M,{stepConfigs:D,analyticsLocations:l,applicationId:N.FYj,initialPlanId:void 0,skuId:null,isGift:!1,hideErrors:!1,loadId:a,purchaseType:N.VVm.ONE_TIME,disablePurchases:!0,excludeSubscriptionPlansBySKU:!0,renderHeader:()=>null,onClose:n,onComplete:()=>{},paymentContextOverrides:{paymentElementsEnabled:t}},`${a}-${t}`)},controls:{useStripeElements:{label:"Use Stripe Elements",type:"boolean",defaultValue:!1}}}]};var L=l(162097),w=l(70926),V=l(240248),U=l(375708),B=l(439519);let G={name:"Balance Widget Menu",id:"balance-widget-menu",component:e=>{let{ctaText:t,linkText:l,showNotificationBadge:a,cardAlignment:n}=e;return(0,s.jsx)("div",{className:B.tH,children:(0,s.jsx)(w.SS,{className:B.oz,ctaText:(0,V.uJ)(t)?U.intl.string(U.t["J+vlIR"]):t,ctaOnClick:N.tEg,showNotificationBadge:a,cardAlignment:n,linkText:(0,V.uJ)(l)?U.intl.string(U.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:w.cP.START},{label:"End",value:w.cP.END}],defaultValue:w.cP.START},linkText:{label:"Link Text",type:"text",defaultValue:""}}};var H=l(821609),$=l(65738);let W={balance:{label:"Balance",type:"number",defaultValue:150},balanceWidgetMode:{label:"Balance Widget Mode",type:"select",options:[{label:"Default",value:$.k7.DEFAULT},{label:"Selected",value:$.k7.SELECTED}],defaultValue:$.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}},F={name:"Balance Widget Pill",id:"balance-widget-pill",component:e=>{let{loading:t,shouldUseTabularNums:l,...a}=e,[n,i]=(0,d.useState)(a.balance);return(0,d.useEffect)(()=>{null==n&&null!=a.balance&&i(a.balance)},[a.balance,n]),(0,s.jsxs)("div",{className:B.YG,children:[(0,s.jsx)($.Gy,{...a,balance:t?null:n,className:l?B.jG:void 0}),(0,s.jsx)(H.$,{onClick:()=>i(a.balance),text:"Update Balance"})]})},controls:{loading:{label:"Loading",type:"boolean",defaultValue:!1},...W}},z={name:"Balance Widget Pill Loading State",id:"balance-widget-pill-loading",component:e=>{let{loadingDuration:t,shouldUseTabularNums:l,...a}=e,[n,i]=(0,d.useState)(a.balance);return(0,d.useEffect)(()=>{i(a.balance)},[a.balance]),(0,s.jsxs)("div",{className:B.YG,children:[(0,s.jsx)($.Gy,{...a,balance:n,className:l?B.jG:void 0}),(0,s.jsx)(H.$,{onClick:()=>{i(null),setTimeout(()=>{i(a.balance)},t)},text:"Simulate Loading State"})]})},controls:{loadingDuration:{label:"Loading Duration (ms)",type:"number",defaultValue:500},...W}};var Y=l(488428),q=l(20742),K=l(17928),J=l(314116),X=l(990078),Q=l(862482),Z=l(364522),ee=l(331322),et=l(691885),el=l(404778),ea=l(292666),en=l(270003),ei=l(289873),er=l(192308),eo=l(753390),es=l(622207),ed=l(541689),eu=l(944304),ec=l(300233),ep=l(599941),em=l(817649),eh=l(4630),eb=l(482132),ex=l(615310),ey=l(532794),eg=l(216678),ef=l(194509),ev=l(761705),eE=l(71393),eS=l(166403),eC=l(788868),ej=l(705018);function eT(e){let{selectedGuildForGuildSub:t}=e,l=(0,ep.uk)(t?.id)[0];return null!=t&&null!=l?(0,s.jsx)("div",{children:l.subscription_listings_ids.map(e=>(0,s.jsx)(em.A,{guildId:t.id,groupListingId:e,listingId:e},e))}):null}let eP="checkout-error-boundary-test-modal",e_=()=>{let{setStep:e}=(0,ex.Ay)();return(0,s.jsx)(eb.dZ,{children:(0,s.jsxs)(ee.B,{direction:"vertical",gap:8,fullWidth:!1,children:[(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"PaymentModal Step within PaymentContext loaded. Click below to navigate to a mock error step that will throw \u2014 the CheckoutErrorBoundary baked into PaymentContextProvider will catch it."}),(0,s.jsx)(H.$,{variant:"primary",text:"Navigate to Error Step",onClick:()=>e(m.pn.REVIEW)})]})})};function eA(e){let{errorType:t="mock-error"}=e;if("mock-error"===t)throw Error("Simulated error thrown inside a payment step");return"translation-key-error"===t?(0,s.jsx)("div",{children:U.intl.format(ej.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"})})}):(0,s.jsx)("div",{children:"Unknown error type"})}let eI={title:"Checkout",stories:[{name:"Checkout Test Panel",id:"checkout-test-panel",component:()=>{let[e,t]=d.useState(eC.pe.TIER_2),[l,a]=d.useState(null),n=(0,K.yK)([eE.A],()=>eE.A.getGuildsArray()),[i]=(0,K.yK)([eS.A],()=>[eS.A.getPremiumSubscription()]),r=n.map(e=>({id:e.id,value:e,label:e.name})),[o,m]=d.useState(r.length>0?r[0].value:null),[h,b]=d.useState(""),[x,f]=d.useState({plan_id:eC.gD.PREMIUM_MONTH_TIER_2,gift:"true"}),v="true"!==x.gift&&null!=i,[E,C]=d.useState(r.length>0?r[0].value:null),{analyticsLocations:j}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE),[T,P]=d.useState(""),[_,A]=d.useState(N.dJq),{balance:I,isFetching:R,error:k}=(0,ev.W)(),{isSubmitting:M,responseMessage:D,redeemVirtualCurrency:O}=(0,ev.Q)(),[L,w]=d.useState(N.dJq),[V,U]=d.useState(""),[G,W]=d.useState(N.dJq);return(0,s.jsx)(p.f5,{value:j,children:(0,s.jsx)(Z.Ip,{className:B.XG,children:(0,s.jsxs)(ee.B,{direction:"vertical",gap:24,children:[(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(et.l,{label:"Gift",value:e,options:[{id:"tier_2",value:eC.pe.TIER_2,label:"Nitro"},{id:"tier_1",value:eC.pe.TIER_1,label:"Nitro Classic"},{id:"tier_0",value:eC.pe.TIER_0,label:"Nitro Basic"},{id:"none",value:null,label:"None"}],onSelectionChange:e=>t(e),selectionMode:"single",fullWidth:!0}),(0,s.jsx)(ef.A,{subscriptionTier:e,premiumModalAnalyticsLocation:{},color:Q.XD.PRIMARY,look:Q.pR.FILLED})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(et.l,{label:"Premium Select Plan",value:l,options:[{id:"tier_2",value:eC.pe.TIER_2,label:"Nitro"},{id:"tier_1",value:eC.pe.TIER_1,label:"Nitro Classic"},{id:"tier_0",value:eC.pe.TIER_0,label:"Nitro Basic"},{id:"none",value:null,label:"None"}],onSelectionChange:e=>a(e),selectionMode:"single",fullWidth:!0}),(0,s.jsx)(H.$,{variant:"primary",text:"Select Plan",onClick:()=>(0,ey.A)({subscriptionTier:l,analyticsLocations:j})})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(ee.B,{direction:"vertical",gap:8,children:[(0,s.jsx)(et.l,{label:"Boost",value:o,options:r,onSelectionChange:m,selectionMode:"single",fullWidth:!0}),null!=o?(0,s.jsx)(eu.A,{guild:o,analyticsLocation:{}}):(0,s.jsx)("div",{children:"No Guild to boost"})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(ee.B,{direction:"vertical",gap:8,children:[(0,s.jsx)(g.Anchor,{href:"https://i.dis.gd/createPromo",children:"How to create promotion"}),(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(ea.k,{label:"Standalone: Trial Promotion Redemption",placeholder:"Promotion Code",value:h,onChange:e=>b(e)}),(0,s.jsx)(X.m,{text:"Need Promotion Code",shouldShow:h.length<1,children:(0,s.jsx)(H.$,{variant:"primary",text:"Open Link",disabled:h.length<1,onClick:()=>{window.open(N.BVt.BILLING_PROMOTION_REDEMPTION(h))}})})]})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(en.n,{label:"Standalone: Gift/Subscription Purchase",children:[(0,s.jsx)(et.l,{label:"Plan",value:x.plan_id,options:[{id:"tier_2",value:eC.gD.PREMIUM_MONTH_TIER_2,label:"Nitro"},{id:"tier_1",value:eC.gD.PREMIUM_MONTH_TIER_1,label:"Nitro Classic"},{id:"tier_0",value:eC.gD.PREMIUM_MONTH_TIER_0,label:"Nitro Basic"}],onSelectionChange:e=>{f(t=>({...t,plan_id:e}))},selectionMode:"single",fullWidth:!0}),(0,s.jsx)(et.l,{label:"Type",value:x.gift,options:[{id:"gift",value:"true",label:"Gift"},{id:"not_gift",value:"false",label:"Not Gift"}],onSelectionChange:e=>{f(t=>({...t,gift:e}))},selectionMode:"single",fullWidth:!0})]}),(0,s.jsx)(X.m,{text:"Already subscribed",shouldShow:v,children:(0,s.jsx)(H.$,{variant:"primary",text:"Open Link",disabled:v,onClick:()=>{window.open(N.BVt.BILLING_PREMIUM_SUBSCRIBE+"?"+Y.stringify({...x}))}})}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(en.n,{label:"Redeem Virtual Currency for SKU",children:[(0,s.jsxs)(ee.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:B.wG,children:(0,s.jsx)(ei.y,{type:ei.t.SPINNING_CIRCLE})}):(0,s.jsxs)("div",{className:B.dB,children:[null!==k&&(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Error fetching Virtual Currency Balance: ",k.message]}),(0,s.jsx)($.Gy,{balance:I??0,balanceWidgetMode:$.k7.SELECTED})]})]}),(0,s.jsx)(ea.k,{label:"SKU ID",placeholder:"SKU ID",value:L,onChange:e=>w(e)}),(0,s.jsx)(H.$,{variant:"primary",text:"Redeem Virtual Currency for SKU",loading:M,onClick:()=>O(L,(0,u.A)())}),null!=D&&(0,s.jsx)(y.E,{variant:"text-sm/normal",children:D})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(en.n,{label:"Creator Revenue",children:[(0,s.jsx)(et.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)(ec.H,{guildId:E?.id,children:(0,s.jsx)(eT,{selectedGuildForGuildSub:E})})]}),(0,s.jsx)(el.c,{}),(0,s.jsxs)(ee.B,{direction:"vertical",gap:8,children:[(0,s.jsxs)(en.n,{label:"Activities & Application Payment Modals",children:[(0,s.jsx)(ea.k,{label:"Application Id",placeholder:"Application Id",value:T,onChange:P}),(0,s.jsx)(ea.k,{label:"Sku Id",placeholder:"Sku Id",value:_,onChange:e=>A(e)})]}),(0,s.jsx)(H.$,{variant:"primary",text:"Open App Subs Modal for Activity",onClick:()=>(0,eh.openIAPPurchaseModal)({applicationId:T,skuId:_,openPremiumPaymentModal:()=>!0,analyticsLocations:[],analyticsLocationObject:{page:N.liQ.IN_APP},context:N.BRT.APP})})]}),(0,s.jsx)(el.c,{}),(0,s.jsx)(ee.B,{direction:"vertical",gap:8,children:(0,s.jsx)(en.n,{label:"Standard Payment Modal Test",children:(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(ea.k,{label:"Application Id",hideLabel:!0,placeholder:"Application Id",value:V,onChange:U}),(0,s.jsx)(ea.k,{label:"SKU ID",hideLabel:!0,placeholder:"SKU ID",value:G,onChange:e=>W(e)}),(0,s.jsx)(H.$,{variant:"primary",text:"Open Standard Payment Modal for SKU",onClick:()=>(0,eg.A)({applicationId:V,skuId:G,analyticsLocations:j,checkoutFlow:es.CL.PREMIUM_APPS_OTP_CHECKOUT})})]})})}),(0,s.jsx)(el.c,{}),(0,s.jsx)(en.n,{label:"Helpers",children:(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(H.$,{variant:"primary",text:"Reset SubscriptionPlanStore",onClick:()=>(0,S.YG)()}),(0,s.jsx)(H.$,{variant:"primary",text:"Reset SubscriptionStore",onClick:()=>(0,eo.uZ)()})]})}),(0,s.jsx)(el.c,{}),(0,s.jsx)(en.n,{label:"Dismissible Content Framework",children:(0,s.jsx)(H.$,{variant:"primary",text:"Reset DismissibleContentFrameworkStore",onClick:()=>(0,ed.Ab)()})})]})})})},controls:{}},{name:"Checkout Error Boundary",id:"checkout-error-boundary",component:e=>{let{errorBoundaryVariant:t,errorType:l}=e,{analyticsLocations:a}=(0,p.Ay)(c.A.PAYMENT_FLOW_TEST_PAGE);return(0,s.jsx)(p.f5,{value:a,children:(0,s.jsxs)(ee.B,{direction:"vertical",gap:8,children:[(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."]}),(0,s.jsx)(H.$,{variant:"primary",text:"Open Error Boundary Test Modal",onClick:()=>(function(e,t){let{errorBoundaryVariant:l,errorType:a}=t,n=[{key:m.pn.PLAN_SELECT,renderStep:()=>(0,s.jsx)(e_,{}),renderHeader:()=>(0,s.jsx)(q.rQ,{title:"Checkout Error Boundary Test"})},{key:m.pn.REVIEW,renderStep:()=>(0,s.jsx)(eb.dZ,{children:(0,s.jsx)(eA,{errorType:a})})}],i=()=>(0,er.closeModal)(eP);return(0,er.openModalLazy)(async()=>{let t;return"show-alert"===l?t=e=>{i();let t="string"==typeof e?e:e.message;(0,J.A)({title:"Error",subtitle:t,confirmText:"OK",variant:"critical"})}:"close-modal"===l&&(t=()=>{i()}),await Promise.resolve(a=>{let{onClose:i,transitionState:r}=a;return(0,s.jsx)(j.PaymentContextProvider,{activeSubscription:null,stepConfigs:n,skuIDs:[],shouldCrashOnUnhandledError:"crash-client"===l,onUnhandledError:t,children:(0,s.jsx)(C.dX,{isGift:!1,children:(0,s.jsx)(P.PaymentModal,{transitionState:r,onClose:i,initialPlanId:null,analyticsLocations:e})})})})},{onCloseRequest:i,onCloseCallback:i,modalKey:eP})})(a,{errorBoundaryVariant:t,errorType:l})})]})})},controls:{errorBoundaryVariant:{label:"Variant",type:"select",options:[{label:"Crash Client (Default Behavior)",value:"crash-client"},{label:"Show Alert",value:"show-alert"},{label:"Close Modal",value:"close-modal"}],defaultValue:"crash-client"},errorType:{label:"Error Type",type:"select",options:[{label:"Mock Error",value:"mock-error"},{label:"Translation Key Error",value:"translation-key-error"}],defaultValue:"mock-error"}}}]};var eR=l(862241),ek=l(428262),eM=l(492518),eN=l(758836);let eD=()=>({options:[{value:eN.ck["0"],label:`${eN.ck["0"]} (Cat Ears)`},{value:eN.ck["1"],label:`${eN.ck["1"]} (Angry)`},{value:eN.ck["2"],label:`${eN.ck["2"]} (Aurora Bundle)`},{value:eN.ck["3"],label:`${eN.ck["3"]} (Heartbloom)`},{value:eN.ck["4"],label:`${eN.ck["4"]} (Aurora Dreams)`},{value:eN.ck["5"],label:`${eN.ck["5"]} (Sakura Ink)`},{value:eN.ck["6"],label:`${eN.ck["6"]} (Of Ink and Steel)`},{value:eN.ck["7"],label:`${eN.ck["7"]} (Twilight)`},{value:eN.ck["8"],label:`${eN.ck["8"]} (Red Dragon)`},{value:eN.ck["9"],label:`${eN.ck["9"]} (Aurora)`}],defaultValue:eN.ck["0"]}),eO=[{key:m.pn.REVIEW,renderStep:e=>(0,s.jsx)(eR._M,{...e}),options:{useBreadcrumbLabel:()=>U.intl.string(U.t.QBnNHq)}},{key:m.pn.ADD_PAYMENT_STEPS,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.REVIEW,text:"Add Payment Steps Placeholder"}),options:{useBreadcrumbLabel:()=>U.intl.string(U.t.QBnNHq)}},{key:m.pn.CONFIRM,renderStep:e=>(0,s.jsx)(k,{...e,originStep:m.pn.REVIEW,text:"Confirm Step Placeholder"}),options:{useBreadcrumbLabel:()=>U.intl.string(U.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:()=>U.intl.string(U.t.QBnNHq),modalSizeGetter:e=>{let{isGift:t}=e;return t?"xl":"md"}}}],eL=()=>(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Purchase button is disabled for this story"}),ew={isGift:{label:"Is Gift",type:"boolean",defaultValue:!1},hideErrors:{label:"Hide Errors",type:"boolean",defaultValue:!0}},eV=eD(),eU={name:"Collectibles Review Step",id:"collectibles-checkout-review-step",component:e=>{let{skuId:t,isGift:l,hideErrors:a}=e,{analyticsLocations:n,loadId:i,handleClose:r,handleComplete:o,isFetching:d,sku:u}=R({skuId:t,isGift:l,applicationId:N.FYj}),c=ek.Ay.isPremiumSku(t);return d||null==u||c?(0,s.jsx)(eM.k,{}):(0,s.jsxs)("div",{className:B.Cd,children:[(0,s.jsx)(M,{stepConfigs:eO,analyticsLocations:n,applicationId:N.FYj,initialPlanId:void 0,skuId:t,isGift:l,hideErrors:a,loadId:i,purchaseType:N.VVm.ONE_TIME,disablePurchases:!0,excludeSubscriptionPlansBySKU:!0,onClose:r,onComplete:o}),(0,s.jsx)(eL,{})]})},controls:{skuId:{label:"SKU ID",type:"select",options:eV.options,defaultValue:eV.defaultValue},...ew}},eB={name:"Premium Review Step",id:"premium-checkout-review-step",component:e=>{let{skuId:t,isGift:l,hideErrors:a}=e,{analyticsLocations:n,loadId:i,handleClose:r,handleComplete:o,isFetching:u,sku:c}=R({skuId:t,isGift:l,applicationId:eC.tv}),p=ek.Ay.isPremiumSku(t),m=p?eC.zE[t]:void 0,[h,b]=d.useState(m),y=d.useRef(!1);d.useEffect(()=>{y.current||null==m||(y.current=!0,b(m))},[m,h]);let{isLoadedForPremiumSKUs:g,selectedPlan:f}=(e=>{let{subscriptionPlanId:t}=e;d.useEffect(()=>{_.A.isLoadedForPremiumSKUs()||v.h.wait(()=>(0,S.zS)())},[]);let l=(0,x.bG)([_.A],()=>null!=t?_.A.get(t):null);return{isLoadedForPremiumSKUs:(0,x.bG)([_.A],()=>_.A.isLoadedForPremiumSKUs()),selectedPlan:l}})({subscriptionPlanId:h});return!u&&null!=c&&g&&p&&null!=f?(0,s.jsxs)("div",{className:B.Cd,children:[(0,s.jsx)(M,{stepConfigs:eO,analyticsLocations:n,applicationId:eC.tv,initialPlanId:m,skuId:t,isGift:l,hideErrors:a,loadId:i,purchaseType:N.VVm.SUBSCRIPTION,disablePurchases:!0,onClose:r,onComplete:o,paymentContextOverrides:{}}),(0,s.jsx)(eL,{})]}):(0,s.jsx)(eM.k,{})},controls:{skuId:{label:"SKU ID",type:"select",options:[{value:eC.pe.TIER_0,label:`${eC.pe.TIER_0} (Nitro Basic)`},{value:eC.pe.TIER_2,label:`${eC.pe.TIER_2} (Nitro Standard)`}],defaultValue:eC.pe.TIER_0},...ew}};var eG=l(27192),eH=l(359778),e$=l(939249),eW=l(97808),eF=l(778712),ez=l(401648),eY=l(664111),eq=l(994500),eK=l(287809),eJ=l(403362),eX=l(784018),eQ=l(94269);let eZ={name:"Clip Embed Overlay",id:"clip-embed-overlay",component:function(e){let{videoUrl:t,orientation:l,title:a,autoplay:n}=e,i=(0,K.yK)([eq.A,eK.default],()=>eq.A.getFriendIDs().map(e=>eK.default.getUser(e)).filter(eJ.Vq)),[r,o]=d.useState(new Set),u=d.useCallback((e,t)=>{o(l=>{let a=new Set(l);return t?a.add(e):a.delete(e),a})},[]),c=d.useMemo(()=>Array.from(r),[r]),p=d.useCallback(()=>(0,s.jsx)(ez.A,{title:a,participantIds:c}),[a,c]),m="landscape"===l?640:360;return(0,s.jsxs)("div",{className:eQ.iE,children:[(0,s.jsx)("div",{className:eQ.j,style:{width:m,height:"landscape"===l?360:640},children:(0,s.jsx)(eY.default,{src:t,active:n,autoplay:n,orientation:l,renderOverlay:p,parentTransitionState:f.ip.ENTERED})}),(0,s.jsxs)(eH.Z,{className:eQ.nd,type:eH.s.PRIMARY,style:{width:m},children:[(0,s.jsxs)("div",{className:eQ.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)(el.c,{}),0===i.length?(0,s.jsx)("div",{className:eQ.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:eQ.p_,onScroll:e=>e.stopPropagation(),children:i.map(e=>{let t=r.has(e.id);return(0,s.jsxs)(e$.D,{className:eQ.nM,role:"checkbox","aria-checked":t,onClick:()=>u(e.id,!t),children:[(0,s.jsx)(eG.Lc,{value:t,size:16}),(0,s.jsx)(eW.eu,{src:e.getAvatarURL(void 0,24),size:eF._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:eX.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 e0=l(930349);function e1(){return(0,s.jsx)("div",{style:{width:"100%",height:"100%",borderRadius:"8px",background:"red"}})}function e2(){return(0,s.jsx)("div",{style:{width:"60%",height:"60%",borderRadius:"50%",background:"red"}})}let e6={label:"Variant",type:"select",defaultValue:"square",options:[{label:"Square",value:"square"},{label:"Bar",value:"bar"}]},e3={title:"Editable Tile Button",stories:[{name:"Add Button",component:function(e){let{variant:t,accessibleLabel:l}=e;return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e0.V,{affordance:"add",variant:t,onClick:()=>{},accessibleLabel:l,renderPreview:()=>(0,s.jsx)(e1,{})}),(0,s.jsx)(e0.V,{affordance:"add",variant:t,onClick:()=>{},accessibleLabel:l,renderPreview:()=>(0,s.jsx)(e2,{})})]})},id:"add-tile-button",controls:{variant:e6,accessibleLabel:{label:"Aria Label",type:"text",defaultValue:"Avatar image"}}},{name:"Edit Button",component:function(e){let{variant:t,showOverlayOnHover:l,accessibleLabel:a}=e;return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e0.V,{variant:t,onClick:()=>{},accessibleLabel:a,showOverlayOnHover:l,renderPreview:()=>(0,s.jsx)(e1,{})}),(0,s.jsx)(e0.V,{variant:t,onClick:()=>{},accessibleLabel:a,showOverlayOnHover:l,renderPreview:()=>(0,s.jsx)(e2,{})})]})},id:"edit-tile-button",controls:{variant:e6,showOverlayOnHover:{label:"Show Overlay",type:"boolean",defaultValue:!1},accessibleLabel:{label:"Aria Label",type:"text",defaultValue:"Avatar image"}}},{name:"Edit Button - Deletable",component:function(e){let{variant:t,showOverlayOnHover:l,accessibleLabel:a,deleteType:n,deleteAccessibleLabel:i}=e,r={type:n,accessibleLabel:i,onClick:()=>{}};return(0,s.jsxs)("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[(0,s.jsx)(e0.V,{variant:t,onClick:()=>{},accessibleLabel:a,showOverlayOnHover:l,affordance:r,renderPreview:()=>(0,s.jsx)(e1,{})}),(0,s.jsx)(e0.V,{variant:t,onClick:()=>{},accessibleLabel:a,showOverlayOnHover:l,affordance:r,renderPreview:()=>(0,s.jsx)(e2,{})})]})},id:"deletable-edit-tile-button",controls:{variant:e6,showOverlayOnHover:{label:"Show Overlay",type:"boolean",defaultValue:!1},accessibleLabel:{label:"Aria Label",type:"text",defaultValue:"Avatar image"},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 e4=l(687021),e8=l(487233),e9=l(120386),e7=l(473219);let e5={value:"",label:"No Guild (main profile)"};var te=l(99696),tt=l(534514),tl=l(599147),ta=l(808411),tn=l(116833),ti=l(716574),tr=l(425713),to=l(367266);let ts={bronze:eC.Ac.PREMIUM_TENURE_1_MONTH,silver:eC.Ac.PREMIUM_TENURE_3_MONTH,gold:eC.Ac.PREMIUM_TENURE_6_MONTH,platinum:eC.Ac.PREMIUM_TENURE_12_MONTH,diamond:eC.Ac.PREMIUM_TENURE_24_MONTH,emerald:eC.Ac.PREMIUM_TENURE_36_MONTH,ruby:eC.Ac.PREMIUM_TENURE_60_MONTH,opal:eC.Ac.PREMIUM_TENURE_72_MONTH};var td=l(661531),tu=l(720879);let tc={bronze:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_BRONZE_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_BRONZE_END},silver:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_SILVER_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_SILVER_END},gold:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_GOLD_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_GOLD_END},platinum:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_PLATINUM_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_PLATINUM_END},diamond:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_DIAMOND_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_DIAMOND_END},emerald:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_EMERALD_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_EMERALD_END},ruby:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_RUBY_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_RUBY_END},opal:{type:"custom",start:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_OPAL_START,end:td.A.colors.EXPRESSIVE_GRADIENT_TENURE_BADGE_OPAL_END}};var tp=l(624716),tm=l(872725);let th={name:"Expressive Progress",component:ta.A,id:"expressive-progress",controls:{}},tb={name:"Tab Tooltip",component:tp.A,id:"tab-tooltip",controls:{}},tx={title:"Nitro Components",stories:[{name:"AnimatedBorderCard",component:function(e){return(0,s.jsx)("div",{style:{maxWidth:400},children:(0,s.jsx)(tm.A,{artboard:e.artboard,fit:e.fit,glowAmount:e.glowAmount,blurAmount:e.blurAmount,hueRotate:e.hueRotate,cardType:eH.s.PRIMARY,glowing:!0,children:(0,s.jsxs)("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:8},children:[(0,s.jsx)(tt.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.artboard}-${e.fit}`)})},id:"animated-border-card",controls:{artboard:{label:"Artboard",type:"select",defaultValue:"BaseGlowRemapped",options:[{label:"BaseGlow",value:"BaseGlow"},{label:"BaseGlowRemapped",value:"BaseGlowRemapped"},{label:"HoverLightmode",value:"HoverLightmode"},{label:"HoverDarkmode",value:"HoverDarkmode"},{label:"ButtonFillLightmode",value:"ButtonFillLightmode"},{label:"ButtonFillDarkmode",value:"ButtonFillDarkmode"}]},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:()=>(0,s.jsx)(tl.o,{}),id:"cancellation-flow",controls:{}},th,{name:"Mini Premium Tooltip",component:e=>{let{badgeId:t,earnedOnText:l,variant:a}=e,n=d.useRef(null),i=d.useRef(null),r=ts[t],o=(0,tr.I)(r).standard,u=eC.VD[r].rarity,c=(U.intl.string(U.t.lG6a5x)+" "+U.intl.string(eC.VD[r].nameUnformatted)).toLocaleUpperCase(),p={type:"dynamic",component:tn.DynamicGraphicComponent.BADGE_IMAGE_WITH_PROGRESS_CIRCLE,aspectRatio:"16/9",props:{src:o,alt:c,compact:!0}};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:to.k3,children:[(0,s.jsx)("span",{className:to.yU,children:(0,s.jsx)(ti.K,{targetElementRef:n,title:c,body:l,graphic:p,rarity:u,variant:a,children:(0,s.jsx)(g.Anchor,{href:"#",ref:n,"aria-label":U.intl.string(U.t["JEiq/c"]),children:(0,s.jsx)("img",{alt:" ","aria-hidden":!0,src:o,className:to.Jv})})})}),(0,s.jsx)("span",{className:to.yU,children:(0,s.jsx)(ti.K,{targetElementRef:i,title:c,body:l,graphic:p,rarity:u,variant:a,children:(0,s.jsx)(g.Anchor,{href:"#",ref:i,"aria-label":U.intl.string(U.t["JEiq/c"]),children:(0,s.jsx)("img",{alt:" ","aria-hidden":!0,src:o,className:to.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:e=>{let{title:t,body:l,showGraphic:a,showActions:n,badgeId:i,showProgress:r,progressCircleText:o,progressCirclePercent:u,progressCircleUrgency:c,delay:p,size:m,gradientColor:h,estimatedTooltipHeight:b}=e,x=d.useRef(null),g=d.useRef(null),f=d.useMemo(()=>({bronze:eC.Ac.PREMIUM_TENURE_1_MONTH,silver:eC.Ac.PREMIUM_TENURE_3_MONTH,gold:eC.Ac.PREMIUM_TENURE_6_MONTH,platinum:eC.Ac.PREMIUM_TENURE_12_MONTH,diamond:eC.Ac.PREMIUM_TENURE_24_MONTH,emerald:eC.Ac.PREMIUM_TENURE_36_MONTH,ruby:eC.Ac.PREMIUM_TENURE_60_MONTH,opal:eC.Ac.PREMIUM_TENURE_72_MONTH})[i],[i]),v=null!=f?(0,tr.I)(f).standard:null,E=d.useMemo(()=>{if(null==f)return"";let e=eC.VD[f];return(U.intl.string(U.t.lG6a5x)+" "+U.intl.string(e.nameUnformatted)).toLocaleUpperCase()},[f]),S=d.useMemo(()=>{if(!a||null==v)return;let e=r?{progressCircleText:o,progressCirclePercent:u,progressCircleUrgency:c}:{};return{type:"dynamic",component:tn.DynamicGraphicComponent.BADGE_IMAGE_WITH_PROGRESS_CIRCLE,aspectRatio:"6/4",props:{src:v,alt:E,...e}}},[a,v,E,r,o,u,c]),C={title:t,body:l,graphic:S,actions:d.useMemo(()=>{if(n)return[{text:"Got it",variant:"primary"}]},[n]),delay:p,size:m,gradientColor:d.useMemo(()=>"string"==typeof h&&h in tc?tc[h]:h,[h]),estimatedTooltipHeight:b};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)(tu.L,{targetElementRef:x,...C,children:(0,s.jsx)(H.$,{buttonRef:x,variant:"primary",text:"Left"})}),(0,s.jsx)(tu.L,{targetElementRef:g,...C,children:(0,s.jsx)(H.$,{buttonRef:g,variant:"primary",text:"Right"})})]})]})},id:"premium-tooltip",controls:{title:{label:"Title",type:"text",defaultValue:U.intl.string(U.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}}},tb]};var ty=l(691540),tg=l(857250),tf=l(97483),tv=l(750338),tE=l(280041),tS=l(576765),tC=l(88433);let tj={none:void 0,nitroWheel:r.t},tT={name:"Bento Box",component:function(e){let{title:t,description:l,ctaMode:a,descriptionCtaText:n,action1Text:i,action1Variant:r,action2Text:o,action2Variant:d,icon:u,iconPosition:c,index:p,size:m,badgeText:h,badgeVariant:b,isReducedMotion:x,previewImageStyle:y}=e,g=()=>(0,ty.P0)((0,tg.o)("CTA clicked!",tf.Ck.SUCCESS)),f=tj[u],v="descriptionCta"===a?{descriptionCta:n,onClick:g}:"actions"===a?{actions:[{text:i,variant:r,onClick:g,...null!=f?{icon:f,iconPosition:c}:{}},...o.length>0?[{text:o,variant:d,onClick:g}]:[]]}:{};return(0,s.jsx)("div",{children:(0,s.jsx)(tv.A,{name:tE.NI.EMOJIS,title:t,description:l,previewImage:tS.A,videoUrl:tC.A,shouldLoadVideo:!0,index:p,size:m,badgeText:h.length>0?h:void 0,badgeVariant:b,isReducedMotion:x,previewImageStyle:y,...v})})},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:tE.A0.LARGE,options:[{label:"Small",value:tE.A0.SMALL},{label:"Medium",value:tE.A0.MEDIUM},{label:"Large",value:tE.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:tE.Tb.CONTAINED,options:[{label:"Contained",value:tE.Tb.CONTAINED},{label:"Overlay",value:tE.Tb.OVERLAY}]}}};var tP=l(398590),t_=l(920050),tA=l(744064),tI=l(976860);let tR={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)(tA.S,{...t,id:"test-id",progress:null!=t.progress&&t.progress>0?t.progress:void 0,onCtaClick:()=>(0,ty.P0)((0,tg.o)("CTA Clicked!",tf.Ck.SUCCESS))}),(0,s.jsx)(tk,{})]})},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 tk(){let[e,t]=(0,d.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)(ea.k,{label:"Deep Linking",value:e,onChange:e=>t(e),placeholder:"Perk ID"}),(0,s.jsx)(H.$,{text:"Test Deep Link",variant:"primary",size:"sm",onClick:()=>{(0,tP.jH)(),(0,tI.pX)(N.BVt.ME),setTimeout(()=>(0,tI.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(t_).map(e=>(0,s.jsx)("li",{children:e},e))})]})]})}var tM=l(52822),tN=l(339984);let tD=[{id:"avatar_decoration",label:"Avatar Decoration",value:eC.e.AVATAR_DECORATION_MODAL_UPSELL},{id:"profile_effect",label:"Profile Effect",value:eC.e.PROFILE_EFFECT_MODAL_UPSELL},{id:"nameplate",label:"Nameplate",value:eC.e.NAMEPLATE_MODAL_UPSELL}],tO={[eC.e.AVATAR_DECORATION_MODAL_UPSELL]:{title:"Express Yourself with Avatar Decorations",body:"Stand out with unique avatar decorations exclusive to Nitro subscribers."},[eC.e.PROFILE_EFFECT_MODAL_UPSELL]:{title:"Animate Your Profile with Profile Effects",body:"Add dynamic effects to your profile with Nitro."},[eC.e.NAMEPLATE_MODAL_UPSELL]:{title:"Personalize with a Nameplate",body:"Show off your style with a custom nameplate, available with Nitro."}},tL=[{id:"near_limit",label:"Near Limit (99 guilds)",value:99},{id:"at_limit",label:"At Limit (100 guilds)",value:N.qlD}],tw=[{id:"avatar",label:"Avatar",value:tN.HL.AVATAR},{id:"banner",label:"Banner",value:tN.HL.BANNER}];var tV=l(652165);let tU="1271174907081789524",tB={name:"Orb Checkout Modals",id:"orb-checkout-modal",component:e=>{let{skuId:t}=e;return(0,s.jsx)("div",{className:B.YG,children:(0,s.jsx)(H.$,{onClick:()=>{(0,tV.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:tU,skuName:"Oni's Curse (Deco)"}].map(e=>{let{skuId:t,skuName:l}=e;return{label:l,value:t}}),defaultValue:tU}}};var tG=l(324861),tH=l(73079),t$=l(818348),tW=l(76488),tF=l(877062);let tz={name:"Deep Link Test",id:"deep-link-test",component:function(e){let{deepLinkUrl:t}=e;return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Deep Link Test"}),(0,s.jsx)(tM.Hq,{label:"Test Deeplinking with a Custom Path",direction:"vertical",children:(0,s.jsx)(H.$,{variant:"primary",size:"sm",text:"Test Deeplink",onClick:()=>{console.log("Opening deep link... ",t),tF.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 tY=l(636537),tq=l(192087),tK=l(295405),tJ=l(71532);let tX=eD();async function tQ(e){return(await tY.Bo.post({url:N.Rsh.ORDER_SIGN(e),rejectWithError:!0})).body}async function tZ(e){return(await tY.Bo.get({url:N.Rsh.ORDER_UPDATE(e),rejectWithError:!0})).body}async function t0(e,t){await tY.Bo.patch({url:N.Rsh.ORDER_UPDATE(e),body:{billing_facet:{payment_source_id:t}},rejectWithError:!0})}function t1(){let[e,t]=d.useState(!1),[l,a]=d.useState(!1),[n,i]=d.useState(null),[r,o]=d.useState(null),[u,c]=d.useState(tX.defaultValue),[p,m]=d.useState(null),h=(0,K.bG)([tK.A],()=>tK.A.paymentSources),b=(0,K.bG)([tK.A],()=>tK.A.hasFetchedPaymentSources),x=(0,K.bG)([tK.A],()=>tK.A.defaultPaymentSourceId);d.useEffect(()=>{b||(0,eo.$o)()},[b]),d.useEffect(()=>{null!=x&&null==p&&m(x)},[x,p]);let g=d.useRef(null);d.useEffect(()=>{if(null==r||""===r){g.current=p;return}if(p!==g.current){if(null==p||""===p){g.current=p;return}t0(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}`)}),g.current=p}},[r,p]);let f=d.useMemo(()=>Object.values(h).map(e=>{var t;let l,a=(t=e.type,null!=(l=tq.w[t])?l():String(t));if(e.type===t$.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}}),[h]),v=async()=>{if(null==p||""===p)return void i("Please select a payment source first.");if(null==u||""===u||u===N.dJq)return void i("Please select a SKU ID.");t(!0),i(null),o(null);try{let e=await (0,E.Aj)(u,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)}},S=async()=>{if(null==r||""===r)return void i("No order ID available. Please create an order first.");a(!0);try{let e=await tQ(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,tJ.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:d,paymentIntent:u}=await n.confirmCardPayment(s,{payment_method:a.payment_method_id});if(null!=d)throw Error(`3DS authentication failed: ${d.message}`);if(null==u)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 if(1001===t){let t,l,a,n,s,d,u,c;i(`Order signing in progress!
Order ID: ${r}
This order requires redirection to complete the payment.
Polling order status...`),t=e.billing_facet,l=t?.order_signing_deferral_context?.payment_redirect_context,a=l?.redirect_url,null!=a&&window.open(a),n=Date.now(),s=null,d=()=>{let e=Date.now()-n,t=Math.min(3e3,3e4-e);t>0&&(s=setTimeout(()=>{c().catch(e=>{let t=e instanceof Error?e.message:String(e);i(`Failed to poll order status!
Order ID: ${r}
Error: ${t}`)})},t))},u=()=>{null!=s&&clearTimeout(s)},(c=async()=>{let e=Date.now()-n;if(e>=3e4){try{var t;t=(await tZ(r)).status,i(`Order signing timed out.
Order ID: ${r}
Status: ${t??"unknown"}
Please check the order status manually.`),u()}catch(t){let e=t instanceof Error?t.message:String(t);i(`Order signing timed out.
Order ID: ${r}
Error: ${e}`),u()}return}try{let e=(await tZ(r)).status;if(2===e){i(`Order signed successfully!
Order ID: ${r}
Payment redirect completed.`),o(null),u();return}if(1===e){i(`Order signed unsuccessfully
Order ID: ${r}`),u();return}d()}catch(l){let t=l instanceof Error?l.message:String(l);e<3e4?d():(i(`Order signing timed out.
Order ID: ${r}
Error: ${t}`),u())}})().catch(e=>{let t=e instanceof Error?e.message:String(e);i(`Failed to start polling order status!
Order ID: ${r}
Error: ${t}`)})}else 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)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Order SKU Test"}),(0,s.jsxs)(tM.Hq,{label:"Test Order Creation, Signing & 3DS",direction:"vertical",children:[(0,s.jsx)(y.E,{variant:"text-md/normal",className:tW.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)(en.n,{label:"Configuration",children:[(0,s.jsx)("div",{style:{marginBottom:"16px"},children:(0,s.jsx)(et.l,{selectionMode:"single",value:u,onSelectionChange:c,options:tX.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)(et.l,{selectionMode:"single",value:p,onSelectionChange:m,options:f,placeholder:"Select a payment source...",disabled:!b,label:"Payment Source",clearable:!0}),!b&&(0,s.jsx)(y.E,{variant:"text-sm/normal",color:"text-muted",className:tW.cW,children:"Loading payment sources..."})]})]}),(0,s.jsxs)("div",{style:{display:"flex",gap:"8px",marginBottom:"8px",flexWrap:"wrap"},children:[(0,s.jsx)(H.$,{variant:"primary",size:"sm",text:e?"Creating Order...":"Create Order",onClick:v,disabled:e||null==p||""===p||null==u||""===u||u===N.dJq}),(0,s.jsx)(H.$,{variant:"secondary",size:"sm",text:l?"Signing Order...":"Sign Order",onClick:S,disabled:l||null==r||""===r})]}),null!=n&&(0,s.jsx)("div",{className:tW.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 t2=l(405139),t6=l(19311),t3=l(869177);function t4(e){let t=d.useRef(null),l={paymentLabel:U.intl.string(U.t.ZURqX0),paymentRequestRef:t,onStripePaymentMethodReceived:()=>{},onPaymentRequestFailure:()=>{},onValidPaymentRequest:()=>{},onChooseType:()=>{},loadingComponent:(0,s.jsx)(ei.y,{style:{marginTop:16},type:ei.t.PULSING_ELLIPSIS})};return e.renderStepBody?(0,s.jsx)(t3.V,{...l,...e}):"applePay"===e.paymentRequestWallet?(0,s.jsx)(t2.Mv,{...l,...e}):(0,s.jsx)(t2.dP,{...l,...e})}function t8(e){let{paymentRequestWallet:t}=e,l=d.useRef(null),[a,n]=d.useState(!1);return(0,s.jsx)(tM.e_,{footer:(0,s.jsx)(t6.Ay,{primaryCTA:t6.Ay.CTAType.CONTINUE,primaryText:U.intl.string("applePay"===t?U.t.WoXvJL:U.t.wnVVr0),primaryDisabled:!a,onPrimary:()=>void(null!=l.current&&l.current.show()),onBack:()=>{}}),children:(0,s.jsx)(t4,{renderConnectorView:!0,renderStepBody:!0,paymentRequestWallet:t,paymentRequestRef:l,onValidPaymentRequest:()=>n(!0)})})}var t9=l(150934),t7=l(36167),t5=l(26279);let le=[{id:"tier_2",value:eC.gD.PREMIUM_MONTH_TIER_2,label:"Nitro (Monthly)"},{id:"tier_1",value:eC.gD.PREMIUM_MONTH_TIER_1,label:"Nitro Classic (Monthly)"},{id:"tier_0",value:eC.gD.PREMIUM_MONTH_TIER_0,label:"Nitro Basic (Monthly)"}],lt=[{id:"meta_quest",value:t5.uH.META_QUEST_WEB_REDIRECT_CHECKOUT,label:"Meta Quest Web Redirect Checkout"}];function ll(){let[e,t]=d.useState(null);return{error:e,handleSuccess:d.useCallback((e,l)=>{l.searchParams.append("handoff_token",e.body.handoff_token);let a=l.href;t(null),window.open(a,"_blank")},[]),handleFailure:d.useCallback((e,l)=>{t(`Failed to generate handoff for ${l}`)},[])}}function la(e){let{flowType:t}=e,[l,a]=d.useState(eC.gD.PREMIUM_MONTH_TIER_2),[n,i]=d.useState(!1),{error:r,handleSuccess:o,handleFailure:c}=ll(),p=d.useCallback(()=>{let e=(0,u.A)();(0,t7.OD)({planId:l,isGift:n,loadId:e,flowType:t},o,c)},[l,n,t,o,c]);return(0,s.jsxs)(tM.Hq,{label:"Nitro Checkout",direction:"vertical",children:[(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(et.l,{label:"Plan",value:l,options:le,onSelectionChange:a,selectionMode:"single",fullWidth:!0}),(0,s.jsx)(et.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)(H.$,{variant:"primary",size:"sm",text:"Open Nitro Checkout",onClick:p}),null!=r&&(0,s.jsx)(y.E,{variant:"text-xs/normal",color:"status-danger",children:r})]})}function ln(e){let{flowType:t}=e,{error:l,handleSuccess:a,handleFailure:n}=ll(),i=d.useCallback(()=>{if(null==t)return;let e=(0,u.A)(),l=N.BVt.BILLING_MANAGE_SUBSCRIPTION_WITH_FLOW_TYPE(t,e);(0,t7.xq)(l,a,n)},[t,a,n]);return(0,s.jsxs)(tM.Hq,{label:"Manage Subscription",direction:"vertical",children:[(0,s.jsx)(H.$,{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:"status-danger",children:l})]})}function li(e){let{flowType:t}=e,[l,a]=d.useState(""),{error:n,handleSuccess:i,handleFailure:r}=ll(),o=d.useCallback(()=>{if(0===l.length||null==t)return;let e=(0,u.A)(),a=N.BVt.BILLING_STANDALONE_GUILD_BOOST_CHECKOUT_PAGE(l,void 0,e,t);(0,t7.xq)(a,i,r)},[l,i,r,t]);return(0,s.jsxs)(tM.Hq,{label:"Guild Boosts",direction:"vertical",children:[(0,s.jsx)(ea.k,{label:"Guild ID",placeholder:"Guild ID",value:l,onChange:a}),(0,s.jsx)(H.$,{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:"status-danger",children:n})]})}var lr=l(342393),lo=l(260598),ls=l(558179);let ld={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"},lu={GPAY_FILTERED:{wallets:{googlePay:"always",applePay:"never"}},APPLE_PAY_FILTERED:{wallets:{googlePay:"never",applePay:"always"}},APPLE_AND_GPAY_DISABLED:{wallets:{googlePay:"never",applePay:"never"}}},lc={appearance:{theme:"flat",variables:{spacingUnit:"12px",borderRadius:"36px"}}},lp={buttonType:{googlePay:"pay",applePay:"book"},buttonTheme:{applePay:"black",googlePay:"white"},buttonHeight:40},lm=e=>void 0!==e?JSON.stringify(e,null,2):"undefined";function lh(){let[e,t]=d.useState(lm(lc)),[l,a]=d.useState(lc),[n,i]=d.useState(lm(lp)),[r,o]=d.useState(lp),[u,c]=d.useState(null),[p,m]=d.useState((0,s.jsx)(tM.a8,{errorLabel:ld.CONFIGURABLE,elementOptions:lc,children:(0,s.jsx)(lr.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:lp})}));return(0,s.jsxs)("div",{children:[(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tW.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:tW.cW,children:[(0,s.jsx)("b",{children:"elements.options:"}),(0,s.jsx)("br",{}),(0,s.jsx)(tM.Tu,{href:"https://github.com/stripe/stripe-js/blob/master/types/stripe-js/elements-group.d.ts#L632"})]}),(0,s.jsx)("div",{className:tW.PC,children:(0,s.jsx)(lo.f,{placeholder:"Stripe Elements Container Options",showCharacterCount:!0,value:e,onChange:t,rows:7})}),(0,s.jsxs)(y.E,{variant:"text-md/normal",className:tW.cW,children:[(0,s.jsx)("b",{children:"expressCheckoutElement.options:"}),(0,s.jsx)("br",{}),(0,s.jsx)(tM.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)(tM.Tu,{href:"https://docs.stripe.com/elements/express-checkout-element/migration#customize-express-checkout-element"})]}),(0,s.jsx)("div",{className:tW.PC,children:(0,s.jsx)(lo.f,{placeholder:"Stripe Express Checkout Element Options",showCharacterCount:!0,value:n,onChange:i,rows:7})}),null!=u&&(0,s.jsx)(y.E,{variant:"text-md/normal",color:"text-feedback-critical",children:u}),(0,s.jsx)("div",{"data-button-hoisted-classname-wrapper":!0,className:tW.Ut,children:(0,s.jsx)(H.$,{variant:"primary",size:"sm",text:"Apply Changes",onClick:()=>{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:tW.cW,children:["Element updated at: ",new Date().toString()]}),(0,s.jsx)(tM.a8,{errorLabel:ld.CONFIGURABLE,elementOptions:t,children:(0,s.jsx)(lr.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:tW.cW,children:"Current Element Options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(ls.A,{className:tW.wD,children:`\`\` ${lm(l)} \`\``})}),(0,s.jsx)(y.E,{variant:"text-md/normal",className:tW.cW,children:"Current Express Checkout Element Options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(ls.A,{className:tW.wD,children:`\`\` ${lm(r)} \`\``})}),p]})}let lb={title:"Miscellaneous",stories:[tz,{name:"Redirect To Standalone",id:"standalone-redirect",component:function(){let[e,t]=d.useState(!1),[l,a]=d.useState(t5.uH.META_QUEST_WEB_REDIRECT_CHECKOUT),n=d.useCallback(e=>{t(e)},[]),i=e?l:void 0;return(0,s.jsxs)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Redirect To Standalone"}),(0,s.jsx)(tM.nB,{}),(0,s.jsxs)(ee.B,{direction:"horizontal",gap:8,align:"end",children:[(0,s.jsx)(t9.S,{label:"Enable Flow Type",checked:e,onChange:n}),(0,s.jsx)(et.l,{label:"Flow Type",value:l,options:lt,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)(la,{flowType:i}),(0,s.jsx)(ln,{flowType:i}),(0,s.jsx)(li,{flowType:i})]})}},{name:"Order SKU",component:function(){return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsx)(t1,{})})},id:"order-sku-test",controls:{}},{name:"Payment Request",component:function(e){let{paymentRequestWallet:t}=e;return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Payment Request"}),(0,s.jsx)(tM.Hq,{label:"Default View",children:(0,s.jsx)(t4,{paymentRequestWallet:t})}),(0,s.jsx)(tM.Hq,{label:"Connector View",children:(0,s.jsx)(t4,{paymentRequestWallet:t,renderConnectorView:!0})}),(0,s.jsx)(tM.Hq,{label:"Add Payment Step Body Connector View",children:(0,s.jsx)(t8,{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?[t$.he.CARD.valueOf()]:null};return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Choose Payment Source Type"}),(0,s.jsx)(tM.e_,{className:tW.Bt,children:(0,s.jsx)("div",{className:tW.VS,children:(0,s.jsx)(tH.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)(j.PaymentContextProvider,{stepConfigs:[],skuIDs:[],activeSubscription:null,children:(0,s.jsxs)(tM.wn,{children:[(0,s.jsx)(tt.D,{variant:"heading-xl/semibold",children:"Stripe Express Checkout Buttons"}),(0,s.jsx)(tM.Hq,{label:ld.DEFAULT,children:(0,s.jsx)("div",{children:(0,s.jsx)(tM.a8,{errorLabel:ld.DEFAULT,children:(0,s.jsx)(lr.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:{}})})})}),["GPAY_FILTERED","APPLE_PAY_FILTERED","APPLE_AND_GPAY_DISABLED"].map(e=>{let t=ld[e];return(0,s.jsx)(tM.Hq,{label:t,children:(0,s.jsxs)("div",{children:[(0,s.jsx)(y.E,{variant:"text-md/normal",className:tW.cW,children:"expressCheckoutElement.options:"}),(0,s.jsx)(y.E,{variant:"text-md/normal",children:(0,s.jsx)(ls.A,{className:tW.wD,children:`\`\`${lm(lu[e])} \`\``})}),(0,s.jsx)(tM.a8,{errorLabel:t,children:(0,s.jsx)(lr.ExpressCheckoutElement,{onConfirm:e=>{console.log("ExpressCheckoutElement onConfirm event: ",e)},options:lu[e]})})]})},e)}),(0,s.jsx)(tM.Hq,{label:ld.CONFIGURABLE,children:(0,s.jsx)(lh,{})})]})})}}]};var lx=l(503698),ly=l.n(lx),lg=l(683071),lf=l(942340),lv=l(211528),lE=l(626584),lS=l(87952),lC=l(624479),lj=l(408278),lT=l(957565),lP=l(534472);let l_=e=>{let{label:t,value:l}=e;return(0,s.jsxs)("div",{className:lP.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)(lj.K,{size:"sm","aria-label":"Copy Link",variant:"icon-only",icon:lC.T,onClick:()=>(0,lT.C)(l)})]})},lA=e=>{let{children:t,stepConfigs:l,bodyClassName:a}=e;return(0,s.jsx)(j.PaymentContextProvider,{stepConfigs:l,skuIDs:[],activeSubscription:null,children:(0,s.jsx)("div",{className:a,children:t})})};var lI=l(935377);let lR=new lE.A("PaymentElement.web.stories"),lk={key:m.pn.ADD_PAYMENT_STEPS,renderStep:()=>(0,s.jsx)("div",{}),options:{renderHeader:!1,hideDefaultModalBody:!0}},lM=()=>{let{elementsAppearanceOptions:e}=(0,lf.E)();return(0,s.jsxs)("div",{children:[(0,s.jsx)(tt.D,{variant:"heading-lg/semibold",className:B.tm,children:"Defaults for Current Theme"}),(0,s.jsx)("div",{children:Object.entries(e).map(e=>{let[t,l]=e;return(0,s.jsx)(l_,{label:t,value:l},t)})})]})},lN=e=>{let{theme:t,colorText:l,colorBackground:a,inputBackgroundColor:n,tabBackgroundColor:i,tabSelectedBackgroundColor:r,storyType:o}=e,d=(0,lS.A)(),{stripePaymentElementProps:u,stripeAddressElementProps:c}=(0,lv.wD)({step:m.pn.PAYMENT_ELEMENT,handleStepChange:N.tEg,onBillingAddressChange:N.tEg,paymentElementsEnabled:!0,logger:lR,shouldLogOnChangeEvents:!0,continueSessionToInitialStep:void 0}),{elementsOptions:p,isLoading:h,setupError:b,customPaymentMethodIdsToSourceTypes:x}=(0,lf.p)({onSetupError:e=>{lR.info("Stripe Payment Element options setup error: ",e)},elementsAppearanceOptions:{theme:t,colorText:l,colorBackground:a,inputBackgroundColor:n,tabBackgroundColor:i,tabSelectedBackgroundColor:r}});return h||null!=b||null==d?(0,s.jsx)(lv.eR,{}):(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{style:{marginBottom:16},children:(0,s.jsx)(lg.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:lI.ny,children:[(0,s.jsx)(lM,{}),(0,s.jsx)(lA,{stepConfigs:[lk],children:(0,s.jsx)("div",{className:ly()(lI.o6,"joined-payment-address-elements"===o?lI.fF:lI.u1),children:(0,s.jsxs)(lr.Elements,{stripe:d,options:{...p},children:["stripe-address-element"===o?(0,s.jsx)("div",{className:B.R,children:(0,s.jsx)(lv.Wf,{...u,customPaymentMethodIdsToSourceTypes:x,step:m.pn.PAYMENT_ELEMENT})}):(0,s.jsx)(lv.Wf,{...u,customPaymentMethodIdsToSourceTypes:x,step:m.pn.PAYMENT_ELEMENT}),("joined-payment-address-elements"===o||"stripe-address-element"===o)&&(0,s.jsx)(lv.KS,{...c,billingAddressInfo:{email:"",name:"",country:"",line1:"",line2:"",city:"",postalCode:"",state:""}})]})})})]})]})},lD={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"}},lO={name:"Joined Payment + Address",id:"joined-payment-address-elements",component:e=>(0,s.jsx)(lN,{...e,storyType:"joined-payment-address-elements"}),controls:{...lD}},lL={name:"Stripe Payment Element",id:"stripe-payment-element",component:e=>(0,s.jsx)(lN,{...e,storyType:"stripe-payment-element"}),controls:{...lD}},lw={name:"Stripe Address Element",id:"stripe-address-element",component:e=>(0,s.jsx)(lN,{...e,storyType:"stripe-address-element"}),controls:{...lD}};l(321073);var lV=l(735438),lU=l(96337),lB=l(997101),lG=l(597770),lH=l(278416),l$=l(606267),lW=l(480642),lF=l(944355),lz=l(460495),lY=l(826469),lq=l(812745);let lK={name:"Primitive: Nitro Plan Select",id:"unified-checkout-nitro-plan-select",component:e=>{let{variant:t,leftTitleDescriber:l,leftPrimaryText:a,leftSubtext:n,leftShowSubtext:i,leftSubtextStrikethrough:r,rightTitleDescriber:o,rightPrimaryText:u,rightSubtext:c,rightShowSubtext:p,rightSubtextStrikethrough:m}=e,[h,b]=d.useState(0);return(0,s.jsxs)("div",{className:B.Cd,children:[(0,s.jsx)(lF.q7,{selection:h,onChange:b,planOptions:[{id:0,title:(0,s.jsx)(lF.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:l,primaryText:a,subtext:i?(0,s.jsx)(lF.Lo,{strikethrough:r,price:n}):void 0},{id:1,title:(0,s.jsx)(lF.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:o,primaryText:u,subtext:p?(0,s.jsx)(lF.Lo,{strikethrough:m,price:c}):void 0}]}),(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Selected plan index: ",h]})]})},controls:{variant:{label:"Nitro Variant",type:"select",defaultValue:eC.PremiumTypes.TIER_2,options:[{label:"Nitro",value:eC.PremiumTypes.TIER_2},{label:"Nitro Basic",value:eC.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}}};function lJ(e){let{label:t,giftCardsEnabled:l,disabled:a,hidePersonalInformation:n}=e,i=(0,x.bG)([tK.A],()=>Object.values(tK.A.paymentSources)),[r,o]=d.useState(void 0);d.useEffect(()=>{(0,eo.$o)()},[]);let u=d.useMemo(()=>i.map(e=>new lY.A(e,!0,[])),[i]),{dropdownPaymentSources:c,dropdownPaymentSourceId:p,handleDropdownPaymentSourceChange:m,giftCardCheckboxProps:h,walletCoversSubtotal:b}=(0,l$.Y0)({checkoutPaymentSources:u,paymentSourceId:r,setPaymentSourceId:o,location:"revenue_playground"});return(0,s.jsxs)("div",{children:[(0,s.jsx)(lF.nL,{label:t,giftCardsEnabled:l,giftCardCheckboxProps:h,paymentSourceDropdownProps:{selectedPaymentSourceId:p,paymentSources:c,hidePersonalInformation:n,onChange:m},showCheckboxAboveDropdown:b,disabled:a}),(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Effective payment source: ",r??"None"]})]})}let lX={"nitro-wheel":r.t,gift:lG.o,orbs:i.C},lQ=lU.A.map(e=>({id:e.alpha2,value:e.alpha2,label:e.name})),lZ={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?lH.g:void 0;return(0,s.jsxs)(ee.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)(H.$,{variant:"primary",text:"Open Unified Checkout Modal",onClick:()=>(0,er.openModal)(e=>(0,s.jsx)(lW.oH,{...e,...n,title:n.title,headerBadgeIcon:i,primaryButtonProps:{onClick:e.onClose,text:t,icon:"none"!==l?lX[l]:void 0},onBackClick:e.onClose,children:(0,s.jsx)(ee.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:lB.d.US,options:lQ},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}}},l0={purchaseButtonText:"Subscribe",totalDue:999,renewalPrice:1099,currency:N.Yri.USD,interval:eC.WT.MONTH,intervalCount:1,startDate:new Date},l1={[lF.I0.Subscription]:{type:lF.I0.Subscription,...l0},[lF.I0.SubscriptionTrial]:{type:lF.I0.SubscriptionTrial,...l0},[lF.I0.OrbsRedemption]:{type:lF.I0.OrbsRedemption,purchaseButtonText:"Redeem"},[lF.I0.Shop]:{type:lF.I0.Shop,purchaseButtonText:"Purchase"},[lF.I0.GiftNitro]:{type:lF.I0.GiftNitro,purchaseButtonText:"Buy Gift"},[lF.I0.GiftShop]:{type:lF.I0.GiftShop,purchaseButtonText:"Buy Gift"},[lF.I0.GiftGameShop]:{type:lF.I0.GiftGameShop,purchaseButtonText:"Buy Gift",applicationName:"Marvel Rivals"}},l2={title:"Unified Checkout",stories:[lZ,{name:"Primitive: Order Summary Accordion",id:"unified-checkout-order-summary",component: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:B.SG,children:(0,s.jsx)(lF.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}}},lK,{name:"Primitive: Subscription Details Accordion",id:"unified-checkout-subscription-details",component:e=>{let{label:t,hasLineItems:l}=e,a=l?[{id:1,label:"Nitro Basic",amount:299,tooltip:"You are purchasing a plan change. Your server boosts are being updated accordingly."},{id:2,label:"Server Boost",amount:499,icon:(0,s.jsx)(r.t,{size:"xs"})}]:[];return(0,s.jsx)("div",{className:B.SG,children:(0,s.jsx)(lF._D,{label:t,lineItems:a,intervalType:eC.WT.MONTH,intervalCount:1,currency:N.Yri.USD})})},controls:{label:{label:"Label",type:"text",defaultValue:"Subscription Details"},hasLineItems:{label:"Has Line Items",type:"boolean",defaultValue:!0}}},{name:"Primitive: Purchase Item",id:"unified-checkout-purchase-item",component:e=>{let{header:t,showHeader:l,label:a,description:n,price:i,hasPriceIcon:o,hasStrikethroughPrice:d,strikethroughPrice:u,targetType:c}=e;function p(e,p){let m=eK.default.getCurrentUser(),h=eE.A.getGuildsArray()[0];return(0,s.jsx)(lF.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:d?u:void 0,priceSubTextHasStrikethrough:d,graphic:(0,s.jsx)(e,{}),target:"gift"===c?{type:"gift",user:m}:"guildSubscription"===c?{type:"guildSubscription",guild:h}:void 0})}return(0,s.jsxs)("div",{className:B.SG,children:[p(lF.JW,"Nitro"),p(lF.DH,"Nitro Basic"),p(lF.a6,"Boost"),p(lF.jw,"App"),p(lF.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:e=>{let{disabled:t,error:l,errorMessage:a}=e,n=[{id:"visa-1234",label:"Visa ending in 1234",icon:lq.Be.VISA},{id:"mastercard-5678",label:"Mastercard ending in 5678",icon:lq.Be.MASTERCARD},{id:"paypal",label:"user@example.com",icon:lq.Be.PAYPAL},{id:"amex-9012",label:"Amex ending in 9012",icon:lq.Be.AMEX}],[i,r]=d.useState(n[0].id);return(0,s.jsxs)("div",{children:[(0,s.jsx)(lF.v7,{value:i,options:n,onChange:r,onNew:lV.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: Payment Source Selector",id:"unified-checkout-payment-source-selector",component:e=>(0,s.jsx)(ex.mz,{stepConfigs:[],children:(0,s.jsx)(lz.P,{children:(0,s.jsx)(lJ,{...e})})}),controls:{label:{label:"Label",type:"text",defaultValue:"Payment Method"},giftCardsEnabled:{label:"Gift Cards Enabled",type:"boolean",defaultValue:!0},disabled:{label:"Disabled",type:"boolean",defaultValue:!1},hidePersonalInformation:{label:"Hide Personal Information",type:"boolean",defaultValue:!1}}},{name:"Primitive: Legal Copy",id:"unified-checkout-legal-copy",component:function(e){let{type:t,immediateDelivery:l,paysafecard:a}=e,[n,i]=d.useState(!1);return(0,s.jsx)(lF._P,{variant:l1[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:lF.I0.Subscription,options:[{label:"Subscription",value:lF.I0.Subscription},{label:"Subscription Trial",value:lF.I0.SubscriptionTrial},{label:"Orbs Redemption",value:lF.I0.OrbsRedemption},{label:"Shop",value:lF.I0.Shop},{label:"Nitro Gift",value:lF.I0.GiftNitro},{label:"Shop Gift",value:lF.I0.GiftShop},{label:"Game Shop Gift",value:lF.I0.GiftGameShop}]},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)(lF.y,{onClick:N.tEg}),(0,s.jsx)("br",{}),(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Link with Modal:"}),(0,s.jsx)(lF.Z4,{onComplete:N.tEg})]})}},{name:"Primitive: Plan Radio Group",id:"unified-checkout-plan-radio-group",component:function(){let[e,t]=d.useState("yearly");return(0,s.jsx)("div",{children:(0,s.jsx)(lF.me,{headingComponent:(0,s.jsx)(lF.ec,{size:"sm",color:"text-strong",premiumType:eC.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:e=>{let{storeCountry:t}=e;return(0,s.jsx)(lF.s7,{storeCountry:t})},controls:{storeCountry:{label:"Store Country",type:"select",defaultValue:lB.d.US,options:lQ}}},{name:"Primitive: Store Relocation Notice",id:"checkout-store-relocation-notice",component:e=>{let{relocationCountry:t,relocationCurrencyCode:l,willForfeitGiftCardBalance:a}=e;return(0,s.jsx)(lF.ch,{relocationCountry:t,relocationCurrencyCode:l,willForfeitGiftCardBalance:a})},controls:{relocationCountry:{label:"Relocation Country",type:"select",defaultValue:lB.d.US,options:lQ},relocationCurrencyCode:{label:"Relocation Currency Code",type:"text",defaultValue:"USD"},willForfeitGiftCardBalance:{label:"Will Forfeit Gift Card Balance",type:"boolean",defaultValue:!0}}}]};var l6=((a={}).PAYMENTS="payments",a.VIRTUAL_CURRENCY="virtual-currency",a.NITRO="nitro",a.IDENTITY="identity",a);let l3=["Revenue Storybook","Revenue Playground"],l4={id:"payments",name:"Payments",groups:[eI,l2,{title:"Gift Card",stories:[{name:"Redemption Modal",id:"gift-card-redemption-modal",component:function(){return(0,s.jsxs)(ee.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)(H.$,{variant:"primary",text:"Open Redemption Modal",onClick:()=>(0,te.HF)({withRedemptionSuccessModal:!0,onComplete:()=>{},onClose:()=>{}})})]})}},{name:"Success Modal",id:"gift-card-redemption-success-modal",component:function(){return(0,s.jsxs)(ee.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)(H.$,{variant:"primary",text:"Open Success Modal",onClick:()=>(0,te.cV)({amountRedeemed:5e3,currencyCode:N.Yri.USD,onClose:()=>{}})})]})}}]},{title:"Payment Elements",stories:[lL,lw,lO]},O,{title:"Checkout Review Step",stories:[eU,eB]},lb],tags:l3,IconComponent:n.d},l8={id:"virtual-currency",name:"Virtual Currency",groups:[{title:"Balance Widget Pill",stories:[F,z]},{title:"Balance Widget",stories:[{name:"Balance Widget Card",id:"balance-widget-card",component:e=>{let{ctaText:t,linkText:l,linkPreText:a}=e;return(0,s.jsx)(L.b,{ctaText:(0,V.uJ)(t)?U.intl.string(U.t.H57f41):t,linkText:(0,V.uJ)(l)?U.intl.string(U.t["7f4H7D"]):l,linkPreText:(0,V.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:""}}},G]},{title:"Orb Checkout",stories:[tB]},{title:"Orb Onboarding",stories:[{name:"Orb Onboarding Reset",id:"orb-onboarding-reset",component:function(){let{resetOnboardingExperience:e}=(0,tG.A)();return(0,s.jsxs)("div",{className:B.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)(H.$,{onClick:()=>e(),text:"Reset Announcement Modal State"})]})},controls:{}}]}],tags:l3,IconComponent:i.C},l9={id:"nitro",name:"Nitro",groups:[tx,{title:"Marketing Home",stories:[tT]},tR,{title:"Nitro Upsells",stories:[{name:"Burst Reactions Upsell",component:function(){let e=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.resolve().then(l.bind(l,507545));return t=>(0,s.jsx)(e,{analyticsSource:{},...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("22540"),l.e("63238")]).then(l.bind(l,530951));return t=>(0,s.jsx)(e,{...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("2125"),l.e("66901"),l.e("41704")]).then(l.bind(l,562011));return t=>(0,s.jsx)(e,{source:{},...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("35257"),l.e("66920")]).then(l.bind(l,220763));return t=>(0,s.jsx)(e,{...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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]=d.useState("This is a sample long message that exceeds the character limit."),t=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("35257"),l.e("76725")]).then(l.bind(l,798612));return l=>(0,s.jsx)(t,{channel:null,content:e,...l})})},[e]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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]=d.useState(eC.e.AVATAR_DECORATION_MODAL_UPSELL),a=d.useCallback(()=>{let{title:t,body:a}=tO[e];(0,er.openModalLazy)(async()=>{let{default:n}=await Promise.all([l.e("93513"),l.e("64864")]).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)(tM.LB,{children:[(0,s.jsx)(tM.MG,{children:(0,s.jsx)(et.l,{label:"Upsell Type",placeholder:"Select type",onSelectionChange:e=>t(e),value:e,options:tD,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(H.$,{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]=d.useState(100),a=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("2125"),l.e("66901"),l.e("56430")]).then(l.bind(l,39613));return l=>(0,s.jsx)(t,{guildCount:e,analyticsSource:{},analyticsLocation:{},analyticsLocations:[],...l})})},[e]);return(0,s.jsxs)(tM.LB,{children:[(0,s.jsx)(tM.MG,{children:(0,s.jsx)(et.l,{label:"Guild Count State",placeholder:"Select state",onSelectionChange:e=>t(e),value:e,options:tL,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(H.$,{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]=d.useState(tN.HL.AVATAR),a=(0,K.bG)([eK.default],()=>eK.default.getCurrentUser()),n=d.useCallback(()=>{null!=a&&(0,er.openModalLazy)(async()=>{let{default:t}=await Promise.all([l.e("93513"),l.e("79149")]).then(l.bind(l,688796));return l=>(0,s.jsx)(t,{uploadType:e,...l})})},[a,e]);return(0,s.jsxs)(tM.LB,{children:[(0,s.jsx)(tM.MG,{children:(0,s.jsx)(et.l,{label:"Upload Type",placeholder:"Select type",onSelectionChange:e=>t(e),value:e,options:tw,selectionMode:"single",fullWidth:!0})}),(0,s.jsx)(H.$,{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,K.bG)([eK.default],()=>eK.default.getCurrentUser()),t=d.useCallback(()=>{null!=e&&(0,er.openModalLazy)(async()=>{let{default:e}=await l.e("35476").then(l.bind(l,835071));return t=>(0,s.jsx)(e,{...t})})},[e]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("2125"),l.e("66901"),l.e("40716")]).then(l.bind(l,629959));return t=>(0,s.jsx)(e,{analyticsSource:{},...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await Promise.all([l.e("2125"),l.e("66901"),l.e("61129")]).then(l.bind(l,475312));return t=>(0,s.jsx)(e,{source:{},...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.openModalLazy)(async()=>{let{default:e}=await l.e("93475").then(l.bind(l,366638));return t=>(0,s.jsx)(e,{handleLearnMore:()=>{},...t})})},[]);return(0,s.jsx)(tM.LB,{children:(0,s.jsx)(H.$,{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=d.useCallback(()=>{(0,er.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)(tM.LB,{children:(0,s.jsx)(H.$,{onClick:e,variant:"primary",size:"md",text:"Open Emoji Picker Premium Upsell"})})},id:"emoji-picker-premium-upsell",controls:{}}]},{title:"Clips",stories:[eZ]}],tags:l3,IconComponent:r.t},l7={id:"identity",name:"Identity",groups:[e3,{title:"Editable Tile Button Examples",stories:[{name:"Avatar Button",component:function(e){let[t,l]=d.useState(""),a=(0,K.bG)([eK.default],()=>eK.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(e4.v,{guildId:t,onChange:e=>{l(e?.id??"")},globalOption:e5}),(0,s.jsx)(e8.A,{user:a,guildId:""===t?null:t})]})},id:"avatar-button"},{name:"Avatar Decoration Button",component:function(e){let[t,l]=d.useState(""),a=(0,K.bG)([eK.default],()=>eK.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(e4.v,{guildId:t,onChange:e=>{l(e?.id??"")},globalOption:e5}),(0,s.jsx)(e9.A,{user:a,guildId:""===t?null:t})]})},id:"avatar-decoration-button"},{name:"Nameplate Button",component:function(e){let[t,l]=d.useState(""),a=(0,K.bG)([eK.default],()=>eK.default.getCurrentUser());return null==a?null:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"},children:[(0,s.jsx)(e4.v,{guildId:t,onChange:e=>{l(e?.id??"")},globalOption:e5}),(0,s.jsx)(e7.A,{user:a,guildId:""===t?null:t})]})},id:"nameplate-button"}]}],tags:l3,IconComponent:o.n},l5={playgroundBaseUrl:"revenue",collections:[l4,l8,l9,l7]}}