Module 603539

92,917 characters · in 30ea3ea347788576.js
Dependencies
Required by (1)
Lazily required by (1)
Requires (162)
4630 17928 19311 20742 26279 36167 43200 44672 52822 65738 67480 70926 71393 71532 73079 73825 88433 96337 97352 97483 97808 99696 116833 120386 132500 150934 158045 162093 162097 166403 166532 171835 177719 192087 192308 194509 202541 211528 216678 228366 231723 240248 260598 270003 277984 278416 287809 289873 292666 295405 297264 300233 316915 318254 321073 324861 331322 339984 349288 364181 364522 374654 375708 387640 398590 403362 403581 404778 405139 408278 424171 425713 435558 447952 461536 477900 480642 482132 487233 488428 488517 491057 492518 503698 511484 529427 532794 541689 558179 562465 576765 582128 597770 599147 599941 606267 624479 624716 626584 635358 643909 652165 652215 658675 661531 664111 669874 683071 687021 688810 691540 691882 691885 700623 702841 705018 720879 735305 744064 750338 757881 758836 761705 773882 778712 783327 783384 784018 786826 793574 794400 808411 809029 812745 818348 821609 826469 830382 834730 844576 857250 859161 862482 866665 869177 872725 877062 883645 920050 930349 936477 939249 942340 944304 950305 951305 957565 976860 985240 993077 994500 997101
Lazily requires (14)
32605 39613 148361 220763 307731 366638 393027 475312 530951 562011 629959 688796 798612 835071
Source Raw
function(e,t,l){l.r(t),l.d(t,{nitroCollection:()=>ad,virtualCurrencyCollection:()=>au,playgroundConfig:()=>ap,identityCollection:()=>ac,RevenuePlaygroundCollectionId:()=>ar,paymentsCollection:()=>as});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(349288),v=l(231723),g=l(228366),E=l(830382),S=l(73825),C=l(171835),j=l(951305),T=l(491057),I=l(424171),P=l(97352),A=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)([A.A],()=>[A.A.isFetching(t),A.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(177719);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(985240),K=l(859161),J=l(364181);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(292666),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),eP=l(794400),eA=l(761705),e_=l(71393),eR=l(166403),ek=l(202541),eM=l(705018);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 eP.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(""),[P,A]=u.useState(N.dJq),{balance:_,isFetching:R,error:k}=(0,eA.W)(),{isSubmitting:M,responseMessage:D,redeemVirtualCurrency:V}=(0,eA.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:P,onChange:e=>A(e)})]}),(0,s.jsx)(G.$,{variant:"primary",text:"Open App Subs Modal for Activity",onClick:()=>(0,eE.openIAPPurchaseModal)({applicationId:T,skuId:P,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(()=>{P.A.isLoadedForPremiumSKUs()||g.h.wait(()=>(0,S.zS)())},[]);let l=(0,x.bG)([P.A],()=>null!=t?P.A.get(t):null);return{isLoadedForPremiumSKUs:(0,x.bG)([P.A],()=>P.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(783384),e2=l(664111),e6=l(994500),e3=l(287809),e8=l(403362),e4=l(784018),e9=l(488517);let e7={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)([e6.A,e3.default],()=>e6.A.getFriendIDs().map(e=>e3.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:e9.iE,children:[(0,s.jsx)("div",{className:e9.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:e9.nd,type:eZ.s.PRIMARY,style:{width:m},children:[(0,s.jsxs)("div",{className:e9.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:e9.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:e9.p_,onScroll:e=>e.stopPropagation(),children:i.map(e=>{let t=r.has(e.id);return(0,s.jsxs)(eQ.D,{className:e9.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:e4.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(691882);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),tP=l(97483),tA=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!",tP.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)(tA.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!",tP.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(43200),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(562465),t2=l(192087),t6=l(295405),t3=l(71532);let t8=e$();async function t4(e){return(await t1.Bo.post({url:N.Rsh.ORDER_SIGN(e),rejectWithError:!0})).body}async function t9(e){return(await t1.Bo.get({url:N.Rsh.ORDER_UPDATE(e),rejectWithError:!0})).body}async function t7(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)([t6.A],()=>t6.A.paymentSources),h=(0,ee.bG)([t6.A],()=>t6.A.hasFetchedPaymentSources),x=(0,ee.bG)([t6.A],()=>t6.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}t7(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 t4(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,t3.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 t9(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 t9(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(260598),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),lP=l(211528),lA=l(316915),l_=l(783327),lR=l(626584),lk=l(447952),lM=l(624479),lN=l(408278),lD=l(957565),lV=l(844576);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.T,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(757881);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,lA.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)(lP.Wf,{...x,customPaymentMethodIdsToSourceTypes:E,step:m.pn.PAYMENT_ELEMENT})}):(0,s.jsx)(lP.Wf,{...x,customPaymentMethodIdsToSourceTypes:E,step:m.pn.PAYMENT_ELEMENT}),("joined-payment-address-elements"===d||"stripe-address-element"===d)&&(0,s.jsx)(lP.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(606267),l2=l(480642),l6=l(936477),l3=l(44672),l8=l(826469),l4=l(812745);let l9={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)(l6.q7,{selection:b,onChange:h,planOptions:[{id:0,title:(0,s.jsx)(l6.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:l,primaryText:a,subtext:i?(0,s.jsx)(l6.Lo,{strikethrough:r,price:n}):void 0},{id:1,title:(0,s.jsx)(l6.ec,{size:"sm",color:"text-strong",premiumType:t}),titleDescriber:o,primaryText:d,subtext:p?(0,s.jsx)(l6.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}}},l7={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)(l6._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}}};function l5(e){let{label:t,giftCardsEnabled:l,disabled:a,hidePersonalInformation:n}=e,i=(0,x.bG)([t6.A],()=>Object.values(t6.A.paymentSources)),[r,o]=u.useState(void 0);u.useEffect(()=>{(0,ep.$o)()},[]);let d=u.useMemo(()=>i.map(e=>new l8.A(e,!0,[])),[i]),{dropdownPaymentSources:c,dropdownPaymentSourceId:p,handleDropdownPaymentSourceChange:m,giftCardCheckboxProps:b,walletCoversSubtotal:h}=(0,l1.Y0)({checkoutPaymentSources:d,paymentSourceId:r,setPaymentSourceId:o,location:"revenue_playground"});return(0,s.jsxs)("div",{children:[(0,s.jsx)(l6.nL,{label:t,giftCardsEnabled:l,giftCardCheckboxProps:b,paymentSourceDropdownProps:{selectedPaymentSourceId:p,paymentSources:c,hidePersonalInformation:n,onChange:m},showCheckboxAboveDropdown:h,disabled:a}),(0,s.jsxs)(y.E,{variant:"text-sm/normal",children:["Effective payment source: ",r??"None"]})]})}let ae={"nitro-wheel":r.t,gift:lQ.o,orbs:i.C},at=lX.A.map(e=>({id:e.alpha2,value:e.alpha2,label:e.name})),al={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.g: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)(l2.oH,{...e,...n,title:n.title,headerBadgeIcon:i,primaryButtonProps:{onClick:e.onClose,text:t,icon:"none"!==l?ae[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:at},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}}},aa={purchaseButtonText:"Subscribe",totalDue:999,renewalPrice:1099,currency:N.Yri.USD,interval:ek.WT.MONTH,intervalCount:1,startDate:new Date},an={[l6.I0.Subscription]:{type:l6.I0.Subscription,...aa},[l6.I0.SubscriptionApplication]:{type:l6.I0.SubscriptionApplication,...aa},[l6.I0.GuildProductOneTimePurchase]:{type:l6.I0.GuildProductOneTimePurchase,...aa},[l6.I0.PremiumAppsOneTimePurchase]:{type:l6.I0.PremiumAppsOneTimePurchase,...aa},[l6.I0.SubscriptionTrial]:{type:l6.I0.SubscriptionTrial,...aa},[l6.I0.OrbsRedemption]:{type:l6.I0.OrbsRedemption,purchaseButtonText:"Redeem"},[l6.I0.Shop]:{type:l6.I0.Shop,purchaseButtonText:"Purchase"},[l6.I0.GiftNitro]:{type:l6.I0.GiftNitro,purchaseButtonText:"Buy Gift"},[l6.I0.GiftShop]:{type:l6.I0.GiftShop,purchaseButtonText:"Buy Gift"},[l6.I0.GiftGameShop]:{type:l6.I0.GiftGameShop,purchaseButtonText:"Buy Gift",applicationName:"Marvel Rivals",shouldAppendDisclaimer:!1},[l6.I0.OrbsGameShop]:{type:l6.I0.OrbsGameShop,purchaseButtonText:"Buy Gift",applicationName:"Marvel Rivals",shouldAppendDisclaimer:!1}},ai={title:"Unified Checkout",stories:[al,{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)(l6.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}}},l9,l7,{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=e3.default.getCurrentUser(),b=e_.A.getGuildsArray()[0];return(0,s.jsx)(l6.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(l6.JW,"Nitro"),p(l6.DH,"Nitro Basic"),p(l6.a6,"Boost"),p(l6.jw,"App"),p(l6.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:l4.Be.VISA},{id:"mastercard-5678",label:"Mastercard ending in 5678",icon:l4.Be.MASTERCARD},{id:"paypal",label:"user@example.com",icon:l4.Be.PAYPAL},{id:"amex-9012",label:"Amex ending in 9012",icon:l4.Be.AMEX}],[i,r]=u.useState(n[0].id);return(0,s.jsxs)("div",{children:[(0,s.jsx)(l6.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: Payment Source Selector",id:"unified-checkout-payment-source-selector",component:function(e){return(0,s.jsx)(eh.Gf,{stepConfigs:[],children:(0,s.jsx)(l3.P,{children:(0,s.jsx)(l5,{...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]=u.useState(!1);return(0,s.jsx)(l6._P,{variant:an[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:l6.I0.Subscription,options:[{label:"Subscription",value:l6.I0.Subscription},{label:"Subscription Trial",value:l6.I0.SubscriptionTrial},{label:"Orbs Redemption",value:l6.I0.OrbsRedemption},{label:"Shop",value:l6.I0.Shop},{label:"Nitro Gift",value:l6.I0.GiftNitro},{label:"Shop Gift",value:l6.I0.GiftShop},{label:"Game Shop Gift",value:l6.I0.GiftGameShop},{label:"Orbs Game Shop Gift",value:l6.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)(l6.y,{onClick:N.tEg}),(0,s.jsx)("br",{}),(0,s.jsx)(y.E,{variant:"text-sm/normal",children:"Link with Modal:"}),(0,s.jsx)(l6.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)(l6.me,{headingComponent:(0,s.jsx)(l6.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)(l6.s7,{storeCountry:t})},controls:{storeCountry:{label:"Store Country",type:"select",defaultValue:lZ.d.US,options:at}}},{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)(l6.ch,{relocationCountry:t,relocationCurrencyCode:l,willForfeitGiftCardBalance:a})},controls:{relocationCountry:{label:"Relocation Country",type:"select",defaultValue:lZ.d.US,options:at},relocationCurrencyCode:{label:"Relocation Currency Code",type:"text",defaultValue:"USD"},willForfeitGiftCardBalance:{label:"Will Forfeit Gift Card Balance",type:"boolean",defaultValue:!0}}}]};var ar=((a={}).PAYMENTS="payments",a.VIRTUAL_CURRENCY="virtual-currency",a.NITRO="nitro",a.IDENTITY="identity",a);let ao=["Revenue Storybook","Revenue Playground"],as={id:"payments",name:"Payments",groups:[eL,ai,{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:ao,IconComponent:n.d},au={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:ao,IconComponent:i.C},ad={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("22540").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("41509"),l.e("66901"),l.e("41704")]).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("35257"),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("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)(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("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)(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("41509"),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)(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)([e3.default],()=>e3.default.getCurrentUser()),n=u.useCallback(()=>{null!=a&&(0,ed.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)(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)([e3.default],()=>e3.default.getCurrentUser()),t=u.useCallback(()=>{null!=e&&(0,ed.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)(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("41509"),l.e("66901"),l.e("40716")]).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("41509"),l.e("66901"),l.e("61129")]).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("93475").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:[e7]}],tags:ao,IconComponent:r.t},ac={id:"identity",name:"Identity",groups:[{title:"Profile Banner",stories:[X]},ta,{title:"Editable Tile Button Examples",stories:[{name:"Avatar Button",component:function(e){let[t,l]=u.useState(""),a=(0,ee.bG)([e3.default],()=>e3.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)([e3.default],()=>e3.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)([e3.default],()=>e3.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"}]},lK],tags:ao,IconComponent:o.n},ap={playgroundBaseUrl:"revenue",collections:[as,au,ad,ac]}}