npm - @clerk/ui - Versions diffs - 1.0.0-snapshot.v20251203203405 → 1.0.0-snapshot.v20251204175016 - Mend

@clerk/ui 1.0.0-snapshot.v20251203203405 → 1.0.0-snapshot.v20251204175016

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 (140) hide show

package/dist/{browser/207_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js → 207_ui_30c3ec_1.0.0-snapshot.v20251204175016.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:()=>p});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),h=i(4964);let p=()=>{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:[(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`),(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`),(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:p}=e,{navigate:u}=(0,h.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"===p?"success":"failed"===p?"danger":"primary",sx:{textTransform:"capitalize"},children:p})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>P,L6:()=>G,Mo:()=>T,bL:()=>F});var n=i(4518),r=i(8909),a=i(5074),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),h=i(8930),p=i(4468),u=i(6256),g=i(9206),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}),D=()=>(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%"}})]})]})}),[x,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._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),D=(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,h.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,h.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,h.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,h.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,h.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,h.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,h.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,h.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,h.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,h.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,h.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,h.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,h.yJ)(o,"font-size",i.$md),fontSizeXs:(0,h.yJ)(o,"font-size",i.$sm),borderRadius:(0,h.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,h.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(x.Provider,{value:{value:{headerTitle:p,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:D,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},_=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},F=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)(_,{children:(0,n.Y)(L,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},T=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},L=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:h,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,u.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),x=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,p.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:x,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(D,{})}),(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:h?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(8909),a=i(5074),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),h=i(8046),p=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),D=i(8272);let x=()=>{let{t:e}=(0,v._)();return(0,n.FD)(D.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)(D.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)(D.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(D.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(D.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)(p.W,{children:(0,n.Y)(x,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,u.XX)(),d=(0,u.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.Wf)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.organization?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(h.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.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:h}=(0,g.mu)(),p=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return!o\|\|__BUILD_DISABLE_RHC__&&0===p.length?null:(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:[p.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)(_,{paymentMethod:e,revalidate:h})]}),(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:h})})})]},e.id)),__BUILD_DISABLE_RHC__?null:(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:h})})})]})]})})})})}),_=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,u.XX)(),s=(0,u.N7)(),h=(0,r.Wf)(),p=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?h?.organization?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:p})}},7682:function(e,t,i){i.d(t,{T:()=>p});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),h=i(9606);let p=()=>{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:[(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`),(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,h.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),h=i(2861),p=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:D}=(0,y.r)(),{commerceSettings:x}=(0,d.O)(),{openSubscriptionDetails:z}=(0,s.D)(),S=x.billing.user.hasPaidPlans&&"user"===$\|\|x.billing.organization.hasPaidPlans&&"organization"===$,M=(0,r.useMemo)(()=>f.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[f]),_=v&&!M&&f.length>0,F=(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,h.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(c.Th,{localizationKey:(0,h.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(c.NN,{children:F.map(e=>(0,n.Y)(Y,{subscription:e,length:F.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:_?"unset":void 0})],leftIcon:f.length>0?p.A:u.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,_?(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=>({marginRight: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:"right"}),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,h.G)("billing.year"):(0,h.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:()=>p});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),h=i(4964);let p=()=>{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:[(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`),(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`),(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:p}=e,{navigate:u}=(0,h.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"===p?"success":"failed"===p?"danger":"primary",sx:{textTransform:"capitalize"},children:p})})]})}},3450:function(e,t,i){i.d(t,{pr:()=>P,L6:()=>G,Mo:()=>T,bL:()=>F});var n=i(4518),r=i(8909),a=i(5074),o=i(6088),l=i(3269),s=i(2454),d=i(1475),c=i(3549),h=i(8930),p=i(4468),u=i(6256),g=i(6580),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}),D=()=>(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%"}})]})]})}),[x,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._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[f,v]=(0,a.useState)(void 0),D=(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,h.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,h.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,h.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,h.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,h.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,h.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,h.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,h.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,h.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,h.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,h.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,h.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,h.yJ)(o,"font-size",i.$md),fontSizeXs:(0,h.yJ)(o,"font-size",i.$sm),borderRadius:(0,h.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,h.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(x.Provider,{value:{value:{headerTitle:p,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:D,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},_=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},F=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)(_,{children:(0,n.Y)(L,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},T=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},L=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:h,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,u.N7)(),{isFormReady:Y,submit:f,reset:v}=(0,r.Jl)(),x=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,p.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:x,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(D,{})}),(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:h?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(8909),a=i(5074),o=i(3269),l=i(2611),s=i(4003),d=i(8080),c=i(4468),h=i(8046),p=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),D=i(8272);let x=()=>{let{t:e}=(0,v._)();return(0,n.FD)(D.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)(D.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)(D.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(D.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(D.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)(p.W,{children:(0,n.Y)(x,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,u.XX)(),d=(0,u.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.Wf)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.organization?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(h.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.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:h}=(0,g.mu)(),p=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return!o\|\|__BUILD_DISABLE_RHC__&&0===p.length?null:(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:[p.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)(_,{paymentMethod:e,revalidate:h})]}),(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:h})})})]},e.id)),__BUILD_DISABLE_RHC__?null:(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:h})})})]})]})})})})}),_=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,u.XX)(),s=(0,u.N7)(),h=(0,r.Wf)(),p=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?h?.organization?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:p})}},7682:function(e,t,i){i.d(t,{T:()=>p});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),h=i(9606);let p=()=>{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:[(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`),(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,h.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),h=i(2861),p=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:D}=(0,y.r)(),{commerceSettings:x}=(0,d.O)(),{openSubscriptionDetails:z}=(0,s.D)(),S=x.billing.user.hasPaidPlans&&"user"===$\|\|x.billing.organization.hasPaidPlans&&"organization"===$,M=(0,r.useMemo)(()=>f.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[f]),_=v&&!M&&f.length>0,F=(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,h.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(c.Th,{localizationKey:(0,h.G)(`${b}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(c.NN,{children:F.map(e=>(0,n.Y)(Y,{subscription:e,length:F.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:_?"unset":void 0})],leftIcon:f.length>0?p.A:u.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,_?(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=>({marginRight: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:"right"}),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,h.G)("billing.year"):(0,h.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])})}}]);

package/dist/{browser/360_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js → 360_ui_30c3ec_1.0.0-snapshot.v20251204175016.js} RENAMED Viewed

	@@ -1 +1 @@
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(8380),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(8909),a=r(5074),i=r(3121),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]),P=S.routes[0].id===l.jc.MEMBERS,b=S.routes[0].id===l.jc.GENERAL,O=S.routes[0].id===l.jc.BILLING,k=S.routes[0].id===l.jc.API_KEYS;return{...h,pages:S,navigateAfterLeaveOrganization:()=>t(h.afterLeaveOrganizationUrl\|\|r.displayConfig.afterLeaveOrganizationUrl),componentName:d,navigateToGeneralPageRoot:()=>t(b?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:b,isBillingPageRoot:O,isAPIKeysPageRoot:k,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$:()=>U,D:()=>m,Ij:()=>u,Rs:()=>h,eT:()=>f,mu:()=>g,wD:()=>d});var n=r(8909),a=r(5074),i=r(7477),l=r(5424),o=r(2861),s=r(6256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r?.organization&&t}},g=()=>{let e=c();return(0,n.X$)(e)},d=()=>{let e=c();return(0,n.t7)(e)},f=e=>{let t=c();return(0,n.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},U=e=>{let t=(0,s.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},m=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,s.XX)(),i=(0,a.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===r),[e,r]),{subscriptionItems:u,revalidate:c,data:d}=h(),{data:m,revalidate:p}=U({mode:"cache"}),{revalidate:C}=f({mode:"cache"}),{revalidate:S}=g(),P=(0,a.useCallback)(()=>{c(),p(),C(),S()},[c,p,C,S]),b=(0,a.useMemo)(()=>0===u.length\|\|!u.some(e=>!e.canceledAt),[u]),O=(0,a.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),k=(0,a.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),z=(0,a.useCallback)((e,t="month")=>{let r=k(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e\|\|r[0]}if(1===r.length)return r[0]},[k]),v=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?O(e):void 0);return!r\|\|!r.canceledAt},[O]),x=(0,a.useCallback)(({plan:e,subscription:r,isCompact:n=!1,selectedPlanPeriod:a="annual"})=>{let l=r??(e?z(e,a):void 0),s=a,c=!!e?.annualMonthlyFee;"annual"!==s\|\|c\|\|(s="month");let g=r=>{if(e?.freeTrialEnabled){let r=!t,n=d?.eligibleForFreeTrial;if(r\|\|n)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:g((()=>{if(l){if(s!==l.planPeriod&&l.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}if(l.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==l.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):g((0,o.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!i,disabled:!i}},[z,i,u,d]),I=(0,a.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),_=(0,a.useCallback)(t=>{let n=(0,l.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:k,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:b,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,mode:i="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:u})=>{let c=(0,l.J)(i,o);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==a\|\|n.annualMonthlyFee?a:"month",for:r,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:u})},[e,P,r,t?.id]),openSubscriptionDetails:_,buttonPropsForPlan:x,canManageSubscription:v,captionForSubscription:I,defaultFreePlan:(0,a.useMemo)(()=>m?.find(e=>e.isDefault),[m]),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_:()=>g,lY:()=>s,pq:()=>c,qx:()=>l,u3:()=>u,z1:()=>o});var n=r(5580),a=r(5074),i=r(4964);let l=(0,a.createContext)(null),o=()=>{let e=(0,a.useContext)(l),{navigate:t,basePath:r,startPath:o}=(0,i.r)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let s=async({session:e,redirectUrlComplete:a})=>{let i=e.currentTask;if(!i)return t(a);let l=(0,n.ru)(i);return t(`/${r+o+l}`)};return{...e,navigateOnSetActive:s}},s=(0,a.createContext)(null),u=()=>{let e=(0,a.useContext)(s);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e}},4:function(e,t,r){r.d(t,{Q:()=>U,r:()=>m});var n=r(922),a=r(8380),i=r(5580),l=r(4173),o=r(8909),s=r(5993),u=r(5074),c=r(8051),g=r(7697),d=r(2366),f=r(4964),h=r(2117);let U=(0,u.createContext)(null),m=()=>{let e=(0,u.useContext)(U),{navigate:t,basePath:r,startPath:m}=(0,f.r)(),{displayConfig:p,userSettings:C}=(0,g.O)(),{queryParams:S,queryString:P}=(0,f.r)(),b=C.signUp.mode,O=(0,d.II)(),k=(0,o.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let z="restricted"!==b&&!!(!O.signUpUrl&&O.signInUrl&&!(0,s.s)(O.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:v,mode:x,...I}=e,_=(0,u.useMemo)(()=>(0,h.tf)(P,n.u),[]),w=new a.n(O,{...I,signInFallbackRedirectUrl:I.signInFallbackRedirectUrl\|\|I.fallbackRedirectUrl,signInForceRedirectUrl:I.signInForceRedirectUrl\|\|I.forceRedirectUrl},S,x);delete I.fallbackRedirectUrl,delete I.forceRedirectUrl;let A=k.buildUrlWithAuth(w.getAfterSignInUrl()),y=k.buildUrlWithAuth(w.getAfterSignUpUrl()),T="path"===I.routing&&I.path\|\|O.signInUrl\|\|p.signInUrl,E=z?"path"===I.routing&&I.path\|\|O.signUpUrl\|\|p.signUpUrl:I.signUpUrl\|\|O.signUpUrl\|\|p.signUpUrl,M=I.waitlistUrl\|\|O.waitlistUrl\|\|p.waitlistUrl,R=w.getPreservedSearchParams();T=(0,l.kZ)({base:T,hashSearchParams:[S,R]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[S,R]},{stringify:!0}),M=(0,l.kZ)({base:M,hashSearchParams:[S,R]},{stringify:!0});let G=w.toSearchParams().toString(),F=(0,c.aQ)({routing:I.routing,baseUrl:E,authQueryString:G,path:I.path,endpoint:z?"/create"+c.Vu:c.Vu}),N=(0,c.aQ)({routing:I.routing,baseUrl:E,authQueryString:G,path:I.path,endpoint:z?"/create"+c.aB:c.aB});z&&(E=(0,l.kZ)({base:T,hashPath:"/create",hashSearchParams:[S,R]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),L=async({session:e,redirectUrl:n})=>{let a=e.currentTask;if(!a)return t(n);let l=(0,i.ru)(a);return t(`/${r+m+(z?"/create"+l:l)}`)},D=k.session?.currentTask?k.__internal_getOption("taskUrls")?.[k.session?.currentTask.key]??(0,c.aQ)({routing:I.routing,baseUrl:T,authQueryString:G,path:I.path,endpoint:z?"/create"+(0,i.ru)(k.session?.currentTask):(0,i.ru)(k.session?.currentTask)}):null;return{...I,transferable:I.transferable??!0,oauthFlow:I.oauthFlow\|\|"auto",componentName:v,signUpUrl:E,signInUrl:T,waitlistUrl:M,afterSignInUrl:A,afterSignUpUrl:y,emailLinkRedirectUrl:F,ssoCallbackUrl:N,navigateAfterSignIn:()=>t(A),signUpContinueUrl:W,queryParams:S,initialValues:{...I.initialValues,..._},authQueryString:G,isCombinedFlow:z,navigateOnSetActive:L,taskUrl:D}}},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(8909),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,P=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,b=(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:P\|\|"modal",menutItems:b}}},5240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(8909),a=r(5074),i=r(3121),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]),P=(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]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:P,shouldShowBilling:U}}},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}}}}}]);
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(8380),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(8909),a=r(5074),i=r(3121),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]),P=S.routes[0].id===l.jc.MEMBERS,b=S.routes[0].id===l.jc.GENERAL,O=S.routes[0].id===l.jc.BILLING,k=S.routes[0].id===l.jc.API_KEYS;return{...h,pages:S,navigateAfterLeaveOrganization:()=>t(h.afterLeaveOrganizationUrl\|\|r.displayConfig.afterLeaveOrganizationUrl),componentName:d,navigateToGeneralPageRoot:()=>t(b?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:b,isBillingPageRoot:O,isAPIKeysPageRoot:k,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$:()=>U,D:()=>m,Ij:()=>u,Rs:()=>h,eT:()=>f,mu:()=>g,wD:()=>d});var n=r(8909),a=r(5074),i=r(7477),l=r(5424),o=r(2861),s=r(6256);function u(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r?.organization&&t}},g=()=>{let e=c();return(0,n.X$)(e)},d=()=>{let e=c();return(0,n.t7)(e)},f=e=>{let t=c();return(0,n.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},U=e=>{let t=(0,s.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},m=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,s.XX)(),i=(0,a.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===r),[e,r]),{subscriptionItems:u,revalidate:c,data:d}=h(),{data:m,revalidate:p}=U({mode:"cache"}),{revalidate:C}=f({mode:"cache"}),{revalidate:S}=g(),P=(0,a.useCallback)(()=>{c(),p(),C(),S()},[c,p,C,S]),b=(0,a.useMemo)(()=>0===u.length\|\|!u.some(e=>!e.canceledAt),[u]),O=(0,a.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),k=(0,a.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),z=(0,a.useCallback)((e,t="month")=>{let r=k(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e\|\|r[0]}if(1===r.length)return r[0]},[k]),v=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?O(e):void 0);return!r\|\|!r.canceledAt},[O]),x=(0,a.useCallback)(({plan:e,subscription:r,isCompact:n=!1,selectedPlanPeriod:a="annual"})=>{let l=r??(e?z(e,a):void 0),s=a,c=!!e?.annualMonthlyFee;"annual"!==s\|\|c\|\|(s="month");let g=r=>{if(e?.freeTrialEnabled){let r=!t,n=d?.eligibleForFreeTrial;if(r\|\|n)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:g((()=>{if(l){if(s!==l.planPeriod&&l.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}if(l.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==l.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):g((0,o.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!i,disabled:!i}},[z,i,u,d]),I=(0,a.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),_=(0,a.useCallback)(t=>{let n=(0,l.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:k,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:b,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,mode:i="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:u})=>{let c=(0,l.J)(i,o);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==a\|\|n.annualMonthlyFee?a:"month",for:r,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:u})},[e,P,r,t?.id]),openSubscriptionDetails:_,buttonPropsForPlan:x,canManageSubscription:v,captionForSubscription:I,defaultFreePlan:(0,a.useMemo)(()=>m?.find(e=>e.isDefault),[m]),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_:()=>g,lY:()=>s,pq:()=>c,qx:()=>l,u3:()=>u,z1:()=>o});var n=r(5580),a=r(5074),i=r(4964);let l=(0,a.createContext)(null),o=()=>{let e=(0,a.useContext)(l),{navigate:t,basePath:r,startPath:o}=(0,i.r)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let s=async({session:e,redirectUrlComplete:a})=>{let i=e.currentTask;if(!i)return t(a);let l=(0,n.ru)(i);return t(`/${r+o+l}`)};return{...e,navigateOnSetActive:s}},s=(0,a.createContext)(null),u=()=>{let e=(0,a.useContext)(s);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e}},4:function(e,t,r){r.d(t,{Q:()=>U,r:()=>m});var n=r(2166),a=r(8380),i=r(5580),l=r(4173),o=r(8909),s=r(5993),u=r(5074),c=r(8051),g=r(7697),d=r(2366),f=r(4964),h=r(2117);let U=(0,u.createContext)(null),m=()=>{let e=(0,u.useContext)(U),{navigate:t,basePath:r,startPath:m}=(0,f.r)(),{displayConfig:p,userSettings:C}=(0,g.O)(),{queryParams:S,queryString:P}=(0,f.r)(),b=C.signUp.mode,O=(0,d.II)(),k=(0,o.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let z="restricted"!==b&&!!(!O.signUpUrl&&O.signInUrl&&!(0,s.s)(O.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:v,mode:x,...I}=e,_=(0,u.useMemo)(()=>(0,h.tf)(P,n.u),[]),w=new a.n(O,{...I,signInFallbackRedirectUrl:I.signInFallbackRedirectUrl\|\|I.fallbackRedirectUrl,signInForceRedirectUrl:I.signInForceRedirectUrl\|\|I.forceRedirectUrl},S,x);delete I.fallbackRedirectUrl,delete I.forceRedirectUrl;let A=k.buildUrlWithAuth(w.getAfterSignInUrl()),y=k.buildUrlWithAuth(w.getAfterSignUpUrl()),T="path"===I.routing&&I.path\|\|O.signInUrl\|\|p.signInUrl,E=z?"path"===I.routing&&I.path\|\|O.signUpUrl\|\|p.signUpUrl:I.signUpUrl\|\|O.signUpUrl\|\|p.signUpUrl,M=I.waitlistUrl\|\|O.waitlistUrl\|\|p.waitlistUrl,R=w.getPreservedSearchParams();T=(0,l.kZ)({base:T,hashSearchParams:[S,R]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[S,R]},{stringify:!0}),M=(0,l.kZ)({base:M,hashSearchParams:[S,R]},{stringify:!0});let G=w.toSearchParams().toString(),F=(0,c.aQ)({routing:I.routing,baseUrl:E,authQueryString:G,path:I.path,endpoint:z?"/create"+c.Vu:c.Vu}),N=(0,c.aQ)({routing:I.routing,baseUrl:E,authQueryString:G,path:I.path,endpoint:z?"/create"+c.aB:c.aB});z&&(E=(0,l.kZ)({base:T,hashPath:"/create",hashSearchParams:[S,R]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),L=async({session:e,redirectUrl:n})=>{let a=e.currentTask;if(!a)return t(n);let l=(0,i.ru)(a);return t(`/${r+m+(z?"/create"+l:l)}`)},D=k.session?.currentTask?k.__internal_getOption("taskUrls")?.[k.session?.currentTask.key]??(0,c.aQ)({routing:I.routing,baseUrl:T,authQueryString:G,path:I.path,endpoint:z?"/create"+(0,i.ru)(k.session?.currentTask):(0,i.ru)(k.session?.currentTask)}):null;return{...I,transferable:I.transferable??!0,oauthFlow:I.oauthFlow\|\|"auto",componentName:v,signUpUrl:E,signInUrl:T,waitlistUrl:M,afterSignInUrl:A,afterSignUpUrl:y,emailLinkRedirectUrl:F,ssoCallbackUrl:N,navigateAfterSignIn:()=>t(A),signUpContinueUrl:W,queryParams:S,initialValues:{...I.initialValues,..._},authQueryString:G,isCombinedFlow:z,navigateOnSetActive:L,taskUrl:D}}},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(8909),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,P=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,b=(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:P\|\|"modal",menutItems:b}}},5240:function(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(8909),a=r(5074),i=r(3121),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]),P=(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]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:P,shouldShowBilling:U}}},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/573_ui_30c3ec_1.0.0-snapshot.v20251204175016.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/{browser/970_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js → 970_ui_30c3ec_1.0.0-snapshot.v20251204175016.js} RENAMED Viewed

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

package/dist/ClerkUi.js CHANGED Viewed

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

package/dist/Components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Components.js","names":["componentsControlsResolver: Promise<ComponentControls> \| undefined","props"],"sources":["../src/Components.tsx"],"sourcesContent":["import { clerkUIErrorDOMElementNotFound } from '@clerk/shared/internal/clerk-js/errors';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport type {\n __internal_CheckoutProps,\n __internal_EnableOrganizationsPromptProps,\n __internal_PlanDetailsProps,\n __internal_SubscriptionDetailsProps,\n __internal_UserVerificationProps,\n Clerk,\n ClerkOptions,\n CreateOrganizationProps,\n EnvironmentResource,\n GoogleOneTapProps,\n OrganizationProfileProps,\n SignInProps,\n SignUpProps,\n UserProfileProps,\n WaitlistProps,\n} from '@clerk/shared/types';\n\nimport type { Appearance } from './internal/appearance';\nimport { createDeferredPromise } from '@clerk/shared/utils';\nimport React, { Suspense } from 'react';\n\nimport type { AppearanceCascade } from './customizables/parseAppearance';\n// NOTE: Using `./hooks` instead of `./hooks/useClerkModalStateParams` will increase the bundle size\nimport { useClerkModalStateParams } from './hooks/useClerkModalStateParams';\nimport type { ClerkComponentName } from './lazyModules/components';\nimport {\n BlankCaptchaModal,\n CreateOrganizationModal,\n EnableOrganizationsPrompt,\n ImpersonationFab,\n KeylessPrompt,\n OrganizationProfileModal,\n preloadComponent,\n SignInModal,\n SignUpModal,\n UserProfileModal,\n UserVerificationModal,\n WaitlistModal,\n} from './lazyModules/components';\nimport { MountedCheckoutDrawer, MountedPlanDetailDrawer, MountedSubscriptionDetailDrawer } from './lazyModules/drawers';\nimport {\n LazyComponentRenderer,\n LazyEnableOrganizationsPromptProvider,\n LazyImpersonationFabProvider,\n LazyModalRenderer,\n LazyOneTapRenderer,\n LazyProviders,\n OrganizationSwitcherPrefetch,\n} from './lazyModules/providers';\nimport type { AvailableComponentProps } from './types';\nimport { buildVirtualRouterUrl } from './utils/buildVirtualRouterUrl';\nimport { disambiguateRedirectOptions } from './utils/disambiguateRedirectOptions';\nimport { extractCssLayerNameFromAppearance } from './utils/extractCssLayerNameFromAppearance';\n\n// Re-export for ClerkUi\nexport { extractCssLayerNameFromAppearance };\n\n/*\n Avoid importing from `@clerk/shared/react` to prevent extra dependencies being added to the bundle.\n /\nconst useSafeLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport const ROOT_ELEMENT_ID = 'clerk-components';\n\nexport type ComponentControls = {\n mountComponent: (params: {\n appearanceKey: Uncapitalize<AppearanceCascade['appearanceKey']>;\n name: ClerkComponentName;\n node: HTMLDivElement;\n props?: AvailableComponentProps;\n }) => void;\n unmountComponent: (params: { node: HTMLDivElement }) => void;\n updateProps: (params: {\n appearance?: Appearance \| undefined;\n options?: ClerkOptions \| undefined;\n node?: HTMLDivElement;\n props?: unknown;\n }) => void;\n openModal: <\n T extends\n \| 'googleOneTap'\n \| 'signIn'\n \| 'signUp'\n \| 'userProfile'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'userVerification'\n \| 'waitlist'\n \| 'blankCaptcha'\n \| 'enableOrganizationsPrompt',\n >(\n modal: T,\n props: T extends 'signIn'\n ? SignInProps\n : T extends 'signUp'\n ? SignUpProps\n : T extends 'userVerification'\n ? __internal_UserVerificationProps\n : T extends 'waitlist'\n ? WaitlistProps\n : T extends 'enableOrganizationsPrompt'\n ? __internal_EnableOrganizationsPromptProps\n : UserProfileProps,\n ) => void;\n closeModal: (\n modal:\n \| 'googleOneTap'\n \| 'signIn'\n \| 'signUp'\n \| 'userProfile'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'userVerification'\n \| 'waitlist'\n \| 'blankCaptcha'\n \| 'enableOrganizationsPrompt',\n options?: {\n notify?: boolean;\n },\n ) => void;\n openDrawer: <T extends 'checkout' \| 'planDetails' \| 'subscriptionDetails'>(\n drawer: T,\n props: T extends 'checkout'\n ? __internal_CheckoutProps\n : T extends 'planDetails'\n ? __internal_PlanDetailsProps\n : T extends 'subscriptionDetails'\n ? __internal_SubscriptionDetailsProps\n : never,\n ) => void;\n closeDrawer: (\n drawer: 'checkout' \| 'planDetails' \| 'subscriptionDetails',\n options?: {\n notify?: boolean;\n },\n ) => void;\n prefetch: (component: 'organizationSwitcher') => void;\n // Special case, as the impersonation fab mounts automatically\n mountImpersonationFab: () => void;\n};\n\ninterface HtmlNodeOptions {\n key: string;\n name: ClerkComponentName;\n appearanceKey: Uncapitalize<AppearanceCascade['appearanceKey']>;\n props?: AvailableComponentProps;\n}\n\ninterface ComponentsProps {\n getClerk: () => Clerk;\n getEnvironment: () => EnvironmentResource \| null \| undefined;\n options: ClerkOptions;\n onComponentsMounted: () => void;\n moduleManager: ModuleManager;\n}\n\ninterface ComponentsState {\n appearance: Appearance \| undefined;\n options: ClerkOptions \| undefined;\n googleOneTapModal: null \| GoogleOneTapProps;\n signInModal: null \| SignInProps;\n signUpModal: null \| SignUpProps;\n userProfileModal: null \| UserProfileProps;\n userVerificationModal: null \| __internal_UserVerificationProps;\n organizationProfileModal: null \| OrganizationProfileProps;\n createOrganizationModal: null \| CreateOrganizationProps;\n enableOrganizationsPromptModal: null \| __internal_EnableOrganizationsPromptProps;\n blankCaptchaModal: null;\n organizationSwitcherPrefetch: boolean;\n waitlistModal: null \| WaitlistProps;\n checkoutDrawer: {\n open: false;\n props: null \| __internal_CheckoutProps;\n };\n planDetailsDrawer: {\n open: false;\n props: null \| __internal_PlanDetailsProps;\n };\n subscriptionDetailsDrawer: {\n open: false;\n props: null \| __internal_SubscriptionDetailsProps;\n };\n nodes: Map<HTMLDivElement, HtmlNodeOptions>;\n impersonationFab: boolean;\n}\n\nlet portalCt = 0;\n\nfunction assertDOMElement(element: HTMLElement): asserts element {\n if (!element) {\n clerkUIErrorDOMElementNotFound();\n }\n}\n\nexport const mountComponentRenderer = (\n getClerk: () => Clerk,\n getEnvironment: () => EnvironmentResource \| null \| undefined,\n _options: ClerkOptions,\n moduleManager: ModuleManager,\n) => {\n const options = { ..._options };\n // Extract cssLayerName from baseTheme if present and move it to appearance level\n if (options.appearance) {\n options.appearance = extractCssLayerNameFromAppearance(options.appearance);\n }\n\n // TODO: Init of components should start\n // before /env and /client requests\n let clerkRoot = document.getElementById(ROOT_ELEMENT_ID);\n\n if (!clerkRoot) {\n clerkRoot = document.createElement('div');\n clerkRoot.setAttribute('id', 'clerk-components');\n document.body.appendChild(clerkRoot);\n }\n\n let componentsControlsResolver: Promise<ComponentControls> \| undefined;\n\n return {\n ensureMounted: async (opts?: { preloadHint: ClerkComponentName }) => {\n const { preloadHint } = opts \|\| {};\n // This mechanism ensures that mountComponentControls will only be called once\n // and any calls to .mount before mountComponentControls resolves will fire in order.\n // Otherwise, we risk having components rendered multiple times, or having\n // .unmountComponent incorrectly called before the component is rendered\n if (!componentsControlsResolver) {\n const deferredPromise = createDeferredPromise();\n if (preloadHint) {\n void preloadComponent(preloadHint);\n }\n componentsControlsResolver = import('./lazyModules/common').then(({ createRoot }) => {\n createRoot(clerkRoot).render(\n <Components\n getClerk={getClerk}\n getEnvironment={getEnvironment}\n options={options}\n onComponentsMounted={deferredPromise.resolve}\n moduleManager={moduleManager}\n />,\n );\n return deferredPromise.promise.then(() => componentsControls);\n });\n }\n return componentsControlsResolver.then(controls => controls);\n },\n };\n};\n\nexport type MountComponentRenderer = typeof mountComponentRenderer;\n\nconst componentsControls = {} as ComponentControls;\n\nconst componentNodes = Object.freeze({\n SignUp: 'signUpModal',\n SignIn: 'signInModal',\n UserProfile: 'userProfileModal',\n OrganizationProfile: 'organizationProfileModal',\n CreateOrganization: 'createOrganizationModal',\n Waitlist: 'waitlistModal',\n}) as any;\n\nconst Components = (props: ComponentsProps) => {\n const [state, setState] = React.useState<ComponentsState>({\n appearance: props.options.appearance,\n options: props.options,\n googleOneTapModal: null,\n signInModal: null,\n signUpModal: null,\n userProfileModal: null,\n userVerificationModal: null,\n organizationProfileModal: null,\n createOrganizationModal: null,\n enableOrganizationsPromptModal: null,\n organizationSwitcherPrefetch: false,\n waitlistModal: null,\n blankCaptchaModal: null,\n checkoutDrawer: {\n open: false,\n props: null,\n },\n planDetailsDrawer: {\n open: false,\n props: null,\n },\n subscriptionDetailsDrawer: {\n open: false,\n props: null,\n },\n nodes: new Map(),\n impersonationFab: false,\n });\n\n const {\n googleOneTapModal,\n signInModal,\n signUpModal,\n userProfileModal,\n userVerificationModal,\n organizationProfileModal,\n createOrganizationModal,\n waitlistModal,\n blankCaptchaModal,\n checkoutDrawer,\n planDetailsDrawer,\n subscriptionDetailsDrawer,\n nodes,\n } = state;\n\n const { urlStateParam, clearUrlStateParam, decodedRedirectParams } = useClerkModalStateParams();\n\n useSafeLayoutEffect(() => {\n if (decodedRedirectParams) {\n setState(s => ({\n ...s,\n [componentNodes[decodedRedirectParams.componentName]]: true,\n }));\n }\n\n componentsControls.mountComponent = params => {\n const { node, name, props, appearanceKey } = params;\n assertDOMElement(node);\n setState(s => {\n s.nodes.set(node, { key: `p${++portalCt}`, name, props, appearanceKey });\n return { ...s, nodes };\n });\n };\n\n componentsControls.unmountComponent = params => {\n const { node } = params;\n setState(s => {\n s.nodes.delete(node);\n return { ...s, nodes };\n });\n };\n\n componentsControls.updateProps = ({ node, props, ...restProps }) => {\n if (node && props && typeof props === 'object') {\n const nodeOptions = state.nodes.get(node);\n if (nodeOptions) {\n nodeOptions.props = { ...props };\n setState(s => ({ ...s }));\n return;\n }\n }\n\n setState(s => ({ ...s, ...restProps, options: { ...s.options, ...restProps.options } }));\n };\n\n componentsControls.closeModal = (name, options = {}) => {\n const { notify = true } = options;\n clearUrlStateParam();\n setState(s => {\n function handleCloseModalForExperimentalUserVerification() {\n const modal = s[`${name}Modal`];\n if (modal && typeof modal === 'object' && 'afterVerificationCancelled' in modal && notify) {\n // TypeScript doesn't narrow properly with template literal access and 'in' operator\n (modal as { afterVerificationCancelled?: () => void }).afterVerificationCancelled?.();\n }\n }\n\n /\n We need this in order for `Clerk.__experimental_closeUserVerification()`\n * to properly trigger the previously defined `afterVerificationCancelled` callback\n /\n handleCloseModalForExperimentalUserVerification();\n\n return { ...s, [`${name}Modal`]: null };\n });\n };\n\n componentsControls.openModal = (name, props) => {\n // Prevent opening enableOrganizations prompt if it's already open\n // It should open the first call and ignore the subsequent calls\n if (name === 'enableOrganizationsPrompt') {\n setState(prev => {\n // Modal is already open, don't update state\n if (prev.enableOrganizationsPromptModal) {\n return prev;\n }\n\n return { ...prev, [`${name}Modal`]: props };\n });\n return;\n }\n\n function handleCloseModalForExperimentalUserVerification() {\n if (!('afterVerificationCancelled' in props)) {\n return;\n }\n\n setState(s => ({\n ...s,\n [`${name}Modal`]: {\n ...props,\n /\n When a UserVerification flow is completed, we need to close the modal without trigger a cancellation callback\n /\n afterVerification() {\n props.afterVerification?.();\n componentsControls.closeModal(name, { notify: false });\n },\n },\n }));\n }\n\n if ('afterVerificationCancelled' in props) {\n handleCloseModalForExperimentalUserVerification();\n } else {\n setState(s => ({ ...s, [`${name}Modal`]: props }));\n }\n };\n\n componentsControls.mountImpersonationFab = () => {\n setState(s => ({ ...s, impersonationFab: true }));\n };\n\n componentsControls.openDrawer = (name, props) => {\n setState(s => ({\n ...s,\n [`${name}Drawer`]: {\n open: true,\n props,\n },\n }));\n };\n\n componentsControls.closeDrawer = name => {\n setState(s => {\n const currentItem = s[`${name}Drawer`];\n // @ts-expect-error `__internal_PlanDetailsProps` does not accept `onClose`\n currentItem?.props?.onClose?.();\n return {\n ...s,\n [`${name}Drawer`]: {\n ...s[`${name}Drawer`],\n open: false,\n },\n };\n });\n };\n\n componentsControls.prefetch = component => {\n setState(s => ({ ...s, [`${component}Prefetch`]: true }));\n };\n\n props.onComponentsMounted();\n }, []);\n\n const mountedOneTapModal = (\n <LazyOneTapRenderer\n componentProps={googleOneTapModal}\n globalAppearance={state.appearance}\n componentAppearance={googleOneTapModal?.appearance}\n startPath={buildVirtualRouterUrl({ base: '/one-tap', path: '' })}\n />\n );\n\n const mountedSignInModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'signIn'}\n componentAppearance={signInModal?.appearance}\n flowName={'signIn'}\n onClose={() => componentsControls.closeModal('signIn')}\n onExternalNavigate={() => componentsControls.closeModal('signIn')}\n startPath={buildVirtualRouterUrl({ base: '/sign-in', path: urlStateParam?.path })}\n componentName={'SignInModal'}\n >\n <SignInModal {...signInModal} />\n <SignUpModal {...disambiguateRedirectOptions(signInModal, 'signin')} />\n <WaitlistModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedSignUpModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'signUp'}\n componentAppearance={signUpModal?.appearance}\n flowName={'signUp'}\n onClose={() => componentsControls.closeModal('signUp')}\n onExternalNavigate={() => componentsControls.closeModal('signUp')}\n startPath={buildVirtualRouterUrl({ base: '/sign-up', path: urlStateParam?.path })}\n componentName={'SignUpModal'}\n >\n <SignInModal {...disambiguateRedirectOptions(signUpModal, 'signup')} />\n <SignUpModal {...signUpModal} />\n <WaitlistModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedUserProfileModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'userProfile'}\n componentAppearance={userProfileModal?.appearance}\n flowName={'userProfile'}\n onClose={() => componentsControls.closeModal('userProfile')}\n onExternalNavigate={() => componentsControls.closeModal('userProfile')}\n startPath={buildVirtualRouterUrl({\n base: '/user',\n path: userProfileModal?.__experimental_startPath \|\| urlStateParam?.path,\n })}\n componentName={'UserProfileModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$176}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <UserProfileModal {...userProfileModal} />\n </LazyModalRenderer>\n );\n\n const mountedUserVerificationModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'userVerification'}\n componentAppearance={userVerificationModal?.appearance}\n flowName={'userVerification'}\n onClose={() => componentsControls.closeModal('userVerification')}\n onExternalNavigate={() => componentsControls.closeModal('userVerification')}\n startPath={buildVirtualRouterUrl({ base: '/user-verification', path: urlStateParam?.path })}\n componentName={'UserVerificationModal'}\n modalContainerSx={{ alignItems: 'center' }}\n >\n <UserVerificationModal {...userVerificationModal} />\n </LazyModalRenderer>\n );\n\n const mountedOrganizationProfileModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'organizationProfile'}\n componentAppearance={organizationProfileModal?.appearance}\n flowName={'organizationProfile'}\n onClose={() => componentsControls.closeModal('organizationProfile')}\n onExternalNavigate={() => componentsControls.closeModal('organizationProfile')}\n startPath={buildVirtualRouterUrl({\n base: '/organizationProfile',\n path: organizationProfileModal?.__experimental_startPath \|\| urlStateParam?.path,\n })}\n componentName={'OrganizationProfileModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$176}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <OrganizationProfileModal {...organizationProfileModal} />\n </LazyModalRenderer>\n );\n\n const mountedCreateOrganizationModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'createOrganization'}\n componentAppearance={createOrganizationModal?.appearance}\n flowName={'createOrganization'}\n onClose={() => componentsControls.closeModal('createOrganization')}\n onExternalNavigate={() => componentsControls.closeModal('createOrganization')}\n startPath={buildVirtualRouterUrl({ base: '/createOrganization', path: urlStateParam?.path })}\n componentName={'CreateOrganizationModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$120}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <CreateOrganizationModal {...createOrganizationModal} />\n </LazyModalRenderer>\n );\n\n const mountedWaitlistModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'waitlist'}\n componentAppearance={waitlistModal?.appearance}\n flowName={'waitlist'}\n onClose={() => componentsControls.closeModal('waitlist')}\n onExternalNavigate={() => componentsControls.closeModal('waitlist')}\n startPath={buildVirtualRouterUrl({ base: '/waitlist', path: urlStateParam?.path })}\n componentName={'WaitlistModal'}\n >\n <WaitlistModal {...waitlistModal} />\n <SignInModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedBlankCaptchaModal = (\n /\n Captcha modal should not close on `Clerk.navigate()`, hence we are not passing `onExternalNavigate`.\n */\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'blankCaptcha' as any}\n componentAppearance={{}}\n flowName={'blankCaptcha'}\n onClose={() => componentsControls.closeModal('blankCaptcha')}\n startPath={buildVirtualRouterUrl({ base: '/blank-captcha', path: urlStateParam?.path })}\n componentName={'BlankCaptchaModal'}\n canCloseModal={false}\n modalId={'cl-modal-captcha-wrapper'}\n modalStyle={{ visibility: 'hidden', pointerEvents: 'none' }}\n >\n <BlankCaptchaModal />\n </LazyModalRenderer>\n );\n\n return (\n <Suspense fallback={''}>\n <LazyProviders\n clerk={props.getClerk()}\n environment={props.getEnvironment()}\n options={state.options}\n moduleManager={props.moduleManager}\n >\n {[...nodes].map(([node, component]) => {\n return (\n <LazyComponentRenderer\n key={component.key}\n node={node}\n globalAppearance={state.appearance}\n appearanceKey={component.appearanceKey}\n componentAppearance={component.props?.appearance}\n componentName={component.name}\n componentProps={component.props}\n />\n );\n })}\n\n {googleOneTapModal && mountedOneTapModal}\n {signInModal && mountedSignInModal}\n {signUpModal && mountedSignUpModal}\n {userProfileModal && mountedUserProfileModal}\n {userVerificationModal && mountedUserVerificationModal}\n {organizationProfileModal && mountedOrganizationProfileModal}\n {createOrganizationModal && mountedCreateOrganizationModal}\n {waitlistModal && mountedWaitlistModal}\n {blankCaptchaModal && mountedBlankCaptchaModal}\n\n <MountedCheckoutDrawer\n appearance={state.appearance}\n checkoutDrawer={checkoutDrawer}\n onOpenChange={() => componentsControls.closeDrawer('checkout')}\n />\n\n <MountedPlanDetailDrawer\n appearance={state.appearance}\n planDetailsDrawer={planDetailsDrawer}\n onOpenChange={() => componentsControls.closeDrawer('planDetails')}\n />\n\n <MountedSubscriptionDetailDrawer\n appearance={state.appearance}\n subscriptionDetailsDrawer={subscriptionDetailsDrawer}\n onOpenChange={() => componentsControls.closeDrawer('subscriptionDetails')}\n />\n\n {state.impersonationFab && (\n <LazyImpersonationFabProvider globalAppearance={state.appearance}>\n <ImpersonationFab />\n </LazyImpersonationFabProvider>\n )}\n\n {state.enableOrganizationsPromptModal && (\n <LazyEnableOrganizationsPromptProvider globalAppearance={state.appearance}>\n <EnableOrganizationsPrompt {...state.enableOrganizationsPromptModal} />\n </LazyEnableOrganizationsPromptProvider>\n )}\n\n {state.options?.__internal_keyless_claimKeylessApplicationUrl &&\n state.options?.__internal_keyless_copyInstanceKeysUrl && (\n <LazyImpersonationFabProvider globalAppearance={state.appearance}>\n <KeylessPrompt\n claimUrl={state.options.__internal_keyless_claimKeylessApplicationUrl}\n copyKeysUrl={state.options.__internal_keyless_copyInstanceKeysUrl}\n onDismiss={state.options.__internal_keyless_dismissPrompt}\n />\n </LazyImpersonationFabProvider>\n )}\n\n <Suspense>{state.organizationSwitcherPrefetch && <OrganizationSwitcherPrefetch />}</Suspense>\n </LazyProviders>\n </Suspense>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Components.js","names":["componentsControlsResolver: Promise<ComponentControls> \| undefined","props"],"sources":["../src/Components.tsx"],"sourcesContent":["import { clerkUIErrorDOMElementNotFound } from '@clerk/shared/internal/clerk-js/errors';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport type {\n __internal_CheckoutProps,\n __internal_EnableOrganizationsPromptProps,\n __internal_PlanDetailsProps,\n __internal_SubscriptionDetailsProps,\n __internal_UserVerificationProps,\n Clerk,\n ClerkOptions,\n CreateOrganizationProps,\n EnvironmentResource,\n GoogleOneTapProps,\n OrganizationProfileProps,\n SignInProps,\n SignUpProps,\n UserProfileProps,\n WaitlistProps,\n} from '@clerk/shared/types';\n\nimport type { Appearance } from './internal/appearance';\nimport { createDeferredPromise } from '@clerk/shared/utils';\nimport React, { Suspense } from 'react';\n\nimport type { AppearanceCascade } from './customizables/parseAppearance';\n// NOTE: Using `./hooks` instead of `./hooks/useClerkModalStateParams` will increase the bundle size\nimport { useClerkModalStateParams } from './hooks/useClerkModalStateParams';\nimport type { ClerkComponentName } from './lazyModules/components';\nimport {\n BlankCaptchaModal,\n CreateOrganizationModal,\n EnableOrganizationsPrompt,\n ImpersonationFab,\n KeylessPrompt,\n OrganizationProfileModal,\n preloadComponent,\n SignInModal,\n SignUpModal,\n UserProfileModal,\n UserVerificationModal,\n WaitlistModal,\n} from './lazyModules/components';\nimport { MountedCheckoutDrawer, MountedPlanDetailDrawer, MountedSubscriptionDetailDrawer } from './lazyModules/drawers';\nimport {\n LazyComponentRenderer,\n LazyEnableOrganizationsPromptProvider,\n LazyImpersonationFabProvider,\n LazyModalRenderer,\n LazyOneTapRenderer,\n LazyProviders,\n OrganizationSwitcherPrefetch,\n} from './lazyModules/providers';\nimport type { AvailableComponentProps } from './types';\nimport { buildVirtualRouterUrl } from './utils/buildVirtualRouterUrl';\nimport { disambiguateRedirectOptions } from './utils/disambiguateRedirectOptions';\nimport { extractCssLayerNameFromAppearance } from './utils/extractCssLayerNameFromAppearance';\n\n// Re-export for ClerkUi\nexport { extractCssLayerNameFromAppearance };\n\n/*\n Avoid importing from `@clerk/shared/react` to prevent extra dependencies being added to the bundle.\n /\nconst useSafeLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport const ROOT_ELEMENT_ID = 'clerk-components';\n\nexport type ComponentControls = {\n mountComponent: (params: {\n appearanceKey: Uncapitalize<AppearanceCascade['appearanceKey']>;\n name: ClerkComponentName;\n node: HTMLDivElement;\n props?: AvailableComponentProps;\n }) => void;\n unmountComponent: (params: { node: HTMLDivElement }) => void;\n updateProps: (params: {\n appearance?: Appearance \| undefined;\n options?: ClerkOptions \| undefined;\n node?: HTMLDivElement;\n props?: unknown;\n }) => void;\n openModal: <\n T extends\n \| 'googleOneTap'\n \| 'signIn'\n \| 'signUp'\n \| 'userProfile'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'userVerification'\n \| 'waitlist'\n \| 'blankCaptcha'\n \| 'enableOrganizationsPrompt',\n >(\n modal: T,\n props: T extends 'signIn'\n ? SignInProps\n : T extends 'signUp'\n ? SignUpProps\n : T extends 'userVerification'\n ? __internal_UserVerificationProps\n : T extends 'waitlist'\n ? WaitlistProps\n : T extends 'enableOrganizationsPrompt'\n ? __internal_EnableOrganizationsPromptProps\n : UserProfileProps,\n ) => void;\n closeModal: (\n modal:\n \| 'googleOneTap'\n \| 'signIn'\n \| 'signUp'\n \| 'userProfile'\n \| 'organizationProfile'\n \| 'createOrganization'\n \| 'userVerification'\n \| 'waitlist'\n \| 'blankCaptcha'\n \| 'enableOrganizationsPrompt',\n options?: {\n notify?: boolean;\n },\n ) => void;\n openDrawer: <T extends 'checkout' \| 'planDetails' \| 'subscriptionDetails'>(\n drawer: T,\n props: T extends 'checkout'\n ? __internal_CheckoutProps\n : T extends 'planDetails'\n ? __internal_PlanDetailsProps\n : T extends 'subscriptionDetails'\n ? __internal_SubscriptionDetailsProps\n : never,\n ) => void;\n closeDrawer: (\n drawer: 'checkout' \| 'planDetails' \| 'subscriptionDetails',\n options?: {\n notify?: boolean;\n },\n ) => void;\n prefetch: (component: 'organizationSwitcher') => void;\n // Special case, as the impersonation fab mounts automatically\n mountImpersonationFab: () => void;\n};\n\ninterface HtmlNodeOptions {\n key: string;\n name: ClerkComponentName;\n appearanceKey: Uncapitalize<AppearanceCascade['appearanceKey']>;\n props?: AvailableComponentProps;\n}\n\ninterface ComponentsProps {\n getClerk: () => Clerk;\n getEnvironment: () => EnvironmentResource \| null \| undefined;\n options: ClerkOptions;\n onComponentsMounted: () => void;\n moduleManager: ModuleManager;\n}\n\ninterface ComponentsState {\n appearance: Appearance \| undefined;\n options: ClerkOptions \| undefined;\n googleOneTapModal: null \| GoogleOneTapProps;\n signInModal: null \| SignInProps;\n signUpModal: null \| SignUpProps;\n userProfileModal: null \| UserProfileProps;\n userVerificationModal: null \| __internal_UserVerificationProps;\n organizationProfileModal: null \| OrganizationProfileProps;\n createOrganizationModal: null \| CreateOrganizationProps;\n enableOrganizationsPromptModal: null \| __internal_EnableOrganizationsPromptProps;\n blankCaptchaModal: null;\n organizationSwitcherPrefetch: boolean;\n waitlistModal: null \| WaitlistProps;\n checkoutDrawer: {\n open: false;\n props: null \| __internal_CheckoutProps;\n };\n planDetailsDrawer: {\n open: false;\n props: null \| __internal_PlanDetailsProps;\n };\n subscriptionDetailsDrawer: {\n open: false;\n props: null \| __internal_SubscriptionDetailsProps;\n };\n nodes: Map<HTMLDivElement, HtmlNodeOptions>;\n impersonationFab: boolean;\n}\n\nlet portalCt = 0;\n\nfunction assertDOMElement(element: HTMLElement): asserts element {\n if (!element) {\n clerkUIErrorDOMElementNotFound();\n }\n}\n\nexport const mountComponentRenderer = (\n getClerk: () => Clerk,\n getEnvironment: () => EnvironmentResource \| null \| undefined,\n _options: ClerkOptions,\n moduleManager: ModuleManager,\n) => {\n const options = { ..._options };\n // Extract cssLayerName from theme if present and move it to appearance level\n if (options.appearance) {\n options.appearance = extractCssLayerNameFromAppearance(options.appearance);\n }\n\n // TODO: Init of components should start\n // before /env and /client requests\n let clerkRoot = document.getElementById(ROOT_ELEMENT_ID);\n\n if (!clerkRoot) {\n clerkRoot = document.createElement('div');\n clerkRoot.setAttribute('id', 'clerk-components');\n document.body.appendChild(clerkRoot);\n }\n\n let componentsControlsResolver: Promise<ComponentControls> \| undefined;\n\n return {\n ensureMounted: async (opts?: { preloadHint: ClerkComponentName }) => {\n const { preloadHint } = opts \|\| {};\n // This mechanism ensures that mountComponentControls will only be called once\n // and any calls to .mount before mountComponentControls resolves will fire in order.\n // Otherwise, we risk having components rendered multiple times, or having\n // .unmountComponent incorrectly called before the component is rendered\n if (!componentsControlsResolver) {\n const deferredPromise = createDeferredPromise();\n if (preloadHint) {\n void preloadComponent(preloadHint);\n }\n componentsControlsResolver = import('./lazyModules/common').then(({ createRoot }) => {\n createRoot(clerkRoot).render(\n <Components\n getClerk={getClerk}\n getEnvironment={getEnvironment}\n options={options}\n onComponentsMounted={deferredPromise.resolve}\n moduleManager={moduleManager}\n />,\n );\n return deferredPromise.promise.then(() => componentsControls);\n });\n }\n return componentsControlsResolver.then(controls => controls);\n },\n };\n};\n\nexport type MountComponentRenderer = typeof mountComponentRenderer;\n\nconst componentsControls = {} as ComponentControls;\n\nconst componentNodes = Object.freeze({\n SignUp: 'signUpModal',\n SignIn: 'signInModal',\n UserProfile: 'userProfileModal',\n OrganizationProfile: 'organizationProfileModal',\n CreateOrganization: 'createOrganizationModal',\n Waitlist: 'waitlistModal',\n}) as any;\n\nconst Components = (props: ComponentsProps) => {\n const [state, setState] = React.useState<ComponentsState>({\n appearance: props.options.appearance,\n options: props.options,\n googleOneTapModal: null,\n signInModal: null,\n signUpModal: null,\n userProfileModal: null,\n userVerificationModal: null,\n organizationProfileModal: null,\n createOrganizationModal: null,\n enableOrganizationsPromptModal: null,\n organizationSwitcherPrefetch: false,\n waitlistModal: null,\n blankCaptchaModal: null,\n checkoutDrawer: {\n open: false,\n props: null,\n },\n planDetailsDrawer: {\n open: false,\n props: null,\n },\n subscriptionDetailsDrawer: {\n open: false,\n props: null,\n },\n nodes: new Map(),\n impersonationFab: false,\n });\n\n const {\n googleOneTapModal,\n signInModal,\n signUpModal,\n userProfileModal,\n userVerificationModal,\n organizationProfileModal,\n createOrganizationModal,\n waitlistModal,\n blankCaptchaModal,\n checkoutDrawer,\n planDetailsDrawer,\n subscriptionDetailsDrawer,\n nodes,\n } = state;\n\n const { urlStateParam, clearUrlStateParam, decodedRedirectParams } = useClerkModalStateParams();\n\n useSafeLayoutEffect(() => {\n if (decodedRedirectParams) {\n setState(s => ({\n ...s,\n [componentNodes[decodedRedirectParams.componentName]]: true,\n }));\n }\n\n componentsControls.mountComponent = params => {\n const { node, name, props, appearanceKey } = params;\n assertDOMElement(node);\n setState(s => {\n s.nodes.set(node, { key: `p${++portalCt}`, name, props, appearanceKey });\n return { ...s, nodes };\n });\n };\n\n componentsControls.unmountComponent = params => {\n const { node } = params;\n setState(s => {\n s.nodes.delete(node);\n return { ...s, nodes };\n });\n };\n\n componentsControls.updateProps = ({ node, props, ...restProps }) => {\n if (node && props && typeof props === 'object') {\n const nodeOptions = state.nodes.get(node);\n if (nodeOptions) {\n nodeOptions.props = { ...props };\n setState(s => ({ ...s }));\n return;\n }\n }\n\n setState(s => ({ ...s, ...restProps, options: { ...s.options, ...restProps.options } }));\n };\n\n componentsControls.closeModal = (name, options = {}) => {\n const { notify = true } = options;\n clearUrlStateParam();\n setState(s => {\n function handleCloseModalForExperimentalUserVerification() {\n const modal = s[`${name}Modal`];\n if (modal && typeof modal === 'object' && 'afterVerificationCancelled' in modal && notify) {\n // TypeScript doesn't narrow properly with template literal access and 'in' operator\n (modal as { afterVerificationCancelled?: () => void }).afterVerificationCancelled?.();\n }\n }\n\n /\n We need this in order for `Clerk.__experimental_closeUserVerification()`\n * to properly trigger the previously defined `afterVerificationCancelled` callback\n /\n handleCloseModalForExperimentalUserVerification();\n\n return { ...s, [`${name}Modal`]: null };\n });\n };\n\n componentsControls.openModal = (name, props) => {\n // Prevent opening enableOrganizations prompt if it's already open\n // It should open the first call and ignore the subsequent calls\n if (name === 'enableOrganizationsPrompt') {\n setState(prev => {\n // Modal is already open, don't update state\n if (prev.enableOrganizationsPromptModal) {\n return prev;\n }\n\n return { ...prev, [`${name}Modal`]: props };\n });\n return;\n }\n\n function handleCloseModalForExperimentalUserVerification() {\n if (!('afterVerificationCancelled' in props)) {\n return;\n }\n\n setState(s => ({\n ...s,\n [`${name}Modal`]: {\n ...props,\n /\n When a UserVerification flow is completed, we need to close the modal without trigger a cancellation callback\n /\n afterVerification() {\n props.afterVerification?.();\n componentsControls.closeModal(name, { notify: false });\n },\n },\n }));\n }\n\n if ('afterVerificationCancelled' in props) {\n handleCloseModalForExperimentalUserVerification();\n } else {\n setState(s => ({ ...s, [`${name}Modal`]: props }));\n }\n };\n\n componentsControls.mountImpersonationFab = () => {\n setState(s => ({ ...s, impersonationFab: true }));\n };\n\n componentsControls.openDrawer = (name, props) => {\n setState(s => ({\n ...s,\n [`${name}Drawer`]: {\n open: true,\n props,\n },\n }));\n };\n\n componentsControls.closeDrawer = name => {\n setState(s => {\n const currentItem = s[`${name}Drawer`];\n // @ts-expect-error `__internal_PlanDetailsProps` does not accept `onClose`\n currentItem?.props?.onClose?.();\n return {\n ...s,\n [`${name}Drawer`]: {\n ...s[`${name}Drawer`],\n open: false,\n },\n };\n });\n };\n\n componentsControls.prefetch = component => {\n setState(s => ({ ...s, [`${component}Prefetch`]: true }));\n };\n\n props.onComponentsMounted();\n }, []);\n\n const mountedOneTapModal = (\n <LazyOneTapRenderer\n componentProps={googleOneTapModal}\n globalAppearance={state.appearance}\n componentAppearance={googleOneTapModal?.appearance}\n startPath={buildVirtualRouterUrl({ base: '/one-tap', path: '' })}\n />\n );\n\n const mountedSignInModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'signIn'}\n componentAppearance={signInModal?.appearance}\n flowName={'signIn'}\n onClose={() => componentsControls.closeModal('signIn')}\n onExternalNavigate={() => componentsControls.closeModal('signIn')}\n startPath={buildVirtualRouterUrl({ base: '/sign-in', path: urlStateParam?.path })}\n componentName={'SignInModal'}\n >\n <SignInModal {...signInModal} />\n <SignUpModal {...disambiguateRedirectOptions(signInModal, 'signin')} />\n <WaitlistModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedSignUpModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'signUp'}\n componentAppearance={signUpModal?.appearance}\n flowName={'signUp'}\n onClose={() => componentsControls.closeModal('signUp')}\n onExternalNavigate={() => componentsControls.closeModal('signUp')}\n startPath={buildVirtualRouterUrl({ base: '/sign-up', path: urlStateParam?.path })}\n componentName={'SignUpModal'}\n >\n <SignInModal {...disambiguateRedirectOptions(signUpModal, 'signup')} />\n <SignUpModal {...signUpModal} />\n <WaitlistModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedUserProfileModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'userProfile'}\n componentAppearance={userProfileModal?.appearance}\n flowName={'userProfile'}\n onClose={() => componentsControls.closeModal('userProfile')}\n onExternalNavigate={() => componentsControls.closeModal('userProfile')}\n startPath={buildVirtualRouterUrl({\n base: '/user',\n path: userProfileModal?.__experimental_startPath \|\| urlStateParam?.path,\n })}\n componentName={'UserProfileModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$176}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <UserProfileModal {...userProfileModal} />\n </LazyModalRenderer>\n );\n\n const mountedUserVerificationModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'userVerification'}\n componentAppearance={userVerificationModal?.appearance}\n flowName={'userVerification'}\n onClose={() => componentsControls.closeModal('userVerification')}\n onExternalNavigate={() => componentsControls.closeModal('userVerification')}\n startPath={buildVirtualRouterUrl({ base: '/user-verification', path: urlStateParam?.path })}\n componentName={'UserVerificationModal'}\n modalContainerSx={{ alignItems: 'center' }}\n >\n <UserVerificationModal {...userVerificationModal} />\n </LazyModalRenderer>\n );\n\n const mountedOrganizationProfileModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'organizationProfile'}\n componentAppearance={organizationProfileModal?.appearance}\n flowName={'organizationProfile'}\n onClose={() => componentsControls.closeModal('organizationProfile')}\n onExternalNavigate={() => componentsControls.closeModal('organizationProfile')}\n startPath={buildVirtualRouterUrl({\n base: '/organizationProfile',\n path: organizationProfileModal?.__experimental_startPath \|\| urlStateParam?.path,\n })}\n componentName={'OrganizationProfileModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$176}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <OrganizationProfileModal {...organizationProfileModal} />\n </LazyModalRenderer>\n );\n\n const mountedCreateOrganizationModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'createOrganization'}\n componentAppearance={createOrganizationModal?.appearance}\n flowName={'createOrganization'}\n onClose={() => componentsControls.closeModal('createOrganization')}\n onExternalNavigate={() => componentsControls.closeModal('createOrganization')}\n startPath={buildVirtualRouterUrl({ base: '/createOrganization', path: urlStateParam?.path })}\n componentName={'CreateOrganizationModal'}\n modalContainerSx={{ alignItems: 'center' }}\n modalContentSx={t => ({ height: `min(${t.sizes.$120}, calc(100% - ${t.sizes.$12}))`, margin: 0 })}\n >\n <CreateOrganizationModal {...createOrganizationModal} />\n </LazyModalRenderer>\n );\n\n const mountedWaitlistModal = (\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'waitlist'}\n componentAppearance={waitlistModal?.appearance}\n flowName={'waitlist'}\n onClose={() => componentsControls.closeModal('waitlist')}\n onExternalNavigate={() => componentsControls.closeModal('waitlist')}\n startPath={buildVirtualRouterUrl({ base: '/waitlist', path: urlStateParam?.path })}\n componentName={'WaitlistModal'}\n >\n <WaitlistModal {...waitlistModal} />\n <SignInModal {...waitlistModal} />\n </LazyModalRenderer>\n );\n\n const mountedBlankCaptchaModal = (\n /\n Captcha modal should not close on `Clerk.navigate()`, hence we are not passing `onExternalNavigate`.\n */\n <LazyModalRenderer\n globalAppearance={state.appearance}\n appearanceKey={'blankCaptcha' as any}\n componentAppearance={{}}\n flowName={'blankCaptcha'}\n onClose={() => componentsControls.closeModal('blankCaptcha')}\n startPath={buildVirtualRouterUrl({ base: '/blank-captcha', path: urlStateParam?.path })}\n componentName={'BlankCaptchaModal'}\n canCloseModal={false}\n modalId={'cl-modal-captcha-wrapper'}\n modalStyle={{ visibility: 'hidden', pointerEvents: 'none' }}\n >\n <BlankCaptchaModal />\n </LazyModalRenderer>\n );\n\n return (\n <Suspense fallback={''}>\n <LazyProviders\n clerk={props.getClerk()}\n environment={props.getEnvironment()}\n options={state.options}\n moduleManager={props.moduleManager}\n >\n {[...nodes].map(([node, component]) => {\n return (\n <LazyComponentRenderer\n key={component.key}\n node={node}\n globalAppearance={state.appearance}\n appearanceKey={component.appearanceKey}\n componentAppearance={component.props?.appearance}\n componentName={component.name}\n componentProps={component.props}\n />\n );\n })}\n\n {googleOneTapModal && mountedOneTapModal}\n {signInModal && mountedSignInModal}\n {signUpModal && mountedSignUpModal}\n {userProfileModal && mountedUserProfileModal}\n {userVerificationModal && mountedUserVerificationModal}\n {organizationProfileModal && mountedOrganizationProfileModal}\n {createOrganizationModal && mountedCreateOrganizationModal}\n {waitlistModal && mountedWaitlistModal}\n {blankCaptchaModal && mountedBlankCaptchaModal}\n\n <MountedCheckoutDrawer\n appearance={state.appearance}\n checkoutDrawer={checkoutDrawer}\n onOpenChange={() => componentsControls.closeDrawer('checkout')}\n />\n\n <MountedPlanDetailDrawer\n appearance={state.appearance}\n planDetailsDrawer={planDetailsDrawer}\n onOpenChange={() => componentsControls.closeDrawer('planDetails')}\n />\n\n <MountedSubscriptionDetailDrawer\n appearance={state.appearance}\n subscriptionDetailsDrawer={subscriptionDetailsDrawer}\n onOpenChange={() => componentsControls.closeDrawer('subscriptionDetails')}\n />\n\n {state.impersonationFab && (\n <LazyImpersonationFabProvider globalAppearance={state.appearance}>\n <ImpersonationFab />\n </LazyImpersonationFabProvider>\n )}\n\n {state.enableOrganizationsPromptModal && (\n <LazyEnableOrganizationsPromptProvider globalAppearance={state.appearance}>\n <EnableOrganizationsPrompt {...state.enableOrganizationsPromptModal} />\n </LazyEnableOrganizationsPromptProvider>\n )}\n\n {state.options?.__internal_keyless_claimKeylessApplicationUrl &&\n state.options?.__internal_keyless_copyInstanceKeysUrl && (\n <LazyImpersonationFabProvider globalAppearance={state.appearance}>\n <KeylessPrompt\n claimUrl={state.options.__internal_keyless_claimKeylessApplicationUrl}\n copyKeysUrl={state.options.__internal_keyless_copyInstanceKeysUrl}\n onDismiss={state.options.__internal_keyless_dismissPrompt}\n />\n </LazyImpersonationFabProvider>\n )}\n\n <Suspense>{state.organizationSwitcherPrefetch && <OrganizationSwitcherPrefetch />}</Suspense>\n </LazyProviders>\n </Suspense>\n );\n};\n"],"mappings":"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"}

package/dist/{browser/blankcaptcha_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js → blankcaptcha_ui_30c3ec_1.0.0-snapshot.v20251204175016.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["328"],{5723:function(a,e,l){l.r(e),l.d(e,{BlankCaptchaModal:()=>k});var n=l(4518),c=l(6088),t=l(3269),i=l(~~9206~~),d=l(78),h=l(4607),r=l(2265),o=l(7831);let u=(0,t.dm)(()=>{let{parsedCaptcha:a}=(0,i.K)(),{locale:e}=(0,d._)(),l=a?.theme,t=a?.size,h=a?.language\|\|e?.toLowerCase();return(0,n.Y)(c.Z.Root,{children:(0,n.Y)(c.Z.Content,{children:(0,n.Y)("div",{id:"cl-modal-captcha-container","data-cl-theme":l,"data-cl-size":t,"data-cl-language":h})})})});function k(){return(0,n.Y)(r.q,{path:"blank-captcha",children:(0,n.Y)("div",{children:(0,n.Y)(h.n.Root,{flow:"blankCaptcha",children:(0,n.Y)(o.d,{children:(0,n.Y)(r.q,{index:!0,children:(0,n.Y)(u,{})})})})})})}k.displayName="BlankCaptchaModal"}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["328"],{5723:function(a,e,l){l.r(e),l.d(e,{BlankCaptchaModal:()=>k});var n=l(4518),c=l(6088),t=l(3269),i=l(6580),d=l(78),h=l(4607),r=l(2265),o=l(7831);let u=(0,t.dm)(()=>{let{parsedCaptcha:a}=(0,i.K)(),{locale:e}=(0,d._)(),l=a?.theme,t=a?.size,h=a?.language\|\|e?.toLowerCase();return(0,n.Y)(c.Z.Root,{children:(0,n.Y)(c.Z.Content,{children:(0,n.Y)("div",{id:"cl-modal-captcha-container","data-cl-theme":l,"data-cl-size":t,"data-cl-language":h})})})});function k(){return(0,n.Y)(r.q,{path:"blank-captcha",children:(0,n.Y)("div",{children:(0,n.Y)(h.n.Root,{flow:"blankCaptcha",children:(0,n.Y)(o.d,{children:(0,n.Y)(r.q,{index:!0,children:(0,n.Y)(u,{})})})})})})}k.displayName="BlankCaptchaModal"}}]);