Loading
function(e,s,t){t.d(s,{default:()=>ea});var a=t(627968),l=t(64700),i=t(503698),r=t.n(i),n=t(562708),c=t(702841),d=t(661531),m=t(462887),o=t(939249),x=t(534514),u=t(628284),h=t(289873),j=t(683071),p=t(231723),g=t(935462),_=t(789645),N=t(364522),E=t(834730),v=t(821609),T=t(22231),C=t(608461),I=t(95561),f=t(139286),S=t(363195),L=t(174459),y=t(636537),A=t(228366),D=t(652215);async function R(e){let s=(await y.Bo.get({url:D.Rsh.GUILD_ROLE_SUBSCRIPTION_LISTING_TEMPLATES(e),rejectWithError:!1})).body;null!=s.templates&&A.h.dispatch({type:"GUILD_ROLE_SUBSCRIPTIONS_FETCH_TEMPLATES",templates:s.templates,guildId:e})}var b=t(74399),U=t(739455),k=t(317097),O=t(770880),G=t(146151),w=t(808107),P=t(597050),M=t(532590),H=t(669281),W=t(580630),$=t(35275),B=t(375708),X=t(829093);function z(e){let{listing:s}=e,{name:t,image:l,description:i}=s,r=(0,W.$g)(s.price_tier,D.Yri.USD);return(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:X.l8,children:[(0,a.jsx)("img",{src:l,alt:"",className:X.my}),(0,a.jsxs)("div",{children:[(0,a.jsx)(x.D,{variant:"heading-md/medium",className:X.KR,children:t}),(0,a.jsx)(E.E,{variant:"text-md/medium",tag:"span",children:r}),(0,a.jsx)(E.E,{variant:"text-xxs/medium",tag:"span",children:"/mo."})]})]}),(0,a.jsxs)("div",{className:X.FE,children:[(0,a.jsx)("div",{style:{backgroundColor:(0,k.Hl)(s.role_color)},className:X.yY}),(0,a.jsx)("img",{src:l,alt:"",className:X.UT}),(0,a.jsx)(E.E,{variant:"text-xs/medium",children:t})]}),(0,a.jsx)(E.E,{variant:"text-xs/normal",className:X.rj,children:i})]})}function F(e){let{channel:s}=e,t=function(e){switch(e){case D.rbe.GUILD_TEXT:return O.I;case D.rbe.GUILD_VOICE:return G.t;case D.rbe.GUILD_STAGE_VOICE:return w.D;case D.rbe.GUILD_FORUM:return P.Q;case D.rbe.GUILD_MEDIA:return M.c;case D.rbe.GUILD_ANNOUNCEMENT:return H.X;default:return null}}(s.type);return(0,a.jsxs)("div",{className:X.$r,children:[null!=t&&(0,a.jsx)(t,{className:X.WH,color:"currentColor"}),(0,a.jsxs)("div",{className:X.WA,children:[(0,a.jsx)(E.E,{variant:"text-sm/normal",children:s.name}),(0,a.jsx)(E.E,{variant:"text-xs/normal",className:X.zC,children:s.tagline})]}),(0,a.jsx)($.A,{className:X.__invalid_emojiIcon,color:d.A.colors.CREATOR_REVENUE_LOCKED_CHANNEL_ICON.css})]})}function Q(e){let{benefit:s}=e;return void 0===s?null:(0,a.jsxs)("div",{className:X.Rr,children:[(0,a.jsx)("div",{className:X.KI}),(0,a.jsx)(E.E,{variant:"text-sm/normal",children:s})]})}function Y(e){let{listing:s}=e;return(0,a.jsxs)("div",{children:[(0,a.jsx)(x.D,{variant:"heading-sm/semibold",className:X.Ts,children:B.intl.string(B.t.CjC5XZ)}),(0,a.jsx)(E.E,{variant:"text-xs/semibold",className:X.hM,children:B.intl.string(B.t.rI43Wx)}),s.channels.map(e=>(0,a.jsx)(F,{channel:e},e.id)),(0,a.jsx)(E.E,{variant:"text-xs/semibold",className:X.hM,children:B.intl.string(B.t.XqWRLj)}),s.additional_perks.map((e,s)=>(0,a.jsx)(Q,{benefit:e.name},s))]})}function Z(e){let{selectedTemplate:s,handleSelectTemplate:t}=e;if(void 0===s)return null;let l=s.listings[0];return(0,a.jsxs)("div",{className:X.kL,children:[(0,a.jsxs)(N.Ip,{className:X.Qs,children:[(0,a.jsx)(z,{listing:l}),(0,a.jsx)("div",{className:X.yF}),(0,a.jsx)(Y,{listing:l})]}),(0,a.jsx)(v.$,{variant:"primary",text:B.intl.string(B.t["1W7mCt"]),onClick:()=>{t(s)}})]})}var K=t(588103);function V(e){let{price:s,selected:t,onClick:l}=e;return(0,a.jsxs)(o.D,{className:r()(K.y3,{[K.wH]:t}),onClick:l,children:[t?(0,a.jsx)(u.y,{size:"custom",width:20,height:20,secondaryColor:d.A.unsafe_rawColors.WHITE.css,color:d.A.unsafe_rawColors.BRAND_500.css}):(0,a.jsx)("svg",{width:"20",height:"20",children:(0,a.jsx)("circle",{cx:10,cy:10,r:10,className:K.n1})}),(0,a.jsxs)("div",{className:K.Z6,children:[(0,a.jsx)(E.E,{variant:"text-sm/normal",tag:"span",children:(0,W.$g)(s,D.Yri.USD)}),(0,a.jsx)(E.E,{variant:"text-xxs/medium",tag:"span",children:"/mo."})]})]})}function q(e){let{selectedTemplate:s,handleSelectTemplate:t,newPricesToPick:i}=e,[r,n]=l.useState(0);return(0,a.jsxs)("div",{className:K.kL,children:[(0,a.jsxs)("div",{className:K.Qs,children:[(0,a.jsx)(x.D,{variant:"heading-md/semibold",children:B.intl.format(B.t["5WZ9Ct"],{tierName:s.listings[0].name})}),(0,a.jsx)(E.E,{variant:"text-sm/normal",className:K.G3,children:B.intl.format(B.t["5i7Uhb"],{price:(0,W.$g)(s.listings[0].price_tier,D.Yri.USD)})}),i.map((e,s)=>(0,a.jsx)(V,{price:e,selected:s===r,onClick:()=>n(s)},e))]}),(0,a.jsx)(v.$,{variant:"primary",text:B.intl.string(B.t["1W7mCt"]),onClick:function(){t({...s,listings:[{...s.listings[0],price_tier:i[r]}]})}})]})}var J=t(821729);function ee(e){let{name:s,imageUrl:t,selected:l,onTap:i}=e;return(0,a.jsxs)(o.D,{onClick:i,className:J.rz,children:[(0,a.jsx)("img",{src:t,alt:"",className:J.ks}),(0,a.jsxs)("div",{className:J.GY,children:[(0,a.jsx)(x.D,{variant:"heading-md/normal",className:r()({[J.kE]:!l}),children:s}),l&&(0,a.jsx)(u.y,{size:"md",secondaryColor:d.A.unsafe_rawColors.WHITE.css,color:d.A.unsafe_rawColors.BRAND_500.css})]})]})}function es(e){let{loading:s,error:t,templates:l,selectedTemplateIndex:i,handleTapTemplate:r}=e,n=(0,c.bG)([S.A],()=>S.A.theme);return s?(0,a.jsx)(h.y,{}):null!=t?(0,a.jsx)(j.w,{type:"critical",children:t.message}):null==l||0===l.length?null:(0,a.jsx)("div",{className:J.PJ,children:l.map((e,s)=>(0,a.jsx)(ee,{imageUrl:s===i?e.category_image:(0,m.q)(n)?e.unselected_light_theme_category_image:e.unselected_dark_theme_category_image,name:e.category,selected:s===i,onTap:()=>r(s)},s))})}function et(e){let{guildId:s,templates:t,selectedTemplateIndex:i,priceTiers:r,showPriceReselection:n,setShowPriceReselection:c,handleCreateTierFromTemplate:d}=e,m=(0,U.zu)(s,r,null!=t?t[i]?.listings[0]?.price_tier:void 0),o=null!=m&&m.length>0,x=l.useCallback(e=>{o?c(!0):d(e)},[d,o,c]);return null==t||0===t.length?null:n&&o?(0,a.jsx)(q,{selectedTemplate:t[i],handleSelectTemplate:d,newPricesToPick:m}):(0,a.jsx)(Z,{selectedTemplate:t[i],handleSelectTemplate:x})}function ea(e){let{transitionState:s,onClose:t,guildId:i,addNewEditStateFromTemplate:r,addNewEditStateFromScratch:d,priceTiers:m}=e,u=(0,c.bG)([b.A],()=>b.A.getTemplates(i)),[h,{loading:j,error:S}]=(0,C.A)(R),y=l.useRef("voluntarily_exit");l.useEffect(()=>{(null==u||0===u.length)&&h(i)},[h,i,u]),l.useEffect(()=>{s===p.ip.EXITING&&L.default.track(D.HAw.ROLE_SUBSCRIPTION_LISTING_TEMPLATE_SELECTOR_EXITED,{exit_reason:y.current,...(0,I.H$)(i)})},[s,i,y]);let[U,k]=l.useState(0),[O,G]=l.useState(!1),w=l.useCallback(e=>{y.current="template_selected",A.h.dispatch({type:"GUILD_ROLE_SUBSCRIPTIONS_STASH_TEMPLATE_CHANNELS",selectedTemplate:e,guildId:i}),r(e),t()},[i,r,t]),P=l.useCallback(()=>{O?G(!1):t()},[O,t]);return(0,f.A)({type:n.ImpressionTypes.MODAL,name:n.ImpressionNames.ROLE_SUBSCRIPTION_LISTING_TEMPLATE_SELECTOR,properties:{guild_id:i}}),(0,a.jsxs)(g.EO,{"data-migration-pending":!0,transitionState:s,size:g.rI.DYNAMIC,className:J.CR,parentComponent:"GuildRoleSubscriptionsTierTemplateModal",children:[(0,a.jsx)(o.D,{onClick:P,className:J.b,children:(0,a.jsx)(_.P,{size:"xxs",color:"currentColor"})}),(0,a.jsxs)(g.$m,{className:J.jE,"data-migration-pending":!0,children:[(0,a.jsxs)("div",{className:J.pv,children:[O&&(0,a.jsx)(o.D,{className:J.wZ,onClick:()=>{G(!1)},"aria-label":"overlay"}),(0,a.jsxs)(N.Ip,{className:J.H2,children:[(0,a.jsx)(x.D,{variant:"heading-xl/semibold",children:B.intl.string(B.t["9QQ+i+"])}),(0,a.jsx)(E.E,{variant:"text-sm/normal",className:J.jJ,children:B.intl.string(B.t.CvFFOv)}),(0,a.jsx)(E.E,{variant:"text-sm/normal",className:J.uL,children:B.intl.format(B.t.iQML2g,{creatorPortalUrl:"https://discord.com/creator-portal/learn-from-creators?tab=lightning-lessons"})}),(0,a.jsx)("div",{className:J.QX,children:(0,a.jsx)(es,{loading:j,error:S,templates:u,selectedTemplateIndex:U,handleTapTemplate:function(e){k(e)}})})]}),(0,a.jsx)(E.E,{variant:"text-sm/normal",children:B.intl.string(B.t.jymUTC)}),(0,a.jsx)(v.$,{onClick:function(){y.current="create_from_scratch",d(),t()},variant:"secondary",icon:T.R,text:B.intl.string(B.t.a3ycUX)})]}),(0,a.jsx)(et,{guildId:i,templates:u,selectedTemplateIndex:U,priceTiers:m,showPriceReselection:O,setShowPriceReselection:G,handleCreateTierFromTemplate:w})]})]})}}