@clerk/ui 1.0.0-snapshot.v20251218183643 → 1.0.0-snapshot.v20251224145055

package/dist/207_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["207"],{69e3:function(e,t,n){n.d(t,{v:()=>p}),n(19161),n(22239);var i=n(14518),a=n(70374),o=n(80137),r=n(89606),l=n(97288),c=n(46256),d=n(22861),s=n(18272),u=n(4964);let p=()=>{let{data:e,isLoading:t,count:n}=(0,l.wD)(),o=(0,c.N7)();return(0,i.Y)(a.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.empty")),headers:[(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__date")),(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__amount")),(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__status"))],rows:e.map(e=>(0,i.Y)(h,{paymentAttempt:e},e.id))})},h=e=>{let{paymentAttempt:t}=e,{id:n,amount:l,failedAt:c,paidAt:d,updatedAt:p,status:h}=t,{navigate:g}=(0,u.r)();return(0,i.FD)(a.J2,{onClick:()=>{g("payment-attempt/".concat(n))},children:[(0,i.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(s.EY,{variant:"subtitle",children:(0,o.Y)(d||c||p,"long")}),(0,i.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,r.W)(n)})]}),(0,i.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(s.EY,{children:[l.currencySymbol,l.amountFormatted]})}),(0,i.Y)(s.Td,{children:(0,i.Y)(s.Ex,{colorScheme:"paid"===h?"success":"failed"===h?"danger":"primary",sx:{textTransform:"capitalize"},children:h})})]})}},13450:function(e,t,n){n.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>w}),n(88711);var i=n(14518),a=n(21210),o=n(35074),r=n(23707),l=n(63269),c=n(52454),d=n(11475),s=n(23549),u=n(38930),p=n(4468),h=n(46256),g=n(16580),m=n(10078),y=n(22861),b=n(18272),Y=n(58920);let f=e=>(0,i.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),v=()=>(0,i.Y)(f,{sx:e=>({height:e.space.$10,width:"100%"})}),$=e=>(0,i.Y)(b.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,i.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,i.FD)(b.so,{direction:"col",gap:5,children:[(0,i.FD)($,{children:[(0,i.Y)(f,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(v,{})]}),(0,i.FD)(b.xA,{columns:2,gap:4,children:[(0,i.FD)($,{children:[(0,i.Y)(f,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)(v,{})]}),(0,i.FD)($,{children:[(0,i.Y)(f,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(v,{})]})]}),(0,i.FD)($,{children:[(0,i.Y)(f,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)(v,{})]}),(0,i.FD)($,{children:[(0,i.Y)(f,{}),(0,i.Y)(f,{}),(0,i.Y)(f,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,a.e3)("AddPaymentMethodRoot"),S=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,h.XX)(),s=(0,o.useRef)(null),{t:p}=(0,m._)(),[b,Y]=(0,o.useState)(void 0),[f,v]=(0,o.useState)(void 0),[$,x]=(0,o.useState)(void 0),z=(t=s.current,n=(0,g.K)().parsedInternalTheme,(0,o.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:a,radii:o,space:r}=n;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",i.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",i.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",i.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",a.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",a.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",a.$md),fontSizeXs:(0,u.yJ)(t,"font-size",a.$sm),borderRadius:(0,u.yJ)(t,"border-radius",o.$lg),spacingUnit:(0,u.yJ)(t,"padding",r.$1)}},[n,t]));return(0,i.FD)(D.Provider,{value:{value:{headerTitle:b,headerSubtitle:f,submitLabel:$,setHeaderTitle:Y,setHeaderSubtitle:v,setSubmitLabel:x,checkout:l,...c}},children:[(0,i.Y)("div",{ref:s,style:{display:"none"}}),(0,i.Y)(a.Tn,{checkout:l,for:d,stripeAppearance:z,paymentDescription:p((0,y.G)((null==l?void 0:l.planPeriod)==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:r})]})},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},F=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},w=e=>{let{children:t,...n}=e;return(0,i.FD)(S,{...n,children:[(0,i.Y)(M,{children:(0,i.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})})}),(0,i.Y)(F,{children:(0,i.Y)(k,{children:t})})]})},T=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return T(t,n),null},P=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return T(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return T(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:o,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),f=(0,h.N7)(),{isFormReady:v,submit:$,reset:D}=(0,a.Jl)(),S=async e=>{e.preventDefault(),Y.setLoading(),Y.setError(void 0);let{data:t,error:n}=await $();if(!n)try{await m(t)}catch(e){(0,p.H4)(e,[],Y.setError)}finally{Y.setIdle(),D()}};return(0,i.Y)(s.M,{headerTitle:n,headerSubtitle:o,children:(0,i.FD)(c.l.Root,{onSubmit:S,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[t,(0,i.Y)(a.cl,{fallback:(0,i.Y)(x,{})}),(0,i.Y)(r.Z.Alert,{children:Y.error}),(0,i.Y)(d.G,{isDisabled:!v,submitLabel:null!=u?u:(0,y.G)("".concat(f,".billingPage.paymentMethodsSection.formButtonPrimary__add")),onReset:b,hideReset:!b,sx:{flex:g?1:void 0}})]})})}},53369:function(e,t,n){n.d(t,{O:()=>d});var i=n(14518),a=n(18272),o=n(58920),r=n(22861),l=n(14967),c=n(65203);let d=e=>{let{paymentMethod:t}=e;return(0,i.FD)(a.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:o.$z.paymentMethodRow,children:[(0,i.Y)(a.In,{icon:"card"===t.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:o.$z.paymentMethodRowIcon}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:o.$z.paymentMethodRowType,children:"card"===t.paymentType?t.cardType:t.paymentType}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:o.$z.paymentMethodRowValue,children:"card"===t.paymentType?"⋯ ".concat(t.last4):null}),t.isDefault&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,r.G)("badge__default")}),"expired"===t.status&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,r.G)("badge__expired")})]})}},83365:function(e,t,n){n.d(t,{b:()=>M}),n(50036),n(19161),n(22239),n(65999);var i=n(14518),a=n(21210),o=n(35074),r=n(63269),l=n(12611),c=n(44003),d=n(48080),s=n(4468),u=n(88046),p=n(90625),h=n(46256),g=n(97288),m=n(22861),y=n(93453),b=n(92513),Y=n(13450),f=n(53369),v=n(29436),$=n(10078),x=n(18272);let D=()=>{let{t:e}=(0,$._)();return(0,i.FD)(x.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,i.Y)(x.az,{sx:e=>({position:"absolute",inset:0,background:"repeating-linear-gradient(-45deg,".concat(e.colors.$warningAlpha100,",").concat(e.colors.$warningAlpha100," 6px,").concat(e.colors.$warningAlpha150," 6px,").concat(e.colors.$warningAlpha150," 12px)"),maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,i.FD)(x.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,i.Y)(x.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,i.Y)(x.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,i.FD)(v.p.Root,{children:[(0,i.FD)(v.p.Group,{variant:"tertiary",children:[(0,i.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,i.Y)(v.p.Description,{text:"4242 4242 4242 4242"})]}),(0,i.FD)(v.p.Group,{variant:"tertiary",children:[(0,i.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,i.Y)(v.p.Description,{text:"11/44"})]}),(0,i.FD)(v.p.Group,{variant:"tertiary",children:[(0,i.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,i.Y)(v.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,r.dm)(e=>{let{onSuccess:t}=e,{close:n}=(0,b.D5)(),o=(0,a.ho)(),r=(0,h.XX)(),l=(0,h.N7)(),c=async e=>{let i="organization"===r?null==o?void 0:o.organization:o.user;return await (null==i?void 0:i.addPaymentMethod(e)),t(),n(),Promise.resolve()};return(0,i.FD)(Y.bL,{onSuccess:c,cancelAction:n,children:[(0,i.Y)(Y.Mo,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.add"))}),(0,i.Y)(Y.L6,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.addSubtitle"))}),(0,i.Y)(p.W,{children:(0,i.Y)(D,{})})]})}),S=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,h.XX)(),p=(0,h.N7)(),g=(0,o.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,a.Wf)();if(!g.current)return null;let Y=async()=>{var e;await t.remove({orgId:"organization"===d?null==y||null==(e=y.organization)?void 0:e.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],c.setError)})};return(0,i.Y)(u.P,{title:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},M=(0,r.dm)(()=>{let e=(0,a.ho)(),t=(0,h.XX)(),n=(0,h.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),p=(0,o.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return r?(0,i.Y)(c.rd.Root,{title:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.title")),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.Y)(y.r.Root,{children:(0,i.Y)(c.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:s?(0,i.Y)(l.K,{}):(0,i.FD)(i.FK,{children:[p.map(e=>(0,i.FD)(o.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(f.O,{paymentMethod:e}),(0,i.Y)(F,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(S,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(z,{onSuccess:u})})})]})]})})})}):null}),F=e=>{let{paymentMethod:t,revalidate:n}=e,{open:o}=(0,b.D5)(),l=(0,r.f0)(),c=(0,h.XX)(),u=(0,h.N7)(),p=(0,a.Wf)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>o("remove-".concat(t.id)),isDisabled:!t.isRemovable}];return t.isDefault||g.unshift({label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__default")),isDestructive:!1,onClick:()=>{var e;t.makeDefault({orgId:"organization"===c?null==p||null==(e=p.organization)?void 0:e.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],l.setError)})},isDisabled:!1}),(0,i.Y)(d.o,{actions:g})}},97682:function(e,t,n){n.d(t,{T:()=>p}),n(19161),n(22239);var i=n(14518),a=n(97288),o=n(46256),r=n(70374),l=n(80137),c=n(22861),d=n(18272),s=n(4964),u=n(89606);let p=()=>{let{data:e,isLoading:t,count:n}=(0,a.eT)(),l=(0,o.N7)();return(0,i.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,c.G)("".concat(l,".billingPage.statementsSection.empty")),headers:[(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__date")),(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__amount"))],rows:e.map(e=>(0,i.Y)(h,{statement:e},e.id))})},h=e=>{let{statement:t}=e,{timestamp:n,id:a,totals:{grandTotal:o}}=t,{navigate:c}=(0,s.r)();return(0,i.FD)(r.J2,{onClick:()=>{c("statement/".concat(a))},children:[(0,i.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(n,"monthyear")}),(0,i.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(a)})]}),(0,i.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(d.EY,{colorScheme:"secondary",children:[o.currencySymbol,o.amountFormatted]})})]})}},12916:function(e,t,n){n.d(t,{R:()=>Y}),n(19161),n(89305),n(22239);var i=n(14518),a=n(35074),o=n(57477),r=n(44003),l=n(46256),c=n(97288),d=n(97697),s=n(18272),u=n(22861),p=n(77078),h=n(9679),g=n(58813),m=n(12049),y=n(4964),b=n(13679);function Y(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:m,manageSubscriptionLabel:b}=e,Y=(0,l.N7)(),v=(0,l.XX)(),{subscriptionItems:$}=(0,c.Rs)(),x=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===v,{navigate:D}=(0,y.r)(),{commerceSettings:z}=(0,d.O)(),{openSubscriptionDetails:S}=(0,c.D)(),M=z.billing.user.hasPaidPlans&&"user"===v||z.billing.organization.hasPaidPlans&&"organization"===v,F=(0,a.useMemo)(()=>$.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[$]),w=x&&!F&&$.length>0,T=(0,a.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,i.FD)(r.rd.Root,{id:"subscriptionsList",title:t,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.length>0&&(0,i.FD)(s.XI,{tableHeadVisuallyHidden:!0,children:[(0,i.Y)(s.d8,{children:(0,i.FD)(s.Tr,{children:[(0,i.Y)(s.Th,{localizationKey:(0,u.G)("".concat(Y,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(s.Th,{localizationKey:(0,u.G)("".concat(Y,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.Y)(s.NN,{children:T.map(e=>(0,i.Y)(f,{subscription:e,length:T.length},e.id))})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[M?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:m,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:w?"unset":void 0})],leftIcon:$.length>0?p.A:h.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,w?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:b,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:g.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function f(e){let{subscription:t,length:n}=e,o="annual"===t.planPeriod?t.plan.annualFee:t.plan.fee,{captionForSubscription:r}=(0,c.D)(),l=(0,a.useMemo)(()=>(0,c.Ij)(o.amountFormatted),[o.amountFormatted]);return(0,i.FD)(s.Tr,{children:[(0,i.Y)(s.Td,{children:(0,i.FD)(s.fv,{gap:1,children:[(0,i.FD)(s.so,{align:"center",gap:1,children:[(0,i.Y)(s.In,{icon:m.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive})}),(0,i.Y)(s.EY,{variant:"subtitle",sx:e=>({marginRight:e.sizes.$1}),children:t.plan.name}),t.isFreeTrial||n>1||t.canceledAt?(0,i.Y)(b.V,{subscription:t.isFreeTrial?{status:"free_trial"}:t}):null]}),(!t.plan.isDefault||"upcoming"===t.status)&&(0,i.Y)(s.EY,{variant:"caption",colorScheme:"secondary",localizationKey:r(t)})]})}),(0,i.Y)(s.Td,{sx:e=>({textAlign:"right"}),children:(0,i.FD)(s.EY,{variant:"subtitle",children:[o.currencySymbol,l,o.amount>0&&(0,i.Y)(s.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===t.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]},t.id)}},13679:function(e,t,n){n.d(t,{V:()=>c});var i=n(14518),a=n(18272),o=n(22861);let r={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=e=>{let{subscription:t,elementDescriptor:n}=e;return(0,i.Y)(a.Ex,{elementDescriptor:n,colorScheme:l[t.status],localizationKey:(0,o.G)(r[t.status])})}}}]);

package/dist/217_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["217"],{32336:function(e,i,t){t.d(i,{v:()=>S}),t(19161),t(85074),t(98114),t(30945);var r=t(14518),n=t(21210),l=t(35074),a=t(63269),o=t(52454),s=t(11475),d=t(23549),u=t(4468),c=t(8640),f=t(46245),m=t(97697),p=t(22861),h=t(1282);t(50036);var v=t(51421),b=t(4964),g=t(85240),P=t(18272),_=t(58920),k=t(38586);let A=e=>{let{navigate:i}=(0,b.r)(),{email:t,nextStep:n,onReset:o}=e,d=(0,a.f0)(),c=(0,g.B)(),{startEnterpriseSSOLinkFlow:f}=(0,k.q)(t);async function m(){var e;await i((null==(e=t.verification.externalVerificationRedirectURL)?void 0:e.href)||"")}return l.useEffect(()=>{!function(){let{mode:e,componentName:i}=c;f({redirectUrl:"modal"===e?(0,v.j)({url:window.location.href,componentName:i}):window.location.href}).then(()=>n()).catch(e=>(0,u.H4)(e,[],d.setError))}()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(P.so,{justify:"center",children:(0,r.Y)(P.$n,{variant:"link",onClick:m,localizationKey:(0,p.G)("userProfile.emailAddressPage.enterpriseSSOLink.formButton")})}),(0,r.Y)(s.c,{children:(0,r.Y)(P.$n,{variant:"ghost",localizationKey:(0,p.G)("userProfile.formButtonReset"),elementDescriptor:_.$z.formButtonReset,onClick:o})})]})};var C=t(10393);let S=(0,a.dm)(e=>{var i,t;let{emailId:v,onSuccess:b,onReset:g,disableAutoFocus:P=!1}=e,_=(0,a.f0)(),{user:k}=(0,n.Jd)(),S=(0,m.O)(),D=(0,n.Wp)(e=>null==k?void 0:k.createEmailAddress({email:e})),F=l.useRef(null==k?void 0:k.emailAddresses.find(e=>e.id===v)),w=y(F.current,S),R=(0,f.X)({defaultStep:+!!F.current,onNextStep:()=>_.setError(void 0)}),T=(0,c.tJ)("emailAddress","",{type:"email",label:(0,p.G)("formFieldLabel__emailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__emailAddress"),isRequired:!0}),B=T.value.length>1&&(null==k?void 0:k.username)!==T.value,E=async e=>{if(e.preventDefault(),k)return D(T.value).then(e=>{F.current=e,R.nextStep()}).catch(e=>(0,u.H4)(e,[T],_.setError))},Y=G(w);return(0,r.FD)(f.s,{...R.props,children:[(0,r.Y)(d.M,{headerTitle:e.title||(0,p.G)("userProfile.emailAddressPage.title"),headerSubtitle:e.subtitle||(0,p.G)("userProfile.emailAddressPage.formHint"),children:(0,r.FD)(o.l.Root,{onSubmit:E,children:[(0,r.Y)(o.l.ControlRow,{elementId:T.id,children:(0,r.Y)(o.l.PlainInput,{...T.props,autoFocus:!P})}),(0,r.Y)(s.G,{submitLabel:(0,p.G)("userProfile.formButtonPrimary__add"),isDisabled:!B,onReset:g})]})}),(0,r.FD)(d.M,{headerTitle:(0,p.G)("userProfile.emailAddressPage.verifyTitle"),headerSubtitle:(0,p.G)("".concat(Y,".formSubtitle"),{identifier:(null==(i=F.current)?void 0:i.emailAddress)||""}),children:["email_link"===w&&(0,r.Y)(C.o,{nextStep:b,email:F.current,onReset:g}),"email_code"===w&&(0,r.Y)(h.j,{nextStep:b,identification:F.current,identifier:null==(t=F.current)?void 0:t.emailAddress,prepareVerification:()=>{var e;return null==(e=F.current)?void 0:e.prepareVerification({strategy:"email_code"})},onReset:g}),"enterprise_sso"===w&&(0,r.Y)(A,{nextStep:b,email:F.current,onReset:g})]})]})}),G=e=>{switch(e){case"email_code":return"userProfile.emailAddressPage.emailCode";case"enterprise_sso":return"userProfile.emailAddressPage.enterpriseSSOLink";case"email_link":return"userProfile.emailAddressPage.emailLink";default:throw Error("Unsupported strategy for email verification: ".concat(e))}},y=(e,i)=>(null==e?void 0:e.matchesSsoConnection)?"enterprise_sso":!function(e){let{userSettings:i}=e,{email_address:t}=i.attributes;return!!((null==t?void 0:t.enabled)&&(null==t?void 0:t.verifications.includes("email_link")))}(i)?"email_code":"email_link"},1282:function(e,i,t){t.d(i,{j:()=>m});var r=t(14518),n=t(35074),l=t(63356),a=t(63269),o=t(52454),s=t(11475),d=t(4468),u=t(22861),c=t(18272),f=t(58920);let m=e=>{let i=(0,a.f0)(),{nextStep:t,identification:m,identifier:p,onReset:h,prepareVerification:v}=e,b=()=>{var e;return null==v||null==(e=v())?void 0:e.catch(e=>(0,d.H4)(e,[],i.setError))},g=(0,l.xM)({onCodeEntryFinished:(e,i,t)=>{null==m||m.attemptVerification({code:e}).then(()=>i()).catch(t)},onResendCodeClicked:b,onResolve:t});return n.useEffect(()=>{b()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.l.OTPInput,{...g,label:(0,u.G)("userProfile.emailAddressPage.emailCode.formTitle"),description:(0,u.G)("userProfile.emailAddressPage.emailCode.formSubtitle",{identifier:p||""}),resendButton:(0,u.G)("userProfile.emailAddressPage.emailCode.resendButton"),centerAlign:!1}),(0,r.FD)(s.c,{children:[(0,r.Y)(c.$n,{isLoading:g.isLoading,localizationKey:(0,u.G)("formButtonPrimary__verify"),elementDescriptor:f.$z.formButtonPrimary,onClick:g.onFakeContinue}),(0,r.Y)(c.$n,{variant:"ghost",isDisabled:g.isLoading,localizationKey:(0,u.G)("userProfile.formButtonReset"),elementDescriptor:f.$z.formButtonReset,onClick:h})]})]})}},10393:function(e,i,t){t.d(i,{G:()=>g,o:()=>b});var r=t(14518),n=t(35074),l=t(63269),a=t(11475),o=t(72027),s=t(4468),d=t(14979),u=t(78051),c=t(85240),f=t(97697),m=t(22861),p=t(18272),h=t(58920),v=t(12992);let b=e=>{let{email:i,nextStep:t,onReset:d}=e,b=(0,l.f0)(),g=(0,c.B)(),{startEmailLinkFlow:P}=(0,v.u)(i),{displayConfig:_}=(0,f.O)();function k(){let{routing:e}=g,i="virtual"===e?_.userProfileUrl:"";P({redirectUrl:(0,u.lA)({ctx:g,baseUrl:i,intent:"profile"})}).then(()=>t()).catch(e=>(0,s.H4)(e,[],b.setError))}return n.useEffect(()=>{k()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.i,{resendButton:(0,m.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(a.c,{children:(0,r.Y)(p.$n,{variant:"ghost",localizationKey:(0,m.G)("userProfile.formButtonReset"),elementDescriptor:h.$z.formButtonReset,onClick:d})})]})},g=()=>(0,r.Y)(d.$,{title:(0,m.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,m.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},97288:function(e,i,t){t.d(i,{A$:()=>h,D:()=>v,Ij:()=>d,Rs:()=>p,eT:()=>m,mu:()=>c,wD:()=>f}),t(19161),t(89305),t(85074),t(95055);var r=t(21210),n=t(35074),l=t(57477),a=t(65424),o=t(22861),s=t(46256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let u=()=>{let e=(0,s.XX)(),i=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),t=(0,r.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!(null==t?void 0:t.organization)&&i}},c=()=>{let e=u();return(0,r.X$)(e)},f=()=>{let e=u();return(0,r.t7)(e)},m=e=>{let i=u();return(0,r.tr)({...i,__experimental_mode:null==e?void 0:e.mode})},p=()=>{var e;let i=u(),t=(0,r.kH)(i),l=(0,n.useMemo)(()=>{var e;return(null==(e=t.data)?void 0:e.subscriptionItems)||[]},[null==(e=t.data)?void 0:e.subscriptionItems]);return{...t,subscriptionItems:l}},h=e=>{let i=(0,s.XX)();return(0,r.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},v=()=>{let e=(0,r.ho)(),{session:i}=(0,r.wV)(),t=(0,s.XX)(),l=(0,n.useMemo)(()=>{var i;return!!(!e.session||(null==e||null==(i=e.session)?void 0:i.checkAuthorization({permission:"org:sys_billing:manage"}))||"user"===t)},[e,t]),{subscriptionItems:d,revalidate:u,data:f}=p(),{data:v,revalidate:b}=h({mode:"cache"}),{revalidate:g}=m({mode:"cache"}),{revalidate:P}=c(),_=(0,n.useCallback)(()=>{u(),b(),g(),P()},[u,b,g,P]),k=(0,n.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),A=(0,n.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),C=(0,n.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),S=(0,n.useCallback)(function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",t=C(e);if(t.length>1){let e=t.find(e=>e.planPeriod===i);return e||t[0]}if(1===t.length)return t[0]},[C]),G=(0,n.useCallback)(e=>{let{plan:i,subscription:t}=e,r=null!=t?t:i?A(i):void 0;return!r||!r.canceledAt},[A]),y=(0,n.useCallback)(e=>{let{plan:t,subscription:r,isCompact:n=!1,selectedPlanPeriod:a="annual"}=e,s=null!=r?r:t?S(t,a):void 0,u=a,c=!!(null==t?void 0:t.annualMonthlyFee);"annual"!==u||c||(u="month");let m=e=>{if(null==t?void 0:t.freeTrialEnabled){let e=!i,n=null==f?void 0:f.eligibleForFreeTrial;if(e||n){var r;return(0,o.G)("billing.startFreeTrial__days",{days:null!=(r=t.freeTrialDays)?r:0})}}return e};return{localizationKey:m((()=>{if(s){if(u!==s.planPeriod&&s.canceledAt){if("month"===u)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}if(s.canceledAt)return(0,o.G)("billing.reSubscribe");if(u!==s.planPeriod){if("month"===u)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):m((0,o.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!l,disabled:!l}},[S,l,d,f]),D=(0,n.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),F=(0,n.useCallback)(i=>{let r=(0,a.J)("modal",i);e.__internal_openSubscriptionDetails({for:t,onSubscriptionCancel:()=>{_()},portalRoot:r})},[e,t,_]);return{activeOrUpcomingSubscription:A,activeAndUpcomingSubscriptions:C,activeOrUpcomingSubscriptionBasedOnPlanPeriod:S,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,n.useCallback)(r=>{let{plan:n,planPeriod:l,mode:o="mounted",event:s,appearance:d,newSubscriptionRedirectUrl:u}=r,c=(0,a.J)(o,s);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==l||n.annualMonthlyFee?l:"month",for:t,onSubscriptionComplete:()=>{_()},onClose:()=>{(null==i?void 0:i.id)&&e.setActive({session:i.id})},appearance:d,portalRoot:c,newSubscriptionRedirectUrl:u})},[e,_,t,null==i?void 0:i.id]),openSubscriptionDetails:F,buttonPropsForPlan:y,canManageSubscription:G,captionForSubscription:D,defaultFreePlan:(0,n.useMemo)(()=>null==v?void 0:v.find(e=>e.isDefault),[v]),revalidateAll:_}}},46256:function(e,i,t){t.d(i,{N7:()=>o,XX:()=>a,m$:()=>l});var r=t(35074);let n="user",l=(0,r.createContext)(n),a=()=>(0,r.useContext)(l)||n,o=()=>"user"===a()?"userProfile":"organizationProfile"},85240:function(e,i,t){t.d(i,{B:()=>u,M:()=>d}),t(19161),t(89305),t(98114);var r=t(21210),n=t(35074),l=t(93121),a=t(4964),o=t(97697),s=t(97288);let d=(0,n.createContext)(null),u=()=>{var e;let i=(0,n.useContext)(d),{queryParams:t}=(0,a.r)(),u=(0,r.ho)(),c=(0,o.O)(),{user:f}=(0,r.Jd)(),m=(0,s.Rs)(),p=(0,s.eT)(),h=null==(e=m.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),v=c.commerceSettings.billing.user.hasPaidPlans||h||p.data.length>0;if(!i||"UserProfile"!==i.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:b,customPages:g,...P}=i,_=(0,n.useMemo)(()=>(0,l.M)(g||[],u,v,c),[g,v]),k=(0,n.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(f&&e.enabled)||!(null==f?void 0:f.enterpriseAccounts.some(e=>{var i;return e.active&&(null==(i=e.enterpriseConnection)?void 0:i.disableAdditionalIdentifications)}))},[f,c.userSettings.enterpriseSSO]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:k,shouldShowBilling:v}}}}]);

package/dist/360_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["360"],{78188:function(e,t,r){r.d(t,{l:()=>i,w:()=>a}),r(98114);var n=r(35074);let a=(0,n.createContext)(null),i=()=>{let e=(0,n.useContext)(a);if(!e||"APIKeys"!==e.componentName)throw Error("Clerk: useAPIKeysContext called outside APIKeys.");let{componentName:t,...r}=e;return{...r,componentName:t}}},40001:function(e,t,r){r.d(t,{$:()=>o,W:()=>s}),r(98114);var n=r(35074),a=r(97697),i=r(4964),l=r(42117);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r}=(0,a.O)();if(!e||"CreateOrganization"!==e.componentName)throw Error("Clerk: useCreateOrganizationContext called outside CreateOrganization.");let{componentName:s,...u}=e;return{...u,skipInvitationScreen:u.skipInvitationScreen||!1,navigateAfterCreateOrganization:e=>"function"==typeof u.afterCreateOrganizationUrl?t(u.afterCreateOrganizationUrl(e)):u.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:u.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),componentName:s}}},17032:function(e,t,r){r.d(t,{H:()=>c,Q:()=>u}),r(98114),r(88711),r(60486),r(25089),r(61244),r(77895);var n=r(48380),a=r(14173),i=r(35074),l=r(62366),o=r(97697),s=r(4964);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),t=(0,l.II)(),{displayConfig:r}=(0,o.O)(),{queryParams:c}=(0,s.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:d,...g}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...g,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},c),l=t.signUpUrl||r.signUpUrl,o=t.signInUrl||r.signInUrl,s=i.getPreservedSearchParams();o=(0,a.kZ)({base:o,hashSearchParams:[c,s]},{stringify:!0}),l=(0,a.kZ)({base:l,hashSearchParams:[c,s]},{stringify:!0});let u=i.getAfterSignInUrl(),d=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:d}).toString()},{stringify:!0}),h=(0,a.kZ)({base:o,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0}),U=(0,a.kZ)({base:o,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0});return{signInUrl:o,signUpUrl:l,firstFactorUrl:h,secondFactorUrl:U,continueSignUpUrl:f,signInForceRedirectUrl:u,signUpForceRedirectUrl:d}},[g,r.signInUrl,r.signUpUrl,t,c]);return{...g,componentName:d,generateCallbackUrls:f}}},72121:function(e,t,r){r.d(t,{W:()=>i,n:()=>a}),r(98114);var n=r(35074);let a=(0,n.createContext)(null),i=()=>{let e=(0,n.useContext)(a);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e}},59953:function(e,t,r){r.d(t,{e:()=>s,f:()=>o}),r(98114),r(50036);var n=r(35074),a=r(97697),i=r(4964),l=r(42117);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,g=e=>{let{organization:r,user:n}=e;return"function"==typeof c.afterSelectPersonalUrl&&n?t(c.afterSelectPersonalUrl(n)):"function"==typeof c.afterSelectOrganizationUrl&&r?t(c.afterSelectOrganizationUrl(r)):c.afterSelectPersonalUrl&&n?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:n})):c.afterSelectOrganizationUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:r})):Promise.resolve()};return{...c,afterCreateOrganizationUrl:d,skipInvitationScreen:c.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof c.afterCreateOrganizationUrl?t(c.afterCreateOrganizationUrl(e)):c.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:c.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>g({organization:e}),navigateAfterSelectPersonal:e=>g({user:e}),componentName:u}}},15892:function(e,t,r){r.d(t,{V:()=>d,o:()=>c}),r(98114),r(19161),r(89305);var n=r(21210),a=r(35074),i=r(93121),l=r(21227),o=r(4964),s=r(97697),u=r(97288);let c=(0,a.createContext)(null),d=()=>{var e;let t=(0,a.useContext)(c),{navigate:r}=(0,o.r)(),d=(0,s.O)(),g=(0,n.ho)();if(!t||"OrganizationProfile"!==t.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:f,customPages:h,...U}=t,m=(0,u.Rs)(),p=(0,u.eT)(),C=null==(e=m.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),v=d.commerceSettings.billing.organization.hasPaidPlans||C||p.data.length>0,S=(0,a.useMemo)(()=>(0,i.q)(h||[],g,v,d),[h,v]),P=S.routes[0].id===l.jc.MEMBERS,b=S.routes[0].id===l.jc.GENERAL,O=S.routes[0].id===l.jc.BILLING,k=S.routes[0].id===l.jc.API_KEYS;return{...U,pages:S,navigateAfterLeaveOrganization:()=>r(U.afterLeaveOrganizationUrl||d.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>r(b?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:b,isBillingPageRoot:O,isAPIKeysPageRoot:k,shouldShowBilling:v}}},2826:function(e,t,r){r.d(t,{U:()=>o,l:()=>s}),r(98114),r(50036);var n=r(35074),a=r(97697),i=r(4964),l=r(42117);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,g=c.afterLeaveOrganizationUrl||r.afterLeaveOrganizationUrl,f=e=>{let{organization:r,user:n}=e,a=h({organization:r,user:n});return a?t(a):Promise.resolve()},h=e=>{let{organization:t,user:r}=e;return"function"==typeof c.afterSelectPersonalUrl&&r?c.afterSelectPersonalUrl(r):"function"==typeof c.afterSelectOrganizationUrl&&t?c.afterSelectOrganizationUrl(t):c.afterSelectPersonalUrl&&r?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r}):c.afterSelectOrganizationUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:t}):void 0},U=c.organizationProfileUrl&&!c.organizationProfileMode?"navigation":c.organizationProfileMode,m=c.createOrganizationUrl&&!c.createOrganizationMode?"navigation":c.createOrganizationMode;return{...c,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,organizationProfileMode:U||"modal",createOrganizationMode:m||"modal",skipInvitationScreen:c.skipInvitationScreen||!1,afterCreateOrganizationUrl:d,afterLeaveOrganizationUrl:g,navigateOrganizationProfile:()=>t(c.organizationProfileUrl||r.organizationProfileUrl),navigateCreateOrganization:()=>t(c.createOrganizationUrl||r.createOrganizationUrl),navigateAfterSelectOrganization:e=>f({organization:e}),navigateAfterSelectPersonal:e=>f({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:u}}},97288:function(e,t,r){r.d(t,{A$:()=>U,D:()=>m,Ij:()=>u,Rs:()=>h,eT:()=>f,mu:()=>d,wD:()=>g}),r(19161),r(89305),r(85074),r(95055);var n=r(21210),a=r(35074),i=r(57477),l=r(65424),o=r(22861),s=r(46256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!(null==r?void 0:r.organization)&&t}},d=()=>{let e=c();return(0,n.X$)(e)},g=()=>{let e=c();return(0,n.t7)(e)},f=e=>{let t=c();return(0,n.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},h=()=>{var e;let t=c(),r=(0,n.kH)(t),i=(0,a.useMemo)(()=>{var e;return(null==(e=r.data)?void 0:e.subscriptionItems)||[]},[null==(e=r.data)?void 0:e.subscriptionItems]);return{...r,subscriptionItems:i}},U=e=>{let t=(0,s.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},m=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,s.XX)(),i=(0,a.useMemo)(()=>{var t;return!!(!e.session||(null==e||null==(t=e.session)?void 0:t.checkAuthorization({permission:"org:sys_billing:manage"}))||"user"===r)},[e,r]),{subscriptionItems:u,revalidate:c,data:g}=h(),{data:m,revalidate:p}=U({mode:"cache"}),{revalidate:C}=f({mode:"cache"}),{revalidate:v}=d(),S=(0,a.useCallback)(()=>{c(),p(),C(),v()},[c,p,C,v]),P=(0,a.useMemo)(()=>0===u.length||!u.some(e=>!e.canceledAt),[u]),b=(0,a.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),O=(0,a.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),k=(0,a.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",r=O(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e||r[0]}if(1===r.length)return r[0]},[O]),z=(0,a.useCallback)(e=>{let{plan:t,subscription:r}=e,n=null!=r?r:t?b(t):void 0;return!n||!n.canceledAt},[b]),x=(0,a.useCallback)(e=>{let{plan:r,subscription:n,isCompact:a=!1,selectedPlanPeriod:l="annual"}=e,s=null!=n?n:r?k(r,l):void 0,c=l,d=!!(null==r?void 0:r.annualMonthlyFee);"annual"!==c||d||(c="month");let f=e=>{if(null==r?void 0:r.freeTrialEnabled){let e=!t,a=null==g?void 0:g.eligibleForFreeTrial;if(e||a){var n;return(0,o.G)("billing.startFreeTrial__days",{days:null!=(n=r.freeTrialDays)?n:0})}}return e};return{localizationKey:f((()=>{if(s){if(c!==s.planPeriod&&s.canceledAt){if("month"===c)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}if(s.canceledAt)return(0,o.G)("billing.reSubscribe");if(c!==s.planPeriod){if("month"===c)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):f((0,o.G)("billing.subscribe"))})()),variant:a?"bordered":"solid",colorScheme:a?"secondary":"primary",isDisabled:!i,disabled:!i}},[k,i,u,g]),I=(0,a.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),_=(0,a.useCallback)(t=>{let n=(0,l.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{S()},portalRoot:n})},[e,r,S]);return{activeOrUpcomingSubscription:b,activeAndUpcomingSubscriptions:O,activeOrUpcomingSubscriptionBasedOnPlanPeriod:k,isDefaultPlanImplicitlyActiveOrUpcoming:P,handleSelectPlan:(0,a.useCallback)(n=>{let{plan:a,planPeriod:i,mode:o="mounted",event:s,appearance:u,newSubscriptionRedirectUrl:c}=n,d=(0,l.J)(o,s);e.__internal_openCheckout({planId:a.id,planPeriod:"annual"!==i||a.annualMonthlyFee?i:"month",for:r,onSubscriptionComplete:()=>{S()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:u,portalRoot:d,newSubscriptionRedirectUrl:c})},[e,S,r,null==t?void 0:t.id]),openSubscriptionDetails:_,buttonPropsForPlan:x,canManageSubscription:z,captionForSubscription:I,defaultFreePlan:(0,a.useMemo)(()=>null==m?void 0:m.find(e=>e.isDefault),[m]),revalidateAll:S}}},70164:function(e,t,r){r.d(t,{T:()=>i,a:()=>a}),r(98114);var n=r(35074);let a=(0,n.createContext)(null),i=()=>{let e=(0,n.useContext)(a);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:t,...r}=e;return{...r,componentName:t}}},81616:function(e,t,r){r.d(t,{O_:()=>d,lY:()=>s,pq:()=>c,qx:()=>l,u3:()=>u,z1:()=>o}),r(98114);var n=r(5580),a=r(35074),i=r(4964);let l=(0,a.createContext)(null),o=()=>{let e=(0,a.useContext)(l),{navigate:t,basePath:r,startPath:o}=(0,i.r)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let s=async e=>{let{session:a,redirectUrlComplete:i}=e,l=a.currentTask;if(!l)return t(i);let s=(0,n.ru)(l);return t("/".concat(r+o+s))};return{...e,navigateOnSetActive:s}},s=(0,a.createContext)(null),u=()=>{let e=(0,a.useContext)(s);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},c=(0,a.createContext)(null),d=()=>{let e=(0,a.useContext)(c);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e}},80004:function(e,t,r){r.d(t,{Q:()=>U,r:()=>m}),r(98114);var n=r(22166),a=r(48380),i=r(5580),l=r(14173),o=r(21210),s=r(62543),u=r(35074),c=r(78051),d=r(97697),g=r(62366),f=r(4964),h=r(42117);let U=(0,u.createContext)(null),m=()=>{var e,t,r,m,p,C,v;let S=(0,u.useContext)(U),{navigate:P,basePath:b,startPath:O}=(0,f.r)(),{displayConfig:k,userSettings:z}=(0,d.O)(),{queryParams:x,queryString:I}=(0,f.r)(),_=z.signUp.mode,w=(0,g.II)(),A=(0,o.ho)();if(null===S||"SignIn"!==S.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let y="restricted"!==_&&!!(!w.signUpUrl&&w.signInUrl&&!(0,s.vh)(w.signInUrl))&&!1!==S.withSignUp||S.withSignUp||!1,{componentName:T,mode:E,...M}=S,R=(0,u.useMemo)(()=>(0,h.tf)(I,n.u),[]),G=new a.n(w,{...M,signInFallbackRedirectUrl:M.signInFallbackRedirectUrl||M.fallbackRedirectUrl,signInForceRedirectUrl:M.signInForceRedirectUrl||M.forceRedirectUrl},x,E);delete M.fallbackRedirectUrl,delete M.forceRedirectUrl;let F=A.buildUrlWithAuth(G.getAfterSignInUrl()),N=A.buildUrlWithAuth(G.getAfterSignUpUrl()),W="path"===M.routing&&M.path||w.signInUrl||k.signInUrl,L=y?"path"===M.routing&&M.path||w.signUpUrl||k.signUpUrl:M.signUpUrl||w.signUpUrl||k.signUpUrl,D=M.waitlistUrl||w.waitlistUrl||k.waitlistUrl,B=G.getPreservedSearchParams();W=(0,l.kZ)({base:W,hashSearchParams:[x,B]},{stringify:!0}),L=(0,l.kZ)({base:L,hashSearchParams:[x,B]},{stringify:!0}),D=(0,l.kZ)({base:D,hashSearchParams:[x,B]},{stringify:!0});let Z=G.toSearchParams().toString(),V=(0,c.aQ)({routing:M.routing,baseUrl:L,authQueryString:Z,path:M.path,endpoint:y?"/create"+c.Vu:c.Vu}),X=(0,c.aQ)({routing:M.routing,baseUrl:L,authQueryString:Z,path:M.path,endpoint:y?"/create"+c.aB:c.aB});y&&(L=(0,l.kZ)({base:W,hashPath:"/create",hashSearchParams:[x,B]},{stringify:!0}));let K=(0,l.kZ)({base:L,hashPath:"/continue"},{stringify:!0}),Q=async e=>{let{session:t,redirectUrl:r}=e,n=t.currentTask;if(!n)return P(r);let a=(0,i.ru)(n);return P("/".concat(b+O+(y?"/create"+a:a)))},j=(null==(e=A.session)?void 0:e.currentTask)?null!=(C=null==(r=A.__internal_getOption("taskUrls"))?void 0:r[null==(t=A.session)?void 0:t.currentTask.key])?C:(0,c.aQ)({routing:M.routing,baseUrl:W,authQueryString:Z,path:M.path,endpoint:y?"/create"+(0,i.ru)(null==(m=A.session)?void 0:m.currentTask):(0,i.ru)(null==(p=A.session)?void 0:p.currentTask)}):null;return{...M,transferable:null==(v=M.transferable)||v,oauthFlow:M.oauthFlow||"auto",componentName:T,signUpUrl:L,signInUrl:W,waitlistUrl:D,afterSignInUrl:F,afterSignUpUrl:N,emailLinkRedirectUrl:V,ssoCallbackUrl:X,navigateAfterSignIn:()=>P(F),signUpContinueUrl:K,queryParams:x,initialValues:{...M.initialValues,...R},authQueryString:Z,isCombinedFlow:y,navigateOnSetActive:Q,taskUrl:j}}},46256:function(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(35074);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)||a,o=()=>"user"===l()?"userProfile":"organizationProfile"},93620:function(e,t,r){r.d(t,{E:()=>a,d:()=>i}),r(98114);var n=r(35074);let a=(0,n.createContext)(null),i=()=>{let e=(0,n.useContext)(a);if(!e||"UserAvatar"!==e.componentName)throw Error("Clerk: useUserAvatarContext called outside UserAvatar.");let{componentName:t,...r}=e;return{...r,componentName:t}}},39233:function(e,t,r){r.d(t,{P:()=>u,Y:()=>c}),r(98114);var n=r(21210),a=r(35074),i=r(30856),l=r(97697),o=r(62366),s=r(4964);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),d=(0,o.II)();if(!e||"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:g,customMenuItems:f,...h}=e,U=h.signInUrl||d.signInUrl||c.signInUrl,m=h.userProfileUrl||c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),v=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,S=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f||[],t),[]);return{...h,componentName:g,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:v,userProfileMode:S||"modal",menutItems:P}}},85240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u}),r(19161),r(89305),r(98114);var n=r(21210),a=r(35074),i=r(93121),l=r(4964),o=r(97697),s=r(97288);let u=(0,a.createContext)(null),c=()=>{var e;let t=(0,a.useContext)(u),{queryParams:r}=(0,l.r)(),c=(0,n.ho)(),d=(0,o.O)(),{user:g}=(0,n.Jd)(),f=(0,s.Rs)(),h=(0,s.eT)(),U=null==(e=f.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),m=d.commerceSettings.billing.user.hasPaidPlans||U||h.data.length>0;if(!t||"UserProfile"!==t.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:p,customPages:C,...v}=t,S=(0,a.useMemo)(()=>(0,i.M)(C||[],c,m,d),[C,m]),P=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=d.userSettings;return!(g&&e.enabled)||!(null==g?void 0:g.enterpriseAccounts.some(e=>{var t;return e.active&&(null==(t=e.enterpriseConnection)?void 0:t.disableAdditionalIdentifications)}))},[g,d.userSettings.enterpriseSSO]);return{...v,pages:S,componentName:p,queryParams:r,authQueryString:"",shouldAllowIdentificationCreation:P,shouldShowBilling:m}}},9078:function(e,t,r){r.d(t,{_:()=>a,k:()=>i}),r(98114);var n=r(35074);let a=(0,n.createContext)(null),i=()=>{let e=(0,n.useContext)(a);if(!e||"UserVerification"!==e.componentName)throw Error("Clerk: useUserVerificationContext called outside of the mounted UserVerification component.");let{componentName:t,...r}=e;return{...r,componentName:t}}},90451:function(e,t,r){r.d(t,{Y:()=>d,r:()=>c}),r(98114);var n=r(14173),a=r(35074),i=r(97697),l=r(62366),o=r(4964),s=r(42117);let u=["email_address"],c=(0,a.createContext)(null),d=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:d}=(0,o.r)(),g=(0,a.useMemo)(()=>(0,s.tf)(d,u),[]);if(!e||"Waitlist"!==e.componentName)throw Error("Clerk: useWaitlistContext called outside Waitlist.");let{componentName:f,...h}=e,U=h.signInUrl||r.signInUrl||t.signInUrl;return U=(0,n.kZ)({base:U},{stringify:!0}),{...h,componentName:f,signInUrl:U,initialValues:{...g}}}}}]);

package/dist/444_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["444"],{61052:function(o,e,t){t.d(e,{iR:()=>$,pS:()=>A,ww:()=>P}),t(19161),t(22239),t(30945),t(52678);var n=t(14518),r=t(4964),i=t(62531),l=t(80750),c=t(29345),u=t(21227),s=t(39233),d=t(58920),a=t(18272),p=t(22861),B=t(58813),m=t(87240),I=t(29366),v=t(26932);let $=o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:l,handleUserProfileActionClicked:c,session:a}=o,{menutItems:p}=(0,s.Y)(),B=o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100,padding:"".concat(o.space.$4," ").concat(o.space.$5)}),m=async n=>{var r;return(null==n?void 0:n.path)?(await e(n.path),null==o?void 0:o.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():(null==n?void 0:n.open)?c(n.open):(null==(r=n.onClick)||r.call(n),null==o?void 0:o.completedCallback())};return(0,n.Y)(i.En,{role:"menu",elementDescriptor:d.$z.userButtonPopoverActions,elementId:d.$z.userButtonPopoverActions.setId("singleSession"),sx:o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100}),children:null==p?void 0:p.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:d.$z.userButtonPopoverActionButton,elementId:d.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:d.$z.userButtonPopoverActionButtonIcon,iconElementId:d.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:d.$z.userButtonPopoverCustomItemButton,elementId:d.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:d.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:d.$z.userButtonPopoverActionItemButtonIcon,iconElementId:d.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?l(a):()=>m(o),sx:B,iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4})},o.id)})})},A=o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:$,handleSessionClicked:A,handleAddAccountClicked:P,handleUserProfileActionClicked:g,session:z,otherSessions:h}=o,{menutItems:x}=(0,s.Y)(),C=async n=>{var r;return(null==n?void 0:n.path)?(await e(n.path),null==o?void 0:o.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():(null==n?void 0:n.open)?g(n.open):(null==(r=n.onClick)||r.call(n),null==o?void 0:o.completedCallback())},b=x.every(o=>Object.values(u.dY).includes(o.id));return(0,n.FD)(n.FK,{children:[b?(0,n.Y)(i.Rh,{role:"menu",elementDescriptor:d.$z.userButtonPopoverActions,elementId:d.$z.userButtonPopoverActions.setId("multiSession"),children:(0,n.FD)(a.so,{justify:"between",sx:o=>({marginLeft:o.space.$12,padding:"0 ".concat(o.space.$5," ").concat(o.space.$4),gap:o.space.$2}),children:[(0,n.Y)(i.K5,{elementDescriptor:d.$z.userButtonPopoverActionButton,elementId:d.$z.userButtonPopoverActionButton.setId("manageAccount"),iconBoxElementDescriptor:d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverActionButtonIconBox.setId("manageAccount"),iconElementDescriptor:d.$z.userButtonPopoverActionButtonIcon,iconElementId:d.$z.userButtonPopoverActionButtonIcon.setId("manageAccount"),icon:B.A,label:(0,p.G)("userButton.action__manageAccount"),onClick:t,focusRing:!0}),(0,n.Y)(i.K5,{elementDescriptor:d.$z.userButtonPopoverActionButton,elementId:d.$z.userButtonPopoverActionButton.setId("signOut"),iconBoxElementDescriptor:d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverActionButtonIconBox.setId("signOut"),iconElementDescriptor:d.$z.userButtonPopoverActionButtonIcon,iconElementId:d.$z.userButtonPopoverActionButtonIcon.setId("signOut"),icon:m.A,label:(0,p.G)("userButton.action__signOut"),onClick:$(z),focusRing:!0})]})}):(0,n.Y)(i.Rh,{role:"menu",elementDescriptor:d.$z.userButtonPopoverActions,elementId:d.$z.userButtonPopoverActions.setId("multiSession"),sx:o=>({gap:o.space.$1,paddingBottom:o.space.$2}),children:null==x?void 0:x.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:d.$z.userButtonPopoverActionButton,elementId:d.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:d.$z.userButtonPopoverActionButtonIcon,iconElementId:d.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:d.$z.userButtonPopoverCustomItemButton,elementId:d.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:d.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:d.$z.userButtonPopoverActionItemButtonIcon,iconElementId:d.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?$(z):()=>C(o),sx:o=>({border:0,padding:"".concat(o.space.$2," ").concat(o.space.$5),gap:o.space.$3x5}),iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4}),iconBoxSx:o=>({minHeight:o.sizes.$4,minWidth:o.sizes.$4,alignItems:"center"})},o.id)})}),(0,n.FD)(i.En,{role:"menu",sx:o=>({borderTopStyle:o.borderStyles.$solid,borderTopWidth:o.borderWidths.$normal,borderTopColor:o.colors.$borderAlpha100}),children:[h.map(o=>(0,n.Y)(l.P,{icon:I.A,onClick:A(o),role:"menuitem",children:(0,n.Y)(c.c,{user:o.user})},o.id)),(0,n.Y)(i.rc,{elementDescriptor:d.$z.userButtonPopoverActionButton,elementId:d.$z.userButtonPopoverActionButton.setId("addAccount"),iconBoxElementDescriptor:d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:d.$z.userButtonPopoverActionButtonIconBox.setId("addAccount"),iconElementDescriptor:d.$z.userButtonPopoverActionButtonIcon,iconElementId:d.$z.userButtonPopoverActionButtonIcon.setId("addAccount"),icon:v.A,label:(0,p.G)("userButton.action__addAccount"),onClick:P,iconSx:o=>({width:o.sizes.$9,height:o.sizes.$6}),iconBoxSx:o=>({minHeight:o.sizes.$9,minWidth:o.sizes.$6,alignItems:"center"}),spinnerSize:"md"})]})]})},P=o=>{let{handleSignOutAllClicked:e,elementDescriptor:t,elementId:r,iconBoxElementDescriptor:l,iconBoxElementId:c,iconElementDescriptor:u,iconElementId:s,label:a,sx:B,actionSx:I}=o;return(0,n.Y)(i.En,{role:"menu",sx:[o=>({padding:o.space.$2}),B],children:(0,n.Y)(i.rc,{elementDescriptor:t||d.$z.userButtonPopoverActionButton,elementId:r||d.$z.userButtonPopoverActionButton.setId("signOutAll"),iconBoxElementDescriptor:l||d.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:c||d.$z.userButtonPopoverActionButtonIconBox.setId("signOutAll"),iconElementDescriptor:u||d.$z.userButtonPopoverActionButtonIcon,iconElementId:s||d.$z.userButtonPopoverActionButtonIcon.setId("signOutAll"),icon:m.A,label:a||(0,p.G)("userButton.action__signOutAll"),onClick:e,variant:"ghost",colorScheme:"neutral",sx:[o=>({backgroundColor:o.colors.$transparent,padding:"".concat(o.space.$2," ").concat(o.space.$3),borderBottomWidth:0,borderRadius:o.radii.$lg}),I],spinnerSize:"md"})})}},2540:function(o,e,t){t.d(e,{u:()=>a}),t(50036),t(1589);var n=t(5580),r=t(85483),i=t(21210),l=t(97697),c=t(63269),u=t(6735),s=t(38691),d=t(4964);let a=o=>{let{setActive:e,signOut:t,openUserProfile:a}=(0,i.ho)(),p=(0,c.f0)(),{signedInSessions:B,otherSessions:m}=(0,s.z)({user:o.user}),{navigate:I}=(0,d.r)(),{displayConfig:v}=(0,l.O)();return{handleSignOutSessionClicked:e=>()=>0===m.length?t(o.navigateAfterSignOut):t(o.navigateAfterMultiSessionSingleSignOut,{sessionId:e.id}).finally(()=>p.setIdle()),handleManageAccountClicked:()=>{var e;return"navigation"===o.userProfileMode?I(o.userProfileUrl||"").finally(()=>{(async()=>{var e;await (0,u.y)(300),null==(e=o.actionCompleteCallback)||e.call(o)})()}):(a(o.userProfileProps),null==(e=o.actionCompleteCallback)?void 0:e.call(o))},handleUserProfileActionClicked:e=>{var t;return"navigation"===o.userProfileMode?I(o.userProfileUrl||"").finally(()=>{(async()=>{var e;await (0,u.y)(300),null==(e=o.actionCompleteCallback)||e.call(o)})()}):(a({...o.userProfileProps,...e&&{__experimental_startPath:e}}),null==(t=o.actionCompleteCallback)?void 0:t.call(o))},handleSignOutAllClicked:()=>t(o.navigateAfterSignOut),handleSessionClicked:t=>async()=>(p.setLoading(),e({session:t,navigate:async e=>{var t;let{session:r}=e;!r.currentTask&&o.afterSwitchSessionUrl?await I(o.afterSwitchSessionUrl):o.taskUrl?await I(o.taskUrl):await (0,n.KA)(r,{baseUrl:null!=(t=o.signInUrl)?t:v.signInUrl,navigate:I})}}).finally(()=>{var e;p.setIdle(),null==(e=o.actionCompleteCallback)||e.call(o)})),handleAddAccountClicked:()=>((0,r.y7)(o.signInUrl||window.location.href),(0,u.y)(2e3)),otherSessions:m,signedInSessions:B}}},39233:function(o,e,t){t.d(e,{P:()=>s,Y:()=>d}),t(98114);var n=t(21210),r=t(35074),i=t(30856),l=t(97697),c=t(62366),u=t(4964);let s=(0,r.createContext)(null),d=()=>{let o=(0,r.useContext)(s),e=(0,n.ho)(),{navigate:t}=(0,u.r)(),{displayConfig:d}=(0,l.O)(),a=(0,c.II)();if(!o||"UserButton"!==o.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:p,customMenuItems:B,...m}=o,I=m.signInUrl||a.signInUrl||d.signInUrl,v=m.userProfileUrl||d.userProfileUrl,$=e.buildAfterSignOutUrl(),A=e.buildAfterMultiSessionSingleSignOutUrl(),P=m.afterSwitchSessionUrl||d.afterSwitchSessionUrl,g=m.userProfileUrl&&!m.userProfileMode?"navigation":m.userProfileMode,z=(0,r.useMemo)(()=>(0,i.K)(B||[],e),[]);return{...m,componentName:p,navigateAfterMultiSessionSingleSignOut:()=>e.redirectWithAuth(A),navigateAfterSignOut:()=>t($),signInUrl:I,userProfileUrl:v,afterMultiSessionSingleSignOutUrl:A,afterSignOutUrl:$,afterSwitchSessionUrl:P,userProfileMode:g||"modal",menutItems:z}}}}]);

package/dist/573_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["573"],{33934:function(e,l,t){t.d(l,{B:()=>y}),t(22501),t(88711),t(32880),t(25902),t(56359),t(894),t(6373),t(63418),t(93412),t(19161),t(95055);var i=t(14518),n=t(73610),r=t(21210),o=t(35074),a=t(63269),s=t(52454),d=t(11475),c=t(86212),u=t(4468),p=t(23990),h=t(8640),m=t(97697),v=t(18272),g=t(33486),f=t(10078),b=t(22861),Y=t(37591),_=t(94482);let z=e=>/^\S+@\S+\.\S+$/.test(e),y=e=>{let{onSuccess:l,onReset:t,resetButtonLabel:m}=e,{organization:g,invitations:_}=(0,r.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),y=(0,a.f0)(),{t:D,locale:$}=(0,f._)(),[w,k]=(0,o.useState)(!1),F=(0,h.tJ)("emailAddress","",{type:"text",label:(0,b.G)("formFieldLabel__emailAddresses")}),P=S(),C=(0,h.tJ)("role","",{label:(0,b.G)("formFieldLabel__role")});if((0,o.useEffect)(()=>{!C.value&&P&&C.setValue(P)},[P,C]),!g)return null;let{props:{setError:A,setWarning:E,setSuccess:G,setInfo:T,isFocused:K,validatePassword:M,setHasPassedComplexity:R,hasPassedComplexity:B,feedback:I,feedbackType:L,clearFeedback:j,...V}}=F,W=(!!F.value.length||w)&&!!C.value;return(0,i.FD)(s.l.Root,{onSubmit:e=>{if(e.preventDefault(),!W)return;let t=new FormData(e.currentTarget);return g.inviteMembers({emailAddresses:F.value.split(","),role:t.get("role")}).then(async()=>{var e;return await (null==_||null==(e=_.revalidate)?void 0:e.call(_)),null==l?void 0:l()}).catch(e=>{var l,t,i,r,o,a,s,d,c,h;let m,v;if(!(0,n.$R)(e))return void(0,u.H4)(e,[],y.setError);switch(m=new Set([...null!=(c=null==(s=(a=e.errors[0]).meta)?void 0:s.emailAddresses)?c:[],...null!=(h=null==(d=a.meta)?void 0:d.identifiers)?h:[]]),v=F.value.split(","),F.setValue(v.filter(e=>!m.has(e)).join(",")),null==(t=e.errors)||null==(l=t[0])?void 0:l.code){case"duplicate_record":{let l=(null==(i=e.errors[0].meta)?void 0:i.emailAddresses)||[];y.setError(D((0,b.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,p.kS)(l,$)})));break}case"already_a_member_in_organization":{let l=null==(r=(null!=(o=e.errors[0].longMessage)?o:"").match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/))?void 0:r[0];(0,u.H4)(e,[],e=>l?y.setError(D((0,b.G)("unstable__errors.already_a_member_in_organization",{email:l}))):y.setError(e));break}default:(0,u.H4)(e,[],y.setError)}})},children:[(0,i.Y)(s.l.ControlRow,{elementId:F.id,children:(0,i.Y)(c.F,{...V,autoFocus:!0,validate:z,sx:{width:"100%"},validateUnsubmittedEmail:e=>k(z(e)),placeholder:(0,b.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(v.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[Y.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(x,{...C}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!W,localizationKey:(0,b.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:m||(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:t})]})]})]})},x=e=>{let{options:l,isLoading:t}=(0,g.x)(),{t:n}=(0,f._)();return(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(v.so,{direction:"col",gap:2,children:(0,i.Y)(_.Vo,{...e.props,roles:l,isDisabled:t,onChange:l=>e.setValue(l),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:"".concat(n((0,b.G)("formFieldLabel__role")),":")})})})},S=()=>{let{options:e}=(0,g.x)(),{organizationSettings:l}=(0,m.O)(),t=l.domains.defaultRole;return t||(null==e?void 0:e.length)!==1||(t=e[0].value),t}},53100:function(e,l,t){t.d(l,{D:()=>g,k:()=>f});var i=t(14518),n=t(21210),r=t(63269),o=t(23549),a=t(54003),s=t(26370),d=t(46245),c=t(22861),u=t(18272),p=t(58920),h=t(92513),m=t(74421),v=t(33934);let g=(0,r.dm)(e=>{let{close:l}=(0,h.D5)(),{onReset:t=l}=e,a=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,r.f0)(),m=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:g}=(0,n.Z5)();return g?(0,i.FD)(d.s,{...m.props,children:[(0,i.Y)(o.M,{headerTitle:a,headerSubtitle:u,children:(0,i.Y)(v.B,{onSuccess:m.nextStep,onReset:t})}),(0,i.Y)(s.B,{title:a,onFinish:l,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(a.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:m.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]})},94482:function(e,l,t){t.d(l,{Vo:()=>v,Yq:()=>m,bQ:()=>p}),t(19161),t(22239),t(88711),t(85074);var i=t(14518),n=t(35074),r=t(18819),o=t(41586),a=t(18272),s=t(58920),d=t(10078),c=t(22861),u=t(33486);let p=e=>{let{headers:l,page:t,onPageChange:n,rows:o,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:p,emptyStateLocalizationKey:m}=e,v=c>0?Math.max(0,(t-1)*u)+1:0,g=Math.min(t*u,c);return(0,i.FD)(a.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(a.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(a.XI,{children:[(0,i.Y)(a.d8,{children:(0,i.Y)(a.Tr,{children:l.map((e,l)=>(0,i.Y)(a.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e},l))})}),(0,i.Y)(a.NN,{children:d?(0,i.Y)(a.Tr,{children:(0,i.Y)(a.Td,{colSpan:4,children:(0,i.Y)(a.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):o.length?o:(0,i.Y)(h,{localizationKey:m},"empty")})]})}),p>1&&(0,i.Y)(r.d,{count:p,page:t,onChange:n,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:v,endingRow:g}})]})},h=e=>(0,i.Y)(a.Tr,{children:(0,i.Y)(a.Td,{colSpan:4,children:(0,i.Y)(a.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=e=>(0,i.Y)(a.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),v=e=>{let{value:l,fallbackLabel:t,roles:r,onChange:s,isDisabled:p,triggerSx:h,optionListSx:m,prefixLocalizationKey:v}=e,{localizeCustomRole:f}=(0,u.l)(),b=(0,n.useMemo)(()=>[...r||[]],[r]),Y=(0,n.useMemo)(()=>b.find(e=>e.value===l),[b,l]),{t:_}=(0,d._)(),z=(0,n.useMemo)(()=>b.map(e=>({value:e.value,label:f(e.value)||e.label})),[b,f]);return(0,i.FD)(o.l6,{elementId:"role",options:z,value:l,placeholder:_((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,l,t)=>(0,i.Y)(g,{isSelected:t,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:l}),(0,i.Y)(o.JC,{sx:h||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!l&&b.length>0&&!Y,children:(null==Y?void 0:Y.label)||(null==Y?void 0:Y.value)?(0,i.FD)(a.so,{as:"span",gap:1,children:[v&&(0,i.Y)(a.EY,{as:"span",colorScheme:"secondary",localizationKey:v}),(0,i.Y)(a.EY,{as:"span",colorScheme:"body",children:f(null==Y?void 0:Y.value)||(null==Y?void 0:Y.label)})]}):t?(0,i.Y)(a.EY,{as:"span",colorScheme:"body",children:t}):null}),(0,i.Y)(o.UL,{sx:m})]})},g=(0,n.memo)(e=>{let{option:l,isSelected:t,sx:n,...r}=e;return(0,i.Y)(a.so,{sx:[e=>({width:"100%",padding:"".concat(e.space.$2," ").concat(e.space.$4),borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),n],...r,children:(0,i.Y)(a.EY,{variant:"subtitle",children:null==l?void 0:l.label})})})},75377:function(e,l,t){t.d(l,{i:()=>d});var i=t(14518),n=t(63817),r=t(36890),o=t(18272),a=t(58920),s=t(22861);let d=e=>{let{organization:l,...t}=e;return(0,i.FD)(o.fv,{elementDescriptor:a.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(o.EY,{variant:"subtitle",sx:e=>({textAlign:"left",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...t,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(r.h,{size:e=>e.sizes.$16,...l})})]})}},23689:function(e,l,t){t.d(l,{l_:()=>n,mu:()=>i}),t(19161),t(22239),t(95055);let i={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,l,t)=>{var i;if(void 0===l)return[{data:[e],total_count:1}];let n=(null==l||null==(i=l[l.length-1])?void 0:i.total_count)||1;return l.map(l=>{if(void 0===l)return l;let i=l.data.map(l=>l.id===e.id?{...e}:l);return{...l,data:i,total_count:"negative"===t?n-1:n}})}}}]);

package/dist/970_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["970"],{11217:function(e,r,a){a.d(r,{n:()=>_}),a(19161),a(85074),a(88711);var i=a(14518),l=a(21210),n=a(35074),t=a(44607),o=a(70164),c=a(97288);a(22239);var d=a(28511),s=a(96455),p=a(65424),g=a(57477),m=a(46256),u=a(18272),h=a(58920),b=a(22861),x=a(92405),$=a(9679),f=a(29406),z=a(41464),T=a(13679);function y(e){let{plans:r,planPeriod:a,setPlanPeriod:l,onSelect:n,isCompact:t,props:o}=e;return(0,i.Y)(f.S,{children:(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTable,sx:e=>({"--grid-min-size":t?"11.75rem":"20rem","--grid-max-columns":"infinity","--grid-gap":e.space.$4,"--max-column-width":"100% / var(--grid-max-columns, infinity) - var(--grid-gap)","--column-width":"max(var(--max-column-width), min(var(--grid-min-size, 10rem), 100%))",display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(var(--column-width), 1fr))",gridTemplateRows:"auto 1fr",gap:"var(--grid-gap-y, var(--grid-gap, ".concat(e.space.$4,")) var(--grid-gap, ").concat(e.space.$4,")"),alignItems:"stretch",width:"100%",minWidth:"0"}),"data-variant":t?"compact":"default",children:null==r?void 0:r.map(e=>(0,i.Y)(D,{plan:e,planPeriod:a,setPlanPeriod:l,onSelect:n,props:o,isCompact:t},e.id))})})}function D(e){let{plan:r,planPeriod:a,setPlanPeriod:t,onSelect:d,props:x,isCompact:$=!1}=e,f=(0,l.ho)(),{isSignedIn:y}=(0,l.wV)(),{mode:D="mounted",ctaPosition:C}=(0,o.T)(),w=(0,m.XX)(),v=(0,l.Wf)(),S=x.ctaPosition||C||"bottom",M=x.collapseFeatures||!1,{id:P,slug:k}=r,I=(0,g.Fd)(e=>e({permission:"org:sys_billing:manage"})||"user"===w),{buttonPropsForPlan:E,activeOrUpcomingSubscriptionBasedOnPlanPeriod:B}=(0,c.D)(),R=n.useMemo(()=>B(r,a),[r,a,B]),_=r.features.length>0,{shouldShowFooter:G,shouldShowFooterNotice:A}=(e=>{let[r,a]=(e=>{let{subscription:r,plan:a,planPeriod:i,for:l,hasActiveOrganization:n}=e,t=[!0,!0],o=[!0,!1],c=[!1,!1];if(!r)return"organization"!==l||n?o:c;if("upcoming"===r.status)return t;if("active"===r.status){let e=!!r.canceledAt,l=i!==r.planPeriod&&!!a.annualMonthlyFee,n=a.freeTrialEnabled&&r.isFreeTrial;if(e||l)return o;if(n)return t}return c})(e);return{shouldShowFooter:r,shouldShowFooterNotice:a}})({subscription:R,plan:r,planPeriod:a,for:x.for,hasActiveOrganization:!!(null==v?void 0:v.organization)});return(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableCard,elementId:h.$z.pricingTableCard.setId(k),sx:e=>({display:"grid",gap:0,gridTemplateRows:"subgrid",gridRow:"span 5",background:z.s.mutedBackground(e),borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha150,borderRadius:e.radii.$xl,overflow:"hidden",textAlign:"left"}),"data-variant":$?"compact":"default",children:[(0,i.Y)(Y,{plan:r,isCompact:$,planPeriod:a,setPlanPeriod:t,badge:R?(0,i.Y)(T.V,{subscription:R.isFreeTrial?{status:"free_trial"}:R}):void 0}),(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableCardBody,sx:{display:"grid",gridTemplateRows:"subgrid",gridRow:"span 2",gap:0},children:["bottom"===S&&!M||"top"===S&&_?(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableCardFeatures,sx:e=>({display:"flex",flexDirection:"column",flex:"1",padding:$?e.space.$3:e.space.$4,backgroundColor:_?e.colors.$colorBackground:"transparent",borderTopWidth:_?e.borderWidths.$normal:0,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150}),"data-variant":$?"compact":"default",children:(0,i.Y)(F,{plan:r,isCompact:$,showPlanDetails:e=>{let i=(0,p.J)(D,e);f.__internal_openPlanDetails({plan:r,initialPlanPeriod:a,portalRoot:i})}})}):null,G?(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableCardFooter,sx:e=>({marginTop:"auto",padding:$?e.space.$3:e.space.$4,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha150,order:"top"===S?-1:void 0}),children:A&&R?(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableCardFooterNotice,variant:$?"buttonSmall":"buttonLarge",localizationKey:r.freeTrialEnabled&&R.isFreeTrial&&R.periodEnd?(0,b.G)("badge__trialEndsAt",{date:R.periodEnd}):(0,b.G)("badge__startsAt",{date:R.periodStart}),colorScheme:"secondary",sx:e=>({paddingBlock:e.space.$1x5,textAlign:"center"})}):(0,i.FD)(s.m_.Root,{children:[(0,i.Y)(s.m_.Trigger,{sx:{width:"100%"},children:(0,i.Y)(u.$n,{elementDescriptor:h.$z.pricingTableCardFooterButton,block:!0,textVariant:$?"buttonSmall":"buttonLarge",...E({plan:r,isCompact:$,selectedPlanPeriod:a}),onClick:e=>{d(r,e)}})}),y&&!I&&(0,i.Y)(s.m_.Content,{text:(0,b.G)("organizationProfile.plansPage.alerts.noPermissionsToManageBilling")})]})}):(0,i.Y)(u.az,{sx:e=>({backgroundColor:_?e.colors.$colorBackground:"transparent"})})]})]},P)}let Y=n.forwardRef((e,r)=>{let{plan:a,isCompact:l,planPeriod:t,setPlanPeriod:o,badge:s}=e,{name:p,annualMonthlyFee:g}=a,m=!!g,x=n.useMemo(()=>m&&"annual"===t?a.annualMonthlyFee:a.fee,[m,t,a.fee,a.annualMonthlyFee]),$=n.useMemo(()=>(0,c.Ij)(x.amountFormatted),[x.amountFormatted]);return(0,i.FD)(u.az,{ref:r,elementDescriptor:h.$z.pricingTableCardHeader,sx:e=>({width:"100%",padding:l?e.space.$3:e.space.$4,display:"grid",gap:e.space.$1,gridRow:"span 3",gridTemplateRows:"subgrid"}),"data-variant":l?"compact":"default",children:[(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableCardTitleContainer,children:[(0,i.FD)(u.az,{sx:e=>({display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.space.$0x25}),children:[(0,i.Y)(u.DZ,{elementDescriptor:h.$z.pricingTableCardTitle,as:"h2",textVariant:l?"h3":"h2",children:p}),s&&s]}),!l&&a.description?(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableCardDescription,variant:"subtitle",colorScheme:"secondary",sx:{justifySelf:"flex-start"},children:a.description}):null]}),(0,i.FD)(u.so,{elementDescriptor:h.$z.pricingTableCardFeeContainer,"data-variant":l?"compact":"default",align:"center",wrap:"wrap",sx:e=>({columnGap:e.space.$1,marginTop:e.space.$1}),children:[(0,i.FD)(u.EY,{elementDescriptor:h.$z.pricingTableCardFee,variant:l?"h2":"h1",colorScheme:"body",children:[x.currencySymbol,$]}),a.isDefault?null:(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableCardFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$0x25}}),localizationKey:(0,b.G)("billing.month")})]}),m&&o?(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableCardPeriodToggle,sx:e=>({marginTop:e.space.$1}),children:(0,i.Y)(d.d,{isChecked:"annual"===t,onChange:e=>o(e?"annual":"month"),label:(0,b.G)("billing.billedAnnually")})}):(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:a.isDefault?(0,b.G)("billing.alwaysFree"):(0,b.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$1})})]})}),F=n.forwardRef((e,r)=>{let{plan:a,isCompact:l,showPlanDetails:n}=e,t=a.features.length,o=l?t>3:t>8;return(0,i.FD)(u.az,{ref:r,elementDescriptor:h.$z.pricingTableCardFeatures,sx:e=>({display:"grid",flex:1,rowGap:l?e.space.$2:e.space.$3}),children:[(0,i.Y)(u.fv,{elementDescriptor:h.$z.pricingTableCardFeaturesList,"data-variant":l?"compact":"default",as:"ul",role:"list",sx:e=>({flex:"1",rowGap:l?e.space.$2:e.space.$3,margin:0,padding:0}),children:a.features.slice(0,o?l?3:8:t).map(e=>(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableCardFeaturesListItem,elementId:h.$z.pricingTableCardFeaturesListItem.setId(e.slug),as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$2,margin:0,padding:0}),children:[(0,i.Y)(u.In,{icon:x.A,colorScheme:"neutral",size:"sm","aria-hidden":!0,sx:e=>({transform:"translateY(".concat(e.space.$0x25,")")})}),(0,i.Y)(u.L9,{elementDescriptor:h.$z.pricingTableCardFeaturesListItemContent,children:(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableCardFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$normal}),children:e.name})})]},e.id))}),o&&(0,i.FD)(u.dF,{onClick:e=>n(e),variant:"link",sx:e=>({marginBlockStart:"auto",paddingBlock:e.space.$1,gap:e.space.$1}),children:[(0,i.Y)(u.In,{icon:$.A,colorScheme:"neutral",size:"md","aria-hidden":!0}),(0,i.Y)(u.L9,{localizationKey:(0,b.G)("billing.seeAllFeatures")})]})]})});a(89305),a(32880),a(25902),a(56359),a(894),a(6373),a(63418),a(93412),a(41730);var C=a(66195),w=a(76839),v=a(14620),S=a(16580),M=a(10078),P=a(60359),k=a(89068),I=a(37591);function E(e){let{plans:r=[],planPeriod:a,setPlanPeriod:l,onSelect:t,highlightedPlan:o}=e,d=(0,P.j)(),{animations:s}=(0,S.K)().parsedOptions,p=!d&&!0===s,g=n.useId(),m="".concat(g,"-segmented-control"),{buttonPropsForPlan:$}=(0,c.D)(),{t:T}=(0,M._)(),y=e=>({transition:p?"grid-template-rows ".concat(e.transitionDuration.$slower," ").concat(e.transitionTiming.$slowBezier):"none"}),D=e=>({background:z.s.mergedColorsBackground(v.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha25)}),Y=n.useMemo(()=>"repeat(".concat(r.length+1,", minmax(9.375rem,1fr))"),[r.length]),F=n.useMemo(()=>r.some(e=>!!e.annualMonthlyFee),[r]),E=n.useMemo(()=>{let e=new Set;return r.forEach(r=>{let{features:a}=r;a.forEach(r=>{let{name:a}=r;return e.add(a)})}),Array.from(e)},[r]);return r.length?(0,i.Y)(f.S,{children:(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrix,sx:e=>({position:"relative",minWidth:"100%",display:"grid",isolation:"isolate",backgroundColor:e.colors.$colorBackground,[I.g.md]:{overflowX:"auto"}}),children:(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableMatrixTable,role:"table",children:[(0,i.Y)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixRowGroup,h.$z.pricingTableMatrixRowGroupHeader],role:"rowgroup",sx:e=>({position:"sticky",top:0,backgroundColor:e.colors.$colorBackground,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,zIndex:1}),children:(0,i.FD)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixRow,h.$z.pricingTableMatrixRowHeader],role:"row",sx:{display:"grid",gridTemplateColumns:Y},children:[(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-end",rowGap:e.space.$3,paddingBlockEnd:e.space.$12,paddingInlineStart:e.space.$3}),children:F?(0,i.FD)(i.FK,{children:[(0,i.Y)(u.EY,{id:m,colorScheme:"secondary",variant:"caption",localizationKey:(0,b.G)("billing.pricingTable.billingCycle"),children:"Billing cycle"}),(0,i.FD)(w.I.Root,{"aria-labelledby":m,value:a,onChange:e=>l(e),children:[(0,i.Y)(w.I.Button,{value:"month",text:(0,b.G)("billing.monthly")}),(0,i.Y)(w.I.Button,{value:"annual",text:(0,b.G)("billing.annually")})]})]}):null}),r.map(e=>{let r=e.slug===o,l=e.annualMonthlyFee&&"annual"===a?e.annualMonthlyFee:e.fee;return(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableMatrixColumnHeader,role:"columnheader",sx:[e=>({display:"flex",flexDirection:"column",alignItems:"flex-start",flex:1,borderStartStartRadius:e.radii.$xl,borderStartEndRadius:e.radii.$xl}),r&&D],"data-highlighted":r,children:[(0,i.FD)(u.az,{sx:e=>({width:"100%",padding:e.space.$4}),children:[e.avatarUrl||r?(0,i.FD)(u.L9,{sx:e=>({width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBlockEnd:e.space.$3}),children:[e.avatarUrl?(0,i.Y)(C.e,{elementDescriptor:h.$z.pricingTableMatrixAvatar,size:e=>40,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,r?(0,i.Y)(u.Ex,{elementDescriptor:h.$z.pricingTableMatrixBadge,colorScheme:"secondary",localizationKey:(0,b.G)("billing.popular")}):null]}):null,(0,i.Y)(u.DZ,{elementDescriptor:h.$z.pricingTableMatrixPlanName,textVariant:"h3",children:e.name}),(0,i.Y)(u.so,{align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$2,columnGap:e.space.$1x5}),children:e.hasBaseFee?(0,i.FD)(i.FK,{children:[(0,i.FD)(u.EY,{elementDescriptor:h.$z.pricingTableMatrixFee,variant:"h2",colorScheme:"body",children:[l.currencySymbol,l.amountFormatted]}),(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableMatrixFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,b.G)("billing.month")}),e.annualMonthlyFee?(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrixFeePeriodNotice,sx:[e=>({width:"100%",display:"grid",gridTemplateRows:"annual"===a?"1fr":"0fr"}),y],inert:"annual"!==a?"true":void 0,children:(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrixFeePeriodNoticeInner,sx:{overflow:"hidden",minHeight:0},children:(0,i.FD)(u.EY,{elementDescriptor:h.$z.pricingTableMatrixFeePeriodNoticeLabel,variant:"caption",colorScheme:"secondary",sx:e=>({width:"100%",display:"flex",alignItems:"center",columnGap:e.space.$1}),children:[(0,i.Y)(u.In,{icon:k.A,colorScheme:"neutral",size:"sm","aria-hidden":!0})," ",(0,i.Y)(u.L9,{localizationKey:(0,b.G)("billing.billedAnnually")})]})})}):null]}):(0,i.Y)(u.EY,{elementDescriptor:h.$z.pricingTableMatrixFee,variant:"h2",localizationKey:(0,b.G)("billing.free"),colorScheme:"body"})})]}),e.isDefault?null:(0,i.Y)(u.az,{sx:e=>({width:"100%",marginBlockStart:"auto",marginBlockEnd:e.space.$8,paddingBlockStart:e.space.$2,paddingBlockEnd:e.space.$4,paddingInline:e.space.$4}),children:(0,i.Y)(u.$n,{block:!0,textVariant:"buttonSmall",size:"xs",onClick:r=>{t(e,r)},...$({plan:e,selectedPlanPeriod:a}),colorScheme:r?"primary":"secondary"})})]},e.slug)})]})}),(0,i.FD)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixRowGroup,h.$z.pricingTableMatrixRowGroupBody],role:"rowgroup",children:[E.map(e=>(0,i.FD)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixRow,h.$z.pricingTableMatrixRowBody],role:"row",sx:e=>({position:"relative",display:"grid",gridTemplateColumns:Y,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,":after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",backgroundColor:e.colors.$neutralAlpha25,opacity:0},":hover:after":{opacity:1}}),children:[(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrixCell,role:"cell",sx:e=>({padding:e.space.$3}),children:(0,i.Y)(u.EY,{colorScheme:"body",children:e})}),r.map(r=>{let a=r.slug===o,l=r.features.some(r=>r.name===e);return(0,i.Y)(u.az,{elementDescriptor:h.$z.pricingTableMatrixCell,role:"cell",sx:[e=>({display:"grid",placeContent:"center",padding:e.space.$3}),a&&D],"data-highlighted":a,"data-checked":l,children:l&&(0,i.Y)(u.In,{icon:x.A,colorScheme:"neutral",size:"sm","aria-label":T((0,b.G)("billing.pricingTable.included"))})},r.slug)})]},e)),(0,i.FD)(u.az,{elementDescriptor:h.$z.pricingTableMatrixFooter,sx:{display:"grid",gridTemplateColumns:Y},children:[(0,i.Y)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixCell,h.$z.pricingTableMatrixCellFooter]}),r.map(e=>{let r=e.slug===o;return(0,i.Y)(u.az,{elementDescriptor:[h.$z.pricingTableMatrixCell,h.$z.pricingTableMatrixCellFooter],sx:[e=>({height:e.space.$10,borderEndStartRadius:e.radii.$xl,borderEndEndRadius:e.radii.$xl}),r&&D],"data-highlighted":r},e.slug)})]})]})]})})}):null}let B=e=>{let r=(0,l.ho)(),{mode:a="mounted",signInMode:d="redirect"}=(0,o.T)(),s="modal"===a,{data:p,subscriptionItems:g}=(0,c.Rs)(),{data:m}=(0,c.A$)(),{handleSelectPlan:u}=(0,c.D)(),h=(0,n.useMemo)(()=>r.isSignedIn?p?m:[]:m,[r.isSignedIn,m,p]),b=(0,n.useMemo)(()=>{if(s){let e=null==g?void 0:g.find(e=>"upcoming"===e.status);if(e)return e.planPeriod;let r=null==g?void 0:g.find(e=>!e.canceledAt&&"active"===e.status&&!e.plan.isDefault);if(r)return r.planPeriod}return"annual"},[s,g]),[x,$]=(0,n.useState)(b);(0,n.useEffect)(()=>{$(b)},[b]);let f=(i,l)=>{var n;if(!r.isSignedIn)return"modal"===d?r.openSignIn():r.redirectToSignIn();u({mode:a,plan:i,planPeriod:x,event:l,appearance:null==(n=e.checkoutProps)?void 0:n.appearance,newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl})};return(0,c.mu)(),(0,i.Y)(t.n.Root,{flow:"pricingTable",isFlowReady:r.isSignedIn?!!p:m.length>0,sx:{width:"100%"},children:"modal"!==a&&"matrix"===e.layout?(0,i.Y)(E,{plans:h,planPeriod:x,setPlanPeriod:$,onSelect:f,highlightedPlan:e.highlightPlan}):(0,i.Y)(y,{plans:h,planPeriod:x,setPlanPeriod:$,onSelect:f,isCompact:s,props:e})})},R=e=>(0,i.Y)("div",{children:(0,i.Y)(B,{...e})}),_=e=>{let{mode:r="mounted"}=(0,o.T)();return"modal"===r?(0,i.Y)(R,{...e}):(0,i.Y)(B,{...e})}},13679:function(e,r,a){a.d(r,{V:()=>c});var i=a(14518),l=a(18272),n=a(22861);let t={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},o={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=e=>{let{subscription:r,elementDescriptor:a}=e;return(0,i.Y)(l.Ex,{elementDescriptor:a,colorScheme:o[r.status],localizationKey:(0,n.G)(t[r.status])})}},70164:function(e,r,a){a.d(r,{T:()=>n,a:()=>l}),a(98114);var i=a(35074);let l=(0,i.createContext)(null),n=()=>{let e=(0,i.useContext)(l);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:r,...a}=e;return{...a,componentName:r}}}}]);

package/dist/ClerkUi.js

@@ -2,8 +2,8 @@ import { mountComponentRenderer } from "./Components.js";
 
 //#region src/ClerkUi.ts
 var ClerkUi = class {
-	static version = "1.0.0-snapshot.v20251218183643";
-	version = "1.0.0-snapshot.v20251218183643";
+	static version = "1.0.0-snapshot.v20251224145055";
+	version = "1.0.0-snapshot.v20251224145055";
 	#componentRenderer;
 	constructor(getClerk, getEnvironment, options, moduleManager) {
 		this.#componentRenderer = mountComponentRenderer(getClerk, getEnvironment, options, moduleManager);

package/dist/apiKeys_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["326"],{54875:function(e,t,i){i.r(t),i.d(t,{APIKeys:()=>N,APIKeysPage:()=>M}),i(50036),i(88711);var a=i(14518),r=i(73610),n=i(56739),o=i(21210),l=i(35074),d=i(57477),s=i(78188),c=i(43264),p=i(10078),u=i(18272),m=i(58920),h=i(22861),y=i(44607),_=i(93453),x=i(63269),f=i(15013),g=i(18819),K=i(34317),D=i(34439),Y=i(37591);i(19161),i(22239);var v=i(48080),F=i(17198);let b=e=>{let{rows:t,isLoading:i,onRevoke:r,elementDescriptor:n,canManageAPIKeys:o}=e;return(0,a.Y)(u.so,{sx:e=>({width:"100%",[Y.g.sm]:{overflowX:"auto",padding:e.space.$0x25}}),children:(0,a.FD)(u.XI,{sx:e=>({background:e.colors.$colorBackground}),elementDescriptor:n,children:[(0,a.Y)(u.d8,{children:(0,a.FD)(u.Tr,{children:[(0,a.Y)(u.Th,{children:"Name"}),(0,a.Y)(u.Th,{children:"Last used"}),o&&(0,a.Y)(u.Th,{children:"Actions"})]})}),(0,a.Y)(u.NN,{children:i?(0,a.Y)(u.Tr,{children:(0,a.Y)(u.Td,{colSpan:3,children:(0,a.Y)(u.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:m.$z.spinner})})}):t.length?t.map(e=>(0,a.FD)(u.Tr,{children:[(0,a.Y)(u.Td,{children:(0,a.FD)(u.so,{direction:"col",sx:{minWidth:"25ch"},children:[(0,a.Y)(u.EY,{variant:"subtitle",truncate:!0,children:e.name}),(0,a.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:e.expiration?(0,h.G)("apiKeys.createdAndExpirationStatus__expiresOn",{createdDate:e.createdAt,expiresDate:e.expiration}):(0,h.G)("apiKeys.createdAndExpirationStatus__never",{createdDate:e.createdAt})})]})}),(0,a.Y)(u.Td,{children:(0,a.Y)(u.az,{sx:{minWidth:"10ch"},children:(0,a.Y)(u.EY,{localizationKey:e.lastUsedAt?(0,F.f)(e.lastUsedAt):"-"})})}),o&&(0,a.Y)(u.Td,{children:(0,a.Y)(v.o,{actions:[{label:(0,h.G)("apiKeys.menuAction__revoke"),isDestructive:!0,onClick:()=>r(e.id,e.name)}]})})]},e.id)):(0,a.Y)(C,{})})]})})},C=()=>(0,a.Y)(u.Tr,{children:(0,a.Y)(u.Td,{colSpan:4,children:(0,a.Y)(u.EY,{localizationKey:(0,h.G)("apiKeys.detailsTitle__emptyRow"),sx:{margin:"auto",display:"block",width:"fit-content"}})})});var $=i(92513),w=i(52454),I=i(11475),z=i(23549),S=i(41586),T=i(98023),k=i(8640);let E=["never","1d","7d","30d","60d","90d","180d","1y"],A={"1d":e=>e.setDate(e.getDate()+1),"7d":e=>e.setDate(e.getDate()+7),"30d":e=>e.setDate(e.getDate()+30),"60d":e=>e.setDate(e.getDate()+60),"90d":e=>e.setDate(e.getDate()+90),"180d":e=>e.setDate(e.getDate()+180),"1y":e=>e.setFullYear(e.getFullYear()+1)},G=e=>{if("never"===e||!e)return;let t=new Date,i=new Date(t);return A[e](i),Math.floor((i.getTime()-t.getTime())/1e3)},P=e=>{var t;let{selectedExpiration:i,setSelectedExpiration:r}=e,n=(0,l.useRef)(null),{t:o}=(0,p._)(),d=E.map(e=>({value:e,label:o((0,h.G)((e=>{switch(e){case"never":return"apiKeys.formFieldOption__expiration__never";case"1d":return"apiKeys.formFieldOption__expiration__1d";case"7d":return"apiKeys.formFieldOption__expiration__7d";case"30d":return"apiKeys.formFieldOption__expiration__30d";case"60d":return"apiKeys.formFieldOption__expiration__60d";case"90d":return"apiKeys.formFieldOption__expiration__90d";case"180d":return"apiKeys.formFieldOption__expiration__180d";case"1y":return"apiKeys.formFieldOption__expiration__1y"}})(e)))}));return(0,a.FD)(S.l6,{elementId:"apiKeyExpiration",options:d,value:null!=(t=null==i?void 0:i.value)?t:"",onChange:r,placeholder:o((0,h.G)("formFieldInputPlaceholder__apiKeyExpirationDate")),referenceElement:n,children:[(0,a.Y)(S.JC,{ref:n,icon:T.A,sx:e=>({justifyContent:"space-between",backgroundColor:e.colors.$colorBackground}),"aria-labelledby":"expiration-field",id:"expiration-field"}),(0,a.Y)(S.UL,{sx:e=>({paddingBlock:e.space.$1,color:e.colors.$colorForeground})})]})},R=e=>{let{onCreate:t}=e,[i,r]=(0,l.useState)(null),{close:n}=(0,$.D5)(),{showDescription:o=!1}=(0,s.l)(),d=(0,x.f0)(),{t:c}=(0,p._)(),y=(0,k.tJ)("name","",{type:"text",label:(0,h.G)("formFieldLabel__apiKeyName"),placeholder:(0,h.G)("formFieldInputPlaceholder__apiKeyName"),isRequired:!0}),_=(0,k.tJ)("apiKeyDescription","",{type:"text",label:(0,h.G)("formFieldLabel__apiKeyDescription"),placeholder:(0,h.G)("formFieldInputPlaceholder__apiKeyDescription"),isRequired:!1}),f=y.value.length>2,g=(0,l.useMemo)(()=>{let e=G(null==i?void 0:i.value);if(!(null==i?void 0:i.value)||!e)return c((0,h.G)("apiKeys.formFieldCaption__expiration__never"));let t=new Date(Date.now()+1e3*e);return c((0,h.G)("apiKeys.formFieldCaption__expiration__expiresOn",{date:t.toLocaleString(void 0,{year:"numeric",month:"long",day:"2-digit",hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0,timeZoneName:"short"})}))},[null==i?void 0:i.value]);return(0,a.Y)(z.M,{headerTitle:(0,h.G)("apiKeys.formTitle"),headerSubtitle:(0,h.G)("apiKeys.formHint"),elementDescriptor:m.$z.apiKeysCreateForm,children:(0,a.FD)(w.l.Root,{onSubmit:e=>{e.preventDefault(),t({name:y.value,description:_.value||void 0,secondsUntilExpiration:G(null==i?void 0:i.value)})},children:[(0,a.FD)(u.az,{sx:e=>({gap:e.space.$4,display:"flex",flexDirection:"row",[Y.g.sm]:{flexDirection:"column"}}),children:[(0,a.Y)(w.l.ControlRow,{sx:{flex:1},elementId:y.id,elementDescriptor:m.$z.apiKeysCreateFormNameInput,children:(0,a.Y)(w.l.PlainInput,{...y.props})}),(0,a.FD)(u.fv,{sx:{flex:1,width:"100%"},gap:2,elementDescriptor:m.$z.apiKeysCreateFormExpirationInput,children:[(0,a.FD)(u.lR,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",flexDirection:"row"},htmlFor:"expiration-field",children:[(0,a.Y)(u.EY,{as:"span",variant:"subtitle",localizationKey:(0,h.G)("formFieldLabel__apiKeyExpiration")}),(0,a.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:(0,h.G)("formFieldHintText__optional")})]}),(0,a.Y)(P,{selectedExpiration:i,setSelectedExpiration:r}),(0,a.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:g,elementDescriptor:m.$z.apiKeysCreateFormExpirationCaption})]})]}),o&&(0,a.Y)(u.fv,{sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,paddingTop:e.space.$4,paddingBottom:e.space.$4}),children:(0,a.Y)(w.l.ControlRow,{elementId:_.id,elementDescriptor:m.$z.apiKeysCreateFormDescriptionInput,children:(0,a.Y)(w.l.PlainInput,{..._.props})})}),(0,a.Y)(I.G,{submitLabel:(0,h.G)("apiKeys.formButtonPrimary__add"),isDisabled:!f,onReset:n,isLoading:d.isLoading,elementDescriptor:m.$z.apiKeysCreateFormSubmitButton})]})})},O=(0,l.lazy)(()=>i.e("505").then(i.bind(i,78195)).then(e=>({default:e.RevokeAPIKeyConfirmationModal}))),L=(0,l.lazy)(()=>Promise.all([i.e("545"),i.e("666"),i.e("394")]).then(i.bind(i,28169)).then(e=>({default:e.CopyAPIKeyModal}))),M=e=>{let{subject:t,perPage:i,revokeModalRoot:s}=e,c=(0,n.n)(t),y=(0,d.Fd)({permission:"org:sys_api_keys:read"}),v=(0,d.Fd)({permission:"org:sys_api_keys:manage"}),[F,C]=(0,l.useState)(""),$=(0,K.d)(F,500).trim(),{data:w,isLoading:I,isFetching:z,page:S,fetchPage:T,pageCount:k,count:E,revalidate:A}=(0,o.hZ)({subject:t,pageSize:null!=i?i:10,query:$,keepPreviousData:!0,enabled:!c||y});(e=>{let{query:t,page:i,pageCount:a,isFetching:r,fetchPage:n}=e,o=(0,l.useRef)(t);(0,l.useEffect)(()=>{o.current!==t&&(o.current=t,n(1))},[t,n]),(0,l.useEffect)(()=>{!r&&a>0&&i>a&&n(Math.max(1,a))},[a,i,r,n])})({query:$,page:S,pageCount:k,isFetching:z,fetchPage:T});let G=E>0?Math.max(0,(S-1)*(null!=i?i:10))+1:0,P=Math.min(S*(null!=i?i:10),E),M=(0,x.f0)(),N=(0,o.ho)(),[B,W]=(0,l.useState)(null),{t:j}=(0,p._)(),[J,U]=(0,l.useState)(!1),[H,q]=(0,l.useState)(""),[X,Z]=(0,l.useState)(""),[Q,V]=(0,l.useState)(!1),ee=async e=>{try{M.setLoading();let i=await N.apiKeys.create({...e,subject:t});A(),M.setError(void 0),V(!0),W(i)}catch(e){(0,r.$R)(e)&&409===e.status&&M.setError("API Key name already exists")}finally{M.setIdle()}};return(0,a.FD)(u.fv,{gap:4,sx:{width:"100%"},elementDescriptor:m.$z.apiKeys,children:[(0,a.FD)(_.r.Root,{children:[(0,a.FD)(u.so,{justify:"between",align:"center",gap:4,sx:{[Y.g.sm]:{flexDirection:"column",alignItems:"stretch"}},elementDescriptor:m.$z.apiKeysHeader,children:[(0,a.Y)(u.az,{elementDescriptor:m.$z.apiKeysSearchBox,children:(0,a.Y)(f.e,{placeholder:j((0,h.G)("apiKeys.action__search")),leftIcon:(0,a.Y)(u.In,{icon:D.A,sx:e=>({color:e.colors.$colorMutedForeground})}),value:F,type:"search",autoCapitalize:"none",spellCheck:!1,onChange:e=>C(e.target.value),elementDescriptor:m.$z.apiKeysSearchInput})}),(c&&v||!c)&&(0,a.Y)(_.r.Trigger,{value:"add-api-key",hideOnActive:!1,children:(0,a.Y)(u.$n,{variant:"solid",localizationKey:(0,h.G)("apiKeys.action__add"),elementDescriptor:m.$z.apiKeysAddButton})})]}),(0,a.Y)(_.r.Open,{value:"add-api-key",children:(0,a.Y)(u.so,{sx:e=>({paddingTop:e.space.$6,paddingBottom:e.space.$6}),children:(0,a.Y)(_.r.Card,{sx:{width:"100%"},children:(0,a.Y)(R,{onCreate:ee})})})}),(0,a.Y)(L,{isOpen:Q,onOpen:()=>V(!0),onClose:()=>V(!1),apiKeyName:(null==B?void 0:B.name)||"",apiKeySecret:(null==B?void 0:B.secret)||"",modalRoot:s})]}),(0,a.Y)(b,{rows:w,isLoading:I,onRevoke:(e,t)=>{q(e),Z(t),U(!0)},elementDescriptor:m.$z.apiKeysTable,canManageAPIKeys:c&&v||!c}),k>1&&(0,a.Y)(g.d,{count:k,page:Math.min(S,k),onChange:e=>{T(e)},siblingCount:1,rowInfo:{allRowsCount:E,startingRow:G,endingRow:P}}),(0,a.Y)(O,{isOpen:J,onOpen:()=>U(!0),onClose:()=>{q(""),Z(""),U(!1)},apiKeyID:H,apiKeyName:X,onRevokeSuccess:A,modalRoot:s})]})},N=(0,c.G)((0,x.dm)(()=>{var e,t,i;let r=(0,s.l)(),{user:n}=(0,o.Jd)(),l=(0,o.Wf)(),d=null!=(i=null!=(t=null==l||null==(e=l.organization)?void 0:e.id)?t:null==n?void 0:n.id)?i:"";return(0,a.Y)(y.n.Root,{flow:"apiKeys",sx:{width:"100%"},children:(0,a.Y)(M,{subject:d,perPage:r.perPage})})}))},78188:function(e,t,i){i.d(t,{l:()=>n,w:()=>r}),i(98114);var a=i(35074);let r=(0,a.createContext)(null),n=()=>{let e=(0,a.useContext)(r);if(!e||"APIKeys"!==e.componentName)throw Error("Clerk: useAPIKeysContext called outside APIKeys.");let{componentName:t,...i}=e;return{...i,componentName:t}}}}]);

package/dist/blankcaptcha_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["328"],{95723:function(l,a,n){n.r(a),n.d(a,{BlankCaptchaModal:()=>k});var e=n(14518),c=n(23707),i=n(63269),d=n(16580),t=n(10078),h=n(44607),o=n(42265),r=n(80212);let u=(0,i.dm)(()=>{let{parsedCaptcha:l}=(0,d.K)(),{locale:a}=(0,t._)(),n=null==l?void 0:l.theme,i=null==l?void 0:l.size,h=(null==l?void 0:l.language)||(null==a?void 0:a.toLowerCase());return(0,e.Y)(c.Z.Root,{children:(0,e.Y)(c.Z.Content,{children:(0,e.Y)("div",{id:"cl-modal-captcha-container","data-cl-theme":n,"data-cl-size":i,"data-cl-language":h})})})});function k(){return(0,e.Y)(o.q,{path:"blank-captcha",children:(0,e.Y)("div",{children:(0,e.Y)(h.n.Root,{flow:"blankCaptcha",children:(0,e.Y)(r.d,{children:(0,e.Y)(o.q,{index:!0,children:(0,e.Y)(u,{})})})})})})}k.displayName="BlankCaptchaModal"}}]);

package/dist/checkout_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["256"],{12677:function(e,t,r){r.r(t),r.d(t,{Checkout:()=>ec});var o=r(14518),n=r(78532),i=r(46256);r(98114);var a=r(14173),l=r(21210),c=r(35074),s=r(62366);let d=(0,c.createContext)(null),u=()=>{let e=(0,c.useContext)(d),t=(0,l.ho)(),r=(0,s.II)();if(!e||"Checkout"!==e.componentName)throw Error("Clerk: useCheckoutContext called outside Checkout.");let o=(0,c.useMemo)(()=>{var o;if(e.portalRoot)return;let n=e.newSubscriptionRedirectUrl||(null==(o=t.buildNewSubscriptionRedirectUrl)?void 0:o.call(t));return(0,a.vU)(null==r?void 0:r.allowedRedirectOrigins,window.location.origin)(n)?n:void 0},[e.portalRoot,e.newSubscriptionRedirectUrl,t,null==r?void 0:r.allowedRedirectOrigins]),{componentName:n,...i}=e;return{...i,componentName:n,newSubscriptionRedirectUrl:o}};var p=r(44607),h=r(22861),m=r(18272);r(88711),r(19161),r(22239);var g=r(29436),y=r(80137),f=r(58920),b=r(16580),Y=r(84091),D=r(60359),$=r(4964);let v=e=>e[0].toUpperCase()+e.slice(1),x=(e,t,r)=>e+(t-e)*r,w=e=>{let{positionX:t,positionY:r}=e,n=(0,c.useRef)(null),[i,a]=(0,c.useState)({x:256,y:256}),l="undefined"==typeof window||window.matchMedia("(hover: hover) and (pointer: fine)").matches;(0,c.useEffect)(()=>{if(!l)return;let e=()=>{a(e=>({x:x(e.x,t,.15),y:x(e.y,r,.15)})),n.current=requestAnimationFrame(e)};return n.current=requestAnimationFrame(e),()=>{n.current&&cancelAnimationFrame(n.current)}},[t,r,l]);let s=(0,c.useId)(),d=(0,c.useId)(),u=(0,c.useId)();return(0,o.FD)(m.az,{elementDescriptor:f.$z.checkoutSuccessRings,as:"svg",viewBox:"0 0 512 512",sx:{position:"absolute",inset:0,pointerEvents:"none"},"aria-hidden":!0,children:[(0,o.FD)("defs",{children:[(0,o.FD)("radialGradient",{id:"clerk-checkout-success-gradient",children:[(0,o.Y)("stop",{offset:"0%",style:{stopColor:"var(--ring-highlight)"}}),(0,o.Y)("stop",{offset:"100%",stopOpacity:"0",style:{stopColor:"var(--ring-highlight)"}})]}),(0,o.Y)("filter",{id:"clerk-checkout-success-blur-effect",children:(0,o.Y)("feGaussianBlur",{stdDeviation:"10"})}),[{r:225,maskStart:10,maskEnd:90,id:s},{r:162.5,maskStart:15,maskEnd:85,id:d},{r:100,maskStart:20,maskEnd:80,id:u}].map(e=>{let{maskStart:t,maskEnd:r,id:n}=e;return(0,o.FD)("linearGradient",{id:"gradient-".concat(n),x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[(0,o.Y)("stop",{offset:"".concat(t+5,"%"),stopColor:"white",stopOpacity:"0"}),(0,o.Y)("stop",{offset:"".concat(t+35,"%"),stopColor:"white",stopOpacity:"1"}),(0,o.Y)("stop",{offset:"".concat(r-35,"%"),stopColor:"white",stopOpacity:"1"}),(0,o.Y)("stop",{offset:"".concat(r-5,"%"),stopColor:"white",stopOpacity:"0"})]},n)}),(0,o.Y)("mask",{id:"clerk-checkout-success-mask",children:[{r:225,id:s},{r:162.5,id:d},{r:100,id:u}].map(e=>{let{r:t,id:r}=e;return(0,o.Y)("circle",{cx:"256",cy:"256",r:t,stroke:"url(#gradient-".concat(r,")"),fill:"none",strokeWidth:"1"},r)})})]}),(0,o.FD)("g",{mask:"url(#clerk-checkout-success-mask)",children:[(0,o.Y)("rect",{width:"512",height:"512",style:{fill:"var(--ring-fill)"}}),l&&(0,o.Y)("rect",{id:"movingGradientHighlight",width:"256",height:"256",x:i.x-128,y:i.y-128,fill:"url(#clerk-checkout-success-gradient)",filter:"url(#clerk-checkout-success-blur-effect)"})]})]})},k=()=>{let e=(0,$.r)(),{setIsOpen:t}=(0,n.g)(),{newSubscriptionRedirectUrl:r}=u(),{checkout:i}=(0,l.v$)(),{totals:a,paymentMethod:s,planPeriodStart:d,freeTrialEndsAt:p}=i,[x,k]=(0,c.useState)({x:256,y:256}),F=(0,D.j)(),{animations:_}=(0,b.K)().parsedOptions,S=!F&&!0===_,z=(0,c.useRef)(null),G="undefined"==typeof window||window.matchMedia("(hover: hover) and (pointer: fine)").matches;return a?(0,o.FD)(o.FK,{children:[(0,o.Y)(n.Drawer.Body,{children:(0,o.FD)(m.L9,{elementDescriptor:f.$z.checkoutSuccessRoot,sx:e=>({"--ring-fill":e.colors.$neutralAlpha200,"--ring-highlight":e.colors.$success500,margin:"auto",position:"relative",aspectRatio:"1/1",display:"grid",width:"100%",flexShrink:0,transformOrigin:"bottom center",animationName:"scaleIn",animationDuration:"".concat(Y.wz.slowest,"ms"),animationTimingFunction:Y._8.bezier,animationFillMode:"forwards",opacity:0,overflow:"hidden",backgroundColor:e.colors.$colorBackground,"@keyframes scaleIn":{"0%":{filter:"blur(10px)",transform:"scale(0.85)",opacity:0},"100%":{filter:"blur(0px)",transform:"scale(1)",opacity:1}},...!S&&{animation:"none",opacity:1}}),ref:z,onMouseMove:e=>{if(G&&z.current){let t=z.current.getBoundingClientRect(),r=e.clientX-t.left,o=e.clientY-t.top,n=t.width;n>0?k({x:r/n*512,y:o/n*512}):k({x:256,y:256})}},children:[(0,o.Y)(w,{positionX:x.x,positionY:x.y}),(0,o.FD)(m.az,{elementDescriptor:f.$z.checkoutSuccessBadge,sx:e=>({margin:"auto",gridArea:"1/1",display:"flex",position:"relative",width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$circle,backgroundImage:"linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.30) 95.31%)",boxShadow:"0px 4px 12px 0px rgba(0, 0, 0, 0.35), 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset",color:G?e.colors.$success500:e.colors.$colorForeground,":before":{content:'""',position:"absolute",inset:e.space.$1,borderRadius:e.radii.$circle,backgroundColor:e.colors.$colorBackground}}),children:[(0,o.Y)("svg",{fill:"none",viewBox:"0 0 10 10","aria-hidden":"true",style:{position:"relative",margin:"auto",width:"1rem",height:"1rem"},children:(0,o.Y)("path",{d:"m1 6 3 3 5-8",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"1",pathLength:"1",style:{strokeDashoffset:"1",animation:S?"check ".concat(Y.wz.drawer,"ms ").concat(Y._8.bezier," forwards ").concat(Y.wz.slow,"ms"):"none",...!S&&{strokeDashoffset:"0"}}})}),(0,o.Y)("style",{children:"\n              @keyframes check {\n                0% {\n                  stroke-dashoffset: 1;\n                }\n                100% {\n                  stroke-dashoffset: 0;\n                }\n            "})]}),(0,o.FD)(m.L9,{sx:e=>({margin:"auto",gridArea:"1/1",position:"relative",textAlign:"center",transform:"translateY(".concat(e.space.$20,")")}),children:[(0,o.Y)(m.DZ,{elementDescriptor:f.$z.checkoutSuccessTitle,as:"h2",textVariant:"h2",localizationKey:p?(0,h.G)("billing.checkout.title__trialSuccess"):a.totalDueNow.amount>0?(0,h.G)("billing.checkout.title__paymentSuccessful"):(0,h.G)("billing.checkout.title__subscriptionSuccessful"),sx:e=>({opacity:0,animationName:"slideUp",animationDuration:"".concat(Y.wz.slowest,"ms"),animationTimingFunction:Y._8.bezier,animationFillMode:"forwards",color:e.colors.$colorForeground,"@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}})}),(0,o.Y)(m.EY,{elementDescriptor:f.$z.checkoutSuccessDescription,colorScheme:"secondary",sx:e=>({textAlign:"center",paddingInline:e.space.$8,marginBlockStart:e.space.$2,opacity:0,animationName:"slideUp",animationDuration:"".concat(1.5*Y.wz.slowest,"ms"),animationTimingFunction:Y._8.bezier,animationFillMode:"forwards","@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}}),localizationKey:a.totalDueNow.amount>0?(0,h.G)("billing.checkout.description__paymentSuccessful"):(0,h.G)("billing.checkout.description__subscriptionSuccessful")})]})]})}),(0,o.FD)(n.Drawer.Footer,{sx:e=>({rowGap:e.space.$4,animationName:"footerSlideInUp",animationDuration:"".concat(Y.wz.drawer,"ms"),animationTimingFunction:Y._8.bezier,"@keyframes footerSlideInUp":{"0%":{transform:"translateY(100%)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{animation:"none"}}),children:[(0,o.FD)(g.p.Root,{children:[(0,o.FD)(g.p.Group,{variant:"secondary",children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__totalPaid")}),(0,o.Y)(g.p.Description,{text:"".concat(a.totalDueNow.currencySymbol).concat(a.totalDueNow.amountFormatted)})]}),p?(0,o.FD)(g.p.Group,{variant:"secondary",children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__freeTrialEndsAt")}),(0,o.Y)(g.p.Description,{text:(0,y.Y)(p)})]}):null,(0,o.FD)(g.p.Group,{variant:"secondary",children:[(0,o.Y)(g.p.Title,{title:a.totalDueNow.amount>0||null!==p?(0,h.G)("billing.checkout.lineItems.title__paymentMethod"):(0,h.G)("billing.checkout.lineItems.title__subscriptionBegins")}),(0,o.Y)(g.p.Description,{text:a.totalDueNow.amount>0||null!==p?s?"card"!==s.paymentType?s.paymentType?"".concat(v(s.paymentType)):"–":s.cardType?"".concat(v(s.cardType)," ⋯ ").concat(s.last4):"–":"–":d?(0,y.Y)(new Date(d)):"–"})]})]}),(0,o.Y)(m.$n,{onClick:()=>{r&&e.navigate(r),t&&t(!1)},localizationKey:(0,h.G)("formButtonPrimary")})]})]}):null};r(85074);var F=r(23707),_=r(63269),S=r(76839),z=r(41586),G=r(96455),T=r(4468),M=r(90625),R=r(97288),C=r(89068),B=r(98023),I=r(13450),A=r(53369),E=r(13679);let P=e=>e[0].toUpperCase()+e.slice(1),N="payment_method_id",L=(0,_.dm)(()=>{var e,t,r,i,a,c;let{checkout:s}=(0,l.v$)(),{plan:d,totals:u,isImmediatePlanChange:p,planPeriod:y,freeTrialEndsAt:b}=s;if(!d)return null;let Y=!!(null==(e=u.credit)?void 0:e.amount)&&u.credit.amount>0,D=!!(null==(t=u.pastDue)?void 0:t.amount)&&u.pastDue.amount>0,$="month"===y?d.fee:d.annualMonthlyFee;return(0,o.FD)(n.Drawer.Body,{children:[(0,o.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,o.FD)(g.p.Root,{children:[(0,o.FD)(g.p.Group,{children:[(0,o.Y)(g.p.Title,{title:d.name,description:"annual"===y?(0,h.G)("billing.billedAnnually"):void 0,badge:d.freeTrialEnabled&&b?(0,o.Y)(E.V,{subscription:{status:"free_trial"}}):null}),(0,o.Y)(g.p.Description,{prefix:"annual"===y?"x12":void 0,text:"".concat($.currencySymbol).concat($.amountFormatted),suffix:(0,h.G)("billing.checkout.perMonth")})]}),(0,o.FD)(g.p.Group,{borderTop:!0,variant:"tertiary",children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.subtotal")}),(0,o.Y)(g.p.Description,{text:"".concat(u.subtotal.currencySymbol).concat(u.subtotal.amountFormatted)})]}),Y&&(0,o.FD)(g.p.Group,{variant:"tertiary",children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.creditRemainder")}),(0,o.Y)(g.p.Description,{text:"- ".concat(null==(r=u.credit)?void 0:r.currencySymbol).concat(null==(i=u.credit)?void 0:i.amountFormatted)})]}),D&&(0,o.FD)(g.p.Group,{variant:"tertiary",children:[(0,o.FD)(G.m_.Root,{children:[(0,o.Y)(G.m_.Trigger,{children:(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.pastDue"),icon:C.A})}),(0,o.Y)(G.m_.Content,{text:(0,h.G)("billing.checkout.pastDueNotice")})]}),(0,o.Y)(g.p.Description,{text:"".concat(null==(a=u.pastDue)?void 0:a.currencySymbol).concat(null==(c=u.pastDue)?void 0:c.amountFormatted)})]}),!!b&&!!d.freeTrialDays&&u.totalDueAfterFreeTrial&&(0,o.FD)(g.p.Group,{variant:"tertiary",children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.totalDueAfterTrial",{days:d.freeTrialDays})}),(0,o.Y)(g.p.Description,{text:"".concat(u.totalDueAfterFreeTrial.currencySymbol).concat(u.totalDueAfterFreeTrial.amountFormatted)})]}),(0,o.FD)(g.p.Group,{borderTop:!0,children:[(0,o.Y)(g.p.Title,{title:(0,h.G)("billing.totalDueToday")}),(0,o.Y)(g.p.Description,{text:"".concat(u.totalDueNow.currencySymbol).concat(u.totalDueNow.amountFormatted)})]})]})}),!p&&(0,o.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({paddingBlockStart:e.space.$4,paddingInline:e.space.$4}),children:(0,o.Y)(m.EY,{localizationKey:(0,h.G)("billing.checkout.downgradeNotice"),variant:"caption",colorScheme:"secondary"})}),(0,o.Y)(K,{})]})}),W=()=>{let{onSubscriptionComplete:e}=u(),{checkout:t}=(0,l.v$)(),r=(0,_.f0)();if("needs_confirmation"!==t.status)throw Error("Checkout not found");let o=async o=>{r.setLoading(),r.setError(void 0);let{error:n}=await t.confirm(o);n?(0,T.H4)(n,[],r.setError):null==e||e(),r.setIdle()};return{payWithExistingPaymentMethod:e=>(e.preventDefault(),o({paymentMethodId:new FormData(e.currentTarget).get(N)})),addPaymentMethodAndPay:e=>o(e),payWithTestCard:()=>o({gateway:"stripe",useTestCard:!0}),payWithoutPaymentMethod:e=>(e.preventDefault(),o({}))}},K=()=>{let{checkout:e}=(0,l.v$)(),{plan:t}=e,{isLoading:r}=(0,R.mu)();return t?r?(0,o.Y)(m.y$,{sx:{margin:"auto"}}):(0,o.Y)(U,{}):null},U=()=>{let{checkout:e}=(0,l.v$)(),{plan:t,isImmediatePlanChange:r,needsPaymentMethod:n}=e,{data:i}=(0,R.mu)(),[a,s]=(0,c.useState)(()=>i.length>0?"existing":"new");return t?(0,o.FD)(m.fv,{elementDescriptor:f.$z.checkoutFormElementsRoot,gap:4,sx:e=>({padding:e.space.$4}),children:[(0,o.Y)(o.FK,{children:i.length>0&&r&&n&&(0,o.FD)(S.I.Root,{"aria-label":"Payment method source",value:a,onChange:e=>s(e),size:"lg",fullWidth:!0,children:[(0,o.Y)(S.I.Button,{value:"existing",text:(0,h.G)("billing.paymentMethods__label")}),(0,o.Y)(S.I.Button,{value:"new",text:(0,h.G)("billing.addPaymentMethod__label")})]})}),n?"existing"===a?(0,o.Y)(Z,{paymentMethods:i}):"new"===a&&(0,o.Y)(j,{}):(0,o.Y)(V,{})]}):null},J=()=>{let{isLoading:e}=(0,_.f0)(),{payWithTestCard:t}=W();return(0,o.FD)(m.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,o.Y)(m.az,{sx:e=>({position:"absolute",inset:0,background:"repeating-linear-gradient(-45deg,".concat(e.colors.$warningAlpha100,",").concat(e.colors.$warningAlpha100," 6px,").concat(e.colors.$warningAlpha150," 6px,").concat(e.colors.$warningAlpha150," 12px)"),maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,o.FD)(m.so,{sx:e=>({alignItems:"center",justifyContent:"center",flexDirection:"column",rowGap:e.space.$2}),children:[(0,o.Y)(m.EY,{sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,h.G)("billing.paymentMethod.dev.developmentMode")}),(0,o.Y)(m.$n,{type:"button",block:!0,variant:"bordered",localizationKey:(0,h.G)("userProfile.billingPage.paymentMethodsSection.payWithTestCardButton"),colorScheme:"secondary",isLoading:e,onClick:t})]})]})},O=()=>{let{checkout:e}=(0,l.v$)(),{status:t,freeTrialEndsAt:r,totals:o}=e;if("needs_initialization"===t)throw Error("Clerk: Invalid state");return r?(0,h.G)("billing.startFreeTrial"):o.totalDueNow.amount>0?(0,h.G)("billing.pay",{amount:"".concat(o.totalDueNow.currencySymbol).concat(o.totalDueNow.amountFormatted)}):(0,h.G)("billing.subscribe")},V=(0,_.dm)(()=>{let{for:e}=u(),{payWithoutPaymentMethod:t}=W(),r=(0,_.f0)();return(0,o.FD)(m.lV,{onSubmit:t,sx:X,children:[(0,o.Y)(F.Z.Alert,{children:r.error}),(0,o.Y)(H,{})]})}),j=(0,_.dm)(()=>{let{addPaymentMethodAndPay:e}=W(),t=O(),{checkout:r}=(0,l.v$)();return(0,o.FD)(I.bL,{onSuccess:e,checkout:r,children:[(0,o.Y)(M.W,{children:(0,o.Y)(J,{})}),(0,o.Y)(I.pr,{text:t})]})}),H=e=>{let t=(0,_.f0)(),r=O();return(0,o.Y)(m.$n,{type:"submit",colorScheme:"primary",size:"sm",textVariant:"buttonLarge",sx:{width:"100%"},isLoading:t.isLoading,localizationKey:r,...e})},X=e=>({display:"flex",flexDirection:"column",rowGap:e.space.$4}),Z=(0,_.dm)(e=>{let{paymentMethods:t}=e,{checkout:r}=(0,l.v$)(),{paymentMethod:n,isImmediatePlanChange:i,needsPaymentMethod:a}=r,{payWithExistingPaymentMethod:s}=W(),d=(0,_.f0)(),[u,p]=(0,c.useState)(n||t.find(e=>e.isDefault)),h=(0,c.useMemo)(()=>t.map(e=>{let t="card"!==e.paymentType?e.paymentType?"".concat(P(e.paymentType)):"–":e.cardType?"".concat(P(e.cardType)," ⋯ ").concat(e.last4):"–";return{value:e.id,label:t}}),[t]);return(0,o.FD)(m.lV,{onSubmit:s,sx:X,children:[i&&a?(0,o.FD)(z.l6,{elementId:"paymentMethod",options:h,value:(null==u?void 0:u.id)||null,onChange:e=>{p(t.find(t=>t.id===e.value))},portal:!0,children:[(0,o.Y)("input",{name:N,type:"hidden",value:null==u?void 0:u.id}),(0,o.Y)(z.JC,{icon:B.A,sx:e=>({justifyContent:"space-between",backgroundColor:e.colors.$colorBackground}),children:u&&(0,o.Y)(A.O,{paymentMethod:u})}),(0,o.Y)(z.UL,{sx:e=>({paddingBlock:e.space.$1,color:e.colors.$colorForeground})})]}):(0,o.Y)("input",{name:N,type:"hidden",value:null==u?void 0:u.id}),(0,o.Y)(F.Z.Alert,{children:d.error}),(0,o.Y)(H,{})]})});r(65331),r(32069),r(30945);let q=()=>{let{checkout:e}=(0,l.v$)();return(0,c.useEffect)(()=>{e.start()},[]),null},Q=e=>{let{children:t}=e,{planId:r,planPeriod:n,for:i}=u();return(0,o.FD)(l.Rx,{for:i,planId:r,planPeriod:n,children:[(0,o.Y)(q,{}),t]})},ee=e=>{let{children:t,name:r}=e,{checkout:o}=(0,l.v$)();return o.status!==r?null:t},et=e=>{let{children:t,status:r}=e,{errors:o,fetchStatus:n}=(0,l.v$)();return(0,c.useMemo)(()=>{if(o.global){let e=o.global.flatMap(e=>{if(e.isClerkAPIResponseError())return e.errors.map(e=>e.code)});return e.includes("missing_payer_email")?"missing_payer_email":e.includes("invalid_plan_change")?"invalid_plan_change":"generic_error"}return n},[n])!==r?null:t};r(95055);var er=r(78036),eo=r(10078),en=r(32336);let ei=()=>{let{errors:e}=(0,l.v$)(),{translateError:t}=(0,eo._)(),{t:r}=(0,eo._)();return(0,o.Y)(n.Drawer.Body,{children:(0,o.Y)(m.so,{align:"center",justify:"center",sx:e=>({height:"100%",padding:e.space.$4,fontSize:e.fontSizes.$md}),children:(0,o.Y)(er.F,{variant:"danger",colorScheme:"danger",children:e.global?t(e.global[0]):r((0,h.G)("unstable__errors.form_param_value_invalid"))})})})},ea=()=>{var e;let{planPeriod:t}=u(),{errors:r}=(0,l.v$)(),i=null==r||null==(e=r.global)?void 0:e.filter(e=>e.isClerkAPIResponseError()).flatMap(e=>e.errors).find(e=>"invalid_plan_change"===e.code);if(!i)return null;let{plan:a,isPlanUpgradePossible:c}=(null==i?void 0:i.meta)||{};return(0,o.Y)(n.Drawer.Body,{children:(0,o.FD)(m.so,{gap:4,direction:"col",children:[(0,o.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,o.Y)(g.p.Root,{children:(0,o.FD)(g.p.Group,{children:[(0,o.Y)(g.p.Title,{title:a.name,description:"annual"===t?(0,h.G)("billing.billedAnnually"):void 0}),(0,o.Y)(g.p.Description,{prefix:"annual"===t?"x12":void 0,text:"".concat(a.currency_symbol).concat("month"===t?a.amount_formatted:a.annual_monthly_amount_formatted),suffix:(0,h.G)("billing.checkout.perMonth")})]})})}),(0,o.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,o.Y)(er.F,{variant:"info",colorScheme:"info",title:c?(0,h.G)("billing.cannotSubscribeMonthly"):(0,h.G)("billing.cannotSubscribeUnrecoverable")})})]})})},el=()=>{let{checkout:e}=(0,l.v$)(),{setIsOpen:t}=(0,n.g)();return(0,o.Y)(n.Drawer.Body,{children:(0,o.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,o.Y)(en.v,{title:(0,h.G)("billing.checkout.emailForm.title"),subtitle:(0,h.G)("billing.checkout.emailForm.subtitle"),onSuccess:()=>void e.start(),onReset:()=>t(!1),disableAutoFocus:!0})})})},ec=e=>(0,o.Y)(p.n.Root,{flow:"checkout",children:(0,o.Y)(p.n.Part,{children:(0,o.Y)(i.m$.Provider,{value:e.for||"user",children:(0,o.Y)(d.Provider,{value:{componentName:"Checkout",...e},children:(0,o.FD)(n.Drawer.Content,{children:[(0,o.Y)(n.Drawer.Header,{title:(0,h.G)("billing.checkout.title")}),(0,o.FD)(Q,{children:[(0,o.FD)(ee,{name:"needs_initialization",children:[(0,o.Y)(et,{status:"fetching",children:(0,o.Y)(m.y$,{sx:{margin:"auto"}})}),(0,o.Y)(et,{status:"invalid_plan_change",children:(0,o.Y)(ea,{})}),(0,o.Y)(et,{status:"missing_payer_email",children:(0,o.Y)(el,{})}),(0,o.Y)(et,{status:"generic_error",children:(0,o.Y)(ei,{})})]}),(0,o.Y)(ee,{name:"completed",children:(0,o.Y)(k,{})}),(0,o.Y)(ee,{name:"needs_confirmation",children:(0,o.Y)(L,{})})]})]})})})})})},13450:function(e,t,r){r.d(t,{pr:()=>M,L6:()=>T,Mo:()=>G,bL:()=>S}),r(88711);var o=r(14518),n=r(21210),i=r(35074),a=r(23707),l=r(63269),c=r(52454),s=r(11475),d=r(23549),u=r(38930),p=r(4468),h=r(46256),m=r(16580),g=r(10078),y=r(22861),f=r(18272),b=r(58920);let Y=e=>(0,o.Y)(f.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),D=()=>(0,o.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),$=e=>(0,o.Y)(f.so,{direction:"col",gap:2,children:e.children}),v=()=>(0,o.Y)(f.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,o.FD)(f.so,{direction:"col",gap:5,children:[(0,o.FD)($,{children:[(0,o.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,o.Y)(D,{})]}),(0,o.FD)(f.xA,{columns:2,gap:4,children:[(0,o.FD)($,{children:[(0,o.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,o.Y)(D,{})]}),(0,o.FD)($,{children:[(0,o.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,o.Y)(D,{})]})]}),(0,o.FD)($,{children:[(0,o.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,o.Y)(D,{})]}),(0,o.FD)($,{children:[(0,o.Y)(Y,{}),(0,o.Y)(Y,{}),(0,o.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[x,w]=(0,n.e3)("AddPaymentMethodRoot"),k=e=>{var t;let r,{children:a,checkout:l,...c}=e,s=(0,h.XX)(),d=(0,i.useRef)(null),{t:p}=(0,g._)(),[f,b]=(0,i.useState)(void 0),[Y,D]=(0,i.useState)(void 0),[$,v]=(0,i.useState)(void 0),w=(t=d.current,r=(0,m.K)().parsedInternalTheme,(0,i.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:o,fontSizes:n,radii:i,space:a}=r;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",o.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",o.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",o.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",n.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",n.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",n.$md),fontSizeXs:(0,u.yJ)(t,"font-size",n.$sm),borderRadius:(0,u.yJ)(t,"border-radius",i.$lg),spacingUnit:(0,u.yJ)(t,"padding",a.$1)}},[r,t]));return(0,o.FD)(x.Provider,{value:{value:{headerTitle:f,headerSubtitle:Y,submitLabel:$,setHeaderTitle:b,setHeaderSubtitle:D,setSubmitLabel:v,checkout:l,...c}},children:[(0,o.Y)("div",{ref:d,style:{display:"none"}}),(0,o.Y)(n.Tn,{checkout:l,for:s,stripeAppearance:w,paymentDescription:p((0,y.G)((null==l?void 0:l.planPeriod)==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:a})]})},F=e=>{let{isProviderReady:t}=(0,n.Jl)();return t?null:e.children},_=e=>{let{isProviderReady:t}=(0,n.Jl)();return t?(0,o.Y)(o.FK,{children:e.children}):null},S=e=>{let{children:t,...r}=e;return(0,o.FD)(k,{...r,children:[(0,o.Y)(F,{children:(0,o.Y)(f.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,o.Y)(f.y$,{size:"lg",colorScheme:"primary",elementDescriptor:b.$z.spinner})})}),(0,o.Y)(_,{children:(0,o.Y)(R,{children:t})})]})},z=(e,t)=>{(0,i.useRef)(()=>{t(e)}),(0,i.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:r}=w();return z(t,r),null},T=e=>{let{text:t}=e,{setHeaderSubtitle:r}=w();return z(t,r),null},M=e=>{let{text:t}=e,{setSubmitLabel:r}=w();return z(t,r),null},R=e=>{let{children:t}=e,{headerTitle:r,headerSubtitle:i,submitLabel:u,checkout:m,onSuccess:g,cancelAction:f}=w(),b=(0,l.f0)(),Y=(0,h.N7)(),{isFormReady:D,submit:$,reset:x}=(0,n.Jl)(),k=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:r}=await $();if(!r)try{await g(t)}catch(e){(0,p.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,o.Y)(d.M,{headerTitle:r,headerSubtitle:i,children:(0,o.FD)(c.l.Root,{onSubmit:k,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[t,(0,o.Y)(n.cl,{fallback:(0,o.Y)(v,{})}),(0,o.Y)(a.Z.Alert,{children:b.error}),(0,o.Y)(s.G,{isDisabled:!D,submitLabel:null!=u?u:(0,y.G)("".concat(Y,".billingPage.paymentMethodsSection.formButtonPrimary__add")),onReset:f,hideReset:!f,sx:{flex:m?1:void 0}})]})})}},53369:function(e,t,r){r.d(t,{O:()=>s});var o=r(14518),n=r(18272),i=r(58920),a=r(22861),l=r(14967),c=r(65203);let s=e=>{let{paymentMethod:t}=e;return(0,o.FD)(n.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:i.$z.paymentMethodRow,children:[(0,o.Y)(n.In,{icon:"card"===t.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:i.$z.paymentMethodRowIcon}),(0,o.Y)(n.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:i.$z.paymentMethodRowType,children:"card"===t.paymentType?t.cardType:t.paymentType}),(0,o.Y)(n.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:i.$z.paymentMethodRowValue,children:"card"===t.paymentType?"⋯ ".concat(t.last4):null}),t.isDefault&&(0,o.Y)(n.Ex,{elementDescriptor:i.$z.paymentMethodRowBadge,elementId:i.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,a.G)("badge__default")}),"expired"===t.status&&(0,o.Y)(n.Ex,{elementDescriptor:i.$z.paymentMethodRowBadge,elementId:i.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,a.G)("badge__expired")})]})}},13679:function(e,t,r){r.d(t,{V:()=>c});var o=r(14518),n=r(18272),i=r(22861);let a={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=e=>{let{subscription:t,elementDescriptor:r}=e;return(0,o.Y)(n.Ex,{elementDescriptor:r,colorScheme:l[t.status],localizationKey:(0,i.G)(a[t.status])})}}}]);

package/dist/{checkout_ui_b31bc8_1.0.0-snapshot.v20251218183643.js → checkout_ui_fb7cb6_1.0.0-snapshot.v20251224145055.js}

@@ -6,4 +6,4 @@
                 100% {
                   stroke-dashoffset: 0;
                 }
-            `})]}),(0,i.FD)(m.L9,{sx:e=>({margin:"auto",gridArea:"1/1",position:"relative",textAlign:"center",transform:`translateY(${e.space.$20})`}),children:[(0,i.Y)(m.DZ,{elementDescriptor:f.$z.checkoutSuccessTitle,as:"h2",textVariant:"h2",localizationKey:p?(0,h.G)("billing.checkout.title__trialSuccess"):a.totalDueNow.amount>0?(0,h.G)("billing.checkout.title__paymentSuccessful"):(0,h.G)("billing.checkout.title__subscriptionSuccessful"),sx:e=>({opacity:0,animationName:"slideUp",animationDuration:`${b.wz.slowest}ms`,animationTimingFunction:b._8.bezier,animationFillMode:"forwards",color:e.colors.$colorForeground,"@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}})}),(0,i.Y)(m.EY,{elementDescriptor:f.$z.checkoutSuccessDescription,colorScheme:"secondary",sx:e=>({textAlign:"center",paddingInline:e.space.$8,marginBlockStart:e.space.$2,opacity:0,animationName:"slideUp",animationDuration:`${1.5*b.wz.slowest}ms`,animationTimingFunction:b._8.bezier,animationFillMode:"forwards","@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}}),localizationKey:a.totalDueNow.amount>0?(0,h.G)("billing.checkout.description__paymentSuccessful"):(0,h.G)("billing.checkout.description__subscriptionSuccessful")})]})]})}),(0,i.FD)(o.Drawer.Footer,{sx:e=>({rowGap:e.space.$4,animationName:"footerSlideInUp",animationDuration:`${b.wz.drawer}ms`,animationTimingFunction:b._8.bezier,"@keyframes footerSlideInUp":{"0%":{transform:"translateY(100%)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{animation:"none"}}),children:[(0,i.FD)(g.p.Root,{children:[(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__totalPaid")}),(0,i.Y)(g.p.Description,{text:`${a.totalDueNow.currencySymbol}${a.totalDueNow.amountFormatted}`})]}),p?(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__freeTrialEndsAt")}),(0,i.Y)(g.p.Description,{text:(0,y.Y)(p)})]}):null,(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:a.totalDueNow.amount>0||null!==p?(0,h.G)("billing.checkout.lineItems.title__paymentMethod"):(0,h.G)("billing.checkout.lineItems.title__subscriptionBegins")}),(0,i.Y)(g.p.Description,{text:a.totalDueNow.amount>0||null!==p?s?"card"!==s.paymentType?s.paymentType?`${x(s.paymentType)}`:"–":s.cardType?`${x(s.cardType)} ⋯ ${s.last4}`:"–":"–":d?(0,y.Y)(new Date(d)):"–"})]})]}),(0,i.Y)(m.$n,{onClick:()=>{r&&e.navigate(r),t&&t(!1)},localizationKey:(0,h.G)("formButtonPrimary")})]})]}):null};var F=r(6088),_=r(3269),S=r(6839),z=r(1586),G=r(6455),T=r(4468),M=r(625),R=r(7288),C=r(9068),B=r(8023),A=r(3450),I=r(3369),E=r(3679);let P=e=>e[0].toUpperCase()+e.slice(1),N="payment_method_id",L=(0,_.dm)(()=>{let{checkout:e}=(0,l.v$)(),{plan:t,totals:r,isImmediatePlanChange:n,planPeriod:a,freeTrialEndsAt:c}=e;if(!t)return null;let s=!!r.credit?.amount&&r.credit.amount>0,d=!!r.pastDue?.amount&&r.pastDue.amount>0,u="month"===a?t.fee:t.annualMonthlyFee;return(0,i.FD)(o.Drawer.Body,{children:[(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,i.FD)(g.p.Root,{children:[(0,i.FD)(g.p.Group,{children:[(0,i.Y)(g.p.Title,{title:t.name,description:"annual"===a?(0,h.G)("billing.billedAnnually"):void 0,badge:t.freeTrialEnabled&&c?(0,i.Y)(E.V,{subscription:{status:"free_trial"}}):null}),(0,i.Y)(g.p.Description,{prefix:"annual"===a?"x12":void 0,text:`${u.currencySymbol}${u.amountFormatted}`,suffix:(0,h.G)("billing.checkout.perMonth")})]}),(0,i.FD)(g.p.Group,{borderTop:!0,variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.subtotal")}),(0,i.Y)(g.p.Description,{text:`${r.subtotal.currencySymbol}${r.subtotal.amountFormatted}`})]}),s&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.creditRemainder")}),(0,i.Y)(g.p.Description,{text:`- ${r.credit?.currencySymbol}${r.credit?.amountFormatted}`})]}),d&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.FD)(G.m_.Root,{children:[(0,i.Y)(G.m_.Trigger,{children:(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.pastDue"),icon:C.A})}),(0,i.Y)(G.m_.Content,{text:(0,h.G)("billing.checkout.pastDueNotice")})]}),(0,i.Y)(g.p.Description,{text:`${r.pastDue?.currencySymbol}${r.pastDue?.amountFormatted}`})]}),!!c&&!!t.freeTrialDays&&r.totalDueAfterFreeTrial&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.totalDueAfterTrial",{days:t.freeTrialDays})}),(0,i.Y)(g.p.Description,{text:`${r.totalDueAfterFreeTrial.currencySymbol}${r.totalDueAfterFreeTrial.amountFormatted}`})]}),(0,i.FD)(g.p.Group,{borderTop:!0,children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.totalDueToday")}),(0,i.Y)(g.p.Description,{text:`${r.totalDueNow.currencySymbol}${r.totalDueNow.amountFormatted}`})]})]})}),!n&&(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({paddingBlockStart:e.space.$4,paddingInline:e.space.$4}),children:(0,i.Y)(m.EY,{localizationKey:(0,h.G)("billing.checkout.downgradeNotice"),variant:"caption",colorScheme:"secondary"})}),(0,i.Y)(K,{})]})}),W=()=>{let{onSubscriptionComplete:e}=u(),{checkout:t}=(0,l.v$)(),r=(0,_.f0)();if("needs_confirmation"!==t.status)throw Error("Checkout not found");let i=async i=>{r.setLoading(),r.setError(void 0);let{error:o}=await t.confirm(i);o?(0,T.H4)(o,[],r.setError):e?.(),r.setIdle()};return{payWithExistingPaymentMethod:e=>(e.preventDefault(),i({paymentMethodId:new FormData(e.currentTarget).get(N)})),addPaymentMethodAndPay:e=>i(e),payWithTestCard:()=>i({gateway:"stripe",useTestCard:!0}),payWithoutPaymentMethod:e=>(e.preventDefault(),i({}))}},K=()=>{let{checkout:e}=(0,l.v$)(),{plan:t}=e,{isLoading:r}=(0,R.mu)();return t?r?(0,i.Y)(m.y$,{sx:{margin:"auto"}}):(0,i.Y)(U,{}):null},U=()=>{let{checkout:e}=(0,l.v$)(),{plan:t,isImmediatePlanChange:r,needsPaymentMethod:o}=e,{data:n}=(0,R.mu)(),[a,s]=(0,c.useState)(()=>n.length>0?"existing":"new");return t?(0,i.FD)(m.fv,{elementDescriptor:f.$z.checkoutFormElementsRoot,gap:4,sx:e=>({padding:e.space.$4}),children:[(0,i.Y)(i.FK,{children:n.length>0&&r&&o&&(0,i.FD)(S.I.Root,{"aria-label":"Payment method source",value:a,onChange:e=>s(e),size:"lg",fullWidth:!0,children:[(0,i.Y)(S.I.Button,{value:"existing",text:(0,h.G)("billing.paymentMethods__label")}),(0,i.Y)(S.I.Button,{value:"new",text:(0,h.G)("billing.addPaymentMethod__label")})]})}),o?"existing"===a?(0,i.Y)(Z,{paymentMethods:n}):"new"===a&&(0,i.Y)(j,{}):(0,i.Y)(V,{})]}):null},J=()=>{let{isLoading:e}=(0,_.f0)(),{payWithTestCard:t}=W();return(0,i.FD)(m.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,i.Y)(m.az,{sx:e=>({position:"absolute",inset:0,background:`repeating-linear-gradient(-45deg,${e.colors.$warningAlpha100},${e.colors.$warningAlpha100} 6px,${e.colors.$warningAlpha150} 6px,${e.colors.$warningAlpha150} 12px)`,maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,i.FD)(m.so,{sx:e=>({alignItems:"center",justifyContent:"center",flexDirection:"column",rowGap:e.space.$2}),children:[(0,i.Y)(m.EY,{sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,h.G)("billing.paymentMethod.dev.developmentMode")}),(0,i.Y)(m.$n,{type:"button",block:!0,variant:"bordered",localizationKey:(0,h.G)("userProfile.billingPage.paymentMethodsSection.payWithTestCardButton"),colorScheme:"secondary",isLoading:e,onClick:t})]})]})},O=()=>{let{checkout:e}=(0,l.v$)(),{status:t,freeTrialEndsAt:r,totals:i}=e;if("needs_initialization"===t)throw Error("Clerk: Invalid state");return r?(0,h.G)("billing.startFreeTrial"):i.totalDueNow.amount>0?(0,h.G)("billing.pay",{amount:`${i.totalDueNow.currencySymbol}${i.totalDueNow.amountFormatted}`}):(0,h.G)("billing.subscribe")},V=(0,_.dm)(()=>{let{for:e}=u(),{payWithoutPaymentMethod:t}=W(),r=(0,_.f0)();return(0,i.FD)(m.lV,{onSubmit:t,sx:X,children:[(0,i.Y)(F.Z.Alert,{children:r.error}),(0,i.Y)(H,{})]})}),j=(0,_.dm)(()=>{let{addPaymentMethodAndPay:e}=W(),t=O(),{checkout:r}=(0,l.v$)();return(0,i.FD)(A.bL,{onSuccess:e,checkout:r,children:[(0,i.Y)(M.W,{children:(0,i.Y)(J,{})}),(0,i.Y)(A.pr,{text:t})]})}),H=e=>{let t=(0,_.f0)(),r=O();return(0,i.Y)(m.$n,{type:"submit",colorScheme:"primary",size:"sm",textVariant:"buttonLarge",sx:{width:"100%"},isLoading:t.isLoading,localizationKey:r,...e})},X=e=>({display:"flex",flexDirection:"column",rowGap:e.space.$4}),Z=(0,_.dm)(({paymentMethods:e})=>{let{checkout:t}=(0,l.v$)(),{paymentMethod:r,isImmediatePlanChange:o,needsPaymentMethod:n}=t,{payWithExistingPaymentMethod:a}=W(),s=(0,_.f0)(),[d,u]=(0,c.useState)(r||e.find(e=>e.isDefault)),p=(0,c.useMemo)(()=>e.map(e=>{let t="card"!==e.paymentType?e.paymentType?`${P(e.paymentType)}`:"–":e.cardType?`${P(e.cardType)} ⋯ ${e.last4}`:"–";return{value:e.id,label:t}}),[e]);return(0,i.FD)(m.lV,{onSubmit:a,sx:X,children:[o&&n?(0,i.FD)(z.l6,{elementId:"paymentMethod",options:p,value:d?.id||null,onChange:t=>{u(e.find(e=>e.id===t.value))},portal:!0,children:[(0,i.Y)("input",{name:N,type:"hidden",value:d?.id}),(0,i.Y)(z.JC,{icon:B.A,sx:e=>({justifyContent:"space-between",backgroundColor:e.colors.$colorBackground}),children:d&&(0,i.Y)(I.O,{paymentMethod:d})}),(0,i.Y)(z.UL,{sx:e=>({paddingBlock:e.space.$1,color:e.colors.$colorForeground})})]}):(0,i.Y)("input",{name:N,type:"hidden",value:d?.id}),(0,i.Y)(F.Z.Alert,{children:s.error}),(0,i.Y)(H,{})]})}),q=()=>{let{checkout:e}=(0,l.v$)();return(0,c.useEffect)(()=>{e.start()},[]),null},Q=({children:e})=>{let{planId:t,planPeriod:r,for:o}=u();return(0,i.FD)(l.Rx,{for:o,planId:t,planPeriod:r,children:[(0,i.Y)(q,{}),e]})},ee=({children:e,name:t})=>{let{checkout:r}=(0,l.v$)();return r.status!==t?null:e},et=({children:e,status:t})=>{let{errors:r,fetchStatus:i}=(0,l.v$)();return(0,c.useMemo)(()=>{if(r.global){let e=r.global.flatMap(e=>{if(e.isClerkApiResponseError())return e.errors.map(e=>e.code)});return e.includes("missing_payer_email")?"missing_payer_email":e.includes("invalid_plan_change")?"invalid_plan_change":"generic_error"}return i},[i])!==t?null:e};var er=r(8036),ei=r(78),eo=r(2336);let en=()=>{let{errors:e}=(0,l.v$)(),{translateError:t}=(0,ei._)(),{t:r}=(0,ei._)();return(0,i.Y)(o.Drawer.Body,{children:(0,i.Y)(m.so,{align:"center",justify:"center",sx:e=>({height:"100%",padding:e.space.$4,fontSize:e.fontSizes.$md}),children:(0,i.Y)(er.F,{variant:"danger",colorScheme:"danger",children:e.global?t(e.global[0]):r((0,h.G)("unstable__errors.form_param_value_invalid"))})})})},ea=()=>{let{planPeriod:e}=u(),{errors:t}=(0,l.v$)(),r=t?.global?.filter(e=>e.isClerkApiResponseError()).flatMap(e=>e.errors).find(e=>"invalid_plan_change"===e.code);if(!r)return null;let{plan:n,isPlanUpgradePossible:a}=r?.meta||{};return(0,i.Y)(o.Drawer.Body,{children:(0,i.FD)(m.so,{gap:4,direction:"col",children:[(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,i.Y)(g.p.Root,{children:(0,i.FD)(g.p.Group,{children:[(0,i.Y)(g.p.Title,{title:n.name,description:"annual"===e?(0,h.G)("billing.billedAnnually"):void 0}),(0,i.Y)(g.p.Description,{prefix:"annual"===e?"x12":void 0,text:`${n.currency_symbol}${"month"===e?n.amount_formatted:n.annual_monthly_amount_formatted}`,suffix:(0,h.G)("billing.checkout.perMonth")})]})})}),(0,i.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,i.Y)(er.F,{variant:"info",colorScheme:"info",title:a?(0,h.G)("billing.cannotSubscribeMonthly"):(0,h.G)("billing.cannotSubscribeUnrecoverable")})})]})})},el=()=>{let{checkout:e}=(0,l.v$)(),{setIsOpen:t}=(0,o.g)();return(0,i.Y)(o.Drawer.Body,{children:(0,i.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,i.Y)(eo.v,{title:(0,h.G)("billing.checkout.emailForm.title"),subtitle:(0,h.G)("billing.checkout.emailForm.subtitle"),onSuccess:()=>void e.start(),onReset:()=>t(!1),disableAutoFocus:!0})})})},ec=e=>(0,i.Y)(p.n.Root,{flow:"checkout",children:(0,i.Y)(p.n.Part,{children:(0,i.Y)(n.m$.Provider,{value:e.for||"user",children:(0,i.Y)(d.Provider,{value:{componentName:"Checkout",...e},children:(0,i.FD)(o.Drawer.Content,{children:[(0,i.Y)(o.Drawer.Header,{title:(0,h.G)("billing.checkout.title")}),(0,i.FD)(Q,{children:[(0,i.FD)(ee,{name:"needs_initialization",children:[(0,i.Y)(et,{status:"fetching",children:(0,i.Y)(m.y$,{sx:{margin:"auto"}})}),(0,i.Y)(et,{status:"invalid_plan_change",children:(0,i.Y)(ea,{})}),(0,i.Y)(et,{status:"missing_payer_email",children:(0,i.Y)(el,{})}),(0,i.Y)(et,{status:"generic_error",children:(0,i.Y)(en,{})})]}),(0,i.Y)(ee,{name:"completed",children:(0,i.Y)(v,{})}),(0,i.Y)(ee,{name:"needs_confirmation",children:(0,i.Y)(L,{})})]})]})})})})})},3450:function(e,t,r){r.d(t,{pr:()=>M,L6:()=>T,Mo:()=>G,bL:()=>S});var i=r(4518),o=r(1210),n=r(5074),a=r(6088),l=r(3269),c=r(2454),s=r(1475),d=r(3549),u=r(8930),p=r(4468),h=r(6256),m=r(6580),g=r(78),y=r(2861),f=r(8272),$=r(8920);let b=e=>(0,i.Y)(f.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),Y=()=>(0,i.Y)(b,{sx:e=>({height:e.space.$10,width:"100%"})}),D=e=>(0,i.Y)(f.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,i.Y)(f.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,i.FD)(f.so,{direction:"col",gap:5,children:[(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(Y,{})]}),(0,i.FD)(f.xA,{columns:2,gap:4,children:[(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)(Y,{})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(Y,{})]})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)(Y,{})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{}),(0,i.Y)(b,{}),(0,i.Y)(b,{sx:{width:"66.666667%"}})]})]})}),[w,k]=(0,o.e3)("AddPaymentMethodRoot"),v=({children:e,checkout:t,...r})=>{var a;let l,c=(0,h.XX)(),s=(0,n.useRef)(null),{t:d}=(0,g._)(),[p,f]=(0,n.useState)(void 0),[$,b]=(0,n.useState)(void 0),[Y,D]=(0,n.useState)(void 0),x=(a=s.current,l=(0,m.K)().parsedInternalTheme,(0,n.useMemo)(()=>{if(!a)return;let{colors:e,fontWeights:t,fontSizes:r,radii:i,space:o}=l;return{colorPrimary:(0,u.G3)(a,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(a,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(a,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(a,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(a,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(a,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(a,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(a,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(a,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(a,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(a,"font-size",r.$xl),fontSizeLg:(0,u.yJ)(a,"font-size",r.$lg),fontSizeSm:(0,u.yJ)(a,"font-size",r.$md),fontSizeXs:(0,u.yJ)(a,"font-size",r.$sm),borderRadius:(0,u.yJ)(a,"border-radius",i.$lg),spacingUnit:(0,u.yJ)(a,"padding",o.$1)}},[l,a]));return(0,i.FD)(w.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:Y,setHeaderTitle:f,setHeaderSubtitle:b,setSubmitLabel:D,checkout:t,...r}},children:[(0,i.Y)("div",{ref:s,style:{display:"none"}}),(0,i.Y)(o.Tn,{checkout:t,for:c,stripeAppearance:x,paymentDescription:d((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,o.Jl)();return t?null:e.children},_=e=>{let{isProviderReady:t}=(0,o.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},S=e=>{let{children:t,...r}=e;return(0,i.FD)(v,{...r,children:[(0,i.Y)(F,{children:(0,i.Y)(f.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(f.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,i.Y)(_,{children:(0,i.Y)(R,{children:t})})]})},z=(e,t)=>{(0,n.useRef)(()=>{t(e)}),(0,n.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=k();return z(e,t),null},T=({text:e})=>{let{setHeaderSubtitle:t}=k();return z(e,t),null},M=({text:e})=>{let{setSubmitLabel:t}=k();return z(e,t),null},R=({children:e})=>{let{headerTitle:t,headerSubtitle:r,submitLabel:n,checkout:u,onSuccess:m,cancelAction:g}=k(),f=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:b,submit:Y,reset:D}=(0,o.Jl)(),w=async e=>{e.preventDefault(),f.setLoading(),f.setError(void 0);let{data:t,error:r}=await Y();if(!r)try{await m(t)}catch(e){(0,p.H4)(e,[],f.setError)}finally{f.setIdle(),D()}};return(0,i.Y)(d.M,{headerTitle:t,headerSubtitle:r,children:(0,i.FD)(c.l.Root,{onSubmit:w,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,i.Y)(o.cl,{fallback:(0,i.Y)(x,{})}),(0,i.Y)(a.Z.Alert,{children:f.error}),(0,i.Y)(s.G,{isDisabled:!b,submitLabel:n??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:g,hideReset:!g,sx:{flex:u?1:void 0}})]})})}},3369:function(e,t,r){r.d(t,{O:()=>s});var i=r(4518),o=r(8272),n=r(8920),a=r(2861),l=r(4967),c=r(5203);let s=({paymentMethod:e})=>(0,i.FD)(o.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:n.$z.paymentMethodRow,children:[(0,i.Y)(o.In,{icon:"card"===e.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:n.$z.paymentMethodRowIcon}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:n.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:n.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,i.Y)(o.Ex,{elementDescriptor:n.$z.paymentMethodRowBadge,elementId:n.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,a.G)("badge__default")}),"expired"===e.status&&(0,i.Y)(o.Ex,{elementDescriptor:n.$z.paymentMethodRowBadge,elementId:n.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,a.G)("badge__expired")})]})},3679:function(e,t,r){r.d(t,{V:()=>c});var i=r(4518),o=r(8272),n=r(2861);let a={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=({subscription:e,elementDescriptor:t})=>(0,i.Y)(o.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,n.G)(a[e.status])})}}]);
+            `})]}),(0,i.FD)(m.L9,{sx:e=>({margin:"auto",gridArea:"1/1",position:"relative",textAlign:"center",transform:`translateY(${e.space.$20})`}),children:[(0,i.Y)(m.DZ,{elementDescriptor:f.$z.checkoutSuccessTitle,as:"h2",textVariant:"h2",localizationKey:p?(0,h.G)("billing.checkout.title__trialSuccess"):a.totalDueNow.amount>0?(0,h.G)("billing.checkout.title__paymentSuccessful"):(0,h.G)("billing.checkout.title__subscriptionSuccessful"),sx:e=>({opacity:0,animationName:"slideUp",animationDuration:`${b.wz.slowest}ms`,animationTimingFunction:b._8.bezier,animationFillMode:"forwards",color:e.colors.$colorForeground,"@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}})}),(0,i.Y)(m.EY,{elementDescriptor:f.$z.checkoutSuccessDescription,colorScheme:"secondary",sx:e=>({textAlign:"center",paddingInline:e.space.$8,marginBlockStart:e.space.$2,opacity:0,animationName:"slideUp",animationDuration:`${1.5*b.wz.slowest}ms`,animationTimingFunction:b._8.bezier,animationFillMode:"forwards","@keyframes slideUp":{"0%":{transform:"translateY(30px)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{opacity:1,animation:"none"}}),localizationKey:a.totalDueNow.amount>0?(0,h.G)("billing.checkout.description__paymentSuccessful"):(0,h.G)("billing.checkout.description__subscriptionSuccessful")})]})]})}),(0,i.FD)(o.Drawer.Footer,{sx:e=>({rowGap:e.space.$4,animationName:"footerSlideInUp",animationDuration:`${b.wz.drawer}ms`,animationTimingFunction:b._8.bezier,"@keyframes footerSlideInUp":{"0%":{transform:"translateY(100%)",opacity:0},"100%":{transform:"translateY(0)",opacity:1}},...!S&&{animation:"none"}}),children:[(0,i.FD)(g.p.Root,{children:[(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__totalPaid")}),(0,i.Y)(g.p.Description,{text:`${a.totalDueNow.currencySymbol}${a.totalDueNow.amountFormatted}`})]}),p?(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.lineItems.title__freeTrialEndsAt")}),(0,i.Y)(g.p.Description,{text:(0,y.Y)(p)})]}):null,(0,i.FD)(g.p.Group,{variant:"secondary",children:[(0,i.Y)(g.p.Title,{title:a.totalDueNow.amount>0||null!==p?(0,h.G)("billing.checkout.lineItems.title__paymentMethod"):(0,h.G)("billing.checkout.lineItems.title__subscriptionBegins")}),(0,i.Y)(g.p.Description,{text:a.totalDueNow.amount>0||null!==p?s?"card"!==s.paymentType?s.paymentType?`${x(s.paymentType)}`:"–":s.cardType?`${x(s.cardType)} ⋯ ${s.last4}`:"–":"–":d?(0,y.Y)(new Date(d)):"–"})]})]}),(0,i.Y)(m.$n,{onClick:()=>{r&&e.navigate(r),t&&t(!1)},localizationKey:(0,h.G)("formButtonPrimary")})]})]}):null};var F=r(6088),_=r(3269),S=r(6839),z=r(1586),G=r(6455),T=r(4468),M=r(625),R=r(7288),C=r(9068),B=r(8023),I=r(3450),A=r(3369),E=r(3679);let P=e=>e[0].toUpperCase()+e.slice(1),N="payment_method_id",L=(0,_.dm)(()=>{let{checkout:e}=(0,l.v$)(),{plan:t,totals:r,isImmediatePlanChange:n,planPeriod:a,freeTrialEndsAt:c}=e;if(!t)return null;let s=!!r.credit?.amount&&r.credit.amount>0,d=!!r.pastDue?.amount&&r.pastDue.amount>0,u="month"===a?t.fee:t.annualMonthlyFee;return(0,i.FD)(o.Drawer.Body,{children:[(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,i.FD)(g.p.Root,{children:[(0,i.FD)(g.p.Group,{children:[(0,i.Y)(g.p.Title,{title:t.name,description:"annual"===a?(0,h.G)("billing.billedAnnually"):void 0,badge:t.freeTrialEnabled&&c?(0,i.Y)(E.V,{subscription:{status:"free_trial"}}):null}),(0,i.Y)(g.p.Description,{prefix:"annual"===a?"x12":void 0,text:`${u.currencySymbol}${u.amountFormatted}`,suffix:(0,h.G)("billing.checkout.perMonth")})]}),(0,i.FD)(g.p.Group,{borderTop:!0,variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.subtotal")}),(0,i.Y)(g.p.Description,{text:`${r.subtotal.currencySymbol}${r.subtotal.amountFormatted}`})]}),s&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.creditRemainder")}),(0,i.Y)(g.p.Description,{text:`- ${r.credit?.currencySymbol}${r.credit?.amountFormatted}`})]}),d&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.FD)(G.m_.Root,{children:[(0,i.Y)(G.m_.Trigger,{children:(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.pastDue"),icon:C.A})}),(0,i.Y)(G.m_.Content,{text:(0,h.G)("billing.checkout.pastDueNotice")})]}),(0,i.Y)(g.p.Description,{text:`${r.pastDue?.currencySymbol}${r.pastDue?.amountFormatted}`})]}),!!c&&!!t.freeTrialDays&&r.totalDueAfterFreeTrial&&(0,i.FD)(g.p.Group,{variant:"tertiary",children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.checkout.totalDueAfterTrial",{days:t.freeTrialDays})}),(0,i.Y)(g.p.Description,{text:`${r.totalDueAfterFreeTrial.currencySymbol}${r.totalDueAfterFreeTrial.amountFormatted}`})]}),(0,i.FD)(g.p.Group,{borderTop:!0,children:[(0,i.Y)(g.p.Title,{title:(0,h.G)("billing.totalDueToday")}),(0,i.Y)(g.p.Description,{text:`${r.totalDueNow.currencySymbol}${r.totalDueNow.amountFormatted}`})]})]})}),!n&&(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({paddingBlockStart:e.space.$4,paddingInline:e.space.$4}),children:(0,i.Y)(m.EY,{localizationKey:(0,h.G)("billing.checkout.downgradeNotice"),variant:"caption",colorScheme:"secondary"})}),(0,i.Y)(K,{})]})}),W=()=>{let{onSubscriptionComplete:e}=u(),{checkout:t}=(0,l.v$)(),r=(0,_.f0)();if("needs_confirmation"!==t.status)throw Error("Checkout not found");let i=async i=>{r.setLoading(),r.setError(void 0);let{error:o}=await t.confirm(i);o?(0,T.H4)(o,[],r.setError):e?.(),r.setIdle()};return{payWithExistingPaymentMethod:e=>(e.preventDefault(),i({paymentMethodId:new FormData(e.currentTarget).get(N)})),addPaymentMethodAndPay:e=>i(e),payWithTestCard:()=>i({gateway:"stripe",useTestCard:!0}),payWithoutPaymentMethod:e=>(e.preventDefault(),i({}))}},K=()=>{let{checkout:e}=(0,l.v$)(),{plan:t}=e,{isLoading:r}=(0,R.mu)();return t?r?(0,i.Y)(m.y$,{sx:{margin:"auto"}}):(0,i.Y)(U,{}):null},U=()=>{let{checkout:e}=(0,l.v$)(),{plan:t,isImmediatePlanChange:r,needsPaymentMethod:o}=e,{data:n}=(0,R.mu)(),[a,s]=(0,c.useState)(()=>n.length>0?"existing":"new");return t?(0,i.FD)(m.fv,{elementDescriptor:f.$z.checkoutFormElementsRoot,gap:4,sx:e=>({padding:e.space.$4}),children:[(0,i.Y)(i.FK,{children:n.length>0&&r&&o&&(0,i.FD)(S.I.Root,{"aria-label":"Payment method source",value:a,onChange:e=>s(e),size:"lg",fullWidth:!0,children:[(0,i.Y)(S.I.Button,{value:"existing",text:(0,h.G)("billing.paymentMethods__label")}),(0,i.Y)(S.I.Button,{value:"new",text:(0,h.G)("billing.addPaymentMethod__label")})]})}),o?"existing"===a?(0,i.Y)(Z,{paymentMethods:n}):"new"===a&&(0,i.Y)(j,{}):(0,i.Y)(V,{})]}):null},J=()=>{let{isLoading:e}=(0,_.f0)(),{payWithTestCard:t}=W();return(0,i.FD)(m.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,i.Y)(m.az,{sx:e=>({position:"absolute",inset:0,background:`repeating-linear-gradient(-45deg,${e.colors.$warningAlpha100},${e.colors.$warningAlpha100} 6px,${e.colors.$warningAlpha150} 6px,${e.colors.$warningAlpha150} 12px)`,maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,i.FD)(m.so,{sx:e=>({alignItems:"center",justifyContent:"center",flexDirection:"column",rowGap:e.space.$2}),children:[(0,i.Y)(m.EY,{sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,h.G)("billing.paymentMethod.dev.developmentMode")}),(0,i.Y)(m.$n,{type:"button",block:!0,variant:"bordered",localizationKey:(0,h.G)("userProfile.billingPage.paymentMethodsSection.payWithTestCardButton"),colorScheme:"secondary",isLoading:e,onClick:t})]})]})},O=()=>{let{checkout:e}=(0,l.v$)(),{status:t,freeTrialEndsAt:r,totals:i}=e;if("needs_initialization"===t)throw Error("Clerk: Invalid state");return r?(0,h.G)("billing.startFreeTrial"):i.totalDueNow.amount>0?(0,h.G)("billing.pay",{amount:`${i.totalDueNow.currencySymbol}${i.totalDueNow.amountFormatted}`}):(0,h.G)("billing.subscribe")},V=(0,_.dm)(()=>{let{for:e}=u(),{payWithoutPaymentMethod:t}=W(),r=(0,_.f0)();return(0,i.FD)(m.lV,{onSubmit:t,sx:X,children:[(0,i.Y)(F.Z.Alert,{children:r.error}),(0,i.Y)(H,{})]})}),j=(0,_.dm)(()=>{let{addPaymentMethodAndPay:e}=W(),t=O(),{checkout:r}=(0,l.v$)();return(0,i.FD)(I.bL,{onSuccess:e,checkout:r,children:[(0,i.Y)(M.W,{children:(0,i.Y)(J,{})}),(0,i.Y)(I.pr,{text:t})]})}),H=e=>{let t=(0,_.f0)(),r=O();return(0,i.Y)(m.$n,{type:"submit",colorScheme:"primary",size:"sm",textVariant:"buttonLarge",sx:{width:"100%"},isLoading:t.isLoading,localizationKey:r,...e})},X=e=>({display:"flex",flexDirection:"column",rowGap:e.space.$4}),Z=(0,_.dm)(({paymentMethods:e})=>{let{checkout:t}=(0,l.v$)(),{paymentMethod:r,isImmediatePlanChange:o,needsPaymentMethod:n}=t,{payWithExistingPaymentMethod:a}=W(),s=(0,_.f0)(),[d,u]=(0,c.useState)(r||e.find(e=>e.isDefault)),p=(0,c.useMemo)(()=>e.map(e=>{let t="card"!==e.paymentType?e.paymentType?`${P(e.paymentType)}`:"–":e.cardType?`${P(e.cardType)} ⋯ ${e.last4}`:"–";return{value:e.id,label:t}}),[e]);return(0,i.FD)(m.lV,{onSubmit:a,sx:X,children:[o&&n?(0,i.FD)(z.l6,{elementId:"paymentMethod",options:p,value:d?.id||null,onChange:t=>{u(e.find(e=>e.id===t.value))},portal:!0,children:[(0,i.Y)("input",{name:N,type:"hidden",value:d?.id}),(0,i.Y)(z.JC,{icon:B.A,sx:e=>({justifyContent:"space-between",backgroundColor:e.colors.$colorBackground}),children:d&&(0,i.Y)(A.O,{paymentMethod:d})}),(0,i.Y)(z.UL,{sx:e=>({paddingBlock:e.space.$1,color:e.colors.$colorForeground})})]}):(0,i.Y)("input",{name:N,type:"hidden",value:d?.id}),(0,i.Y)(F.Z.Alert,{children:s.error}),(0,i.Y)(H,{})]})}),q=()=>{let{checkout:e}=(0,l.v$)();return(0,c.useEffect)(()=>{e.start()},[]),null},Q=({children:e})=>{let{planId:t,planPeriod:r,for:o}=u();return(0,i.FD)(l.Rx,{for:o,planId:t,planPeriod:r,children:[(0,i.Y)(q,{}),e]})},ee=({children:e,name:t})=>{let{checkout:r}=(0,l.v$)();return r.status!==t?null:e},et=({children:e,status:t})=>{let{errors:r,fetchStatus:i}=(0,l.v$)();return(0,c.useMemo)(()=>{if(r.global){let e=r.global.flatMap(e=>{if(e.isClerkAPIResponseError())return e.errors.map(e=>e.code)});return e.includes("missing_payer_email")?"missing_payer_email":e.includes("invalid_plan_change")?"invalid_plan_change":"generic_error"}return i},[i])!==t?null:e};var er=r(8036),ei=r(78),eo=r(2336);let en=()=>{let{errors:e}=(0,l.v$)(),{translateError:t}=(0,ei._)(),{t:r}=(0,ei._)();return(0,i.Y)(o.Drawer.Body,{children:(0,i.Y)(m.so,{align:"center",justify:"center",sx:e=>({height:"100%",padding:e.space.$4,fontSize:e.fontSizes.$md}),children:(0,i.Y)(er.F,{variant:"danger",colorScheme:"danger",children:e.global?t(e.global[0]):r((0,h.G)("unstable__errors.form_param_value_invalid"))})})})},ea=()=>{let{planPeriod:e}=u(),{errors:t}=(0,l.v$)(),r=t?.global?.filter(e=>e.isClerkAPIResponseError()).flatMap(e=>e.errors).find(e=>"invalid_plan_change"===e.code);if(!r)return null;let{plan:n,isPlanUpgradePossible:a}=r?.meta||{};return(0,i.Y)(o.Drawer.Body,{children:(0,i.FD)(m.so,{gap:4,direction:"col",children:[(0,i.Y)(m.az,{elementDescriptor:f.$z.checkoutFormLineItemsRoot,sx:e=>({padding:e.space.$4,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,i.Y)(g.p.Root,{children:(0,i.FD)(g.p.Group,{children:[(0,i.Y)(g.p.Title,{title:n.name,description:"annual"===e?(0,h.G)("billing.billedAnnually"):void 0}),(0,i.Y)(g.p.Description,{prefix:"annual"===e?"x12":void 0,text:`${n.currency_symbol}${"month"===e?n.amount_formatted:n.annual_monthly_amount_formatted}`,suffix:(0,h.G)("billing.checkout.perMonth")})]})})}),(0,i.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,i.Y)(er.F,{variant:"info",colorScheme:"info",title:a?(0,h.G)("billing.cannotSubscribeMonthly"):(0,h.G)("billing.cannotSubscribeUnrecoverable")})})]})})},el=()=>{let{checkout:e}=(0,l.v$)(),{setIsOpen:t}=(0,o.g)();return(0,i.Y)(o.Drawer.Body,{children:(0,i.Y)(m.az,{sx:e=>({padding:e.space.$4}),children:(0,i.Y)(eo.v,{title:(0,h.G)("billing.checkout.emailForm.title"),subtitle:(0,h.G)("billing.checkout.emailForm.subtitle"),onSuccess:()=>void e.start(),onReset:()=>t(!1),disableAutoFocus:!0})})})},ec=e=>(0,i.Y)(p.n.Root,{flow:"checkout",children:(0,i.Y)(p.n.Part,{children:(0,i.Y)(n.m$.Provider,{value:e.for||"user",children:(0,i.Y)(d.Provider,{value:{componentName:"Checkout",...e},children:(0,i.FD)(o.Drawer.Content,{children:[(0,i.Y)(o.Drawer.Header,{title:(0,h.G)("billing.checkout.title")}),(0,i.FD)(Q,{children:[(0,i.FD)(ee,{name:"needs_initialization",children:[(0,i.Y)(et,{status:"fetching",children:(0,i.Y)(m.y$,{sx:{margin:"auto"}})}),(0,i.Y)(et,{status:"invalid_plan_change",children:(0,i.Y)(ea,{})}),(0,i.Y)(et,{status:"missing_payer_email",children:(0,i.Y)(el,{})}),(0,i.Y)(et,{status:"generic_error",children:(0,i.Y)(en,{})})]}),(0,i.Y)(ee,{name:"completed",children:(0,i.Y)(v,{})}),(0,i.Y)(ee,{name:"needs_confirmation",children:(0,i.Y)(L,{})})]})]})})})})})},3450:function(e,t,r){r.d(t,{pr:()=>M,L6:()=>T,Mo:()=>G,bL:()=>S});var i=r(4518),o=r(1210),n=r(5074),a=r(6088),l=r(3269),c=r(2454),s=r(1475),d=r(3549),u=r(8930),p=r(4468),h=r(6256),m=r(6580),g=r(78),y=r(2861),f=r(8272),$=r(8920);let b=e=>(0,i.Y)(f.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),Y=()=>(0,i.Y)(b,{sx:e=>({height:e.space.$10,width:"100%"})}),D=e=>(0,i.Y)(f.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,i.Y)(f.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,i.FD)(f.so,{direction:"col",gap:5,children:[(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(Y,{})]}),(0,i.FD)(f.xA,{columns:2,gap:4,children:[(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)(Y,{})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)(Y,{})]})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)(Y,{})]}),(0,i.FD)(D,{children:[(0,i.Y)(b,{}),(0,i.Y)(b,{}),(0,i.Y)(b,{sx:{width:"66.666667%"}})]})]})}),[w,k]=(0,o.e3)("AddPaymentMethodRoot"),v=({children:e,checkout:t,...r})=>{var a;let l,c=(0,h.XX)(),s=(0,n.useRef)(null),{t:d}=(0,g._)(),[p,f]=(0,n.useState)(void 0),[$,b]=(0,n.useState)(void 0),[Y,D]=(0,n.useState)(void 0),x=(a=s.current,l=(0,m.K)().parsedInternalTheme,(0,n.useMemo)(()=>{if(!a)return;let{colors:e,fontWeights:t,fontSizes:r,radii:i,space:o}=l;return{colorPrimary:(0,u.G3)(a,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(a,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(a,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(a,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(a,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(a,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(a,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(a,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(a,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(a,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(a,"font-size",r.$xl),fontSizeLg:(0,u.yJ)(a,"font-size",r.$lg),fontSizeSm:(0,u.yJ)(a,"font-size",r.$md),fontSizeXs:(0,u.yJ)(a,"font-size",r.$sm),borderRadius:(0,u.yJ)(a,"border-radius",i.$lg),spacingUnit:(0,u.yJ)(a,"padding",o.$1)}},[l,a]));return(0,i.FD)(w.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:Y,setHeaderTitle:f,setHeaderSubtitle:b,setSubmitLabel:D,checkout:t,...r}},children:[(0,i.Y)("div",{ref:s,style:{display:"none"}}),(0,i.Y)(o.Tn,{checkout:t,for:c,stripeAppearance:x,paymentDescription:d((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,o.Jl)();return t?null:e.children},_=e=>{let{isProviderReady:t}=(0,o.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},S=e=>{let{children:t,...r}=e;return(0,i.FD)(v,{...r,children:[(0,i.Y)(F,{children:(0,i.Y)(f.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(f.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,i.Y)(_,{children:(0,i.Y)(R,{children:t})})]})},z=(e,t)=>{(0,n.useRef)(()=>{t(e)}),(0,n.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=k();return z(e,t),null},T=({text:e})=>{let{setHeaderSubtitle:t}=k();return z(e,t),null},M=({text:e})=>{let{setSubmitLabel:t}=k();return z(e,t),null},R=({children:e})=>{let{headerTitle:t,headerSubtitle:r,submitLabel:n,checkout:u,onSuccess:m,cancelAction:g}=k(),f=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:b,submit:Y,reset:D}=(0,o.Jl)(),w=async e=>{e.preventDefault(),f.setLoading(),f.setError(void 0);let{data:t,error:r}=await Y();if(!r)try{await m(t)}catch(e){(0,p.H4)(e,[],f.setError)}finally{f.setIdle(),D()}};return(0,i.Y)(d.M,{headerTitle:t,headerSubtitle:r,children:(0,i.FD)(c.l.Root,{onSubmit:w,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,i.Y)(o.cl,{fallback:(0,i.Y)(x,{})}),(0,i.Y)(a.Z.Alert,{children:f.error}),(0,i.Y)(s.G,{isDisabled:!b,submitLabel:n??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:g,hideReset:!g,sx:{flex:u?1:void 0}})]})})}},3369:function(e,t,r){r.d(t,{O:()=>s});var i=r(4518),o=r(8272),n=r(8920),a=r(2861),l=r(4967),c=r(5203);let s=({paymentMethod:e})=>(0,i.FD)(o.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:n.$z.paymentMethodRow,children:[(0,i.Y)(o.In,{icon:"card"===e.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:n.$z.paymentMethodRowIcon}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:n.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:n.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,i.Y)(o.Ex,{elementDescriptor:n.$z.paymentMethodRowBadge,elementId:n.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,a.G)("badge__default")}),"expired"===e.status&&(0,i.Y)(o.Ex,{elementDescriptor:n.$z.paymentMethodRowBadge,elementId:n.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,a.G)("badge__expired")})]})},3679:function(e,t,r){r.d(t,{V:()=>c});var i=r(4518),o=r(8272),n=r(2861);let a={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=({subscription:e,elementDescriptor:t})=>(0,i.Y)(o.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,n.G)(a[e.status])})}}]);

package/dist/components/Checkout/CheckoutPage.js

@@ -30,7 +30,7 @@ const FetchStatus = ({ children, status }) => {
 	if (useMemo(() => {
 		if (errors.global) {
 			const errorCodes = errors.global.flatMap((e) => {
-				if (e.isClerkApiResponseError()) return e.errors.map((e$1) => e$1.code);
+				if (e.isClerkAPIResponseError()) return e.errors.map((e$1) => e$1.code);
 			});
 			if (errorCodes.includes("missing_payer_email")) return "missing_payer_email";
 			if (errorCodes.includes("invalid_plan_change")) return "invalid_plan_change";

package/dist/components/Checkout/CheckoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.js","names":["useCheckout","CheckoutProvider","e"],"sources":["../../../src/components/Checkout/CheckoutPage.tsx"],"sourcesContent":["import {\n  __experimental_CheckoutProvider as CheckoutProvider,\n  __experimental_useCheckout as useCheckout,\n} from '@clerk/shared/react';\nimport { useEffect, useMemo } from 'react';\n\nimport { useCheckoutContext } from '@/ui/contexts/components';\n\nconst Initiator = () => {\n  const { checkout } = useCheckout();\n\n  useEffect(() => {\n    void checkout.start();\n  }, []);\n  return null;\n};\n\nconst Root = ({ children }: { children: React.ReactNode }) => {\n  const { planId, planPeriod, for: _for } = useCheckoutContext();\n\n  return (\n    <CheckoutProvider\n      for={_for}\n      planId={\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        planId!\n      }\n      planPeriod={\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        planPeriod!\n      }\n    >\n      <Initiator />\n      {children}\n    </CheckoutProvider>\n  );\n};\n\nconst Stage = ({\n  children,\n  name,\n}: {\n  children: React.ReactNode;\n  name: ReturnType<typeof useCheckout>['checkout']['status'];\n}) => {\n  const { checkout } = useCheckout();\n  if (checkout.status !== name) {\n    return null;\n  }\n  return children;\n};\n\nconst FetchStatus = ({\n  children,\n  status,\n}: {\n  children: React.ReactNode;\n  status: 'idle' | 'fetching' | 'generic_error' | 'invalid_plan_change' | 'missing_payer_email';\n}) => {\n  const { errors, fetchStatus } = useCheckout();\n\n  const internalFetchStatus = useMemo(() => {\n    if (errors.global) {\n      const errorCodes = errors.global.flatMap(e => {\n        if (e.isClerkApiResponseError()) {\n          return e.errors.map(e => e.code);\n        }\n      });\n\n      if (errorCodes.includes('missing_payer_email')) {\n        return 'missing_payer_email';\n      }\n\n      if (errorCodes.includes('invalid_plan_change')) {\n        return 'invalid_plan_change';\n      }\n      return 'generic_error';\n    }\n\n    return fetchStatus;\n  }, [fetchStatus]);\n\n  if (internalFetchStatus !== status) {\n    return null;\n  }\n  return children;\n};\n\nexport { Root, Stage, FetchStatus };\n"],"mappings":";;;;;;AAQA,MAAM,kBAAkB;CACtB,MAAM,EAAE,aAAaA,4BAAa;AAElC,iBAAgB;AACd,EAAK,SAAS,OAAO;IACpB,EAAE,CAAC;AACN,QAAO;;AAGT,MAAM,QAAQ,EAAE,eAA8C;CAC5D,MAAM,EAAE,QAAQ,YAAY,KAAK,SAAS,oBAAoB;AAE9D,QACE,qBAACC;EACC,KAAK;EAGH;EAIA;aAGF,oBAAC,cAAY,EACZ;GACgB;;AAIvB,MAAM,SAAS,EACb,UACA,WAII;CACJ,MAAM,EAAE,aAAaD,4BAAa;AAClC,KAAI,SAAS,WAAW,KACtB,QAAO;AAET,QAAO;;AAGT,MAAM,eAAe,EACnB,UACA,aAII;CACJ,MAAM,EAAE,QAAQ,gBAAgBA,4BAAa;AAuB7C,KArB4B,cAAc;AACxC,MAAI,OAAO,QAAQ;GACjB,MAAM,aAAa,OAAO,OAAO,SAAQ,MAAK;AAC5C,QAAI,EAAE,yBAAyB,CAC7B,QAAO,EAAE,OAAO,KAAI,QAAKE,IAAE,KAAK;KAElC;AAEF,OAAI,WAAW,SAAS,sBAAsB,CAC5C,QAAO;AAGT,OAAI,WAAW,SAAS,sBAAsB,CAC5C,QAAO;AAET,UAAO;;AAGT,SAAO;IACN,CAAC,YAAY,CAAC,KAEW,OAC1B,QAAO;AAET,QAAO"}
+{"version":3,"file":"CheckoutPage.js","names":["useCheckout","CheckoutProvider","e"],"sources":["../../../src/components/Checkout/CheckoutPage.tsx"],"sourcesContent":["import {\n  __experimental_CheckoutProvider as CheckoutProvider,\n  __experimental_useCheckout as useCheckout,\n} from '@clerk/shared/react';\nimport { useEffect, useMemo } from 'react';\n\nimport { useCheckoutContext } from '@/ui/contexts/components';\n\nconst Initiator = () => {\n  const { checkout } = useCheckout();\n\n  useEffect(() => {\n    void checkout.start();\n  }, []);\n  return null;\n};\n\nconst Root = ({ children }: { children: React.ReactNode }) => {\n  const { planId, planPeriod, for: _for } = useCheckoutContext();\n\n  return (\n    <CheckoutProvider\n      for={_for}\n      planId={\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        planId!\n      }\n      planPeriod={\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        planPeriod!\n      }\n    >\n      <Initiator />\n      {children}\n    </CheckoutProvider>\n  );\n};\n\nconst Stage = ({\n  children,\n  name,\n}: {\n  children: React.ReactNode;\n  name: ReturnType<typeof useCheckout>['checkout']['status'];\n}) => {\n  const { checkout } = useCheckout();\n  if (checkout.status !== name) {\n    return null;\n  }\n  return children;\n};\n\nconst FetchStatus = ({\n  children,\n  status,\n}: {\n  children: React.ReactNode;\n  status: 'idle' | 'fetching' | 'generic_error' | 'invalid_plan_change' | 'missing_payer_email';\n}) => {\n  const { errors, fetchStatus } = useCheckout();\n\n  const internalFetchStatus = useMemo(() => {\n    if (errors.global) {\n      const errorCodes = errors.global.flatMap(e => {\n        if (e.isClerkAPIResponseError()) {\n          return e.errors.map(e => e.code);\n        }\n      });\n\n      if (errorCodes.includes('missing_payer_email')) {\n        return 'missing_payer_email';\n      }\n\n      if (errorCodes.includes('invalid_plan_change')) {\n        return 'invalid_plan_change';\n      }\n      return 'generic_error';\n    }\n\n    return fetchStatus;\n  }, [fetchStatus]);\n\n  if (internalFetchStatus !== status) {\n    return null;\n  }\n  return children;\n};\n\nexport { Root, Stage, FetchStatus };\n"],"mappings":";;;;;;AAQA,MAAM,kBAAkB;CACtB,MAAM,EAAE,aAAaA,4BAAa;AAElC,iBAAgB;AACd,EAAK,SAAS,OAAO;IACpB,EAAE,CAAC;AACN,QAAO;;AAGT,MAAM,QAAQ,EAAE,eAA8C;CAC5D,MAAM,EAAE,QAAQ,YAAY,KAAK,SAAS,oBAAoB;AAE9D,QACE,qBAACC;EACC,KAAK;EAGH;EAIA;aAGF,oBAAC,cAAY,EACZ;GACgB;;AAIvB,MAAM,SAAS,EACb,UACA,WAII;CACJ,MAAM,EAAE,aAAaD,4BAAa;AAClC,KAAI,SAAS,WAAW,KACtB,QAAO;AAET,QAAO;;AAGT,MAAM,eAAe,EACnB,UACA,aAII;CACJ,MAAM,EAAE,QAAQ,gBAAgBA,4BAAa;AAuB7C,KArB4B,cAAc;AACxC,MAAI,OAAO,QAAQ;GACjB,MAAM,aAAa,OAAO,OAAO,SAAQ,MAAK;AAC5C,QAAI,EAAE,yBAAyB,CAC7B,QAAO,EAAE,OAAO,KAAI,QAAKE,IAAE,KAAK;KAElC;AAEF,OAAI,WAAW,SAAS,sBAAsB,CAC5C,QAAO;AAGT,OAAI,WAAW,SAAS,sBAAsB,CAC5C,QAAO;AAET,UAAO;;AAGT,SAAO;IACN,CAAC,YAAY,CAAC,KAEW,OAC1B,QAAO;AAET,QAAO"}

package/dist/components/Checkout/parts.js

@@ -33,7 +33,7 @@ const GenericError = () => {
 const InvalidPlanScreen = () => {
 	const { planPeriod } = useCheckoutContext();
 	const { errors } = __experimental_useCheckout();
-	const InvalidPlanError = errors?.global?.filter((e) => e.isClerkApiResponseError()).flatMap((e) => e.errors).find((e) => e.code === "invalid_plan_change");
+	const InvalidPlanError = errors?.global?.filter((e) => e.isClerkAPIResponseError()).flatMap((e) => e.errors).find((e) => e.code === "invalid_plan_change");
 	if (!InvalidPlanError) return null;
 	const { plan: planFromError, isPlanUpgradePossible } = InvalidPlanError?.meta || {};
 	return /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs(Flex, {

package/dist/components/Checkout/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":["useCheckout","t"],"sources":["../../../src/components/Checkout/parts.tsx"],"sourcesContent":["import { __experimental_useCheckout as useCheckout } from '@clerk/shared/react';\n\nimport { Alert } from '@/ui/elements/Alert';\nimport { Drawer, useDrawerContext } from '@/ui/elements/Drawer';\nimport { LineItems } from '@/ui/elements/LineItems';\n\nimport { useCheckoutContext } from '../../contexts';\nimport { Box, descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { EmailForm } from '../UserProfile/EmailForm';\n\nexport const GenericError = () => {\n  const { errors } = useCheckout();\n\n  const { translateError } = useLocalizations();\n  const { t } = useLocalizations();\n  return (\n    <Drawer.Body>\n      <Flex\n        align={'center'}\n        justify={'center'}\n        sx={t => ({\n          height: '100%',\n          padding: t.space.$4,\n          fontSize: t.fontSizes.$md,\n        })}\n      >\n        <Alert\n          variant='danger'\n          colorScheme='danger'\n        >\n          {errors.global\n            ? translateError(errors.global[0])\n            : t(localizationKeys('unstable__errors.form_param_value_invalid'))}\n        </Alert>\n      </Flex>\n    </Drawer.Body>\n  );\n};\n\nexport const InvalidPlanScreen = () => {\n  const { planPeriod } = useCheckoutContext();\n  const { errors } = useCheckout();\n\n  const InvalidPlanError = errors?.global\n    ?.filter(e => e.isClerkApiResponseError())\n    .flatMap(e => e.errors)\n    .find(e => e.code === 'invalid_plan_change');\n\n  if (!InvalidPlanError) {\n    return null;\n  }\n\n  const { plan: planFromError, isPlanUpgradePossible } = InvalidPlanError?.meta || {};\n\n  return (\n    <Drawer.Body>\n      <Flex\n        gap={4}\n        direction='col'\n      >\n        <Box\n          elementDescriptor={descriptors.checkoutFormLineItemsRoot}\n          sx={t => ({\n            padding: t.space.$4,\n            borderBottomWidth: t.borderWidths.$normal,\n            borderBottomStyle: t.borderStyles.$solid,\n            borderBottomColor: t.colors.$borderAlpha100,\n          })}\n        >\n          <LineItems.Root>\n            <LineItems.Group>\n              <LineItems.Title\n                title={planFromError.name}\n                description={planPeriod === 'annual' ? localizationKeys('billing.billedAnnually') : undefined}\n              />\n              <LineItems.Description\n                prefix={planPeriod === 'annual' ? 'x12' : undefined}\n                text={`${planFromError.currency_symbol}${planPeriod === 'month' ? planFromError.amount_formatted : planFromError.annual_monthly_amount_formatted}`}\n                suffix={localizationKeys('billing.checkout.perMonth')}\n              />\n            </LineItems.Group>\n          </LineItems.Root>\n        </Box>\n        <Box sx={t => ({ padding: t.space.$4 })}>\n          <Alert\n            variant='info'\n            colorScheme='info'\n            title={\n              isPlanUpgradePossible\n                ? localizationKeys('billing.cannotSubscribeMonthly')\n                : localizationKeys('billing.cannotSubscribeUnrecoverable')\n            }\n          />\n        </Box>\n      </Flex>\n    </Drawer.Body>\n  );\n};\n\nexport const AddEmailForm = () => {\n  const { checkout } = useCheckout();\n  const { setIsOpen } = useDrawerContext();\n  return (\n    <Drawer.Body>\n      <Box\n        sx={t => ({\n          padding: t.space.$4,\n        })}\n      >\n        <EmailForm\n          title={localizationKeys('billing.checkout.emailForm.title')}\n          subtitle={localizationKeys('billing.checkout.emailForm.subtitle')}\n          onSuccess={() => void checkout.start()}\n          onReset={() => setIsOpen(false)}\n          disableAutoFocus\n        />\n      </Box>\n    </Drawer.Body>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,qBAAqB;CAChC,MAAM,EAAE,WAAWA,4BAAa;CAEhC,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,EAAE,MAAM,kBAAkB;AAChC,QACE,oBAAC,OAAO,kBACN,oBAAC;EACC,OAAO;EACP,SAAS;EACT,KAAI,SAAM;GACR,QAAQ;GACR,SAASC,IAAE,MAAM;GACjB,UAAUA,IAAE,UAAU;GACvB;YAED,oBAAC;GACC,SAAQ;GACR,aAAY;aAEX,OAAO,SACJ,eAAe,OAAO,OAAO,GAAG,GAChC,EAAE,iBAAiB,4CAA4C,CAAC;IAC9D;GACH,GACK;;AAIlB,MAAa,0BAA0B;CACrC,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,EAAE,WAAWD,4BAAa;CAEhC,MAAM,mBAAmB,QAAQ,QAC7B,QAAO,MAAK,EAAE,yBAAyB,CAAC,CACzC,SAAQ,MAAK,EAAE,OAAO,CACtB,MAAK,MAAK,EAAE,SAAS,sBAAsB;AAE9C,KAAI,CAAC,iBACH,QAAO;CAGT,MAAM,EAAE,MAAM,eAAe,0BAA0B,kBAAkB,QAAQ,EAAE;AAEnF,QACE,oBAAC,OAAO,kBACN,qBAAC;EACC,KAAK;EACL,WAAU;aAEV,oBAAC;GACC,mBAAmB,YAAY;GAC/B,KAAI,OAAM;IACR,SAAS,EAAE,MAAM;IACjB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,OAAO;IAC7B;aAED,oBAAC,UAAU,kBACT,qBAAC,UAAU,oBACT,oBAAC,UAAU;IACT,OAAO,cAAc;IACrB,aAAa,eAAe,WAAW,iBAAiB,yBAAyB,GAAG;KACpF,EACF,oBAAC,UAAU;IACT,QAAQ,eAAe,WAAW,QAAQ;IAC1C,MAAM,GAAG,cAAc,kBAAkB,eAAe,UAAU,cAAc,mBAAmB,cAAc;IACjH,QAAQ,iBAAiB,4BAA4B;KACrD,IACc,GACH;IACb,EACN,oBAAC;GAAI,KAAI,OAAM,EAAE,SAAS,EAAE,MAAM,IAAI;aACpC,oBAAC;IACC,SAAQ;IACR,aAAY;IACZ,OACE,wBACI,iBAAiB,iCAAiC,GAClD,iBAAiB,uCAAuC;KAE9D;IACE;GACD,GACK;;AAIlB,MAAa,qBAAqB;CAChC,MAAM,EAAE,aAAaA,4BAAa;CAClC,MAAM,EAAE,cAAc,kBAAkB;AACxC,QACE,oBAAC,OAAO,kBACN,oBAAC;EACC,KAAI,OAAM,EACR,SAAS,EAAE,MAAM,IAClB;YAED,oBAAC;GACC,OAAO,iBAAiB,mCAAmC;GAC3D,UAAU,iBAAiB,sCAAsC;GACjE,iBAAiB,KAAK,SAAS,OAAO;GACtC,eAAe,UAAU,MAAM;GAC/B;IACA;GACE,GACM"}
+{"version":3,"file":"parts.js","names":["useCheckout","t"],"sources":["../../../src/components/Checkout/parts.tsx"],"sourcesContent":["import { __experimental_useCheckout as useCheckout } from '@clerk/shared/react';\n\nimport { Alert } from '@/ui/elements/Alert';\nimport { Drawer, useDrawerContext } from '@/ui/elements/Drawer';\nimport { LineItems } from '@/ui/elements/LineItems';\n\nimport { useCheckoutContext } from '../../contexts';\nimport { Box, descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { EmailForm } from '../UserProfile/EmailForm';\n\nexport const GenericError = () => {\n  const { errors } = useCheckout();\n\n  const { translateError } = useLocalizations();\n  const { t } = useLocalizations();\n  return (\n    <Drawer.Body>\n      <Flex\n        align={'center'}\n        justify={'center'}\n        sx={t => ({\n          height: '100%',\n          padding: t.space.$4,\n          fontSize: t.fontSizes.$md,\n        })}\n      >\n        <Alert\n          variant='danger'\n          colorScheme='danger'\n        >\n          {errors.global\n            ? translateError(errors.global[0])\n            : t(localizationKeys('unstable__errors.form_param_value_invalid'))}\n        </Alert>\n      </Flex>\n    </Drawer.Body>\n  );\n};\n\nexport const InvalidPlanScreen = () => {\n  const { planPeriod } = useCheckoutContext();\n  const { errors } = useCheckout();\n\n  const InvalidPlanError = errors?.global\n    ?.filter(e => e.isClerkAPIResponseError())\n    .flatMap(e => e.errors)\n    .find(e => e.code === 'invalid_plan_change');\n\n  if (!InvalidPlanError) {\n    return null;\n  }\n\n  const { plan: planFromError, isPlanUpgradePossible } = InvalidPlanError?.meta || {};\n\n  return (\n    <Drawer.Body>\n      <Flex\n        gap={4}\n        direction='col'\n      >\n        <Box\n          elementDescriptor={descriptors.checkoutFormLineItemsRoot}\n          sx={t => ({\n            padding: t.space.$4,\n            borderBottomWidth: t.borderWidths.$normal,\n            borderBottomStyle: t.borderStyles.$solid,\n            borderBottomColor: t.colors.$borderAlpha100,\n          })}\n        >\n          <LineItems.Root>\n            <LineItems.Group>\n              <LineItems.Title\n                title={planFromError.name}\n                description={planPeriod === 'annual' ? localizationKeys('billing.billedAnnually') : undefined}\n              />\n              <LineItems.Description\n                prefix={planPeriod === 'annual' ? 'x12' : undefined}\n                text={`${planFromError.currency_symbol}${planPeriod === 'month' ? planFromError.amount_formatted : planFromError.annual_monthly_amount_formatted}`}\n                suffix={localizationKeys('billing.checkout.perMonth')}\n              />\n            </LineItems.Group>\n          </LineItems.Root>\n        </Box>\n        <Box sx={t => ({ padding: t.space.$4 })}>\n          <Alert\n            variant='info'\n            colorScheme='info'\n            title={\n              isPlanUpgradePossible\n                ? localizationKeys('billing.cannotSubscribeMonthly')\n                : localizationKeys('billing.cannotSubscribeUnrecoverable')\n            }\n          />\n        </Box>\n      </Flex>\n    </Drawer.Body>\n  );\n};\n\nexport const AddEmailForm = () => {\n  const { checkout } = useCheckout();\n  const { setIsOpen } = useDrawerContext();\n  return (\n    <Drawer.Body>\n      <Box\n        sx={t => ({\n          padding: t.space.$4,\n        })}\n      >\n        <EmailForm\n          title={localizationKeys('billing.checkout.emailForm.title')}\n          subtitle={localizationKeys('billing.checkout.emailForm.subtitle')}\n          onSuccess={() => void checkout.start()}\n          onReset={() => setIsOpen(false)}\n          disableAutoFocus\n        />\n      </Box>\n    </Drawer.Body>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,qBAAqB;CAChC,MAAM,EAAE,WAAWA,4BAAa;CAEhC,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,EAAE,MAAM,kBAAkB;AAChC,QACE,oBAAC,OAAO,kBACN,oBAAC;EACC,OAAO;EACP,SAAS;EACT,KAAI,SAAM;GACR,QAAQ;GACR,SAASC,IAAE,MAAM;GACjB,UAAUA,IAAE,UAAU;GACvB;YAED,oBAAC;GACC,SAAQ;GACR,aAAY;aAEX,OAAO,SACJ,eAAe,OAAO,OAAO,GAAG,GAChC,EAAE,iBAAiB,4CAA4C,CAAC;IAC9D;GACH,GACK;;AAIlB,MAAa,0BAA0B;CACrC,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,EAAE,WAAWD,4BAAa;CAEhC,MAAM,mBAAmB,QAAQ,QAC7B,QAAO,MAAK,EAAE,yBAAyB,CAAC,CACzC,SAAQ,MAAK,EAAE,OAAO,CACtB,MAAK,MAAK,EAAE,SAAS,sBAAsB;AAE9C,KAAI,CAAC,iBACH,QAAO;CAGT,MAAM,EAAE,MAAM,eAAe,0BAA0B,kBAAkB,QAAQ,EAAE;AAEnF,QACE,oBAAC,OAAO,kBACN,qBAAC;EACC,KAAK;EACL,WAAU;aAEV,oBAAC;GACC,mBAAmB,YAAY;GAC/B,KAAI,OAAM;IACR,SAAS,EAAE,MAAM;IACjB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,OAAO;IAC7B;aAED,oBAAC,UAAU,kBACT,qBAAC,UAAU,oBACT,oBAAC,UAAU;IACT,OAAO,cAAc;IACrB,aAAa,eAAe,WAAW,iBAAiB,yBAAyB,GAAG;KACpF,EACF,oBAAC,UAAU;IACT,QAAQ,eAAe,WAAW,QAAQ;IAC1C,MAAM,GAAG,cAAc,kBAAkB,eAAe,UAAU,cAAc,mBAAmB,cAAc;IACjH,QAAQ,iBAAiB,4BAA4B;KACrD,IACc,GACH;IACb,EACN,oBAAC;GAAI,KAAI,OAAM,EAAE,SAAS,EAAE,MAAM,IAAI;aACpC,oBAAC;IACC,SAAQ;IACR,aAAY;IACZ,OACE,wBACI,iBAAiB,iCAAiC,GAClD,iBAAiB,uCAAuC;KAE9D;IACE;GACD,GACK;;AAIlB,MAAa,qBAAqB;CAChC,MAAM,EAAE,aAAaA,4BAAa;CAClC,MAAM,EAAE,cAAc,kBAAkB;AACxC,QACE,oBAAC,OAAO,kBACN,oBAAC;EACC,KAAI,OAAM,EACR,SAAS,EAAE,MAAM,IAClB;YAED,oBAAC;GACC,OAAO,iBAAiB,mCAAmC;GAC3D,UAAU,iBAAiB,sCAAsC;GACjE,iBAAiB,KAAK,SAAS,OAAO;GACtC,eAAe,UAAU,MAAM;GAC/B;IACA;GACE,GACM"}