Module 977351

function(e,t,n){n.r(t),n.d(t,{marketingCollection:()=>ta,playgroundConfig:()=>tr});var o,l,a,r,i=n(582128),d=n(175841),s=n(962644),p=n(477900),u=n(877624),c=n(232582),b=n(308588),m=n(821609),f=n(192308),A=n(59318),_=n(935208),T=n(331322),g=n(691885),N=n(839214),I=((o={})[o.NONE=0]="NONE",o[o.SUBSCRIPTION=1]="SUBSCRIPTION",o[o.FRACTIONAL_NITRO=2]="FRACTIONAL_NITRO",o[o.REVERSE_TRIAL=3]="REVERSE_TRIAL",o[o.SUBSCRIPTION_GROUP=4]="SUBSCRIPTION_GROUP",o),E=((l={})[l.NONE=0]="NONE",l[l.BOOST_ONLY=1]="BOOST_ONLY",l[l.TIER_0=2]="TIER_0",l[l.TIER_1=3]="TIER_1",l[l.TIER_2=4]="TIER_2",l),y=((a={})[a.NONE=0]="NONE",a[a.TIER_1=1]="TIER_1",a[a.TIER_2=2]="TIER_2",a[a.TIER_0=3]="TIER_0",a);let S=[{id:"EVERYONE",label:"Everyone",premiumType:null,premiumSource:null,premiumSubscriptionType:null},{id:"NON_NITRO",label:"Non Nitro",premiumType:0,premiumSource:I.NONE,premiumSubscriptionType:E.NONE},{id:"FRACTIONAL_WITHOUT_SUB",label:"Nitro Credit w/o sub",premiumType:2,premiumSource:I.FRACTIONAL_NITRO,premiumSubscriptionType:E.NONE},{id:"FRACTIONAL_WITH_TIER_2_SUB",label:"Nitro Credit with Nitro Standard sub",premiumType:2,premiumSource:I.FRACTIONAL_NITRO,premiumSubscriptionType:E.TIER_2},{id:"FRACTIONAL_WITH_TIER_1_SUB",label:"Nitro Credit with Nitro Classic sub",premiumType:2,premiumSource:I.FRACTIONAL_NITRO,premiumSubscriptionType:E.TIER_1},{id:"FRACTIONAL_WITH_TIER_0_SUB",label:"Nitro Credit with Nitro Basic sub",premiumType:2,premiumSource:I.FRACTIONAL_NITRO,premiumSubscriptionType:E.TIER_0},{id:"NITRO_BASIC",label:"Nitro Basic",premiumType:3,premiumSource:I.SUBSCRIPTION,premiumSubscriptionType:E.TIER_0},{id:"NITRO_CLASSIC",label:"Nitro Classic",premiumType:1,premiumSource:I.SUBSCRIPTION,premiumSubscriptionType:E.TIER_1},{id:"NITRO_STANDARD",label:"Nitro Standard",premiumType:2,premiumSource:I.SUBSCRIPTION,premiumSubscriptionType:E.TIER_2},{id:"NITRO_SQUAD",label:"Nitro Squad",premiumType:2,premiumSource:I.SUBSCRIPTION_GROUP,premiumSubscriptionType:E.TIER_2}];function C(e,t,n){let o=S.find(o=>o.premiumType===e&&o.premiumSource===t&&o.premiumSubscriptionType===n);if(null!=o)return{id:o.id,label:o.label};let l=null==e?"Any":y[e],a=null==t?"Any":I[t],r=null==n?"Any":E[n];return{id:`CUSTOM:${e??"any"}:${t??"any"}:${n??"any"}`,label:`${l} / ${a} / ${r}`}}let O="Localized";function h(e){return"object"==typeof e&&null!=e&&"string"==typeof e.default&&"object"==typeof e.localizations}let R=(0,N.D)(()=>({selected:null,componentRowsByType:null,availableLocales:[],userStateByType:new Map,localeOverride:null}));function v(e){let t=R.useField("componentRowsByType"),n=R.useField("userStateByType"),o=R.useField("localeOverride");return i.useMemo(()=>(function(e,t,n,o){var l,a;let r,i=e?.get(t);if(null==i)return null;let d=function(e,t){if(0===e.length)return null;let n=[...e].sort((e,t)=>e.platform-t.platform);if(null!=t){let e=n.find(e=>!e.isDefaultBase&&C(e.premiumType,e.premiumSource,e.premiumSubscriptionType).id===t);if(null!=e)return e}return n.find(e=>e.isDefaultBase)??n[0]}(i,n);return null==d?null:(l=d.properties,a=o??"en-US",function e(t,n){if(Array.isArray(t)){for(let o of t)e(o,n);return}if("object"==typeof t&&null!=t)for(let[o,l]of Object.entries(t)){if(o.endsWith(O)&&h(l)){let e=o.slice(0,-O.length),a=l.localizations[n]??(""!==l.default?l.default:null);null!=a&&e in t&&(t[e]=a);continue}e(l,n)}}(r=function e(t){if(Array.isArray(t))return t.map(t=>e(t));if(null==t||"object"!=typeof t)return t;let n=Object.getPrototypeOf(t);if(n!==Object.prototype&&null!==n)return t;let o={};for(let[n,l]of Object.entries(t))o[n]=e(l);return o}(l),a),r)})(t,e,n.get(e)??null,o),[t,n,o,e])}function P(e){return null==e?"":""!==e.darkUrl?e.darkUrl:e.lightUrl}let L="__default__";var U=n(375708),x=n(558986);function M(e){let{label:t,value:n,disabled:o}=e;return{id:n,value:n,label:t,disabled:o}}function B(e){let t,{componentType:n}=e,o=R.useField("selected"),l=R.useField("componentRowsByType"),a=R.useField("userStateByType"),r=R.useField("localeOverride"),d=R.useField("availableLocales"),s=(t=R.useField("componentRowsByType"),i.useMemo(()=>{let e=t?.get(n)??[],o=new Map;for(let t of e){if(t.isDefaultBase)continue;let e=C(t.premiumType,t.premiumSource,t.premiumSubscriptionType);o.has(e.id)||o.set(e.id,e)}return[...o.values()]},[t,n])),u=i.useMemo(()=>(0,U.getLanguages)().filter(e=>e.enabled&&"en-US"!==e.code).map(e=>({label:e.name,value:e.code})).sort((e,t)=>e.label.localeCompare(t.label)),[]),c=i.useMemo(()=>{let e;return e=new Set(d),[{label:"Default (en-US)",value:L},...u.filter(e=>"en-US"!==e.value).map(t=>({label:t.label,value:t.value,disabled:!e.has(t.value)}))]},[d,u]),b=(l?.get(n)?.length??0)>0;if(null==o||!b)return null;let m=s.length>=1,f=[{label:"Default",value:L},...s.map(e=>({label:e.label,value:e.id}))];return(0,p.jsx)("div",{className:x.k,children:(0,p.jsxs)(T.B,{gap:16,children:[m&&(0,p.jsx)(g.l,{label:"User State",value:a.get(n)??L,onSelectionChange:e=>{var t;let o;return t=e===L?null:e,o=new Map(R.getState().userStateByType),void(null==t?o.delete(n):o.set(n,t),R.setState({userStateByType:o}))},options:f,formatOption:M,selectionMode:"single",fullWidth:!0}),(0,p.jsx)(g.l,{label:"Locale",value:r??L,onSelectionChange:e=>{var t;return t=e===L?null:e,void R.setState({localeOverride:t})},options:c,formatOption:M,selectionMode:"single",fullWidth:!0})]})})}var G=n(65412),D=n(862706);function k(e,t){return D.m.create({contentIdentifier:e,properties:t})}function F(e,t,n,o){return{id:e,component_type:t,promotion_id:n,properties:(0,G.C)(D.m.toBinary(o))}}function V(e,t){return e===P(t)?t:""!==e?{lightUrl:e,darkUrl:e,lightStaticUrl:e,darkStaticUrl:e}:void 0}var j=n(674242);let K="playground-announcement-modal",w=_.default.fromTimestamp(Date.now()),H={name:"Announcement Modal",id:"announcement-modal",component:function(e){let t=v(u.C.ANNOUNCEMENT_MODAL),o=t?.properties.oneofKind==="announcementModalVariant1"?t.properties.announcementModalVariant1:null;return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(m.$,{variant:"expressive",size:"md",text:"Open Announcement Modal",onClick:function(){let t,l,a,r=(t=e.heroAssetUrl,l=(0,A.r1)(t),a={modalTopPill:e.modalTopPill,header:e.header,subheader:e.subheader,videoLink:l?t:"",heroArtVideoLinkLightTheme:l?t:"",heroArtImageLinkDarkTheme:l?"":t,heroArtImageLinkLightTheme:l?"":t,button:{...o?.button,copy:e.buttonCopy,buttonAction:e.buttonAction!==b.d.UNSPECIFIED?e.buttonAction:o?.button?.buttonAction??b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:o?.button?.deeplinkSection??"",navigableStorefrontApplicationId:o?.button?.navigableStorefrontApplicationId??(""!==e.navigableStorefrontApplicationId?{value:e.navigableStorefrontApplicationId}:void 0)}},k(K,{oneofKind:"announcementModalVariant1",announcementModalVariant1:null!=o?{...o,...a}:c.ih.create(a)}));(0,f.openModalLazy)(async()=>{let{default:e}=await Promise.all([n.e("39333"),n.e("87236"),n.e("18582"),n.e("8082"),n.e("18757"),n.e("42623"),n.e("33555"),n.e("80126"),n.e("81260"),n.e("96137"),n.e("79630"),n.e("20287"),n.e("18024"),n.e("3131"),n.e("47177"),n.e("69201"),n.e("36149"),n.e("69985"),n.e("51778"),n.e("40492"),n.e("27272"),n.e("24914"),n.e("68532"),n.e("88200"),n.e("20382"),n.e("73165"),n.e("34268"),n.e("63333"),n.e("54372")]).then(n.bind(n,103407));return t=>(0,p.jsx)(e,{renderModalProps:t,componentId:K,promotionId:w,properties:r})},{modalKey:"playground-announcement-modal"})}})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.ANNOUNCEMENT_MODAL}),useDefaultOverrides:()=>{let e=v(u.C.ANNOUNCEMENT_MODAL),t=e?.properties.oneofKind==="announcementModalVariant1"?e.properties.announcementModalVariant1:null;return null==t?null:{modalTopPill:t.modalTopPill,header:t.header,subheader:t.subheader,heroAssetUrl:""!==t.videoLink?t.videoLink:""!==t.heroArtImageLinkDarkTheme?t.heroArtImageLinkDarkTheme:t.heroArtImageLinkLightTheme,buttonCopy:t.button?.copy??"",buttonAction:t.button?.buttonAction??b.d.UNSPECIFIED,navigableStorefrontApplicationId:t.button?.navigableStorefrontApplicationId?.value??""}},controls:{modalTopPill:{label:"Top Pill",type:"text",defaultValue:"Limited time offer"},header:{label:"Header",type:"text",defaultValue:"Get Nitro and unlock more"},subheader:{label:"Subheader",type:"text",defaultValue:"Bigger uploads, HD video, custom emoji everywhere, and more."},heroAssetUrl:{label:"Hero Asset URL (image or video)",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/2c74e3655641888bfb9bbf8070c30b8230551754fd0a22f660d8cb3cae5c9679.svg"},buttonCopy:{label:"Button Copy",type:"text",defaultValue:"Get Nitro"},buttonAction:{label:"Button Action",type:"select",defaultValue:b.d.UNSPECIFIED,options:[{label:"Unspecified (use base)",value:b.d.UNSPECIFIED},{label:"Open Marketing Page",value:b.d.OPEN_MARKETING_PAGE},{label:"Open Tier 2 Payment Modal",value:b.d.OPEN_TIER_2_PAYMENT_MODAL},{label:"Open Tier 1 Payment Modal",value:b.d.OPEN_TIER_1_PAYMENT_MODAL},{label:"Open Plan Selection Modal",value:b.d.OPEN_PLAN_SELECTION_MODAL},{label:"Open Premium Group Payment Modal",value:b.d.OPEN_PREMIUM_GROUP_PAYMENT_MODAL},{label:"Open Social Layer Storefront",value:b.d.OPEN_SOCIAL_LAYER_STOREFRONT}]},navigableStorefrontApplicationId:{label:"Navigable Storefront Application ID",type:"text",defaultValue:"1346069614634864772"}}};var Y=n(520361),W=n(822571),z=n(662367);let $="playground-billing-settings-banner",Z={name:"Nitro Settings Banner",id:"billing-settings-banner",component:function(e){let t,n,o,l=v(u.C.BILLING_SETTINGS_BANNER),a=l?.properties.oneofKind==="billingSettingsBanner"?l.properties.billingSettingsBanner:null,r=R.useField("selected"),[d]=i.useState(()=>new Date(Date.now()+6048e5)),s=r?.endDate??d,c=W.A.createFromServer(F($,u.C.BILLING_SETTINGS_BANNER,r?.id??"",k($,{oneofKind:"billingSettingsBanner",billingSettingsBanner:(t=e.showButton?{...a?.button,copy:e.buttonCopy,buttonAction:e.buttonAction!==b.d.UNSPECIFIED?e.buttonAction:a?.button?.buttonAction??b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:a?.button?.deeplinkSection??"",navigableStorefrontApplicationId:a?.button?.navigableStorefrontApplicationId??(""!==e.navigableStorefrontApplicationId?{value:e.navigableStorefrontApplicationId}:void 0)}:void 0,n=""!==e.helpArticleId?{...a?.helpArticle,id:e.helpArticleId,linkText:e.helpArticleLinkText}:void 0,o={header:e.header,body:e.body,asset:V(e.assetUrl,a?.asset),button:t,helpArticle:n},null!=a?{...a,...o}:Y.h.create(o))})));return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(z.I,{component:c,endDate:s})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.BILLING_SETTINGS_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.BILLING_SETTINGS_BANNER),t=e?.properties.oneofKind==="billingSettingsBanner"?e.properties.billingSettingsBanner:null;return null==t?null:{header:t.header,body:t.body,assetUrl:P(t.asset),showButton:null!=t.button,buttonCopy:t.button?.copy??"",buttonAction:t.button?.buttonAction??b.d.UNSPECIFIED,navigableStorefrontApplicationId:t.button?.navigableStorefrontApplicationId?.value??"",helpArticleId:t.helpArticle?.id??"",helpArticleLinkText:t.helpArticle?.linkText??""}},controls:{header:{label:"Header",type:"text",defaultValue:"Get Nitro and unlock more"},body:{label:"Body",type:"text",defaultValue:"Bigger uploads, HD video, custom emoji everywhere, and more. Just {price}/month."},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/e05c122ded59f9b504af4fc2fdfb9539a22eff9e6fc3e31b84ae97f0d1857915.svg"},showButton:{label:"Show Button",type:"boolean",defaultValue:!0},buttonCopy:{label:"Button Copy",type:"text",defaultValue:"Claim Offer"},buttonAction:{label:"Button Action",type:"select",defaultValue:b.d.UNSPECIFIED,options:[{label:"Unspecified (use base)",value:b.d.UNSPECIFIED},{label:"Open Marketing Page",value:b.d.OPEN_MARKETING_PAGE},{label:"Open Tier 2 Payment Modal",value:b.d.OPEN_TIER_2_PAYMENT_MODAL},{label:"Open Tier 1 Payment Modal",value:b.d.OPEN_TIER_1_PAYMENT_MODAL},{label:"Open Plan Selection Modal",value:b.d.OPEN_PLAN_SELECTION_MODAL},{label:"Open Premium Group Payment Modal",value:b.d.OPEN_PREMIUM_GROUP_PAYMENT_MODAL},{label:"Open Social Layer Storefront",value:b.d.OPEN_SOCIAL_LAYER_STOREFRONT}]},navigableStorefrontApplicationId:{label:"Navigable Storefront Application ID",type:"text",defaultValue:"1346069614634864772"},helpArticleId:{label:"Help Article ID",type:"text",defaultValue:""},helpArticleLinkText:{label:"Help Article Link Text",type:"text",defaultValue:"Terms apply."}}};var q=n(959129),J=n(815846),Q=((r={}).SEASONAL_GIFTING_2024_BALLOONS_REWARD_SKU_ID="1301993378484850769",r.SEASONAL_GIFTING_2024_CAT_EARS_REWARD_SKU_ID="1301993378484850771",r.SEASONAL_GIFTING_2024_SNOWFLAKES_REWARD_SKU_ID="1301993378484850773",r.VALENTINES_GIFTING_2025_HEARTS_SKU_ID="1326347611069874277",r.SUMMER_2025_GIFTING_REWARD_SKU_ID="1369404111484751873",r.HALLOWEEN_GIFTING_2025_PUMPKIN_TRICK_SKU_ID="1418326115876864070",r.HALLOWEEN_GIFTING_2025_PUMPKIN_TREAT_SKU_ID="1418326116053287093",r.HALLOWEEN_GIFTING_2025_GHOST_TRICK_SKU_ID="1418326115927326830",r.HALLOWEEN_GIFTING_2025_GHOST_TREAT_SKU_ID="1418326116166533330",r.HALLOWEEN_GIFTING_2025_SKULL_TRICK_SKU_ID="1418326115910680656",r.HALLOWEEN_GIFTING_2025_SKULL_TREAT_SKU_ID="1418326116128788590",r.HALLOWEEN_GIFTING_2025_SPIDER_TRICK_SKU_ID="1418326115893907677",r.HALLOWEEN_GIFTING_2025_SPIDER_TREAT_SKU_ID="1418326116094967808",r.SEASONAL_GIFTING_2025_HEAD_IN_THE_CLOUDS_SKU_ID="1343751617303805983",r.SEASONAL_GIFTING_2025_STARFALL_TIDES_SKU_ID="1377377712104018071",r.SEASONAL_GIFTING_2025_MIRAGE_SKU_ID="1343751617328975954",r.VALENTINES_GIFTING_2026_FULL_HEARTS_SKU_ID="1464017397081047081",r.VALENTINES_GIFTING_2026_FULL_HP_SKU_ID="1464006538304684063",r.WORLD_CUP_GIFTING_2026_AROUND_THE_WORLD_SKU_ID="1509955522797768794",r.WORLD_CUP_GIFTING_2026_GOAL_SKU_ID="1509962431290675280",r),X=n(67948),ee=n(228366),et=n(793574),en=n(688810),eo=n(532794),el=n(852218),ea=n(202541);let er="playground-gift-customization-banner",ei="playground-gift-customization-banner-promotion",ed=Q.VALENTINES_GIFTING_2026_FULL_HEARTS_SKU_ID;var es=n(365990),ep=n(95701);function eu(e){let{id:t,component_type:n,promotion_id:o,properties:l}=e;i.useEffect(()=>{(0,s.Ak)(),ee.h.dispatch({type:"PREMIUM_MARKETING_PREVIEW",data:{id:t,component_type:n,promotion_id:o,properties:l}})},[t,n,o,l])}var ec=n(652215);let eb="playground-gift-icon",em=(0,ep.createChannelRecord)({id:"1",guild_id:"1",type:ec.rbe.GUILD_TEXT,name:"playground"});var ef=n(720119),eA=n(40493);function e_(){}let eT=(0,ep.createChannelRecord)({id:"1",guild_id:"1",type:ec.rbe.GUILD_TEXT,name:"playground"});var eg=n(978656);let eN="playground-gift-plan-selection-card-banner",eI="playground-gift-plan-selection-card-banner-promotion",eE=Q.VALENTINES_GIFTING_2026_FULL_HEARTS_SKU_ID;var ey=n(823901);function eS(){}let eC="playground-gift-reminder-nagbar";var eO=n(670474),eh=n(371764);let eR={name:"Marketing Page Banner",id:"marketing-page-banner",component:function(e){let t,n,o=v(u.C.MARKETING_PAGE_BANNER),l=o?.properties.oneofKind==="marketingPageBanner"?o.properties.marketingPageBanner:null,a=(t=e.showButton?{...l?.button,copy:e.buttonCopy,buttonAction:e.buttonAction!==b.d.UNSPECIFIED?e.buttonAction:l?.button?.buttonAction??b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:l?.button?.deeplinkSection??"",navigableStorefrontApplicationId:l?.button?.navigableStorefrontApplicationId??(""!==e.navigableStorefrontApplicationId?{value:e.navigableStorefrontApplicationId}:void 0)}:void 0,n={assetUrl:e.assetUrl,header:e.header,body:e.body,button:t},null!=l?{...l,...n}:{helpArticleId:"",buttonVariant:eO.F.UNSPECIFIED,...n});return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(eh.x,{componentId:"playground-marketing-page-banner",promotionBannerMarketingComponentFields:a})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.MARKETING_PAGE_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.MARKETING_PAGE_BANNER),t=e?.properties.oneofKind==="marketingPageBanner"?e.properties.marketingPageBanner:null;return null==t?null:{header:t.header,body:t.body,assetUrl:t.assetUrl,showButton:null!=t.button,buttonCopy:t.button?.copy??"",buttonAction:t.button?.buttonAction??b.d.UNSPECIFIED,navigableStorefrontApplicationId:t.button?.navigableStorefrontApplicationId?.value??""}},controls:{header:{label:"Header",type:"text",defaultValue:"Get Nitro and unlock more"},body:{label:"Body",type:"text",defaultValue:"Bigger uploads, HD video, custom emoji everywhere, and more. Just {price}/month."},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/7088cd62971948493c32b65337c62856b4d25e7313305f252193263a1f2209d6.svg"},showButton:{label:"Show Button",type:"boolean",defaultValue:!0},buttonCopy:{label:"Button Copy",type:"text",defaultValue:"Get Nitro"},buttonAction:{label:"Button Action",type:"select",defaultValue:b.d.UNSPECIFIED,options:[{label:"Unspecified (use base)",value:b.d.UNSPECIFIED},{label:"Open Marketing Page",value:b.d.OPEN_MARKETING_PAGE},{label:"Open Tier 2 Payment Modal",value:b.d.OPEN_TIER_2_PAYMENT_MODAL},{label:"Open Tier 1 Payment Modal",value:b.d.OPEN_TIER_1_PAYMENT_MODAL},{label:"Open Plan Selection Modal",value:b.d.OPEN_PLAN_SELECTION_MODAL},{label:"Open Premium Group Payment Modal",value:b.d.OPEN_PREMIUM_GROUP_PAYMENT_MODAL},{label:"Open Social Layer Storefront",value:b.d.OPEN_SOCIAL_LAYER_STOREFRONT}]},navigableStorefrontApplicationId:{label:"Navigable Storefront Application ID",type:"text",defaultValue:"1346069614634864772"}}};var ev=n(754804);let eP="playground-nagbar";var eL=n(834730),eU=n(709870),ex=n(37126);let eM="https://cdn.discordapp.com/assets/content/ce3500be6abe18b64c923af6d520c74cc915387831c4cdd5e4240d175417a87a.svg",eB="playground-payment-modal-banner",eG="playground-plan-select-card-banner";var eD=n(964661),ek=n(503698),eF=n.n(ek),eV=n(612324),ej=n(403581),eK=n(214947),ew=n(34188),eH=n(577473),eY=n(715069),eW=n(765671),ez=n(818744);function e$(){}let eZ=i.forwardRef(function(e,t){let{icon:n,label:o,selected:l=!1,decoration:a,showHoverGradient:r=!1}=e,{width:i,ref:d}=(0,eW.Ay)(),s=(0,eV.A)(t,d);return(0,p.jsxs)("button",{ref:s,type:"button",className:eF()(ez.pc,{[ez.EV]:l}),onClick:e$,children:[r&&(0,p.jsx)(eY.ls,{eventTargetRef:d,isNitro:!0,contentWidth:i}),(0,p.jsxs)("span",{className:ez.Hq,children:[(0,p.jsx)(n,{size:"md",color:"currentColor"}),(0,p.jsx)(eL.E,{variant:"text-md/medium",color:"text-strong",className:ez.We,children:o}),null!=a&&(0,p.jsx)("div",{className:ez.UT,children:a})]})]})});function eq(e){let{tabLabel:t="Nitro",selected:n=!1,decoration:o,showHoverGradient:l=!1,nitroRowRef:a,wrapNitroRow:r}=e,i=(0,p.jsx)(eZ,{ref:a,icon:ej.t,label:t,selected:n,decoration:o,showHoverGradient:l});return(0,p.jsxs)("nav",{className:ez.C$,children:[(0,p.jsx)(eZ,{icon:eK.$,label:"Friends"}),null!=r?r(i):i,(0,p.jsx)(eZ,{icon:ew.U,label:"Shop"}),(0,p.jsx)(eZ,{icon:eH.r,label:"Quests"})]})}var eJ=n(52416);function eQ(){}let eX="playground-premium-tab-popover",e0={name:"Premium Tab Popover",id:"premium-tab-popover",component:function(e){var t;let n,o,{header:l,body:a,buttonCopy:r,buttonAction:d,navigableStorefrontApplicationId:s,assetUrl:c}=e,m=v(u.C.PREMIUM_TAB_POPOVER),f=m?.properties.oneofKind==="premiumTabPopover"?m.properties.premiumTabPopover:null;eu((n={header:(t={header:l,body:a,buttonCopy:r,buttonAction:d,navigableStorefrontApplicationId:s,assetUrl:c}).header,body:t.body,button:{...f?.button,copy:t.buttonCopy,buttonAction:t.buttonAction!==b.d.UNSPECIFIED?t.buttonAction:f?.button?.buttonAction??b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:f?.button?.deeplinkSection??"",navigableStorefrontApplicationId:f?.button?.navigableStorefrontApplicationId??(""!==t.navigableStorefrontApplicationId?{value:t.navigableStorefrontApplicationId}:void 0)},asset:V(t.assetUrl,f?.asset)},o=k(eX,{oneofKind:"premiumTabPopover",premiumTabPopover:null!=f?{...f,...n}:{helpArticleId:"",...n}}),F(eX,u.C.PREMIUM_TAB_POPOVER,"playground-premium-tab-popover-promotion",o)));let A=i.useRef(null);return(0,p.jsx)(eq,{selected:!0,nitroRowRef:A,wrapNitroRow:e=>(0,p.jsx)(eJ.A,{targetElementRef:A,dismissPopover:eQ,children:e})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.PREMIUM_TAB_POPOVER}),useDefaultOverrides:()=>{let e=v(u.C.PREMIUM_TAB_POPOVER),t=e?.properties.oneofKind==="premiumTabPopover"?e.properties.premiumTabPopover:null;return null==t?null:{header:t.header,body:t.body,buttonCopy:t.button?.copy??"",buttonAction:t.button?.buttonAction??b.d.UNSPECIFIED,navigableStorefrontApplicationId:t.button?.navigableStorefrontApplicationId?.value??"",assetUrl:P(t.asset)}},controls:{header:{label:"Header",type:"text",defaultValue:"Your Nitro offer is here"},body:{label:"Body",type:"text",defaultValue:"Subscribe now to claim bigger uploads, HD video, and more."},buttonCopy:{label:"Button Copy",type:"text",defaultValue:"Get Nitro"},buttonAction:{label:"Button Action",type:"select",defaultValue:b.d.UNSPECIFIED,options:[{label:"Unspecified (use base)",value:b.d.UNSPECIFIED},{label:"Open Marketing Page",value:b.d.OPEN_MARKETING_PAGE},{label:"Open Tier 2 Payment Modal",value:b.d.OPEN_TIER_2_PAYMENT_MODAL},{label:"Open Tier 1 Payment Modal",value:b.d.OPEN_TIER_1_PAYMENT_MODAL},{label:"Open Plan Selection Modal",value:b.d.OPEN_PLAN_SELECTION_MODAL},{label:"Open Premium Group Payment Modal",value:b.d.OPEN_PREMIUM_GROUP_PAYMENT_MODAL},{label:"Open Social Layer Storefront",value:b.d.OPEN_SOCIAL_LAYER_STOREFRONT}]},navigableStorefrontApplicationId:{label:"Navigable Storefront Application ID",type:"text",defaultValue:"1346069614634864772"},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/38b775edc3d9b9fbfd496639f0a1deb9b9882c989fa70fdbb86f60dc764c2f80.svg"}}};var e2=n(796878);let e1="playground-premium-tab-tooltip";n(321073);var e6=n(896170),e3=n(783878),e7=n(562465);async function e8(){return(await e7.Bo.get({url:"/premium-marketing/promotions",rejectWithError:!0})).body.map(e=>{let{id:t,name:n,type:o,source:l,end_date:a}=e;return{id:t,name:n,type:o,source:l,endDate:null!=a?new Date(a):void 0}})}async function e4(e){let t=await e7.Bo.get({url:`/premium-marketing/promotions/${e}/components`,rejectWithError:!0}),n=new Map;for(let e of t.body){let t=D.m.fromBinary((0,G.A)(e.properties)),o=n.get(e.component_type)??[];o.push({premiumType:e.premium_type,premiumSource:e.premium_source,premiumSubscriptionType:e.premium_subscription_type,platform:e.platform,isDefaultBase:t.isDefaultBase,properties:t}),n.set(e.component_type,o)}return n}let e5=[{type:"marketing_moment",label:"Marketing Moments"},{type:"gift",label:"Gift Promotions"}];function e9(e){let t=[];for(let n of e5){let o=e.filter(e=>e.type===n.type);if(0!==o.length)for(let e of(t.push({id:`header-${n.type}`,value:`header-${n.type}`,label:n.label,disabled:!0}),o))t.push({id:e.id,value:e.id,label:e.name})}return t}var te=n(613556),tt=n(549996),tn=n(758836);let to="playground-shop-nagbar";function tl(e,t){return{title:e,stories:[...t].sort((e,t)=>e.name.localeCompare(t.name))}}let ta={id:"marketing",name:"Marketing",groups:[tl("Premium Surfaces",[H,Z,eR,{name:"Nagbar",id:"nagbar",component:function(e){var t;let n,o,{body:l,ctaLabel:a,helpArticleId:r}=e,i=v(u.C.NAGBAR),d=i?.properties.oneofKind==="nagbar"?i.properties.nagbar:null;return eu((n={body:(t={body:l,ctaLabel:a,helpArticleId:r}).body,ctaLabel:t.ctaLabel,helpArticle:""!==t.helpArticleId?{...d?.helpArticle,id:t.helpArticleId,linkText:d?.helpArticle?.linkText??""}:void 0},o=k(eP,{oneofKind:"nagbar",nagbar:null!=d?{...d,...n}:{ctaAction:b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:"",...n}}),F(eP,u.C.NAGBAR,"playground-nagbar-promotion",o))),(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(ev.A,{})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.NAGBAR}),useDefaultOverrides:()=>{let e=v(u.C.NAGBAR),t=e?.properties.oneofKind==="nagbar"?e.properties.nagbar:null;return null==t?null:{body:t.body,ctaLabel:t.ctaLabel,helpArticleId:t.helpArticle?.id??""}},controls:{body:{label:"Body",type:"text",defaultValue:"Get Nitro and unlock bigger uploads, HD video, custom emoji, and more."},ctaLabel:{label:"CTA Label",type:"text",defaultValue:"Get Nitro"},helpArticleId:{label:"Help Article ID",type:"text",defaultValue:""}}},{name:"Orbs Delivered Modal",id:"nitro-orbs-bonus-modal",component:function(e){let{orbsAmount:t}=e;return(0,p.jsxs)(T.B,{direction:"vertical",gap:16,align:"start",children:[(0,p.jsx)(eL.E,{variant:"text-sm/normal",color:"text-muted",children:"The post-purchase \u201COrbs delivered\u201D confirmation modal for the Nitro orbs bonus. Set the orb amount in the controls, then open it."}),(0,p.jsx)(m.$,{text:"Open Orbs delivered modal",onClick:()=>(0,eU.$)({orbsAmount:t})})]})},controls:{orbsAmount:{label:"Orb amount",type:"number",defaultValue:1e4,minValue:0}}},{name:"Shop Reward Modal",id:"nitro-shop-reward-modal",component:function(){return(0,p.jsxs)(T.B,{direction:"vertical",gap:16,align:"start",children:[(0,p.jsx)(eL.E,{variant:"text-sm/normal",color:"text-muted",children:"The \u201CYour free Shop item is ready for you\u201D reward modal. Open it to preview."}),(0,p.jsx)(m.$,{text:"Open Shop reward modal",onClick:()=>(0,ex.tu)()})]})}},{name:"Payment Modal Banner",id:"payment-modal-banner",component:function(e){let{body:t,assetUrl:n}=e,o=v(u.C.PAYMENT_MODAL_BANNER);eu(function(e,t){let{body:n,assetUrl:o}=e,l={assetUrl:o,body:n},a=k(eB,{oneofKind:"paymentModalBanner",paymentModalBanner:null!=t?{...t,...l}:{header:"",...l}});return F(eB,u.C.PAYMENT_MODAL_BANNER,"playground-payment-modal-banner-promotion",a)}({body:t,assetUrl:n},o?.properties.oneofKind==="paymentModalBanner"?o.properties.paymentModalBanner:null));let{analyticsLocations:l}=(0,en.Ay)(et.A.PAYMENT_FLOW_TEST_PAGE);return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(m.$,{variant:"expressive",size:"md",text:"Open Payment Modal",onClick:()=>(0,eo.A)({subscriptionTier:ea.pe.TIER_2,analyticsLocations:l})})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.PAYMENT_MODAL_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.PAYMENT_MODAL_BANNER),t=e?.properties.oneofKind==="paymentModalBanner"?e.properties.paymentModalBanner:null;return null==t?null:{body:t.body,assetUrl:t.assetUrl}},controls:{body:{label:"Body",type:"text",defaultValue:"Your Nitro offer is waiting - subscribe now to claim it."},assetUrl:{label:"Asset URL",type:"text",defaultValue:eM}}},{name:"Plan Select Card Banner",id:"plan-select-card-banner",component:function(e){let{body:t,assetUrl:n}=e,o=v(u.C.PLAN_SELECT_CARD_BANNER);eu(function(e,t){let{body:n,assetUrl:o}=e,l=k(eG,{oneofKind:"planSelectCardBanner",planSelectCardBanner:{...t,body:n,asset:V(o,t?.asset)}});return F(eG,u.C.PLAN_SELECT_CARD_BANNER,"playground-plan-select-card-banner-promotion",l)}({body:t,assetUrl:n},o?.properties.oneofKind==="planSelectCardBanner"?o.properties.planSelectCardBanner:null));let{analyticsLocations:l}=(0,en.Ay)(et.A.PAYMENT_FLOW_TEST_PAGE);return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(m.$,{variant:"expressive",size:"md",text:"Open Select Plan",onClick:()=>(0,eo.A)({analyticsLocations:l})})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.PLAN_SELECT_CARD_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.PLAN_SELECT_CARD_BANNER),t=e?.properties.oneofKind==="planSelectCardBanner"?e.properties.planSelectCardBanner:null;return null==t?null:{body:t.body,assetUrl:P(t.asset)}},controls:{body:{label:"Body",type:"text",defaultValue:"Join Nitro today and get your second month free! Limited time offer."},assetUrl:{label:"Asset URL",type:"text",defaultValue:eM}}},{name:"Premium Tab Badge",id:"premium-tab-badge",component:function(e){let t=(0,p.jsx)(eD.A,{componentId:"playground-premium-tab-badge",badgeCopy:e.badgeCopy,acknowledgedBadgeCopy:e.acknowledgedBadgeCopy,isDismissed:e.isDismissed});return(0,p.jsx)(eq,{tabLabel:e.tabLabel,selected:e.selected,decoration:t,showHoverGradient:e.showHoverGradient})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.PREMIUM_TAB}),useDefaultOverrides:()=>{let e=v(u.C.PREMIUM_TAB),t=e?.properties.oneofKind==="premiumTab"?e.properties.premiumTab:null;return null==t?null:{badgeCopy:t.badgeLabel,acknowledgedBadgeCopy:t.acknowledgedBadgeLabel,showHoverGradient:t.showHoverGradient}},controls:{tabLabel:{label:"Tab Label",type:"text",defaultValue:"Nitro"},selected:{label:"Selected",type:"boolean",defaultValue:!1},badgeCopy:{label:"Badge Copy",type:"text",defaultValue:"Offer"},acknowledgedBadgeCopy:{label:"Acknowledged Copy",type:"text",defaultValue:"Offer"},isDismissed:{label:"Acknowledged",type:"boolean",defaultValue:!1},showHoverGradient:{label:"Show hover gradient",type:"boolean",defaultValue:!1}}},e0,{name:"Premium Tab Tooltip",id:"premium-tab-tooltip",component:function(e){var t;let n,o,{header:l,body:a,assetUrl:r}=e,i=v(u.C.PREMIUM_TAB_TOOLTIP),d=i?.properties.oneofKind==="premiumTabTooltip"?i.properties.premiumTabTooltip:null;return eu((n={header:(t={header:l,body:a,assetUrl:r}).header,body:t.body,asset:V(t.assetUrl,d?.asset)},o=k(e1,{oneofKind:"premiumTabTooltip",premiumTabTooltip:null!=d?{...d,...n}:n}),F(e1,u.C.PREMIUM_TAB_TOOLTIP,"playground-premium-tab-tooltip-promotion",o))),(0,p.jsx)(eq,{selected:!0,wrapNitroRow:e=>(0,p.jsx)(e2.A,{children:e})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.PREMIUM_TAB_TOOLTIP}),useDefaultOverrides:()=>{let e=v(u.C.PREMIUM_TAB_TOOLTIP),t=e?.properties.oneofKind==="premiumTabTooltip"?e.properties.premiumTabTooltip:null;return null==t?null:{header:t.header,body:t.body,assetUrl:P(t.asset)}},controls:{header:{label:"Header",type:"text",defaultValue:"Get Nitro"},body:{label:"Body",type:"text",defaultValue:"Unlock bigger uploads, HD video, custom emoji, and more."},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/626692d6d8d71b08bd3b9f0f9d846a327960d0e0a5a54adb34f5373731287e98.svg"}}},{name:"Shop Nagbar",id:"shop-nagbar",component:function(e){var t;let n,o,{body:l,ctaLabel:a,helpArticleId:r}=e,i=v(u.C.SHOP_NAGBAR),d=i?.properties.oneofKind==="shopNagbar"?i.properties.shopNagbar:null;eu((n={body:(t={body:l,ctaLabel:a,helpArticleId:r}).body,ctaLabel:t.ctaLabel,helpArticle:""!==t.helpArticleId?{...d?.helpArticle,id:t.helpArticleId,linkText:d?.helpArticle?.linkText??""}:void 0},o=k(to,{oneofKind:"shopNagbar",shopNagbar:null!=d?{...d,...n}:{ctaAction:b.d.OPEN_TIER_2_PAYMENT_MODAL,deeplinkSection:"",...n}}),F(to,u.C.SHOP_NAGBAR,"playground-shop-nagbar-promotion",o)));let s=(0,tt.c)(u.C.SHOP_NAGBAR),c=s?.properties.properties.oneofKind==="shopNagbar"?{shopNagbar:s.properties.properties.shopNagbar,componentId:s.id}:null;return(0,p.jsx)("div",{className:j.MT,children:null!=c&&(0,p.jsx)(te.A,{shopNagbar:c.shopNagbar,componentId:c.componentId,tab:tn.G2.HOME,onDismiss:()=>{}})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.SHOP_NAGBAR}),useDefaultOverrides:()=>{let e=v(u.C.SHOP_NAGBAR),t=e?.properties.oneofKind==="shopNagbar"?e.properties.shopNagbar:null;return null==t?null:{body:t.body,ctaLabel:t.ctaLabel,helpArticleId:t.helpArticle?.id??""}},controls:{body:{label:"Body",type:"text",defaultValue:"Get Nitro and your next Shop item is free."},ctaLabel:{label:"CTA Label",type:"text",defaultValue:"Get Nitro"},helpArticleId:{label:"Help Article ID",type:"text",defaultValue:""}}}]),tl("Gifting Surfaces",[{name:"Billing Settings Gift Banner",id:"billing-settings-nitro-gift-banner",component:function(e){let t,n=v(u.C.BILLING_SETTINGS_NITRO_GIFT_BANNER),o=n?.properties.oneofKind==="billingSettingsNitroGiftBanner"?n.properties.billingSettingsNitroGiftBanner:null;return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(J.c,{config:(t={header:e.header,body:e.body,additionalTerms:e.additionalTerms,textColor:e.textColor,asset:V(e.assetUrl,o?.asset),backgroundAsset:V(e.backgroundAssetUrl,o?.backgroundAsset),gradient:{colors:[e.gradientStartColor,e.gradientEndColor],angle:e.gradientAngle}},null!=o?{...o,...t}:q.v.create(t))})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.BILLING_SETTINGS_NITRO_GIFT_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.BILLING_SETTINGS_NITRO_GIFT_BANNER),t=e?.properties.oneofKind==="billingSettingsNitroGiftBanner"?e.properties.billingSettingsNitroGiftBanner:null;if(null==t)return null;let n=t.gradient?.colors??[];return{header:t.header,body:t.body,additionalTerms:t.additionalTerms,assetUrl:P(t.asset),backgroundAssetUrl:P(t.backgroundAsset),gradientStartColor:n[0]??"",gradientEndColor:n[1]??"",gradientAngle:t.gradient?.angle??0,textColor:t.textColor}},controls:{header:{label:"Header",type:"text",defaultValue:"Give the gift of Nitro"},body:{label:"Body",type:"text",defaultValue:"Share bigger uploads, HD video, custom emoji, and more with someone special."},additionalTerms:{label:"Additional Terms",type:"text",defaultValue:""},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/f5568af2417d741c736bee8a6dca725049580f72f4ace4be770de662c8ed76d4.png"},backgroundAssetUrl:{label:"Background Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/c0da396fa3e5373677f66f634ee2e5fb32f4d8b85063a908be7f975239145b12.png"},gradientStartColor:{label:"Gradient Start",type:"color",defaultValue:"#7873F5"},gradientEndColor:{label:"Gradient End",type:"color",defaultValue:"#FF6AC2"},gradientAngle:{label:"Gradient Angle",type:"slider",defaultValue:180,minValue:0,maxValue:360},textColor:{label:"Text Color",type:"color",defaultValue:"#FFFFFF"}}},{name:"Gift Customization Banner",id:"gift-customization-banner",component:function(e){let{analyticsLocations:t}=(0,en.Ay)(et.A.PAYMENT_FLOW_TEST_PAGE),n=v(u.C.GIFT_CUSTOMIZATION_BANNER),o=n?.properties.oneofKind==="giftCustomizationBanner"?n.properties.giftCustomizationBanner:null;return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(m.$,{variant:"expressive",size:"md",text:"Open Gift Payment Modal",onClick:()=>{let n,l,a,r,i;r={id:er,component_type:u.C.GIFT_CUSTOMIZATION_BANNER,promotion_id:ei,properties:(n={asset:V(e.assetUrl,o?.asset),backgroundAsset:V(e.backgroundAssetUrl,o?.backgroundAsset),gradient:{colors:[e.gradientStartColor,e.gradientEndColor],angle:e.gradientAngle}},l=null!=o?{...o,...n}:{assetUrl:"",desktopBody:"",mobileBody:"",backgroundAssetUrl:"",assetVariant:X.u.NORMAL,...n},a=D.m.create({contentIdentifier:er,properties:{oneofKind:"giftCustomizationBanner",giftCustomizationBanner:l}}),(0,G.C)(D.m.toBinary(a)))},i={id:ei,start_date:new Date(0).toISOString(),end_date:new Date("2099-01-01").toISOString(),promotion_type:el.pt.GIFT_PROMOTION,flags:0,partner_id:null,marketing_components:[r],metadata:{gift_promotion:{reward_sku_ids:[ed]}}},ee.h.dispatch({type:"ACTIVE_PROMOTIONS_FETCH_SUCCESS",promotions:[i],consumedInboundPromotionId:null}),ee.h.dispatch({type:"COLLECTIBLES_PURCHASES_FETCH_SUCCESS",purchases:[]}),(0,eo.A)({isGift:!0,subscriptionTier:ea.pe.TIER_2,analyticsLocations:t})}})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.GIFT_CUSTOMIZATION_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.GIFT_CUSTOMIZATION_BANNER),t=e?.properties.oneofKind==="giftCustomizationBanner"?e.properties.giftCustomizationBanner:null;if(null==t)return null;let n=t.gradient?.colors??[];return{assetUrl:P(t.asset),backgroundAssetUrl:P(t.backgroundAsset),gradientStartColor:n[0]??"",gradientEndColor:n[1]??"",gradientAngle:t.gradient?.angle??0}},controls:{assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/0d3886dfd9f05895ee80f5e441fa818b7edc5fdba6fd2ca543eef5c0a9a8a4d7.png"},backgroundAssetUrl:{label:"Background Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/3b0b1714d586a0d28a37b5f0a23f2f516a25971b57127af11027adb8e3e01a53.png"},gradientStartColor:{label:"Gradient Start",type:"color",defaultValue:"#7873F5"},gradientEndColor:{label:"Gradient End",type:"color",defaultValue:"#FF6AC2"},gradientAngle:{label:"Gradient Angle",type:"slider",defaultValue:90,minValue:0,maxValue:360}}},{name:"Gift Icon",id:"gift-icon",component:function(e){let t,n,o=v(u.C.GIFT_ICON),l=o?.properties.oneofKind==="giftIcon"?o.properties.giftIcon:null;return eu((t={boxAnimationUrl:e.boxAnimationUrl,trinketAnimationUrl:e.trinketAnimationUrl,trinketGlowAnimationUrl:e.trinketGlowAnimationUrl,gradient:{colors:[e.gradientStartColor,e.gradientEndColor],angle:e.gradientAngle}},n=k(eb,{oneofKind:"giftIcon",giftIcon:null!=l?{...l,...t}:t}),F(eb,u.C.GIFT_ICON,"playground-gift-icon-promotion",n))),(0,p.jsx)("div",{className:j.WG,children:(0,p.jsx)(es.A,{channel:em})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.GIFT_ICON}),useDefaultOverrides:()=>{let e=v(u.C.GIFT_ICON),t=e?.properties.oneofKind==="giftIcon"?e.properties.giftIcon:null;if(null==t)return null;let n=t.gradient?.colors??[];return{boxAnimationUrl:t.boxAnimationUrl,trinketAnimationUrl:t.trinketAnimationUrl,trinketGlowAnimationUrl:t.trinketGlowAnimationUrl,gradientStartColor:n[0]??"",gradientEndColor:n[1]??"",gradientAngle:t.gradient?.angle??0}},controls:{boxAnimationUrl:{label:"Box Animation URL (Lottie)",type:"text",defaultValue:""},trinketAnimationUrl:{label:"Trinket Animation URL (Lottie)",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/2587f697fb8e499a331c465aee4b37ae2b233d4a21ce130ef9a3032c1455f1c4.lottiejson"},trinketGlowAnimationUrl:{label:"Trinket Glow Animation URL (Lottie)",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/a08eb1072a1016a58c1e5e3d92a9476900d8e8370a29c33c686c39ec9d333fb7.lottiejson"},gradientStartColor:{label:"Gradient Start",type:"color",defaultValue:"#7873F5"},gradientEndColor:{label:"Gradient End",type:"color",defaultValue:"#FF6AC2"},gradientAngle:{label:"Gradient Angle",type:"slider",defaultValue:180,minValue:0,maxValue:360}}},{name:"Gift Icon Coachmark",id:"gift-icon-coachmark",component:function(e){let t=v(u.C.GIFT_ICON_COACHMARK),n=t?.properties.oneofKind==="giftIconCoachmark"?t.properties.giftIconCoachmark:null,o={header:e.header,body:e.body,asset:V(e.assetUrl,n?.asset)},l=null!=n?{...n,...o}:ef.l.create(o);return(0,p.jsx)("div",{className:j.WG,children:(0,p.jsx)(eA.A,{coachmarkConfig:l,onComplete:e_,onCheckItOutClick:e_,markAsDismissed:e_,children:(0,p.jsx)(es.A,{channel:eT})})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.GIFT_ICON_COACHMARK}),useDefaultOverrides:()=>{let e=v(u.C.GIFT_ICON_COACHMARK),t=e?.properties.oneofKind==="giftIconCoachmark"?e.properties.giftIconCoachmark:null;return null==t?null:{header:t.header,body:t.body,assetUrl:P(t.asset)}},controls:{header:{label:"Header",type:"text",defaultValue:"Gift Nitro"},body:{label:"Body",type:"text",defaultValue:"Send Nitro to a friend and claim a free reward for yourself."},assetUrl:{label:"Asset URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/1d586250a524175ec9772040719e124d3ab9fe23d31804273ab9ced2b77446b3.png"}}},{name:"Gift Plan Selection Card Banner",id:"gift-plan-selection-card-banner",component:function(e){let{analyticsLocations:t}=(0,en.Ay)(et.A.PAYMENT_FLOW_TEST_PAGE),n=v(u.C.GIFT_PLAN_SELECTION_CARD_BANNER),o=n?.properties.oneofKind==="giftPlanSelectionCardBanner"?n.properties.giftPlanSelectionCardBanner:null;return(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(m.$,{variant:"expressive",size:"md",text:"Open Gift Payment Modal",onClick:()=>{let n,l,a,r,i;r={id:eN,component_type:u.C.GIFT_PLAN_SELECTION_CARD_BANNER,promotion_id:eI,properties:(n={avatarAsset:V(e.avatarUrl,o?.avatarAsset),bannerAsset:V(e.bannerUrl,o?.bannerAsset),gradient:{colors:[e.gradientStartColor,e.gradientEndColor],angle:e.gradientAngle}},l=null!=o?{...o,...n}:{header:"",desktopBody:"",mobileBody:"",bannerAssetUrl:"",assetVariant:eg.Y.NORMAL,backgroundAssetUrl:"",cardAssetUrl:"",...n},a=D.m.create({contentIdentifier:eN,properties:{oneofKind:"giftPlanSelectionCardBanner",giftPlanSelectionCardBanner:l}}),(0,G.C)(D.m.toBinary(a)))},i={id:eI,start_date:new Date(0).toISOString(),end_date:new Date("2099-01-01").toISOString(),promotion_type:el.pt.GIFT_PROMOTION,flags:0,partner_id:null,marketing_components:[r],metadata:{gift_promotion:{reward_sku_ids:[eE]}}},ee.h.dispatch({type:"ACTIVE_PROMOTIONS_FETCH_SUCCESS",promotions:[i],consumedInboundPromotionId:null}),ee.h.dispatch({type:"COLLECTIBLES_PURCHASES_FETCH_SUCCESS",purchases:[]}),(0,eo.A)({isGift:!0,analyticsLocations:t})}})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.GIFT_PLAN_SELECTION_CARD_BANNER}),useDefaultOverrides:()=>{let e=v(u.C.GIFT_PLAN_SELECTION_CARD_BANNER),t=e?.properties.oneofKind==="giftPlanSelectionCardBanner"?e.properties.giftPlanSelectionCardBanner:null;if(null==t)return null;let n=t.gradient?.colors??[];return{avatarUrl:P(t.avatarAsset),bannerUrl:P(t.bannerAsset),gradientStartColor:n[0]??"",gradientEndColor:n[1]??"",gradientAngle:t.gradient?.angle??0}},controls:{avatarUrl:{label:"Avatar URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/2919c872bfcd7b0eb5fe4fcd68e8eb334037461049eb025eb9646d5b886382ad.png"},bannerUrl:{label:"Banner URL",type:"text",defaultValue:"https://cdn.discordapp.com/assets/content/58b31636da40fd4a599e37013966a825be1655aa29c599f508f4b26255da46eb.png"},gradientStartColor:{label:"Gradient Start",type:"color",defaultValue:"#7873F5"},gradientEndColor:{label:"Gradient End",type:"color",defaultValue:"#FF6AC2"},gradientAngle:{label:"Gradient Angle",type:"slider",defaultValue:90,minValue:0,maxValue:360}}},{name:"Gift Reminder Nagbar",id:"gift-reminder-nagbar",component:function(e){let t,n,{body:o}=e,l=v(u.C.GIFT_REMINDER_NAGBAR),a=l?.properties.oneofKind==="giftReminderNagbar"?l.properties.giftReminderNagbar:null;return eu((t={body:({body:o}).body},n=k(eC,{oneofKind:"giftReminderNagbar",giftReminderNagbar:null!=a?{...a,...t}:t}),F(eC,u.C.GIFT_REMINDER_NAGBAR,"playground-gift-reminder-nagbar-promotion",n))),(0,p.jsx)("div",{className:j.MT,children:(0,p.jsx)(ey.y,{markAsDismissed:eS,className:j.gO})})},ControlsExtension:()=>(0,p.jsx)(B,{componentType:u.C.GIFT_REMINDER_NAGBAR}),useDefaultOverrides:()=>{let e=v(u.C.GIFT_REMINDER_NAGBAR),t=e?.properties.oneofKind==="giftReminderNagbar"?e.properties.giftReminderNagbar:null;return null==t?null:{body:t.body}},controls:{body:{label:"Body",type:"text",defaultValue:"Don't forget - gift Nitro and claim a free reward before the offer ends."}}}])],tags:["Marketing","Premium","Nitro"],IconComponent:d.B,Provider:function(e){let{children:t}=e;return i.useEffect(()=>()=>{(0,s.Ak)(),(0,s.b8)()},[]),t},HeaderControl:function(){let e=R.useField("selected"),[t,n]=i.useState([]),o=i.useRef(null);i.useEffect(()=>{let e=!0;return e8().then(t=>{e&&n(t)}).catch(()=>{}),()=>{e=!1}},[]);let l=i.useMemo(()=>e9(t),[t]),a=i.useCallback((e,n)=>e9((0,e6.Ht)(t,n,{keys:["name"]})),[t]);return 0===t.length?null:(0,p.jsx)("div",{className:j.$K,children:(0,p.jsx)(e3.Z,{clearable:!0,selectionMode:"single",placeholder:"Load Promo Data",value:e?.id,options:l,customMatchSorter:a,onSelectionChange:function(e){if(o.current=e,null==e)return void R.setState({selected:null,componentRowsByType:null,availableLocales:[],userStateByType:new Map,localeOverride:null});let n=t.find(t=>t.id===e);null!=n&&e4(n.id).then(e=>{o.current===n.id&&function(e,t){let n=new Set;for(let e of t.values())for(let t of e)!function e(t,n){if(Array.isArray(t)){for(let o of t)e(o,n);return}if("object"==typeof t&&null!=t)for(let[o,l]of Object.entries(t)){if(o.endsWith(O)&&h(l)){for(let e of Object.keys(l.localizations))n.add(e);continue}e(l,n)}}(t.properties,n);R.setState({selected:e,componentRowsByType:t,availableLocales:[...n].sort(),userStateByType:new Map,localeOverride:null})}(n,e)}).catch(()=>{})}})})}},tr={playgroundBaseUrl:"marketing",collections:[ta]}}