npm - @clerk/ui - Versions diffs - 1.3.0-snapshot.v20260331162920 → 1.3.0 - Mend

@clerk/ui 1.3.0-snapshot.v20260331162920 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (222) hide show

package/dist/{207_ui_a78be3_1.3.0-snapshot.v20260331162920.js → 207_ui_4c0359_1.3.0.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["207"],{9e3:function(e,t,i){i.d(t,{v:()=>h});var n=i(4518),r=i(374),a=i(137),o=i(9606),l=i(7288),s=i(6256),d=i(2861),c=i(8272),p=i(4964);let h=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(u,{paymentAttempt:e},e.id))})},u=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:h}=e,{navigate:u}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{u(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s\|\|l\|\|d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===h?"success":"failed"===h?"danger":"primary",sx:{textTransform:"capitalize"},children:h})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>w});var n=i(4518),r=i(4180),a=i(5074),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),p=i(8930),h=i(4468),u=i(6256),g=i(8074),m=i(78),y=i(2861),b=i(8272),$=i(8920);let Y=e=>(0,n.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),f=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),v=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,n.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,n.FD)(b.so,{direction:"col",gap:5,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,u.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[h,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),x=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:h,headerSubtitle:$,submitLabel:f,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:v,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:x,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},w=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(M,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(F,{children:(0,n.Y)(k,{children:t})})]})},T=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return T(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return T(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return T(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,u.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await f();if(!i)try{await g(t)}catch(e){(0,h.H4)(e,[],b.setError)}finally{b.setIdle(),v()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(x,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},3369:function(e,t,i){i.d(t,{O:()=>d});var n=i(4518),r=i(8272),a=i(8920),o=i(2861),l=i(4967),s=i(5203);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},3365:function(e,t,i){i.d(t,{b:()=>M});var n=i(4518),r=i(4180),a=i(5074),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),p=i(8046),h=i(625),u=i(6256),g=i(7288),m=i(2861),y=i(3453),b=i(2513),$=i(3450),Y=i(3369),f=i(9436),v=i(78),x=i(8272);let D=()=>{let{t:e}=(0,v._)();return(0,n.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,n.Y)(x.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,n.FD)(x.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(x.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(x.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(f.p.Root,{children:[(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(f.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(f.p.Description,{text:"11/44"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(f.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,u.XX)(),o=(0,u.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(h.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,u.XX)(),d=(0,u.N7)(),h=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!h.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:h.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:h.current}),deleteResource:y,onSuccess:i,onReset:i})},M=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,u.XX)(),i=(0,u.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),h=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.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,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[h.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(F,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),F=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,u.XX)(),s=(0,u.N7)(),p=(0,r.It)(),h=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|h.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:h})}},7682:function(e,t,i){i.d(t,{T:()=>h});var n=i(4518),r=i(7288),a=i(6256),o=i(374),l=i(137),s=i(2861),d=i(8272),c=i(4964),p=i(9606);let h=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(u,{statement:e},e.id))})},u=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},2916:function(e,t,i){i.d(t,{R:()=>$});var n=i(4518),r=i(5074),a=i(7477),o=i(4003),l=i(6256),s=i(7288),d=i(7697),c=i(8272),p=i(2861),h=i(7078),u=i(9679),g=i(8813),m=i(4430),y=i(4964),b=i(3679);function $({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:m}){let b=(0,l.N7)(),$=(0,l.XX)(),{subscriptionItems:f}=(0,s.Rs)(),v=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===$,{navigate:x}=(0,y.r)(),{commerceSettings:D}=(0,d.O)(),{openSubscriptionDetails:z}=(0,s.D)(),S=D.billing.user.hasPaidPlans&&"user"===$\|\|D.billing.organization.hasPaidPlans&&"organization"===$,M=(0,r.useMemo)(()=>f.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[f]),F=v&&!M&&f.length>0,w=(0,r.useMemo)(()=>f.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[f]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[f.length>0&&(0,n.FD)(c.XI,{tableHeadVisuallyHidden:!0,children:[(0,n.Y)(c.d8,{children:(0,n.FD)(c.Tr,{children:[(0,n.Y)(c.Th,{localizationKey:(0,p.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(c.Th,{localizationKey:(0,p.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(c.NN,{children:w.map(e=>(0,n.Y)(Y,{subscription:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[S?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:f.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:F?"unset":void 0})],leftIcon:f.length>0?h.A:u.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void x("plans")}):null,F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:m,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=>z(e)}):null]})]})}function Y({subscription:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,s.D)(),o=(0,r.useMemo)(()=>(0,s.Ij)(i.amountFormatted),[i.amountFormatted]);return(0,n.FD)(c.Tr,{children:[(0,n.Y)(c.Td,{children:(0,n.FD)(c.fv,{gap:1,children:[(0,n.FD)(c.so,{align:"center",gap:1,children:[(0,n.Y)(c.In,{icon:m.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive})}),(0,n.Y)(c.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(b.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(c.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(c.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(c.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(c.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,p.G)("billing.year"):(0,p.G)("billing.month")})]})})]},e.id)}},3679:function(e,t,i){i.d(t,{V:()=>s});var n=i(4518),r=i(8272),a=i(2861);let o={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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["207"],{9e3:function(e,t,i){i.d(t,{v:()=>u});var n=i(4518),r=i(374),a=i(137),o=i(9606),l=i(7288),s=i(6256),d=i(2861),c=i(8272),p=i(4964);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s\|\|l\|\|d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(4518),r=i(4180),a=i(5074),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),p=i(8930),u=i(4468),h=i(6256),g=i(8074),m=i(78),y=i(2861),b=i(8272),$=i(8920);let Y=e=>(0,n.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),f=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),v=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,n.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,n.FD)(b.so,{direction:"col",gap:5,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),x=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:f,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:v,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:x,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await f();if(!i)try{await g(t)}catch(e){(0,u.H4)(e,[],b.setError)}finally{b.setIdle(),v()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(x,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},3369:function(e,t,i){i.d(t,{O:()=>d});var n=i(4518),r=i(8272),a=i(8920),o=i(2861),l=i(4967),s=i(5203);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},3365:function(e,t,i){i.d(t,{b:()=>F});var n=i(4518),r=i(4180),a=i(5074),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),p=i(8046),u=i(625),h=i(6256),g=i(7288),m=i(2861),y=i(3453),b=i(2513),$=i(3450),Y=i(3369),f=i(9436),v=i(78),x=i(8272);let D=()=>{let{t:e}=(0,v._)();return(0,n.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,n.Y)(x.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,n.FD)(x.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(x.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(x.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(f.p.Root,{children:[(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(f.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(f.p.Description,{text:"11/44"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(f.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.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,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},7682:function(e,t,i){i.d(t,{T:()=>u});var n=i(4518),r=i(7288),a=i(6256),o=i(374),l=i(137),s=i(2861),d=i(8272),c=i(4964),p=i(9606);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},2916:function(e,t,i){i.d(t,{R:()=>f});var n=i(4518),r=i(5074),a=i(7477),o=i(4003),l=i(1464),s=i(6256),d=i(7288),c=i(7697),p=i(8272),u=i(2861),h=i(7078),g=i(9679),m=i(8813),y=i(4430),b=i(4337),$=i(4964),Y=i(3679);function f({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===b,{navigate:x}=(0,$.r)(),{commerceSettings:D}=(0,c.O)(),{openSubscriptionDetails:z}=(0,d.D)(),S=D.billing.user.hasPaidPlans&&"user"===b\|\|D.billing.organization.hasPaidPlans&&"organization"===b,F=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),M=f&&!F&&Y.length>0,T=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:T.map(e=>(0,n.Y)(v,{subscriptionItem:e,length:T.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[S?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:M?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void x("plans")}):null,M?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>z(e)}):null]})]})}function v({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},3679:function(e,t,i){i.d(t,{V:()=>s});var n=i(4518),r=i(8272),a=i(2861);let o={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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);

package/dist/{207_ui_b4fd52_1.3.0-snapshot.v20260331162920.js → 207_ui_9a91c3_1.3.0.js} RENAMED Viewed

	@@ -1 +1 @@
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:[{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__date"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__amount"))},{key:(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(90231),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(58074),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(90231),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.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.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.It)(),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:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.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:[{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__date"))},{key:(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=>({marginInlineEnd: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:"end"}),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])})}}}]);
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:[{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__date"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__amount"))},{key:(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:()=>T}),n(88711);var i=n(14518),a=n(90231),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(58074),m=n(10078),y=n(22861),b=n(18272),Y=n(58920);let v=e=>(0,i.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),$=()=>(0,i.Y)(v,{sx:e=>({height:e.space.$10,width:"100%"})}),f=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)(f,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]}),(0,i.FD)(b.xA,{columns:2,gap:4,children:[(0,i.FD)(f,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)($,{})]}),(0,i.FD)(f,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]})]}),(0,i.FD)(f,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)($,{})]}),(0,i.FD)(f,{children:[(0,i.Y)(v,{}),(0,i.Y)(v,{}),(0,i.Y)(v,{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),[v,$]=(0,o.useState)(void 0),[f,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:v,submitLabel:f,setHeaderTitle:Y,setHeaderSubtitle:$,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})]})},F=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},T=e=>{let{children:t,...n}=e;return(0,i.FD)(S,{...n,children:[(0,i.Y)(F,{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)(M,{children:(0,i.Y)(k,{children:t})})]})},w=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return w(t,n),null},P=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return w(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return w(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)(),v=(0,h.N7)(),{isFormReady:$,submit:f,reset:D}=(0,a.Jl)(),S=async e=>{e.preventDefault(),Y.setLoading(),Y.setError(void 0);let{data:t,error:n}=await f();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:!$,submitLabel:null!=u?u:(0,y.G)("".concat(v,".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:()=>F}),n(50036),n(19161),n(22239),n(65999);var i=n(14518),a=n(90231),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),v=n(53369),$=n(29436),f=n(10078),x=n(18272);let D=()=>{let{t:e}=(0,f._)();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)($.p.Root,{children:[(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,i.Y)($.p.Description,{text:"4242 4242 4242 4242"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,i.Y)($.p.Description,{text:"11/44"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,i.Y)($.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.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.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})},F=(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)(v.O,{paymentMethod:e}),(0,i.Y)(M,{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}),M=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.It)(),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:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.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:[{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__date"))},{key:(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:()=>$}),n(19161),n(89305),n(22239);var i=n(14518),a=n(35074),o=n(57477),r=n(44003),l=n(41464),c=n(46256),d=n(97288),s=n(97697),u=n(18272),p=n(22861),h=n(77078),g=n(9679),m=n(58813),y=n(12049),b=n(24337),Y=n(4964),v=n(13679);function $(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:y}=e,b=(0,c.N7)(),v=(0,c.XX)(),{subscriptionItems:$}=(0,d.Rs)(),x=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===v,{navigate:D}=(0,Y.r)(),{commerceSettings:z}=(0,s.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===v\|\|z.billing.organization.hasPaidPlans&&"organization"===v,M=(0,a.useMemo)(()=>$.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[$]),T=x&&!M&&$.length>0,w=(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)(u.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,i.Y)(u.d8,{children:(0,i.FD)(u.Tr,{children:[(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.Y)(u.NN,{children:w.map(e=>(0,i.Y)(f,{subscriptionItem:e,length:w.length},e.id))})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:$.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:y,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function f(e){var t;let{subscriptionItem:n,length:o}=e,r="annual"===n.planPeriod?n.plan.annualFee:n.plan.fee,{captionForSubscription:c}=(0,d.D)(),s=(0,a.useMemo)(()=>(0,d.Ij)(r.amountFormatted),[r.amountFormatted]),h=null==(t=n.seats)?void 0:t.quantity;return(0,i.FD)(a.Fragment,{children:[(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.FD)(u.fv,{gap:1,children:[(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:n.plan.name}),n.isFreeTrial\|\|o>1\|\|n.canceledAt?(0,i.Y)(v.V,{subscription:n.isFreeTrial?{status:"free_trial"}:n}):null]}),(!n.plan.isDefault\|\|"upcoming"===n.status)&&(0,i.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:c(n)})]})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(u.EY,{variant:"subtitle",children:[r.currencySymbol,s,r.amount>0&&(0,i.Y)(u.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===n.planPeriod?(0,p.G)("billing.year"):(0,p.G)("billing.month")})]})})]}),void 0!==h?(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.Y)(u.fv,{gap:1,children:(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,p.G)("billing.seats")})]})})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.Y)(u.EY,{variant:"subtitle",localizationKey:null===h?(0,p.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,p.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:h})})})]}):null]},n.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/{207_ui_861d6a_1.3.0-snapshot.v20260331162920.js → 207_ui_aedcb8_1.3.0.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["207"],{9e3:function(e,t,i){i.d(t,{v:()=>h});var n=i(4518),r=i(374),a=i(137),o=i(9606),l=i(7288),s=i(6256),d=i(2861),c=i(8272),p=i(4964);let h=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(u,{paymentAttempt:e},e.id))})},u=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:h}=e,{navigate:u}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{u(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s\|\|l\|\|d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===h?"success":"failed"===h?"danger":"primary",sx:{textTransform:"capitalize"},children:h})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>w});var n=i(4518),r=i(4180),a=i(630),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),p=i(8930),h=i(4468),u=i(6256),g=i(8074),m=i(78),y=i(2861),b=i(8272),$=i(8920);let Y=e=>(0,n.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),f=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),v=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,n.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,n.FD)(b.so,{direction:"col",gap:5,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,u.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[h,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),x=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:h,headerSubtitle:$,submitLabel:f,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:v,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:x,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},w=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(M,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(F,{children:(0,n.Y)(k,{children:t})})]})},T=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return T(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return T(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return T(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,u.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await f();if(!i)try{await g(t)}catch(e){(0,h.H4)(e,[],b.setError)}finally{b.setIdle(),v()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(x,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},3369:function(e,t,i){i.d(t,{O:()=>d});var n=i(4518),r=i(8272),a=i(8920),o=i(2861),l=i(4967),s=i(5203);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},3365:function(e,t,i){i.d(t,{b:()=>M});var n=i(4518),r=i(4180),a=i(630),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),p=i(8046),h=i(625),u=i(6256),g=i(7288),m=i(2861),y=i(3453),b=i(2513),$=i(3450),Y=i(3369),f=i(9436),v=i(78),x=i(8272);let D=()=>{let{t:e}=(0,v._)();return(0,n.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,n.Y)(x.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,n.FD)(x.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(x.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(x.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(f.p.Root,{children:[(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(f.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(f.p.Description,{text:"11/44"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(f.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,u.XX)(),o=(0,u.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(h.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,u.XX)(),d=(0,u.N7)(),h=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!h.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:h.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:h.current}),deleteResource:y,onSuccess:i,onReset:i})},M=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,u.XX)(),i=(0,u.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),h=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.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,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[h.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(F,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),F=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,u.XX)(),s=(0,u.N7)(),p=(0,r.It)(),h=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|h.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:h})}},7682:function(e,t,i){i.d(t,{T:()=>h});var n=i(4518),r=i(7288),a=i(6256),o=i(374),l=i(137),s=i(2861),d=i(8272),c=i(4964),p=i(9606);let h=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(u,{statement:e},e.id))})},u=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},2916:function(e,t,i){i.d(t,{R:()=>$});var n=i(4518),r=i(630),a=i(7477),o=i(4003),l=i(6256),s=i(7288),d=i(7697),c=i(8272),p=i(2861),h=i(7078),u=i(9679),g=i(8813),m=i(4430),y=i(4964),b=i(3679);function $({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:m}){let b=(0,l.N7)(),$=(0,l.XX)(),{subscriptionItems:f}=(0,s.Rs)(),v=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===$,{navigate:x}=(0,y.r)(),{commerceSettings:D}=(0,d.O)(),{openSubscriptionDetails:z}=(0,s.D)(),S=D.billing.user.hasPaidPlans&&"user"===$\|\|D.billing.organization.hasPaidPlans&&"organization"===$,M=(0,r.useMemo)(()=>f.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[f]),F=v&&!M&&f.length>0,w=(0,r.useMemo)(()=>f.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[f]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[f.length>0&&(0,n.FD)(c.XI,{tableHeadVisuallyHidden:!0,children:[(0,n.Y)(c.d8,{children:(0,n.FD)(c.Tr,{children:[(0,n.Y)(c.Th,{localizationKey:(0,p.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(c.Th,{localizationKey:(0,p.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(c.NN,{children:w.map(e=>(0,n.Y)(Y,{subscription:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[S?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:f.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:F?"unset":void 0})],leftIcon:f.length>0?h.A:u.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void x("plans")}):null,F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:m,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=>z(e)}):null]})]})}function Y({subscription:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,s.D)(),o=(0,r.useMemo)(()=>(0,s.Ij)(i.amountFormatted),[i.amountFormatted]);return(0,n.FD)(c.Tr,{children:[(0,n.Y)(c.Td,{children:(0,n.FD)(c.fv,{gap:1,children:[(0,n.FD)(c.so,{align:"center",gap:1,children:[(0,n.Y)(c.In,{icon:m.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive})}),(0,n.Y)(c.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(b.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(c.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(c.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(c.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(c.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,p.G)("billing.year"):(0,p.G)("billing.month")})]})})]},e.id)}},3679:function(e,t,i){i.d(t,{V:()=>s});var n=i(4518),r=i(8272),a=i(2861);let o={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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["207"],{9e3:function(e,t,i){i.d(t,{v:()=>u});var n=i(4518),r=i(374),a=i(137),o=i(9606),l=i(7288),s=i(6256),d=i(2861),c=i(8272),p=i(4964);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s\|\|l\|\|d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(4518),r=i(4180),a=i(630),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),p=i(8930),u=i(4468),h=i(6256),g=i(8074),m=i(78),y=i(2861),b=i(8272),$=i(8920);let Y=e=>(0,n.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),f=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),v=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),x=()=>(0,n.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,n.FD)(b.so,{direction:"col",gap:5,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(f,{})]})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(f,{})]}),(0,n.FD)(v,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),x=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:f,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:v,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:x,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await f();if(!i)try{await g(t)}catch(e){(0,u.H4)(e,[],b.setError)}finally{b.setIdle(),v()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(x,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},3369:function(e,t,i){i.d(t,{O:()=>d});var n=i(4518),r=i(8272),a=i(8920),o=i(2861),l=i(4967),s=i(5203);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},3365:function(e,t,i){i.d(t,{b:()=>F});var n=i(4518),r=i(4180),a=i(630),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),p=i(8046),u=i(625),h=i(6256),g=i(7288),m=i(2861),y=i(3453),b=i(2513),$=i(3450),Y=i(3369),f=i(9436),v=i(78),x=i(8272);let D=()=>{let{t:e}=(0,v._)();return(0,n.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,n.Y)(x.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,n.FD)(x.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(x.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(x.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(f.p.Root,{children:[(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(f.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(f.p.Description,{text:"11/44"})]}),(0,n.FD)(f.p.Group,{variant:"tertiary",children:[(0,n.Y)(f.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(f.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.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,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},7682:function(e,t,i){i.d(t,{T:()=>u});var n=i(4518),r=i(7288),a=i(6256),o=i(374),l=i(137),s=i(2861),d=i(8272),c=i(4964),p=i(9606);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},2916:function(e,t,i){i.d(t,{R:()=>f});var n=i(4518),r=i(630),a=i(7477),o=i(4003),l=i(1464),s=i(6256),d=i(7288),c=i(7697),p=i(8272),u=i(2861),h=i(7078),g=i(9679),m=i(8813),y=i(4430),b=i(4337),$=i(4964),Y=i(3679);function f({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===b,{navigate:x}=(0,$.r)(),{commerceSettings:D}=(0,c.O)(),{openSubscriptionDetails:z}=(0,d.D)(),S=D.billing.user.hasPaidPlans&&"user"===b\|\|D.billing.organization.hasPaidPlans&&"organization"===b,F=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),M=f&&!F&&Y.length>0,T=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:T.map(e=>(0,n.Y)(v,{subscriptionItem:e,length:T.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[S?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:M?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void x("plans")}):null,M?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>z(e)}):null]})]})}function v({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},3679:function(e,t,i){i.d(t,{V:()=>s});var n=i(4518),r=i(8272),a=i(2861);let o={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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);

package/dist/{217_ui_a78be3_1.3.0-snapshot.v20260331162920.js → 217_ui_4c0359_1.3.0.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["217"],{2336:function(e,t,i){i.d(t,{v:()=>S});var r=i(4518),n=i(4180),l=i(5074),a=i(3269),o=i(2454),s=i(1475),d=i(3549),u=i(4468),c=i(8640),m=i(6245),f=i(7697),p=i(2861),h=i(1282),b=i(9823),g=i(4964),P=i(5240),_=i(8272),v=i(8920),k=i(8586);let A=e=>{let{navigate:t}=(0,g.r)(),{email:i,nextStep:n,onReset:o}=e,d=(0,a.f0)(),c=(0,P.B)(),{startEnterpriseSSOLinkFlow:m}=(0,k.q)(i);async function f(){await t(i.verification.externalVerificationRedirectURL?.href\|\|"")}return l.useEffect(()=>{!function(){let{mode:e,componentName:t}=c;m({redirectUrl:"modal"===e?(0,b.j)({url:window.location.href,componentName:t}):window.location.href}).then(()=>n()).catch(e=>(0,u.H4)(e,[],d.setError))}()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(_.so,{justify:"center",children:(0,r.Y)(_.$n,{variant:"link",onClick:f,localizationKey:(0,p.G)("userProfile.emailAddressPage.enterpriseSSOLink.formButton")})}),(0,r.Y)(s.c,{children:(0,r.Y)(_.$n,{variant:"ghost",localizationKey:(0,p.G)("userProfile.formButtonReset"),elementDescriptor:v.$z.formButtonReset,onClick:o})})]})};var C=i(393);let S=(0,a.dm)(e=>{let{emailId:t,onSuccess:i,onReset:b,disableAutoFocus:g=!1}=e,P=(0,a.f0)(),{user:_}=(0,n.Jd)(),v=(0,f.O)(),k=(0,n.Wp)(e=>_?.createEmailAddress({email:e})),S=l.useRef(_?.emailAddresses.find(e=>e.id===t)),D=y(S.current,v),F=(0,m.X)({defaultStep:+!!S.current,onNextStep:()=>P.setError(void 0)}),w=(0,c.tJ)("emailAddress","",{type:"email",label:(0,p.G)("formFieldLabel__emailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__emailAddress"),isRequired:!0}),R=w.value.length>1&&_?.username!==w.value,T=async e=>{if(e.preventDefault(),_)return k(w.value).then(e=>{S.current=e,F.nextStep()}).catch(e=>(0,u.H4)(e,[w],P.setError))},B=G(D);return(0,r.FD)(m.s,{...F.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:T,children:[(0,r.Y)(o.l.ControlRow,{elementId:w.id,children:(0,r.Y)(o.l.PlainInput,{...w.props,autoFocus:!g})}),(0,r.Y)(s.G,{submitLabel:(0,p.G)("userProfile.formButtonPrimary__add"),isDisabled:!R,onReset:b})]})}),(0,r.FD)(d.M,{headerTitle:(0,p.G)("userProfile.emailAddressPage.verifyTitle"),headerSubtitle:(0,p.G)(`${B}.formSubtitle`,{identifier:S.current?.emailAddress\|\|""}),children:["email_link"===D&&(0,r.Y)(C.o,{nextStep:i,email:S.current,onReset:b}),"email_code"===D&&(0,r.Y)(h.j,{nextStep:i,identification:S.current,identifier:S.current?.emailAddress,prepareVerification:()=>S.current?.prepareVerification({strategy:"email_code"}),onReset:b}),"enterprise_sso"===D&&(0,r.Y)(A,{nextStep:i,email:S.current,onReset:b})]})]})}),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: ${e}`)}},y=(e,t)=>e?.matchesSsoConnection?"enterprise_sso":!function(e){let{userSettings:t}=e,{email_address:i}=t.attributes;return!!(i?.enabled&&i?.verifications.includes("email_link"))}(t)?"email_code":"email_link"},1282:function(e,t,i){i.d(t,{j:()=>f});var r=i(4518),n=i(5074),l=i(3356),a=i(3269),o=i(2454),s=i(1475),d=i(4468),u=i(2861),c=i(8272),m=i(8920);let f=e=>{let t=(0,a.f0)(),{nextStep:i,identification:f,identifier:p,onReset:h,prepareVerification:b}=e,g=()=>b?.()?.catch(e=>(0,d.H4)(e,[],t.setError)),P=(0,l.xM)({onCodeEntryFinished:(e,t,i)=>{f?.attemptVerification({code:e}).then(()=>t()).catch(i)},onResendCodeClicked:g,onResolve:i});return n.useEffect(()=>{g()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.l.OTPInput,{...P,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:P.isLoading,localizationKey:(0,u.G)("formButtonPrimary__verify"),elementDescriptor:m.$z.formButtonPrimary,onClick:P.onFakeContinue}),(0,r.Y)(c.$n,{variant:"ghost",isDisabled:P.isLoading,localizationKey:(0,u.G)("userProfile.formButtonReset"),elementDescriptor:m.$z.formButtonReset,onClick:h})]})]})}},393:function(e,t,i){i.d(t,{G:()=>P,o:()=>g});var r=i(4518),n=i(5074),l=i(3269),a=i(1475),o=i(2027),s=i(4468),d=i(4979),u=i(8051),c=i(5240),m=i(7697),f=i(2861),p=i(8272),h=i(8920),b=i(2992);let g=e=>{let{email:t,nextStep:i,onReset:d}=e,g=(0,l.f0)(),P=(0,c.B)(),{startEmailLinkFlow:_}=(0,b.u)(t),{displayConfig:v}=(0,m.O)();function k(){let{routing:e}=P,t="virtual"===e?v.userProfileUrl:"";_({redirectUrl:(0,u.lA)({ctx:P,baseUrl:t,intent:"profile"})}).then(()=>i()).catch(e=>(0,s.H4)(e,[],g.setError))}return n.useEffect(()=>{k()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.i,{resendButton:(0,f.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(a.c,{children:(0,r.Y)(p.$n,{variant:"ghost",localizationKey:(0,f.G)("userProfile.formButtonReset"),elementDescriptor:h.$z.formButtonReset,onClick:d})})]})},P=()=>(0,r.Y)(d.$,{title:(0,f.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,f.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},7288:function(e,t,i){i.d(t,{A$:()=>h,D:()=>b,Ij:()=>d,Rs:()=>p,eT:()=>f,mu:()=>c,wD:()=>m});var r=i(4180),n=i(5074),l=i(7477),a=i(5424),o=i(2861),s=i(6256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let u=()=>{let e=(0,s.XX)(),t=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),i=(0,r.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!i&&t}},c=()=>{let e=u();return(0,r.X$)(e)},m=()=>{let e=u();return(0,r.t7)(e)},f=e=>{let t=u();return(0,r.tr)({...t,__experimental_mode:e?.mode})},p=()=>{let e=u(),t=(0,r.kH)(e),i=(0,n.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:i}},h=e=>{let t=(0,s.XX)();return(0,r.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,r.ho)(),{session:t}=(0,r.wV)(),i=(0,s.XX)(),l=(0,n.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===i),[e,i]),{subscriptionItems:d,revalidate:u,data:m}=p(),{data:b,revalidate:g}=h({mode:"cache"}),{revalidate:P}=f({mode:"cache"}),{revalidate:_}=c(),v=(0,n.useCallback)(()=>{u(),g(),P(),_()},[u,g,P,_]),k=(0,n.useMemo)(()=>0===d.length\|\|!d.some(e=>!e.canceledAt),[d]),A=(0,n.useCallback)(e=>d.find(t=>t.plan.id===e.id),[d]),C=(0,n.useCallback)(e=>d.filter(t=>t.plan.id===e.id),[d]),S=(0,n.useCallback)((e,t="month")=>{let i=C(e);if(i.length>1){let e=i.find(e=>e.planPeriod===t);return e\|\|i[0]}if(1===i.length)return i[0]},[C]),G=(0,n.useCallback)(({plan:e,subscription:t})=>{let i=t??(e?A(e):void 0);return!i\|\|!i.canceledAt},[A]),y=(0,n.useCallback)(({plan:e,subscription:i,isCompact:r=!1,selectedPlanPeriod:n="annual"})=>{let a=i??(e?S(e,n):void 0),s=n,u=!!e?.annualMonthlyFee;"annual"!==s\|\|u\|\|(s="month");let c=i=>{if(e?.freeTrialEnabled){let i=!t,r=m?.eligibleForFreeTrial;if(i\|\|r)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return i};return{localizationKey:c((()=>{if(a){if(s!==a.planPeriod&&a.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(u)return(0,o.G)("billing.switchToAnnual")}if(a.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==a.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(u)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"):c((0,o.G)("billing.subscribe"))})()),variant:r?"bordered":"solid",colorScheme:r?"secondary":"primary",isDisabled:!l,disabled:!l}},[S,l,d,m]),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)(t=>{let r=(0,a.J)("modal",t);e.__internal_openSubscriptionDetails({for:i,onSubscriptionCancel:()=>{v()},portalRoot:r})},[e,i,v]);return{activeOrUpcomingSubscription:A,activeAndUpcomingSubscriptions:C,activeOrUpcomingSubscriptionBasedOnPlanPeriod:S,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,n.useCallback)(({plan:r,planPeriod:n,mode:l="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:d})=>{var u,c;let m=(0,a.J)(l,o);e.__internal_openCheckout({planId:r.id,planPeriod:(u=r,"month"===(c=n)&&u.fee\|\|"annual"===c&&u.annualMonthlyFee?c:"month"!==c\|\|u.fee?"annual"!==c\|\|u.annualMonthlyFee?c:"month":"annual"),for:i,onSubscriptionComplete:()=>{v()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,v,i,t?.id]),openSubscriptionDetails:F,buttonPropsForPlan:y,canManageSubscription:G,captionForSubscription:D,defaultFreePlan:(0,n.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:v}}},6256:function(e,t,i){i.d(t,{N7:()=>o,XX:()=>a,m$:()=>l});var r=i(5074);let n="user",l=(0,r.createContext)(n),a=()=>(0,r.useContext)(l)\|\|n,o=()=>"user"===a()?"userProfile":"organizationProfile"},5240:function(e,t,i){i.d(t,{B:()=>u,M:()=>d});var r=i(4180),n=i(5074),l=i(3121),a=i(4964),o=i(7697),s=i(7288);let d=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(d),{queryParams:t}=(0,a.r)(),i=(0,r.ho)(),u=(0,o.O)(),{user:c}=(0,r.Jd)(),m=(0,s.Rs)(),f=(0,s.eT)(),p=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),h=u.commerceSettings.billing.user.hasPaidPlans\|\|p\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:b,customPages:g,...P}=e,_=(0,n.useMemo)(()=>(0,l.M)(g\|\|[],i,h,u),[g,h]),v=(0,n.useMemo)(()=>{let{enterpriseSSO:e}=u.userSettings;return!(c&&e.enabled)\|\|!c?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[c,u.userSettings.enterpriseSSO]),k=(0,n.useMemo)(()=>{let e=new Set;for(let[t,i]of Object.entries(u.userSettings.attributes))i.immutable&&e.add(t);return e},[u.userSettings.attributes]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:v,shouldShowBilling:h,immutableAttributes:k}}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["217"],{2336:function(e,t,i){i.d(t,{v:()=>S});var r=i(4518),n=i(4180),l=i(5074),a=i(3269),o=i(2454),s=i(1475),d=i(3549),u=i(4468),c=i(8640),m=i(6245),f=i(7697),p=i(2861),h=i(1282),b=i(9823),g=i(4964),P=i(5240),_=i(8272),v=i(8920),k=i(8586);let A=e=>{let{navigate:t}=(0,g.r)(),{email:i,nextStep:n,onReset:o}=e,d=(0,a.f0)(),c=(0,P.B)(),{startEnterpriseSSOLinkFlow:m}=(0,k.q)(i);async function f(){await t(i.verification.externalVerificationRedirectURL?.href\|\|"")}return l.useEffect(()=>{!function(){let{mode:e,componentName:t}=c;m({redirectUrl:"modal"===e?(0,b.j)({url:window.location.href,componentName:t}):window.location.href}).then(()=>n()).catch(e=>(0,u.H4)(e,[],d.setError))}()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(_.so,{justify:"center",children:(0,r.Y)(_.$n,{variant:"link",onClick:f,localizationKey:(0,p.G)("userProfile.emailAddressPage.enterpriseSSOLink.formButton")})}),(0,r.Y)(s.c,{children:(0,r.Y)(_.$n,{variant:"ghost",localizationKey:(0,p.G)("userProfile.formButtonReset"),elementDescriptor:v.$z.formButtonReset,onClick:o})})]})};var C=i(393);let S=(0,a.dm)(e=>{let{emailId:t,onSuccess:i,onReset:b,disableAutoFocus:g=!1}=e,P=(0,a.f0)(),{user:_}=(0,n.Jd)(),v=(0,f.O)(),k=(0,n.Wp)(e=>_?.createEmailAddress({email:e})),S=l.useRef(_?.emailAddresses.find(e=>e.id===t)),D=y(S.current,v),F=(0,m.X)({defaultStep:+!!S.current,onNextStep:()=>P.setError(void 0)}),w=(0,c.tJ)("emailAddress","",{type:"email",label:(0,p.G)("formFieldLabel__emailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__emailAddress"),isRequired:!0}),R=w.value.length>1&&_?.username!==w.value,T=async e=>{if(e.preventDefault(),_)return k(w.value).then(e=>{S.current=e,F.nextStep()}).catch(e=>(0,u.H4)(e,[w],P.setError))},B=G(D);return(0,r.FD)(m.s,{...F.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:T,children:[(0,r.Y)(o.l.ControlRow,{elementId:w.id,children:(0,r.Y)(o.l.PlainInput,{...w.props,autoFocus:!g})}),(0,r.Y)(s.G,{submitLabel:(0,p.G)("userProfile.formButtonPrimary__add"),isDisabled:!R,onReset:b})]})}),(0,r.FD)(d.M,{headerTitle:(0,p.G)("userProfile.emailAddressPage.verifyTitle"),headerSubtitle:(0,p.G)(`${B}.formSubtitle`,{identifier:S.current?.emailAddress\|\|""}),children:["email_link"===D&&(0,r.Y)(C.o,{nextStep:i,email:S.current,onReset:b}),"email_code"===D&&(0,r.Y)(h.j,{nextStep:i,identification:S.current,identifier:S.current?.emailAddress,prepareVerification:()=>S.current?.prepareVerification({strategy:"email_code"}),onReset:b}),"enterprise_sso"===D&&(0,r.Y)(A,{nextStep:i,email:S.current,onReset:b})]})]})}),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: ${e}`)}},y=(e,t)=>e?.matchesSsoConnection?"enterprise_sso":!function(e){let{userSettings:t}=e,{email_address:i}=t.attributes;return!!(i?.enabled&&i?.verifications.includes("email_link"))}(t)?"email_code":"email_link"},1282:function(e,t,i){i.d(t,{j:()=>f});var r=i(4518),n=i(5074),l=i(3356),a=i(3269),o=i(2454),s=i(1475),d=i(4468),u=i(2861),c=i(8272),m=i(8920);let f=e=>{let t=(0,a.f0)(),{nextStep:i,identification:f,identifier:p,onReset:h,prepareVerification:b}=e,g=()=>b?.()?.catch(e=>(0,d.H4)(e,[],t.setError)),P=(0,l.xM)({onCodeEntryFinished:(e,t,i)=>{f?.attemptVerification({code:e}).then(()=>t()).catch(i)},onResendCodeClicked:g,onResolve:i});return n.useEffect(()=>{g()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.l.OTPInput,{...P,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:P.isLoading,localizationKey:(0,u.G)("formButtonPrimary__verify"),elementDescriptor:m.$z.formButtonPrimary,onClick:P.onFakeContinue}),(0,r.Y)(c.$n,{variant:"ghost",isDisabled:P.isLoading,localizationKey:(0,u.G)("userProfile.formButtonReset"),elementDescriptor:m.$z.formButtonReset,onClick:h})]})]})}},393:function(e,t,i){i.d(t,{G:()=>P,o:()=>g});var r=i(4518),n=i(5074),l=i(3269),a=i(1475),o=i(2027),s=i(4468),d=i(4979),u=i(8051),c=i(5240),m=i(7697),f=i(2861),p=i(8272),h=i(8920),b=i(2992);let g=e=>{let{email:t,nextStep:i,onReset:d}=e,g=(0,l.f0)(),P=(0,c.B)(),{startEmailLinkFlow:_}=(0,b.u)(t),{displayConfig:v}=(0,m.O)();function k(){let{routing:e}=P,t="virtual"===e?v.userProfileUrl:"";_({redirectUrl:(0,u.lA)({ctx:P,baseUrl:t,intent:"profile"})}).then(()=>i()).catch(e=>(0,s.H4)(e,[],g.setError))}return n.useEffect(()=>{k()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(o.i,{resendButton:(0,f.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(a.c,{children:(0,r.Y)(p.$n,{variant:"ghost",localizationKey:(0,f.G)("userProfile.formButtonReset"),elementDescriptor:h.$z.formButtonReset,onClick:d})})]})},P=()=>(0,r.Y)(d.$,{title:(0,f.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,f.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},7288:function(e,t,i){i.d(t,{A$:()=>b,D:()=>g,Ij:()=>u,Rs:()=>h,eT:()=>p,mu:()=>m,wD:()=>f});var r=i(4180),n=i(5074),l=i(7477),a=i(4148),o=i(5424),s=i(2861),d=i(6256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,d.XX)(),t=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),i=(0,r.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!i&&t}},m=()=>{let e=c();return(0,r.X$)(e)},f=()=>{let e=c();return(0,r.t7)(e)},p=e=>{let t=c();return(0,r.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,r.kH)(e),i=(0,n.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:i}},b=e=>{let t=(0,d.XX)();return(0,r.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},g=()=>{let e=(0,r.ho)(),{session:t}=(0,r.wV)(),i=(0,d.XX)(),l=(0,n.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===i),[e,i]),{subscriptionItems:u,revalidate:c,data:f}=h(),{data:g,revalidate:P}=b({mode:"cache"}),{revalidate:_}=p({mode:"cache"}),{revalidate:v}=m(),k=(0,n.useCallback)(()=>{c(),P(),_(),v()},[c,P,_,v]),A=(0,n.useMemo)(()=>0===u.length\|\|!u.some(e=>!e.canceledAt),[u]),C=(0,n.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),S=(0,n.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),G=(0,n.useCallback)((e,t="month")=>{let i=S(e);if(i.length>1){let e=i.find(e=>e.planPeriod===t);return e\|\|i[0]}if(1===i.length)return i[0]},[S]),y=(0,n.useCallback)(({plan:e,subscription:t})=>{let i=t??(e?C(e):void 0);return!i\|\|!i.canceledAt},[C]),D=(0,n.useCallback)(({plan:e,organization:r,subscription:n,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let c=n??(e?G(e,d):void 0),m="organization"===i&&!!r&&(0,a.iI)(e,r),p=d,h=!!e?.annualMonthlyFee;"annual"!==p\|\|h\|\|(p="month");let b=i=>{if(e?.freeTrialEnabled){let i=!t,r=f?.eligibleForFreeTrial;if(i\|\|r)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return i};return{localizationKey:b((()=>{if(c){if(p!==c.planPeriod&&c.canceledAt){if("month"===p)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(c.canceledAt)return(0,s.G)("billing.reSubscribe");if(p!==c.planPeriod){if("month"===p)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):b((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!l\|\|m,disabled:!l\|\|m}},[G,l,i,u,f]),F=(0,n.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,n.useCallback)(t=>{let r=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:i,onSubscriptionCancel:()=>{k()},portalRoot:r})},[e,i,k]);return{activeOrUpcomingSubscription:C,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:G,isDefaultPlanImplicitlyActiveOrUpcoming:A,handleSelectPlan:(0,n.useCallback)(({plan:r,planPeriod:n,mode:l="mounted",event:a,appearance:s,newSubscriptionRedirectUrl:d})=>{var u,c;let m=(0,o.J)(l,a);e.__internal_openCheckout({planId:r.id,planPeriod:(u=r,"month"===(c=n)&&u.fee\|\|"annual"===c&&u.annualMonthlyFee?c:"month"!==c\|\|u.fee?"annual"!==c\|\|u.annualMonthlyFee?c:"month":"annual"),for:i,onSubscriptionComplete:()=>{k()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,k,i,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:D,canManageSubscription:y,captionForSubscription:F,defaultFreePlan:(0,n.useMemo)(()=>g?.find(e=>e.isDefault),[g]),revalidateAll:k}}},6256:function(e,t,i){i.d(t,{N7:()=>o,XX:()=>a,m$:()=>l});var r=i(5074);let n="user",l=(0,r.createContext)(n),a=()=>(0,r.useContext)(l)\|\|n,o=()=>"user"===a()?"userProfile":"organizationProfile"},5240:function(e,t,i){i.d(t,{B:()=>u,M:()=>d});var r=i(4180),n=i(5074),l=i(2545),a=i(4964),o=i(7697),s=i(7288);let d=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(d),{queryParams:t}=(0,a.r)(),i=(0,r.ho)(),u=(0,o.O)(),{user:c}=(0,r.Jd)(),m=(0,s.Rs)(),f=(0,s.eT)(),p=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),h=u.commerceSettings.billing.user.hasPaidPlans\|\|p\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:b,customPages:g,...P}=e,_=(0,n.useMemo)(()=>(0,l.M)(g\|\|[],i,h,u),[g,h]),v=(0,n.useMemo)(()=>{let{enterpriseSSO:e}=u.userSettings;return!(c&&e.enabled)\|\|!c?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[c,u.userSettings.enterpriseSSO]),k=(0,n.useMemo)(()=>{let e=new Set;for(let[t,i]of Object.entries(u.userSettings.attributes))i.immutable&&e.add(t);return e},[u.userSettings.attributes]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:v,shouldShowBilling:h,immutableAttributes:k}}}}]);

package/dist/217_ui_9a91c3_1.3.0.js ADDED Viewed

@@ -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(90231),l=t(35074),a=t(63269),o=t(52454),s=t(11475),d=t(23549),u=t(4468),c=t(8640),m=t(46245),f=t(97697),p=t(22861),h=t(1282);t(50036);var v=t(29823),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:m}=(0,k.q)(t);async function f(){var e;await i((null==(e=t.verification.externalVerificationRedirectURL)?void 0:e.href)||"")}return l.useEffect(()=>{!function(){let{mode:e,componentName:i}=c;m({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:f,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,f.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,m.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)(m.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:()=>f});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),m=t(58920);let f=e=>{let i=(0,a.f0)(),{nextStep:t,identification:f,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==f||f.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:m.$z.formButtonPrimary,onClick:g.onFakeContinue}),(0,r.Y)(c.$n,{variant:"ghost",isDisabled:g.isLoading,localizationKey:(0,u.G)("userProfile.formButtonReset"),elementDescriptor:m.$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),m=t(97697),f=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,m.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,f.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(a.c,{children:(0,r.Y)(p.$n,{variant:"ghost",localizationKey:(0,f.G)("userProfile.formButtonReset"),elementDescriptor:h.$z.formButtonReset,onClick:d})})]})},g=()=>(0,r.Y)(d.$,{title:(0,f.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,f.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},97288:function(e,i,t){t.d(i,{A$:()=>v,D:()=>b,Ij:()=>u,Rs:()=>h,eT:()=>p,mu:()=>m,wD:()=>f}),t(19161),t(89305),t(85074),t(95055);var r=t(90231),n=t(35074),l=t(57477),a=t(64148),o=t(65424),s=t(22861),d=t(46256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,d.XX)(),i=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),t=(0,r.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!t&&i}},m=()=>{let e=c();return(0,r.X$)(e)},f=()=>{let e=c();return(0,r.t7)(e)},p=e=>{let i=c();return(0,r.tr)({...i,__experimental_mode:null==e?void 0:e.mode})},h=()=>{var e;let i=c(),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}},v=e=>{let i=(0,d.XX)();return(0,r.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},b=()=>{let e=(0,r.ho)(),{session:i}=(0,r.wV)(),t=(0,d.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:u,revalidate:c,data:f}=h(),{data:b,revalidate:g}=v({mode:"cache"}),{revalidate:P}=p({mode:"cache"}),{revalidate:_}=m(),k=(0,n.useCallback)(()=>{c(),g(),P(),_()},[c,g,P,_]),A=(0,n.useMemo)(()=>0===u.length||!u.some(e=>!e.canceledAt),[u]),C=(0,n.useCallback)(e=>u.find(i=>i.plan.id===e.id),[u]),S=(0,n.useCallback)(e=>u.filter(i=>i.plan.id===e.id),[u]),G=(0,n.useCallback)(function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",t=S(e);if(t.length>1){let e=t.find(e=>e.planPeriod===i);return e||t[0]}if(1===t.length)return t[0]},[S]),y=(0,n.useCallback)(e=>{let{plan:i,subscription:t}=e,r=null!=t?t:i?C(i):void 0;return!r||!r.canceledAt},[C]),D=(0,n.useCallback)(e=>{let{plan:r,organization:n,subscription:o,isCompact:d=!1,selectedPlanPeriod:c="annual"}=e,m=null!=o?o:r?G(r,c):void 0,p="organization"===t&&!!n&&(0,a.iI)(r,n),h=c,v=!!(null==r?void 0:r.annualMonthlyFee);"annual"!==h||v||(h="month");let b=e=>{if(null==r?void 0:r.freeTrialEnabled){let e=!i,n=null==f?void 0:f.eligibleForFreeTrial;if(e||n){var t;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(t=r.freeTrialDays)?t:0})}}return e};return{localizationKey:b((()=>{if(m){if(h!==m.planPeriod&&m.canceledAt){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(v)return(0,s.G)("billing.switchToAnnual")}if(m.canceledAt)return(0,s.G)("billing.reSubscribe");if(h!==m.planPeriod){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(v)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):b((0,s.G)("billing.subscribe"))})()),variant:d?"bordered":"solid",colorScheme:d?"secondary":"primary",isDisabled:!l||p,disabled:!l||p}},[G,l,t,u,f]),F=(0,n.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,n.useCallback)(i=>{let r=(0,o.J)("modal",i);e.__internal_openSubscriptionDetails({for:t,onSubscriptionCancel:()=>{k()},portalRoot:r})},[e,t,k]);return{activeOrUpcomingSubscription:C,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:G,isDefaultPlanImplicitlyActiveOrUpcoming:A,handleSelectPlan:(0,n.useCallback)(r=>{var n,l;let{plan:a,planPeriod:s,mode:d="mounted",event:u,appearance:c,newSubscriptionRedirectUrl:m}=r,f=(0,o.J)(d,u);e.__internal_openCheckout({planId:a.id,planPeriod:(n=a,"month"===(l=s)&&n.fee||"annual"===l&&n.annualMonthlyFee?l:"month"!==l||n.fee?"annual"!==l||n.annualMonthlyFee?l:"month":"annual"),for:t,onSubscriptionComplete:()=>{k()},onClose:()=>{(null==i?void 0:i.id)&&e.setActive({session:i.id})},appearance:c,portalRoot:f,newSubscriptionRedirectUrl:m})},[e,k,t,null==i?void 0:i.id]),openSubscriptionDetails:w,buttonPropsForPlan:D,canManageSubscription:y,captionForSubscription:F,defaultFreePlan:(0,n.useMemo)(()=>null==b?void 0:b.find(e=>e.isDefault),[b]),revalidateAll:k}}},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),t(32880),t(25902),t(56359),t(894),t(6373),t(63418),t(93412),t(88711);var r=t(90231),n=t(35074),l=t(82545),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:m}=(0,r.Jd)(),f=(0,s.Rs)(),p=(0,s.eT)(),h=null==(e=f.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!(m&&e.enabled)||!(null==m?void 0:m.enterpriseAccounts.some(e=>{var i;return e.active&&(null==(i=e.enterpriseConnection)?void 0:i.disableAdditionalIdentifications)}))},[m,c.userSettings.enterpriseSSO]),A=(0,n.useMemo)(()=>{let e=new Set;for(let[i,t]of Object.entries(c.userSettings.attributes))t.immutable&&e.add(i);return e},[c.userSettings.attributes]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:k,shouldShowBilling:v,immutableAttributes:A}}}}]);

package/dist/{217_ui_861d6a_1.3.0-snapshot.v20260331162920.js → 217_ui_aedcb8_1.3.0.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["217"],{2336:function(e,t,i){i.d(t,{v:()=>G});var r=i(4518),n=i(4180),l=i(630),a=i.n(l),o=i(3269),s=i(2454),d=i(1475),u=i(3549),c=i(4468),m=i(8640),f=i(6245),p=i(7697),h=i(2861),b=i(1282),g=i(9823),P=i(4964),_=i(5240),v=i(8272),k=i(8920),A=i(8586);let C=e=>{let{navigate:t}=(0,P.r)(),{email:i,nextStep:n,onReset:l}=e,s=(0,o.f0)(),u=(0,_.B)(),{startEnterpriseSSOLinkFlow:m}=(0,A.q)(i);async function f(){await t(i.verification.externalVerificationRedirectURL?.href\|\|"")}return a().useEffect(()=>{!function(){let{mode:e,componentName:t}=u;m({redirectUrl:"modal"===e?(0,g.j)({url:window.location.href,componentName:t}):window.location.href}).then(()=>n()).catch(e=>(0,c.H4)(e,[],s.setError))}()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(v.so,{justify:"center",children:(0,r.Y)(v.$n,{variant:"link",onClick:f,localizationKey:(0,h.G)("userProfile.emailAddressPage.enterpriseSSOLink.formButton")})}),(0,r.Y)(d.c,{children:(0,r.Y)(v.$n,{variant:"ghost",localizationKey:(0,h.G)("userProfile.formButtonReset"),elementDescriptor:k.$z.formButtonReset,onClick:l})})]})};var S=i(393);let G=(0,o.dm)(e=>{let{emailId:t,onSuccess:i,onReset:l,disableAutoFocus:g=!1}=e,P=(0,o.f0)(),{user:_}=(0,n.Jd)(),v=(0,p.O)(),k=(0,n.Wp)(e=>_?.createEmailAddress({email:e})),A=a().useRef(_?.emailAddresses.find(e=>e.id===t)),G=D(A.current,v),F=(0,f.X)({defaultStep:+!!A.current,onNextStep:()=>P.setError(void 0)}),w=(0,m.tJ)("emailAddress","",{type:"email",label:(0,h.G)("formFieldLabel__emailAddress"),placeholder:(0,h.G)("formFieldInputPlaceholder__emailAddress"),isRequired:!0}),R=w.value.length>1&&_?.username!==w.value,T=async e=>{if(e.preventDefault(),_)return k(w.value).then(e=>{A.current=e,F.nextStep()}).catch(e=>(0,c.H4)(e,[w],P.setError))},B=y(G);return(0,r.FD)(f.s,{...F.props,children:[(0,r.Y)(u.M,{headerTitle:e.title\|\|(0,h.G)("userProfile.emailAddressPage.title"),headerSubtitle:e.subtitle\|\|(0,h.G)("userProfile.emailAddressPage.formHint"),children:(0,r.FD)(s.l.Root,{onSubmit:T,children:[(0,r.Y)(s.l.ControlRow,{elementId:w.id,children:(0,r.Y)(s.l.PlainInput,{...w.props,autoFocus:!g})}),(0,r.Y)(d.G,{submitLabel:(0,h.G)("userProfile.formButtonPrimary__add"),isDisabled:!R,onReset:l})]})}),(0,r.FD)(u.M,{headerTitle:(0,h.G)("userProfile.emailAddressPage.verifyTitle"),headerSubtitle:(0,h.G)(`${B}.formSubtitle`,{identifier:A.current?.emailAddress\|\|""}),children:["email_link"===G&&(0,r.Y)(S.o,{nextStep:i,email:A.current,onReset:l}),"email_code"===G&&(0,r.Y)(b.j,{nextStep:i,identification:A.current,identifier:A.current?.emailAddress,prepareVerification:()=>A.current?.prepareVerification({strategy:"email_code"}),onReset:l}),"enterprise_sso"===G&&(0,r.Y)(C,{nextStep:i,email:A.current,onReset:l})]})]})}),y=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: ${e}`)}},D=(e,t)=>e?.matchesSsoConnection?"enterprise_sso":!function(e){let{userSettings:t}=e,{email_address:i}=t.attributes;return!!(i?.enabled&&i?.verifications.includes("email_link"))}(t)?"email_code":"email_link"},1282:function(e,t,i){i.d(t,{j:()=>p});var r=i(4518),n=i(630),l=i.n(n),a=i(3356),o=i(3269),s=i(2454),d=i(1475),u=i(4468),c=i(2861),m=i(8272),f=i(8920);let p=e=>{let t=(0,o.f0)(),{nextStep:i,identification:n,identifier:p,onReset:h,prepareVerification:b}=e,g=()=>b?.()?.catch(e=>(0,u.H4)(e,[],t.setError)),P=(0,a.xM)({onCodeEntryFinished:(e,t,i)=>{n?.attemptVerification({code:e}).then(()=>t()).catch(i)},onResendCodeClicked:g,onResolve:i});return l().useEffect(()=>{g()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(s.l.OTPInput,{...P,label:(0,c.G)("userProfile.emailAddressPage.emailCode.formTitle"),description:(0,c.G)("userProfile.emailAddressPage.emailCode.formSubtitle",{identifier:p\|\|""}),resendButton:(0,c.G)("userProfile.emailAddressPage.emailCode.resendButton"),centerAlign:!1}),(0,r.FD)(d.c,{children:[(0,r.Y)(m.$n,{isLoading:P.isLoading,localizationKey:(0,c.G)("formButtonPrimary__verify"),elementDescriptor:f.$z.formButtonPrimary,onClick:P.onFakeContinue}),(0,r.Y)(m.$n,{variant:"ghost",isDisabled:P.isLoading,localizationKey:(0,c.G)("userProfile.formButtonReset"),elementDescriptor:f.$z.formButtonReset,onClick:h})]})]})}},393:function(e,t,i){i.d(t,{G:()=>_,o:()=>P});var r=i(4518),n=i(630),l=i.n(n),a=i(3269),o=i(1475),s=i(2027),d=i(4468),u=i(4979),c=i(8051),m=i(5240),f=i(7697),p=i(2861),h=i(8272),b=i(8920),g=i(2992);let P=e=>{let{email:t,nextStep:i,onReset:n}=e,u=(0,a.f0)(),P=(0,m.B)(),{startEmailLinkFlow:_}=(0,g.u)(t),{displayConfig:v}=(0,f.O)();function k(){let{routing:e}=P,t="virtual"===e?v.userProfileUrl:"";_({redirectUrl:(0,c.lA)({ctx:P,baseUrl:t,intent:"profile"})}).then(()=>i()).catch(e=>(0,d.H4)(e,[],u.setError))}return l().useEffect(()=>{k()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(s.i,{resendButton:(0,p.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(o.c,{children:(0,r.Y)(h.$n,{variant:"ghost",localizationKey:(0,p.G)("userProfile.formButtonReset"),elementDescriptor:b.$z.formButtonReset,onClick:n})})]})},_=()=>(0,r.Y)(u.$,{title:(0,p.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,p.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},7288:function(e,t,i){i.d(t,{A$:()=>h,D:()=>b,Ij:()=>d,Rs:()=>p,eT:()=>f,mu:()=>c,wD:()=>m});var r=i(4180),n=i(630),l=i(7477),a=i(5424),o=i(2861),s=i(6256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let u=()=>{let e=(0,s.XX)(),t=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),i=(0,r.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!i&&t}},c=()=>{let e=u();return(0,r.X$)(e)},m=()=>{let e=u();return(0,r.t7)(e)},f=e=>{let t=u();return(0,r.tr)({...t,__experimental_mode:e?.mode})},p=()=>{let e=u(),t=(0,r.kH)(e),i=(0,n.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:i}},h=e=>{let t=(0,s.XX)();return(0,r.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,r.ho)(),{session:t}=(0,r.wV)(),i=(0,s.XX)(),l=(0,n.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===i),[e,i]),{subscriptionItems:d,revalidate:u,data:m}=p(),{data:b,revalidate:g}=h({mode:"cache"}),{revalidate:P}=f({mode:"cache"}),{revalidate:_}=c(),v=(0,n.useCallback)(()=>{u(),g(),P(),_()},[u,g,P,_]),k=(0,n.useMemo)(()=>0===d.length\|\|!d.some(e=>!e.canceledAt),[d]),A=(0,n.useCallback)(e=>d.find(t=>t.plan.id===e.id),[d]),C=(0,n.useCallback)(e=>d.filter(t=>t.plan.id===e.id),[d]),S=(0,n.useCallback)((e,t="month")=>{let i=C(e);if(i.length>1){let e=i.find(e=>e.planPeriod===t);return e\|\|i[0]}if(1===i.length)return i[0]},[C]),G=(0,n.useCallback)(({plan:e,subscription:t})=>{let i=t??(e?A(e):void 0);return!i\|\|!i.canceledAt},[A]),y=(0,n.useCallback)(({plan:e,subscription:i,isCompact:r=!1,selectedPlanPeriod:n="annual"})=>{let a=i??(e?S(e,n):void 0),s=n,u=!!e?.annualMonthlyFee;"annual"!==s\|\|u\|\|(s="month");let c=i=>{if(e?.freeTrialEnabled){let i=!t,r=m?.eligibleForFreeTrial;if(i\|\|r)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return i};return{localizationKey:c((()=>{if(a){if(s!==a.planPeriod&&a.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(u)return(0,o.G)("billing.switchToAnnual")}if(a.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==a.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(u)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"):c((0,o.G)("billing.subscribe"))})()),variant:r?"bordered":"solid",colorScheme:r?"secondary":"primary",isDisabled:!l,disabled:!l}},[S,l,d,m]),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)(t=>{let r=(0,a.J)("modal",t);e.__internal_openSubscriptionDetails({for:i,onSubscriptionCancel:()=>{v()},portalRoot:r})},[e,i,v]);return{activeOrUpcomingSubscription:A,activeAndUpcomingSubscriptions:C,activeOrUpcomingSubscriptionBasedOnPlanPeriod:S,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,n.useCallback)(({plan:r,planPeriod:n,mode:l="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:d})=>{var u,c;let m=(0,a.J)(l,o);e.__internal_openCheckout({planId:r.id,planPeriod:(u=r,"month"===(c=n)&&u.fee\|\|"annual"===c&&u.annualMonthlyFee?c:"month"!==c\|\|u.fee?"annual"!==c\|\|u.annualMonthlyFee?c:"month":"annual"),for:i,onSubscriptionComplete:()=>{v()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,v,i,t?.id]),openSubscriptionDetails:F,buttonPropsForPlan:y,canManageSubscription:G,captionForSubscription:D,defaultFreePlan:(0,n.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:v}}},6256:function(e,t,i){i.d(t,{N7:()=>o,XX:()=>a,m$:()=>l});var r=i(630);let n="user",l=(0,r.createContext)(n),a=()=>(0,r.useContext)(l)\|\|n,o=()=>"user"===a()?"userProfile":"organizationProfile"},5240:function(e,t,i){i.d(t,{B:()=>u,M:()=>d});var r=i(4180),n=i(630),l=i(3121),a=i(4964),o=i(7697),s=i(7288);let d=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(d),{queryParams:t}=(0,a.r)(),i=(0,r.ho)(),u=(0,o.O)(),{user:c}=(0,r.Jd)(),m=(0,s.Rs)(),f=(0,s.eT)(),p=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),h=u.commerceSettings.billing.user.hasPaidPlans\|\|p\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:b,customPages:g,...P}=e,_=(0,n.useMemo)(()=>(0,l.M)(g\|\|[],i,h,u),[g,h]),v=(0,n.useMemo)(()=>{let{enterpriseSSO:e}=u.userSettings;return!(c&&e.enabled)\|\|!c?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[c,u.userSettings.enterpriseSSO]),k=(0,n.useMemo)(()=>{let e=new Set;for(let[t,i]of Object.entries(u.userSettings.attributes))i.immutable&&e.add(t);return e},[u.userSettings.attributes]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:v,shouldShowBilling:h,immutableAttributes:k}}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["217"],{2336:function(e,t,i){i.d(t,{v:()=>G});var r=i(4518),n=i(4180),l=i(630),a=i.n(l),o=i(3269),s=i(2454),d=i(1475),u=i(3549),c=i(4468),m=i(8640),f=i(6245),p=i(7697),h=i(2861),b=i(1282),g=i(9823),P=i(4964),_=i(5240),v=i(8272),k=i(8920),A=i(8586);let C=e=>{let{navigate:t}=(0,P.r)(),{email:i,nextStep:n,onReset:l}=e,s=(0,o.f0)(),u=(0,_.B)(),{startEnterpriseSSOLinkFlow:m}=(0,A.q)(i);async function f(){await t(i.verification.externalVerificationRedirectURL?.href\|\|"")}return a().useEffect(()=>{!function(){let{mode:e,componentName:t}=u;m({redirectUrl:"modal"===e?(0,g.j)({url:window.location.href,componentName:t}):window.location.href}).then(()=>n()).catch(e=>(0,c.H4)(e,[],s.setError))}()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(v.so,{justify:"center",children:(0,r.Y)(v.$n,{variant:"link",onClick:f,localizationKey:(0,h.G)("userProfile.emailAddressPage.enterpriseSSOLink.formButton")})}),(0,r.Y)(d.c,{children:(0,r.Y)(v.$n,{variant:"ghost",localizationKey:(0,h.G)("userProfile.formButtonReset"),elementDescriptor:k.$z.formButtonReset,onClick:l})})]})};var S=i(393);let G=(0,o.dm)(e=>{let{emailId:t,onSuccess:i,onReset:l,disableAutoFocus:g=!1}=e,P=(0,o.f0)(),{user:_}=(0,n.Jd)(),v=(0,p.O)(),k=(0,n.Wp)(e=>_?.createEmailAddress({email:e})),A=a().useRef(_?.emailAddresses.find(e=>e.id===t)),G=D(A.current,v),F=(0,f.X)({defaultStep:+!!A.current,onNextStep:()=>P.setError(void 0)}),w=(0,m.tJ)("emailAddress","",{type:"email",label:(0,h.G)("formFieldLabel__emailAddress"),placeholder:(0,h.G)("formFieldInputPlaceholder__emailAddress"),isRequired:!0}),R=w.value.length>1&&_?.username!==w.value,T=async e=>{if(e.preventDefault(),_)return k(w.value).then(e=>{A.current=e,F.nextStep()}).catch(e=>(0,c.H4)(e,[w],P.setError))},B=y(G);return(0,r.FD)(f.s,{...F.props,children:[(0,r.Y)(u.M,{headerTitle:e.title\|\|(0,h.G)("userProfile.emailAddressPage.title"),headerSubtitle:e.subtitle\|\|(0,h.G)("userProfile.emailAddressPage.formHint"),children:(0,r.FD)(s.l.Root,{onSubmit:T,children:[(0,r.Y)(s.l.ControlRow,{elementId:w.id,children:(0,r.Y)(s.l.PlainInput,{...w.props,autoFocus:!g})}),(0,r.Y)(d.G,{submitLabel:(0,h.G)("userProfile.formButtonPrimary__add"),isDisabled:!R,onReset:l})]})}),(0,r.FD)(u.M,{headerTitle:(0,h.G)("userProfile.emailAddressPage.verifyTitle"),headerSubtitle:(0,h.G)(`${B}.formSubtitle`,{identifier:A.current?.emailAddress\|\|""}),children:["email_link"===G&&(0,r.Y)(S.o,{nextStep:i,email:A.current,onReset:l}),"email_code"===G&&(0,r.Y)(b.j,{nextStep:i,identification:A.current,identifier:A.current?.emailAddress,prepareVerification:()=>A.current?.prepareVerification({strategy:"email_code"}),onReset:l}),"enterprise_sso"===G&&(0,r.Y)(C,{nextStep:i,email:A.current,onReset:l})]})]})}),y=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: ${e}`)}},D=(e,t)=>e?.matchesSsoConnection?"enterprise_sso":!function(e){let{userSettings:t}=e,{email_address:i}=t.attributes;return!!(i?.enabled&&i?.verifications.includes("email_link"))}(t)?"email_code":"email_link"},1282:function(e,t,i){i.d(t,{j:()=>p});var r=i(4518),n=i(630),l=i.n(n),a=i(3356),o=i(3269),s=i(2454),d=i(1475),u=i(4468),c=i(2861),m=i(8272),f=i(8920);let p=e=>{let t=(0,o.f0)(),{nextStep:i,identification:n,identifier:p,onReset:h,prepareVerification:b}=e,g=()=>b?.()?.catch(e=>(0,u.H4)(e,[],t.setError)),P=(0,a.xM)({onCodeEntryFinished:(e,t,i)=>{n?.attemptVerification({code:e}).then(()=>t()).catch(i)},onResendCodeClicked:g,onResolve:i});return l().useEffect(()=>{g()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(s.l.OTPInput,{...P,label:(0,c.G)("userProfile.emailAddressPage.emailCode.formTitle"),description:(0,c.G)("userProfile.emailAddressPage.emailCode.formSubtitle",{identifier:p\|\|""}),resendButton:(0,c.G)("userProfile.emailAddressPage.emailCode.resendButton"),centerAlign:!1}),(0,r.FD)(d.c,{children:[(0,r.Y)(m.$n,{isLoading:P.isLoading,localizationKey:(0,c.G)("formButtonPrimary__verify"),elementDescriptor:f.$z.formButtonPrimary,onClick:P.onFakeContinue}),(0,r.Y)(m.$n,{variant:"ghost",isDisabled:P.isLoading,localizationKey:(0,c.G)("userProfile.formButtonReset"),elementDescriptor:f.$z.formButtonReset,onClick:h})]})]})}},393:function(e,t,i){i.d(t,{G:()=>_,o:()=>P});var r=i(4518),n=i(630),l=i.n(n),a=i(3269),o=i(1475),s=i(2027),d=i(4468),u=i(4979),c=i(8051),m=i(5240),f=i(7697),p=i(2861),h=i(8272),b=i(8920),g=i(2992);let P=e=>{let{email:t,nextStep:i,onReset:n}=e,u=(0,a.f0)(),P=(0,m.B)(),{startEmailLinkFlow:_}=(0,g.u)(t),{displayConfig:v}=(0,f.O)();function k(){let{routing:e}=P,t="virtual"===e?v.userProfileUrl:"";_({redirectUrl:(0,c.lA)({ctx:P,baseUrl:t,intent:"profile"})}).then(()=>i()).catch(e=>(0,d.H4)(e,[],u.setError))}return l().useEffect(()=>{k()},[]),(0,r.FD)(r.FK,{children:[(0,r.Y)(s.i,{resendButton:(0,p.G)("userProfile.emailAddressPage.emailLink.resendButton"),onResendCodeClicked:k}),(0,r.Y)(o.c,{children:(0,r.Y)(h.$n,{variant:"ghost",localizationKey:(0,p.G)("userProfile.formButtonReset"),elementDescriptor:b.$z.formButtonReset,onClick:n})})]})},_=()=>(0,r.Y)(u.$,{title:(0,p.G)("signUp.emailLink.verifiedSwitchTab.title"),subtitle:(0,p.G)("signUp.emailLink.verifiedSwitchTab.subtitle"),status:"verified"})},7288:function(e,t,i){i.d(t,{A$:()=>b,D:()=>g,Ij:()=>u,Rs:()=>h,eT:()=>p,mu:()=>m,wD:()=>f});var r=i(4180),n=i(630),l=i(7477),a=i(4148),o=i(5424),s=i(2861),d=i(6256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,d.XX)(),t=(0,l.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),i=(0,r.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!i&&t}},m=()=>{let e=c();return(0,r.X$)(e)},f=()=>{let e=c();return(0,r.t7)(e)},p=e=>{let t=c();return(0,r.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,r.kH)(e),i=(0,n.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:i}},b=e=>{let t=(0,d.XX)();return(0,r.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},g=()=>{let e=(0,r.ho)(),{session:t}=(0,r.wV)(),i=(0,d.XX)(),l=(0,n.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===i),[e,i]),{subscriptionItems:u,revalidate:c,data:f}=h(),{data:g,revalidate:P}=b({mode:"cache"}),{revalidate:_}=p({mode:"cache"}),{revalidate:v}=m(),k=(0,n.useCallback)(()=>{c(),P(),_(),v()},[c,P,_,v]),A=(0,n.useMemo)(()=>0===u.length\|\|!u.some(e=>!e.canceledAt),[u]),C=(0,n.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),S=(0,n.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),G=(0,n.useCallback)((e,t="month")=>{let i=S(e);if(i.length>1){let e=i.find(e=>e.planPeriod===t);return e\|\|i[0]}if(1===i.length)return i[0]},[S]),y=(0,n.useCallback)(({plan:e,subscription:t})=>{let i=t??(e?C(e):void 0);return!i\|\|!i.canceledAt},[C]),D=(0,n.useCallback)(({plan:e,organization:r,subscription:n,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let c=n??(e?G(e,d):void 0),m="organization"===i&&!!r&&(0,a.iI)(e,r),p=d,h=!!e?.annualMonthlyFee;"annual"!==p\|\|h\|\|(p="month");let b=i=>{if(e?.freeTrialEnabled){let i=!t,r=f?.eligibleForFreeTrial;if(i\|\|r)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return i};return{localizationKey:b((()=>{if(c){if(p!==c.planPeriod&&c.canceledAt){if("month"===p)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(c.canceledAt)return(0,s.G)("billing.reSubscribe");if(p!==c.planPeriod){if("month"===p)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):b((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!l\|\|m,disabled:!l\|\|m}},[G,l,i,u,f]),F=(0,n.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,n.useCallback)(t=>{let r=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:i,onSubscriptionCancel:()=>{k()},portalRoot:r})},[e,i,k]);return{activeOrUpcomingSubscription:C,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:G,isDefaultPlanImplicitlyActiveOrUpcoming:A,handleSelectPlan:(0,n.useCallback)(({plan:r,planPeriod:n,mode:l="mounted",event:a,appearance:s,newSubscriptionRedirectUrl:d})=>{var u,c;let m=(0,o.J)(l,a);e.__internal_openCheckout({planId:r.id,planPeriod:(u=r,"month"===(c=n)&&u.fee\|\|"annual"===c&&u.annualMonthlyFee?c:"month"!==c\|\|u.fee?"annual"!==c\|\|u.annualMonthlyFee?c:"month":"annual"),for:i,onSubscriptionComplete:()=>{k()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,k,i,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:D,canManageSubscription:y,captionForSubscription:F,defaultFreePlan:(0,n.useMemo)(()=>g?.find(e=>e.isDefault),[g]),revalidateAll:k}}},6256:function(e,t,i){i.d(t,{N7:()=>o,XX:()=>a,m$:()=>l});var r=i(630);let n="user",l=(0,r.createContext)(n),a=()=>(0,r.useContext)(l)\|\|n,o=()=>"user"===a()?"userProfile":"organizationProfile"},5240:function(e,t,i){i.d(t,{B:()=>u,M:()=>d});var r=i(4180),n=i(630),l=i(2545),a=i(4964),o=i(7697),s=i(7288);let d=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(d),{queryParams:t}=(0,a.r)(),i=(0,r.ho)(),u=(0,o.O)(),{user:c}=(0,r.Jd)(),m=(0,s.Rs)(),f=(0,s.eT)(),p=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),h=u.commerceSettings.billing.user.hasPaidPlans\|\|p\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:b,customPages:g,...P}=e,_=(0,n.useMemo)(()=>(0,l.M)(g\|\|[],i,h,u),[g,h]),v=(0,n.useMemo)(()=>{let{enterpriseSSO:e}=u.userSettings;return!(c&&e.enabled)\|\|!c?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[c,u.userSettings.enterpriseSSO]),k=(0,n.useMemo)(()=>{let e=new Set;for(let[t,i]of Object.entries(u.userSettings.attributes))i.immutable&&e.add(t);return e},[u.userSettings.attributes]);return{...P,pages:_,componentName:b,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:v,shouldShowBilling:h,immutableAttributes:k}}}}]);

package/dist/360_ui_4c0359_1.3.0.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["360"],{8188:function(e,t,r){r.d(t,{l:()=>i,w:()=>a});var n=r(5074);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}}},1:function(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(5074),a=r(7697),i=r(4964),l=r(2117);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}}},7032:function(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(8560),a=r(4173),i=r(5074),l=r(2366),o=r(7697),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:g,...d}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...d,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(),g=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:g}).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:g}},[d,r.signInUrl,r.signUpUrl,t,c]);return{...d,componentName:g,generateCallbackUrls:f}}},2121:function(e,t,r){r.d(t,{W:()=>i,n:()=>a});var n=r(5074);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}},9953:function(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(5074),a=r(7697),i=r(4964),l=r(2117);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,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=({organization:e,user:r})=>"function"==typeof c.afterSelectPersonalUrl&&r?t(c.afterSelectPersonalUrl(r)):"function"==typeof c.afterSelectOrganizationUrl&&e?t(c.afterSelectOrganizationUrl(e)):c.afterSelectPersonalUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r})):c.afterSelectOrganizationUrl&&e?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...c,afterCreateOrganizationUrl:g,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=>d({organization:e}),navigateAfterSelectPersonal:e=>d({user:e}),componentName:u}}},5892:function(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(4180),a=r(5074),i=r(2545),l=r(1227),o=r(4964),s=r(7697),u=r(7288);let c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{navigate:t}=(0,o.r)(),r=(0,s.O)(),g=(0,n.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:d,customPages:f,...h}=e,U=(0,u.Rs)(),m=(0,u.eT)(),p=U.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),C=r.commerceSettings.billing.organization.hasPaidPlans||p||m.data.length>0,S=(0,a.useMemo)(()=>(0,i.q)(f||[],g,C,r),[f,C]),b=S.routes[0].id===l.jc.MEMBERS,P=S.routes[0].id===l.jc.GENERAL,k=S.routes[0].id===l.jc.BILLING,O=S.routes[0].id===l.jc.API_KEYS;return{...h,pages:S,navigateAfterLeaveOrganization:()=>t(h.afterLeaveOrganizationUrl||r.displayConfig.afterLeaveOrganizationUrl),componentName:d,navigateToGeneralPageRoot:()=>t(P?"../":b?"./organization-general":"../organization-general"),isMembersPageRoot:b,isGeneralPageRoot:P,isBillingPageRoot:k,isAPIKeysPageRoot:O,shouldShowBilling:C}}},2826:function(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(5074),a=r(7697),i=r(4964),l=r(2117);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,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=c.afterLeaveOrganizationUrl||r.afterLeaveOrganizationUrl,f=({organization:e,user:r})=>{let n=h({organization:e,user:r});return n?t(n):Promise.resolve()},h=({organization:e,user:t})=>"function"==typeof c.afterSelectPersonalUrl&&t?c.afterSelectPersonalUrl(t):"function"==typeof c.afterSelectOrganizationUrl&&e?c.afterSelectOrganizationUrl(e):c.afterSelectPersonalUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:t}):c.afterSelectOrganizationUrl&&e?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e}):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:g,afterLeaveOrganizationUrl:d,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}}},7288:function(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>d,wD:()=>f});var n=r(4180),a=r(5074),i=r(7477),l=r(4148),o=r(5424),s=r(2861),u=r(6256);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let g=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!r&&t}},d=()=>{let e=g();return(0,n.X$)(e)},f=()=>{let e=g();return(0,n.t7)(e)},h=e=>{let t=g();return(0,n.tr)({...t,__experimental_mode:e?.mode})},U=()=>{let e=g(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===r),[e,r]),{subscriptionItems:c,revalidate:g,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:b}=d(),P=(0,a.useCallback)(()=>{g(),C(),S(),b()},[g,C,S,b]),k=(0,a.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),O=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)((e,t="month")=>{let r=z(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e||r[0]}if(1===r.length)return r[0]},[z]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?O(e):void 0);return!r||!r.canceledAt},[O]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?v(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),h=u,U=!!e?.annualMonthlyFee;"annual"!==h||U||(h="month");let m=r=>{if(e?.freeTrialEnabled){let r=!t,n=f?.eligibleForFreeTrial;if(r||n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:m((()=>{if(g){if(h!==g.planPeriod&&g.canceledAt){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(h!==g.planPeriod){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):m((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i||d,disabled:!i||d}},[v,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:z,activeOrUpcomingSubscriptionBasedOnPlanPeriod:v,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,mode:i="mounted",event:l,appearance:s,newSubscriptionRedirectUrl:u})=>{var c,g;let d=(0,o.J)(i,l);e.__internal_openCheckout({planId:n.id,planPeriod:(c=n,"month"===(g=a)&&c.fee||"annual"===g&&c.annualMonthlyFee?g:"month"!==g||c.fee?"annual"!==g||c.annualMonthlyFee?g:"month":"annual"),for:r,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:d,newSubscriptionRedirectUrl:u})},[e,P,r,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},164:function(e,t,r){r.d(t,{T:()=>i,a:()=>a});var n=r(5074);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}}},1616:function(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(5580),a=r(5483),i=r(4180),l=r(5074),o=r(4964),s=r(4132);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),g=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:i,decorateUrl:l})=>{let o=e.currentTask;if(!o){let e=l(i);return e!==i&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(i)}let u=g.__internal_getOption("taskUrls")?.[o.key];if(u)return t(u);let d=(0,n.ru)(o);if(r===s.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(o,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,l.createContext)(null),d=()=>{let e=(0,l.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},4:function(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(6866),a=r(8560),i=r(5580),l=r(4173),o=r(5483),s=r(4180),u=r(5050),c=r(5074),g=r(8051),d=r(7697),f=r(2366),h=r(4964),U=r(2117);let m=(0,c.createContext)(null),p=()=>{let e=(0,c.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,h.r)(),{displayConfig:C,userSettings:S}=(0,d.O)(),{queryParams:b,queryString:P}=(0,h.r)(),k=S.signUp.mode,O=(0,f.II)(),z=(0,s.ho)();if(null===e||"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let v="restricted"!==k&&!!(!O.signUpUrl&&O.signInUrl&&!(0,u.s)(O.signInUrl))&&!1!==e.withSignUp||e.withSignUp||!1,{componentName:x,mode:I,..._}=e,w=(0,c.useMemo)(()=>(0,U.tf)(P,n.d),[]),A=new a.n(O,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl||_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl||_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=z.buildUrlWithAuth(A.getAfterSignInUrl()),T=z.buildUrlWithAuth(A.getAfterSignUpUrl()),M="path"===_.routing&&_.path||O.signInUrl||C.signInUrl,E=v?"path"===_.routing&&_.path||O.signUpUrl||C.signUpUrl:_.signUpUrl||O.signUpUrl||C.signUpUrl,R=_.waitlistUrl||O.waitlistUrl||C.waitlistUrl,F=A.getPreservedSearchParams();M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=A.toSearchParams().toString(),N=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.Vu:g.Vu}),L=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.aB:g.aB});v&&(E=(0,l.kZ)({base:M,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,o.y7)(e):t(n)}let s=(0,i.ru)(l);return t(`/${r+p+(v?"/create"+s:s)}`)},B=z.session?.currentTask?z.__internal_getOption("taskUrls")?.[z.session?.currentTask.key]??(0,g.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:v?"/create"+(0,i.ru)(z.session?.currentTask):(0,i.ru)(z.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow||"auto",componentName:x,signUpUrl:E,signInUrl:M,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:N,ssoCallbackUrl:L,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...w},authQueryString:G,isCombinedFlow:v,navigateOnSetActive:D,taskUrl:B}}},6256:function(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(5074);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)||a,o=()=>"user"===l()?"userProfile":"organizationProfile"},3620:function(e,t,r){r.d(t,{E:()=>a,d:()=>i});var n=r(5074);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}}},9233:function(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(4180),a=r(5074),i=r(856),l=r(7697),o=r(2366),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)(),g=(0,o.II)();if(!e||"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl||g.signInUrl||c.signInUrl,m=h.userProfileUrl||c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f||[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b||"modal",menutItems:P}}},5240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(4180),a=r(5074),i=r(2545),l=r(4964),o=r(7697),s=r(7288);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans||h||f.data.length>0;if(!e||"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p||[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)||!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},9078:function(e,t,r){r.d(t,{_:()=>a,k:()=>i});var n=r(5074);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}}},451:function(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(4173),a=r(5074),i=r(7697),l=r(2366),o=r(4964),s=r(2117);let u=["email_address"],c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:g}=(0,o.r)(),d=(0,a.useMemo)(()=>(0,s.tf)(g,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:{...d}}}}}]);

package/dist/360_ui_9a91c3_1.3.0.js ADDED Viewed

@@ -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(28560),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(90231),a=r(35074),i=r(82545),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),S=d.commerceSettings.billing.organization.hasPaidPlans||C||p.data.length>0,v=(0,a.useMemo)(()=>(0,i.q)(h||[],g,S,d),[h,S]),b=v.routes[0].id===l.jc.MEMBERS,P=v.routes[0].id===l.jc.GENERAL,k=v.routes[0].id===l.jc.BILLING,O=v.routes[0].id===l.jc.API_KEYS;return{...U,pages:v,navigateAfterLeaveOrganization:()=>r(U.afterLeaveOrganizationUrl||d.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>r(P?"../":b?"./organization-general":"../organization-general"),isMembersPageRoot:b,isGeneralPageRoot:P,isBillingPageRoot:k,isAPIKeysPageRoot:O,shouldShowBilling:S}}},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$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>g,wD:()=>f}),r(19161),r(89305),r(85074),r(95055);var n=r(90231),a=r(35074),i=r(57477),l=r(64148),o=r(65424),s=r(22861),u=r(46256);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let d=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!r&&t}},g=()=>{let e=d();return(0,n.X$)(e)},f=()=>{let e=d();return(0,n.t7)(e)},h=e=>{let t=d();return(0,n.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},U=()=>{var e;let t=d(),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}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.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:c,revalidate:d,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:v}=g(),b=(0,a.useCallback)(()=>{d(),C(),S(),v()},[d,C,S,v]),P=(0,a.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),k=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),O=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(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]),x=(0,a.useCallback)(e=>{let{plan:t,subscription:r}=e,n=null!=r?r:t?k(t):void 0;return!n||!n.canceledAt},[k]),I=(0,a.useCallback)(e=>{let{plan:n,organization:a,subscription:o,isCompact:u=!1,selectedPlanPeriod:d="annual"}=e,g=null!=o?o:n?z(n,d):void 0,h="organization"===r&&!!a&&(0,l.iI)(n,a),U=d,m=!!(null==n?void 0:n.annualMonthlyFee);"annual"!==U||m||(U="month");let p=e=>{if(null==n?void 0:n.freeTrialEnabled){let e=!t,a=null==f?void 0:f.eligibleForFreeTrial;if(e||a){var r;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(r=n.freeTrialDays)?r:0})}}return e};return{localizationKey:p((()=>{if(g){if(U!==g.planPeriod&&g.canceledAt){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(U!==g.planPeriod){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):p((0,s.G)("billing.subscribe"))})()),variant:u?"bordered":"solid",colorScheme:u?"secondary":"primary",isDisabled:!i||h,disabled:!i||h}},[z,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{b()},portalRoot:n})},[e,r,b]);return{activeOrUpcomingSubscription:k,activeAndUpcomingSubscriptions:O,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:P,handleSelectPlan:(0,a.useCallback)(n=>{var a,i;let{plan:l,planPeriod:s,mode:u="mounted",event:c,appearance:d,newSubscriptionRedirectUrl:g}=n,f=(0,o.J)(u,c);e.__internal_openCheckout({planId:l.id,planPeriod:(a=l,"month"===(i=s)&&a.fee||"annual"===i&&a.annualMonthlyFee?i:"month"!==i||a.fee?"annual"!==i||a.annualMonthlyFee?i:"month":"annual"),for:r,onSubscriptionComplete:()=>{b()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:d,portalRoot:f,newSubscriptionRedirectUrl:g})},[e,b,r,null==t?void 0:t.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>null==p?void 0:p.find(e=>e.isDefault),[p]),revalidateAll:b}}},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_:()=>h,gX:()=>U,lL:()=>m,lY:()=>d,pq:()=>f,qx:()=>u,u3:()=>g,z1:()=>c}),r(98114),r(22501);var n=r(5580),a=r(85483),i=r(90231),l=r(35074),o=r(4964),s=r(54132);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),d=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let g=async e=>{var i;let{session:l,redirectUrlComplete:o,decorateUrl:u}=e,g=l.currentTask;if(!g){let e=u(o);return e!==o&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(o)}let f=null==(i=d.__internal_getOption("taskUrls"))?void 0:i[g.key];if(f)return t(f);let h=(0,n.ru)(g);if(r===s.I)return t("/".concat(r+c+h));let U=d.buildSignInUrl();return t((0,n.tv)(g,{base:U}))};return{...e,navigateOnSetActive:g}},d=(0,l.createContext)(null),g=()=>{let e=(0,l.useContext)(d);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},80004:function(e,t,r){r.d(t,{Q:()=>m,r:()=>p}),r(98114),r(22501);var n=r(66866),a=r(28560),i=r(5580),l=r(14173),o=r(85483),s=r(90231),u=r(62543),c=r(35074),d=r(78051),g=r(97697),f=r(62366),h=r(4964),U=r(42117);let m=(0,c.createContext)(null),p=()=>{var e,t,r,p,C,S,v;let b=(0,c.useContext)(m),{navigate:P,basePath:k,startPath:O}=(0,h.r)(),{displayConfig:z,userSettings:x}=(0,g.O)(),{queryParams:I,queryString:_}=(0,h.r)(),w=x.signUp.mode,A=(0,f.II)(),y=(0,s.ho)();if(null===b||"SignIn"!==b.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let T="restricted"!==w&&!!(!A.signUpUrl&&A.signInUrl&&!(0,u.vh)(A.signInUrl))&&!1!==b.withSignUp||b.withSignUp||!1,{componentName:M,mode:E,...R}=b,F=(0,c.useMemo)(()=>(0,U.tf)(_,n.d),[]),G=new a.n(A,{...R,signInFallbackRedirectUrl:R.signInFallbackRedirectUrl||R.fallbackRedirectUrl,signInForceRedirectUrl:R.signInForceRedirectUrl||R.forceRedirectUrl},I,E);delete R.fallbackRedirectUrl,delete R.forceRedirectUrl;let N=y.buildUrlWithAuth(G.getAfterSignInUrl()),L=y.buildUrlWithAuth(G.getAfterSignUpUrl()),W="path"===R.routing&&R.path||A.signInUrl||z.signInUrl,D=T?"path"===R.routing&&R.path||A.signUpUrl||z.signUpUrl:R.signUpUrl||A.signUpUrl||z.signUpUrl,B=R.waitlistUrl||A.waitlistUrl||z.waitlistUrl,Z=G.getPreservedSearchParams();W=(0,l.kZ)({base:W,hashSearchParams:[I,Z]},{stringify:!0}),D=(0,l.kZ)({base:D,hashSearchParams:[I,Z]},{stringify:!0}),B=(0,l.kZ)({base:B,hashSearchParams:[I,Z]},{stringify:!0});let V=G.toSearchParams().toString(),X=(0,d.aQ)({routing:R.routing,baseUrl:D,authQueryString:V,path:R.path,endpoint:T?"/create"+d.Vu:d.Vu}),j=(0,d.aQ)({routing:R.routing,baseUrl:D,authQueryString:V,path:R.path,endpoint:T?"/create"+d.aB:d.aB});T&&(D=(0,l.kZ)({base:W,hashPath:"/create",hashSearchParams:[I,Z]},{stringify:!0}));let K=(0,l.kZ)({base:D,hashPath:"/continue"},{stringify:!0}),Q=async e=>{let{session:t,redirectUrl:r,decorateUrl:n}=e,a=t.currentTask;if(!a){let e=n(r);return e!==r&&/^https?:\/\//.test(e)?void(0,o.y7)(e):P(r)}let l=(0,i.ru)(a);return P("/".concat(k+O+(T?"/create"+l:l)))},Y=(null==(e=y.session)?void 0:e.currentTask)?null!=(S=null==(r=y.__internal_getOption("taskUrls"))?void 0:r[null==(t=y.session)?void 0:t.currentTask.key])?S:(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:V,path:R.path,endpoint:T?"/create"+(0,i.ru)(null==(p=y.session)?void 0:p.currentTask):(0,i.ru)(null==(C=y.session)?void 0:C.currentTask)}):null;return{...R,transferable:null==(v=R.transferable)||v,oauthFlow:R.oauthFlow||"auto",componentName:M,signUpUrl:D,signInUrl:W,waitlistUrl:B,afterSignInUrl:N,afterSignUpUrl:L,emailLinkRedirectUrl:X,ssoCallbackUrl:j,navigateAfterSignIn:()=>P(N),signUpContinueUrl:K,queryParams:I,initialValues:{...R.initialValues,...F},authQueryString:V,isCombinedFlow:T,navigateOnSetActive:Q,taskUrl:Y}}},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(90231),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(),S=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,v=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,b=(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:S,userProfileMode:v||"modal",menutItems:b}}},85240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u}),r(19161),r(89305),r(98114),r(32880),r(25902),r(56359),r(894),r(6373),r(63418),r(93412),r(88711);var n=r(90231),a=r(35074),i=r(82545),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,...S}=t,v=(0,a.useMemo)(()=>(0,i.M)(C||[],c,m,d),[C,m]),b=(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]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(d.userSettings.attributes))r.immutable&&e.add(t);return e},[d.userSettings.attributes]);return{...S,pages:v,componentName:p,queryParams:r,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:m,immutableAttributes:P}}},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/360_ui_aedcb8_1.3.0.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["360"],{8188:function(e,t,r){r.d(t,{l:()=>i,w:()=>a});var n=r(630);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}}},1:function(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(630),a=r(7697),i=r(4964),l=r(2117);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}}},7032:function(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(8560),a=r(4173),i=r(630),l=r(2366),o=r(7697),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:g,...d}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...d,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(),g=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:g}).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:g}},[d,r.signInUrl,r.signUpUrl,t,c]);return{...d,componentName:g,generateCallbackUrls:f}}},2121:function(e,t,r){r.d(t,{W:()=>i,n:()=>a});var n=r(630);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}},9953:function(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(630),a=r(7697),i=r(4964),l=r(2117);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,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=({organization:e,user:r})=>"function"==typeof c.afterSelectPersonalUrl&&r?t(c.afterSelectPersonalUrl(r)):"function"==typeof c.afterSelectOrganizationUrl&&e?t(c.afterSelectOrganizationUrl(e)):c.afterSelectPersonalUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r})):c.afterSelectOrganizationUrl&&e?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...c,afterCreateOrganizationUrl:g,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=>d({organization:e}),navigateAfterSelectPersonal:e=>d({user:e}),componentName:u}}},5892:function(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(4180),a=r(630),i=r(2545),l=r(1227),o=r(4964),s=r(7697),u=r(7288);let c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{navigate:t}=(0,o.r)(),r=(0,s.O)(),g=(0,n.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:d,customPages:f,...h}=e,U=(0,u.Rs)(),m=(0,u.eT)(),p=U.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),C=r.commerceSettings.billing.organization.hasPaidPlans||p||m.data.length>0,S=(0,a.useMemo)(()=>(0,i.q)(f||[],g,C,r),[f,C]),b=S.routes[0].id===l.jc.MEMBERS,P=S.routes[0].id===l.jc.GENERAL,k=S.routes[0].id===l.jc.BILLING,O=S.routes[0].id===l.jc.API_KEYS;return{...h,pages:S,navigateAfterLeaveOrganization:()=>t(h.afterLeaveOrganizationUrl||r.displayConfig.afterLeaveOrganizationUrl),componentName:d,navigateToGeneralPageRoot:()=>t(P?"../":b?"./organization-general":"../organization-general"),isMembersPageRoot:b,isGeneralPageRoot:P,isBillingPageRoot:k,isAPIKeysPageRoot:O,shouldShowBilling:C}}},2826:function(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(630),a=r(7697),i=r(4964),l=r(2117);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,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=c.afterLeaveOrganizationUrl||r.afterLeaveOrganizationUrl,f=({organization:e,user:r})=>{let n=h({organization:e,user:r});return n?t(n):Promise.resolve()},h=({organization:e,user:t})=>"function"==typeof c.afterSelectPersonalUrl&&t?c.afterSelectPersonalUrl(t):"function"==typeof c.afterSelectOrganizationUrl&&e?c.afterSelectOrganizationUrl(e):c.afterSelectPersonalUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:t}):c.afterSelectOrganizationUrl&&e?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e}):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:g,afterLeaveOrganizationUrl:d,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}}},7288:function(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>d,wD:()=>f});var n=r(4180),a=r(630),i=r(7477),l=r(4148),o=r(5424),s=r(2861),u=r(6256);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let g=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!r&&t}},d=()=>{let e=g();return(0,n.X$)(e)},f=()=>{let e=g();return(0,n.t7)(e)},h=e=>{let t=g();return(0,n.tr)({...t,__experimental_mode:e?.mode})},U=()=>{let e=g(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===r),[e,r]),{subscriptionItems:c,revalidate:g,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:b}=d(),P=(0,a.useCallback)(()=>{g(),C(),S(),b()},[g,C,S,b]),k=(0,a.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),O=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)((e,t="month")=>{let r=z(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e||r[0]}if(1===r.length)return r[0]},[z]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?O(e):void 0);return!r||!r.canceledAt},[O]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?v(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),h=u,U=!!e?.annualMonthlyFee;"annual"!==h||U||(h="month");let m=r=>{if(e?.freeTrialEnabled){let r=!t,n=f?.eligibleForFreeTrial;if(r||n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:m((()=>{if(g){if(h!==g.planPeriod&&g.canceledAt){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(h!==g.planPeriod){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):m((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i||d,disabled:!i||d}},[v,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:z,activeOrUpcomingSubscriptionBasedOnPlanPeriod:v,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,mode:i="mounted",event:l,appearance:s,newSubscriptionRedirectUrl:u})=>{var c,g;let d=(0,o.J)(i,l);e.__internal_openCheckout({planId:n.id,planPeriod:(c=n,"month"===(g=a)&&c.fee||"annual"===g&&c.annualMonthlyFee?g:"month"!==g||c.fee?"annual"!==g||c.annualMonthlyFee?g:"month":"annual"),for:r,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:d,newSubscriptionRedirectUrl:u})},[e,P,r,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},164:function(e,t,r){r.d(t,{T:()=>i,a:()=>a});var n=r(630);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}}},1616:function(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(5580),a=r(5483),i=r(4180),l=r(630),o=r(4964),s=r(4132);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),g=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:i,decorateUrl:l})=>{let o=e.currentTask;if(!o){let e=l(i);return e!==i&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(i)}let u=g.__internal_getOption("taskUrls")?.[o.key];if(u)return t(u);let d=(0,n.ru)(o);if(r===s.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(o,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,l.createContext)(null),d=()=>{let e=(0,l.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},4:function(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(6866),a=r(8560),i=r(5580),l=r(4173),o=r(5483),s=r(4180),u=r(5050),c=r(630),g=r(8051),d=r(7697),f=r(2366),h=r(4964),U=r(2117);let m=(0,c.createContext)(null),p=()=>{let e=(0,c.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,h.r)(),{displayConfig:C,userSettings:S}=(0,d.O)(),{queryParams:b,queryString:P}=(0,h.r)(),k=S.signUp.mode,O=(0,f.II)(),z=(0,s.ho)();if(null===e||"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let v="restricted"!==k&&!!(!O.signUpUrl&&O.signInUrl&&!(0,u.s)(O.signInUrl))&&!1!==e.withSignUp||e.withSignUp||!1,{componentName:x,mode:I,..._}=e,w=(0,c.useMemo)(()=>(0,U.tf)(P,n.d),[]),A=new a.n(O,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl||_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl||_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=z.buildUrlWithAuth(A.getAfterSignInUrl()),T=z.buildUrlWithAuth(A.getAfterSignUpUrl()),M="path"===_.routing&&_.path||O.signInUrl||C.signInUrl,E=v?"path"===_.routing&&_.path||O.signUpUrl||C.signUpUrl:_.signUpUrl||O.signUpUrl||C.signUpUrl,R=_.waitlistUrl||O.waitlistUrl||C.waitlistUrl,F=A.getPreservedSearchParams();M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=A.toSearchParams().toString(),N=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.Vu:g.Vu}),L=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.aB:g.aB});v&&(E=(0,l.kZ)({base:M,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,o.y7)(e):t(n)}let s=(0,i.ru)(l);return t(`/${r+p+(v?"/create"+s:s)}`)},B=z.session?.currentTask?z.__internal_getOption("taskUrls")?.[z.session?.currentTask.key]??(0,g.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:v?"/create"+(0,i.ru)(z.session?.currentTask):(0,i.ru)(z.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow||"auto",componentName:x,signUpUrl:E,signInUrl:M,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:N,ssoCallbackUrl:L,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...w},authQueryString:G,isCombinedFlow:v,navigateOnSetActive:D,taskUrl:B}}},6256:function(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(630);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)||a,o=()=>"user"===l()?"userProfile":"organizationProfile"},3620:function(e,t,r){r.d(t,{E:()=>a,d:()=>i});var n=r(630);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}}},9233:function(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(4180),a=r(630),i=r(856),l=r(7697),o=r(2366),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)(),g=(0,o.II)();if(!e||"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl||g.signInUrl||c.signInUrl,m=h.userProfileUrl||c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f||[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b||"modal",menutItems:P}}},5240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(4180),a=r(630),i=r(2545),l=r(4964),o=r(7697),s=r(7288);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans||h||f.data.length>0;if(!e||"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p||[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)||!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},9078:function(e,t,r){r.d(t,{_:()=>a,k:()=>i});var n=r(630);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}}},451:function(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(4173),a=r(630),i=r(7697),l=r(2366),o=r(4964),s=r(2117);let u=["email_address"],c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:g}=(0,o.r)(),d=(0,a.useMemo)(()=>(0,s.tf)(g,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:{...d}}}}}]);