npm - @clerk/ui - Versions diffs - 1.16.0 → 1.16.1-canary.v20260610190754 - Mend

@clerk/ui 1.16.0 → 1.16.1-canary.v20260610190754

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

package/dist/{2037_ui_e025ba_1.16.0.js → 2037_ui_34e3f0_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["2037"],{8107(e,t,i){i.d(t,{v:()=>p});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(7996),u=i(8029);let p=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:h}=(0,u.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(d\|\|l\|\|s,"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})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T});var n=i(9763),r=i(6918),a=i(9701),o=i(7904),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),p=i(869),h=i(9229),g=i(9735),m=i(4722),y=i(8342),b=i(7996),$=i(6447);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]}),v=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(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)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),F=({children:e,checkout:t,...i})=>{var o;let l,d=(0,h.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},S=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(F,{...i,children:[(0,n.Y)(S,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},P=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:v,reset:x}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await v();if(!i)try{await g(t)}catch(e){(0,p.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>s});var n=i(9763),r=i(7996),a=i(6447),o=i(8342),l=i(9616),d=i(6300);let s=({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:d.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")})]})},2840(e,t,i){i.d(t,{b:()=>S});var n=i(9763),r=i(6918),a=i(9701),o=i(7308),l=i(842),d=i(6516),s=i(9341),c=i(869),u=i(7547),p=i(6574),h=i(9229),g=i(2861),m=i(8342),y=i(704),b=i(3662),$=i(235),Y=i(6858),v=i(3751),x=i(4722),f=i(7996);let D=()=>{let{t:e}=(0,x._)();return(0,n.FD)(f.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)(f.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)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(v.p.Root,{children:[(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(v.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(v.p.Description,{text:"11/44"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(v.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(p.W,{children:(0,n.Y)(D,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,h.XX)(),s=(0,h.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.current}),deleteResource:y,onSuccess:i,onReset:i})},S=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),p=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.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)(d.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)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.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:u})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),d=(0,h.N7)(),u=(0,r.It)(),p=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:p})}},4225(e,t,i){i.d(t,{T:()=>p});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(7996),c=i(8029),u=i(5747);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,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(s.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(i)})]}),(0,n.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(s.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>D});var n=i(9763),r=i(9701),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),p=i(1868),h=i(7996),g=i(8342),m=i(4722),y=i(9298),b=i(6014),$=i(7975),Y=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:Y,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===m,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===m\|\|M.billing.organization.hasPaidPlans&&"organization"===m,P=(0,r.useMemo)(()=>Y.some(s.g),[Y]),G=f&&P,_=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(h.d8,{children:(0,n.FD)(h.Tr,{children:[(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(h.NN,{children:[_.map(e=>(0,n.Y)(F,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:Y.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:$.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){return e.totals?(0,n.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(h.Td,{sx:{textAlign:"end"},children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[(0,n.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[e.totals.grandTotal.currencySymbol,e.totals.grandTotal.amountFormatted]}),(0,n.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function F({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o}=(0,m._)(),s=(0,r.useMemo)(()=>(0,u.Ij)(i.amountFormatted),[i.amountFormatted]),c=e.seats?.quantity,p=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{children:(0,n.FD)(h.fv,{gap:1,children:[(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:Y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(f.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.EY,{variant:"subtitle",children:[i.currencySymbol,s,i.amount>0&&(0,n.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.fv,{gap:1,children:(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[b?(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:b}):null,p&&p.quantity?(0,n.Y)(h.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:p.quantity,amount:`${p.feePerBlock.currencySymbol}${p.feePerBlock.amountFormatted} / ${y}`}))}):null]})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>d});var n=i(9763),r=i(7996),a=i(8342);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"},d=({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([["2037"],{8107(e,t,i){i.d(t,{v:()=>p});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(7996),u=i(8029);let p=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:h}=(0,u.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(d\|\|l\|\|s,"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})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T});var n=i(9763),r=i(2518),a=i(9701),o=i(7904),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),p=i(869),h=i(9229),g=i(9735),m=i(4542),y=i(8342),b=i(7996),$=i(6447);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]}),v=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(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)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),F=({children:e,checkout:t,...i})=>{var o;let l,d=(0,h.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},S=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(F,{...i,children:[(0,n.Y)(S,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},P=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:v,reset:x}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await v();if(!i)try{await g(t)}catch(e){(0,p.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>s});var n=i(9763),r=i(7996),a=i(6447),o=i(8342),l=i(9616),d=i(6300);let s=({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:d.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")})]})},2840(e,t,i){i.d(t,{b:()=>S});var n=i(9763),r=i(2518),a=i(9701),o=i(7308),l=i(842),d=i(6516),s=i(9341),c=i(869),u=i(7547),p=i(6574),h=i(9229),g=i(2861),m=i(8342),y=i(704),b=i(3662),$=i(235),Y=i(6858),v=i(3751),x=i(4542),f=i(7996);let D=()=>{let{t:e}=(0,x._)();return(0,n.FD)(f.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)(f.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)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(v.p.Root,{children:[(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(v.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(v.p.Description,{text:"11/44"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(v.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(p.W,{children:(0,n.Y)(D,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,h.XX)(),s=(0,h.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.current}),deleteResource:y,onSuccess:i,onReset:i})},S=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),p=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.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)(d.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)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.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:u})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),d=(0,h.N7)(),u=(0,r.It)(),p=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:p})}},4225(e,t,i){i.d(t,{T:()=>p});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(7996),c=i(8029),u=i(5747);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,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(s.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(i)})]}),(0,n.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(s.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>D});var n=i(9763),r=i(9701),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),p=i(1868),h=i(7996),g=i(8342),m=i(4542),y=i(9298),b=i(6014),$=i(7975),Y=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:Y,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===m,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===m\|\|M.billing.organization.hasPaidPlans&&"organization"===m,P=(0,r.useMemo)(()=>Y.some(s.g),[Y]),G=f&&P,_=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(h.d8,{children:(0,n.FD)(h.Tr,{children:[(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(h.NN,{children:[_.map(e=>(0,n.Y)(F,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:Y.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:$.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){return e.totals?(0,n.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(h.Td,{sx:{textAlign:"end"},children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[(0,n.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[e.totals.grandTotal.currencySymbol,e.totals.grandTotal.amountFormatted]}),(0,n.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function F({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o}=(0,m._)(),s=(0,r.useMemo)(()=>(0,u.Ij)(i.amountFormatted),[i.amountFormatted]),c=e.seats?.quantity,p=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{children:(0,n.FD)(h.fv,{gap:1,children:[(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:Y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(f.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.EY,{variant:"subtitle",children:[i.currencySymbol,s,i.amount>0&&(0,n.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.fv,{gap:1,children:(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[b?(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:b}):null,p&&p.quantity?(0,n.Y)(h.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:p.quantity,amount:`${p.feePerBlock.currencySymbol}${p.feePerBlock.amountFormatted} / ${y}`}))}):null]})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>d});var n=i(9763),r=i(7996),a=i(8342);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"},d=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);

package/dist/{2037_ui_9d3f0c_1.16.0.js → 2037_ui_757a2f_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["2037"],{48107(e,t,n){n.d(t,{v:()=>p}),n(42949),n(37891);var i=n(59763),a=n(89605),o=n(43736),r=n(5747),l=n(12861),c=n(79229),d=n(78342),s=n(67996),u=n(58029);let p=()=>{let{data:e,isLoading:t,count:n}=(0,l.wD)(),o=(0,c.N7)();return(0,i.Y)(a.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.empty")),headers:[{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__date"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__amount"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__status"))}],rows:e.map(e=>(0,i.Y)(h,{paymentAttempt:e},e.id))})},h=e=>{let{paymentAttempt:t}=e,{id:n,amount:l,failedAt:c,paidAt:d,updatedAt:p,status:h}=t,{navigate:g}=(0,u.r)();return(0,i.FD)(a.J2,{onClick:()=>{g("payment-attempt/".concat(n))},children:[(0,i.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(s.EY,{variant:"subtitle",children:(0,o.Y)(d\|\|c\|\|p,"long")}),(0,i.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,r.W)(n)})]}),(0,i.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(s.EY,{children:[l.currencySymbol,l.amountFormatted]})}),(0,i.Y)(s.Td,{children:(0,i.Y)(s.Ex,{colorScheme:"paid"===h?"success":"failed"===h?"danger":"primary",sx:{textTransform:"capitalize"},children:h})})]})}},10235(e,t,n){n.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T}),n(36395);var i=n(59763),a=n(86918),o=n(59701),r=n(27904),l=n(17308),c=n(17447),d=n(46600),s=n(5870),u=n(23539),p=n(30869),h=n(79229),g=n(79735),m=n(84722),y=n(78342),b=n(67996),Y=n(26447);let v=e=>(0,i.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),$=()=>(0,i.Y)(v,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,i.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(0,i.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,i.FD)(b.so,{direction:"col",gap:5,children:[(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]}),(0,i.FD)(b.xA,{columns:2,gap:4,children:[(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)($,{})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)($,{})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{}),(0,i.Y)(v,{}),(0,i.Y)(v,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,a.e3)("AddPaymentMethodRoot"),F=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,h.XX)(),s=(0,o.useRef)(null),{t:p}=(0,m._)(),[b,Y]=(0,o.useState)(void 0),[v,$]=(0,o.useState)(void 0),[x,f]=(0,o.useState)(void 0),z=(t=s.current,n=(0,g.KP)().parsedInternalTheme,(0,o.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:a,radii:o,space:r}=n;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",i.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",i.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",i.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",a.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",a.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",a.$md),fontSizeXs:(0,u.yJ)(t,"font-size",a.$sm),borderRadius:(0,u.yJ)(t,"border-radius",o.$lg),spacingUnit:(0,u.yJ)(t,"padding",r.$1)}},[n,t]));return(0,i.FD)(D.Provider,{value:{value:{headerTitle:b,headerSubtitle:v,submitLabel:x,setHeaderTitle:Y,setHeaderSubtitle:$,setSubmitLabel:f,checkout:l,...c}},children:[(0,i.Y)("div",{ref:s,style:{display:"none"}}),(0,i.Y)(a.Tn,{checkout:l,for:d,stripeAppearance:z,paymentDescription:p((0,y.G)((null==l?void 0:l.planPeriod)==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:r})]})},S=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},T=e=>{let{children:t,...n}=e;return(0,i.FD)(F,{...n,children:[(0,i.Y)(S,{children:(0,i.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})})}),(0,i.Y)(M,{children:(0,i.Y)(k,{children:t})})]})},w=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},P=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return w(t,n),null},G=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return w(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return w(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:o,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),v=(0,h.N7)(),{isFormReady:$,submit:x,reset:D}=(0,a.Jl)(),F=async e=>{e.preventDefault(),Y.setLoading(),Y.setError(void 0);let{data:t,error:n}=await x();if(!n)try{await m(t)}catch(e){(0,p.H4)(e,[],Y.setError)}finally{Y.setIdle(),D()}};return(0,i.Y)(s.M,{headerTitle:n,headerSubtitle:o,children:(0,i.FD)(c.l.Root,{onSubmit:F,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[t,(0,i.Y)(a.cl,{fallback:(0,i.Y)(f,{})}),(0,i.Y)(r.Z.Alert,{children:Y.error}),(0,i.Y)(d.G,{isDisabled:!$,submitLabel:null!=u?u:(0,y.G)("".concat(v,".billingPage.paymentMethodsSection.formButtonPrimary__add")),onReset:b,hideReset:!b,sx:{flex:g?1:void 0}})]})})}},56858(e,t,n){n.d(t,{O:()=>d});var i=n(59763),a=n(67996),o=n(26447),r=n(78342),l=n(9616),c=n(36300);let d=e=>{let{paymentMethod:t}=e;return(0,i.FD)(a.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:o.$z.paymentMethodRow,children:[(0,i.Y)(a.In,{icon:"card"===t.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:o.$z.paymentMethodRowIcon}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:o.$z.paymentMethodRowType,children:"card"===t.paymentType?t.cardType:t.paymentType}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:o.$z.paymentMethodRowValue,children:"card"===t.paymentType?"⋯ ".concat(t.last4):null}),t.isDefault&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,r.G)("badge__default")}),"expired"===t.status&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,r.G)("badge__expired")})]})}},62840(e,t,n){n.d(t,{b:()=>S}),n(73560),n(42949),n(37891),n(61203);var i=n(59763),a=n(86918),o=n(59701),r=n(17308),l=n(70842),c=n(86516),d=n(19341),s=n(30869),u=n(57547),p=n(86574),h=n(79229),g=n(12861),m=n(78342),y=n(704),b=n(3662),Y=n(10235),v=n(56858),$=n(93751),x=n(84722),f=n(67996);let D=()=>{let{t:e}=(0,x._)();return(0,i.FD)(f.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,i.Y)(f.az,{sx:e=>({position:"absolute",inset:0,background:"repeating-linear-gradient(-45deg,".concat(e.colors.$warningAlpha100,",").concat(e.colors.$warningAlpha100," 6px,").concat(e.colors.$warningAlpha150," 6px,").concat(e.colors.$warningAlpha150," 12px)"),maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,i.FD)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,i.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,i.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,i.FD)($.p.Root,{children:[(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,i.Y)($.p.Description,{text:"4242 4242 4242 4242"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,i.Y)($.p.Description,{text:"11/44"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,i.Y)($.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,r.dm)(e=>{let{onSuccess:t}=e,{close:n}=(0,b.D5)(),o=(0,a.ho)(),r=(0,h.XX)(),l=(0,h.N7)(),c=async e=>{let i="organization"===r?null==o?void 0:o.organization:o.user;return await (null==i?void 0:i.addPaymentMethod(e)),t(),n(),Promise.resolve()};return(0,i.FD)(Y.bL,{onSuccess:c,cancelAction:n,children:[(0,i.Y)(Y.Mo,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.add"))}),(0,i.Y)(Y.L6,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.addSubtitle"))}),(0,i.Y)(p.W,{children:(0,i.Y)(D,{})})]})}),F=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,h.XX)(),p=(0,h.N7)(),g=(0,o.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,a.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],c.setError)})};return(0,i.Y)(u.P,{title:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},S=(0,r.dm)(()=>{let e=(0,a.ho)(),t=(0,h.XX)(),n=(0,h.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),p=(0,o.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return r?(0,i.Y)(c.rd.Root,{title:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.title")),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.Y)(y.r.Root,{children:(0,i.Y)(c.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:s?(0,i.Y)(l.K,{}):(0,i.FD)(i.FK,{children:[p.map(e=>(0,i.FD)(o.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(v.O,{paymentMethod:e}),(0,i.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(z,{onSuccess:u})})})]})]})})})}):null}),M=e=>{let{paymentMethod:t,revalidate:n}=e,{open:o}=(0,b.D5)(),l=(0,r.f0)(),c=(0,h.XX)(),u=(0,h.N7)(),p=(0,a.It)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>o("remove-".concat(t.id)),isDisabled:!t.isRemovable}];return t.isDefault\|\|g.unshift({label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__default")),isDestructive:!1,onClick:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],l.setError)})},isDisabled:!1}),(0,i.Y)(d.o,{actions:g})}},84225(e,t,n){n.d(t,{T:()=>p}),n(42949),n(37891);var i=n(59763),a=n(12861),o=n(79229),r=n(89605),l=n(43736),c=n(78342),d=n(67996),s=n(58029),u=n(5747);let p=()=>{let{data:e,isLoading:t,count:n}=(0,a.eT)(),l=(0,o.N7)();return(0,i.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,c.G)("".concat(l,".billingPage.statementsSection.empty")),headers:[{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__date"))},{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__amount"))}],rows:e.map(e=>(0,i.Y)(h,{statement:e},e.id))})},h=e=>{let{statement:t}=e,{timestamp:n,id:a,totals:{grandTotal:o}}=t,{navigate:c}=(0,s.r)();return(0,i.FD)(r.J2,{onClick:()=>{c("statement/".concat(a))},children:[(0,i.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(n,"monthyear")}),(0,i.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(a)})]}),(0,i.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(d.EY,{colorScheme:"secondary",children:[o.currencySymbol,o.amountFormatted]})})]})}},463(e,t,n){n.d(t,{R:()=>D}),n(42949),n(12021),n(37891),n(49678);var i=n(59763),a=n(59701),o=n(82396),r=n(86516),l=n(8343),c=n(40049),d=n(7505),s=n(79229),u=n(12861),p=n(91868),h=n(67996),g=n(78342),m=n(84722),y=n(49298),b=n(96014),Y=n(77975),v=n(86907),$=n(26130),x=n(58029),f=n(45760);function D(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:c}=e,m=(0,s.N7)(),v=(0,s.XX)(),{subscriptionItems:$,data:f}=(0,u.Rs)(),D=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===v,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===v\|\|M.billing.organization.hasPaidPlans&&"organization"===v,P=(0,a.useMemo)(()=>$.some(d.g),[$]),G=D&&P,_=(0,a.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,i.FD)(r.rd.Root,{id:"subscriptionsList",title:t,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.length>0&&(0,i.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,i.Y)(h.d8,{children:(0,i.FD)(h.Tr,{children:[(0,i.Y)(h.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(h.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.FD)(h.NN,{children:[_.map(e=>(0,i.Y)(F,{subscriptionItem:e,length:_.length},e.id)),(null==f?void 0:f.nextPayment)?(0,i.Y)(z,{nextPayment:f.nextPayment,localizationRoot:m}):null]})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:$.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:c,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:Y.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z(e){let{nextPayment:t,localizationRoot:n}=e;return t.totals?(0,i.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,i.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)("".concat(n,".billingPage.subscriptionsListSection.overview"))})}),(0,i.Y)(h.Td,{sx:{textAlign:"end"},children:(0,i.FD)(h.fv,{gap:1,align:"end",children:[(0,i.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[t.totals.grandTotal.currencySymbol,t.totals.grandTotal.amountFormatted]}),(0,i.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:t.date})})]})})]}):null}function F(e){var t,n,o;let{subscriptionItem:r,length:d}=e,s="annual"===r.planPeriod?r.plan.annualFee:r.plan.fee,{captionForSubscription:p}=(0,u.D)(),{t:y}=(0,m._)(),b=(0,a.useMemo)(()=>(0,u.Ij)(s.amountFormatted),[s.amountFormatted]),Y=null==(t=r.seats)?void 0:t.quantity,x=null==(o=r.seats)\|\|null==(n=o.tiers)?void 0:n.find(e=>e.total.amount>0),D=y((0,g.G)("billing.month")).toLowerCase(),z=(0,c.s5)(r.plan);return(0,i.FD)(a.Fragment,{children:[(0,i.FD)(h.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(h.Td,{children:(0,i.FD)(h.fv,{gap:1,children:[(0,i.FD)(h.so,{align:"center",gap:1,children:[(0,i.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:r.plan.name}),r.isFreeTrial\|\|d>1\|\|r.canceledAt?(0,i.Y)(f.V,{subscription:r.isFreeTrial?{status:"free_trial"}:r}):null]}),(!r.plan.isDefault\|\|"upcoming"===r.status)&&(0,i.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:p(r)})]})}),(0,i.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(h.EY,{variant:"subtitle",children:[s.currencySymbol,b,s.amount>0&&(0,i.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===r.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==Y?(0,i.FD)(h.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(h.fv,{gap:1,children:(0,i.FD)(h.so,{align:"center",gap:1,children:[(0,i.Y)(h.In,{icon:$.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,i.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(h.fv,{gap:1,align:"end",children:[z?(0,i.Y)(h.EY,{variant:"subtitle",localizationKey:z}):null,x&&x.quantity?(0,i.Y)(h.EY,{variant:"subtitle",children:y((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:x.quantity,amount:"".concat(x.feePerBlock.currencySymbol).concat(x.feePerBlock.amountFormatted," / ").concat(D)}))}):null]})})]}):null]},r.id)}},45760(e,t,n){n.d(t,{V:()=>c});var i=n(59763),a=n(67996),o=n(78342);let r={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=e=>{let{subscription:t,elementDescriptor:n}=e;return(0,i.Y)(a.Ex,{elementDescriptor:n,colorScheme:l[t.status],localizationKey:(0,o.G)(r[t.status])})}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["2037"],{48107(e,t,n){n.d(t,{v:()=>p}),n(42949),n(37891);var i=n(59763),a=n(89605),o=n(43736),r=n(5747),l=n(12861),c=n(79229),d=n(78342),s=n(67996),u=n(58029);let p=()=>{let{data:e,isLoading:t,count:n}=(0,l.wD)(),o=(0,c.N7)();return(0,i.Y)(a.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.empty")),headers:[{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__date"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__amount"))},{key:(0,d.G)("".concat(o,".billingPage.paymentHistorySection.tableHeader__status"))}],rows:e.map(e=>(0,i.Y)(h,{paymentAttempt:e},e.id))})},h=e=>{let{paymentAttempt:t}=e,{id:n,amount:l,failedAt:c,paidAt:d,updatedAt:p,status:h}=t,{navigate:g}=(0,u.r)();return(0,i.FD)(a.J2,{onClick:()=>{g("payment-attempt/".concat(n))},children:[(0,i.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(s.EY,{variant:"subtitle",children:(0,o.Y)(d\|\|c\|\|p,"long")}),(0,i.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,r.W)(n)})]}),(0,i.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(s.EY,{children:[l.currencySymbol,l.amountFormatted]})}),(0,i.Y)(s.Td,{children:(0,i.Y)(s.Ex,{colorScheme:"paid"===h?"success":"failed"===h?"danger":"primary",sx:{textTransform:"capitalize"},children:h})})]})}},10235(e,t,n){n.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T}),n(36395);var i=n(59763),a=n(62518),o=n(59701),r=n(27904),l=n(17308),c=n(17447),d=n(46600),s=n(5870),u=n(23539),p=n(30869),h=n(79229),g=n(79735),m=n(14542),y=n(78342),b=n(67996),Y=n(26447);let v=e=>(0,i.Y)(b.az,{sx:[e=>({height:e.space.$2,width:"100%",borderRadius:e.radii.$md,background:e.colors.$neutralAlpha100}),e.sx]}),$=()=>(0,i.Y)(v,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,i.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(0,i.Y)(b.az,{"aria-label":"Loading...",sx:{position:"relative",minHeight:0,flex:1,overflowY:"auto"},children:(0,i.FD)(b.so,{direction:"col",gap:5,children:[(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]}),(0,i.FD)(b.xA,{columns:2,gap:4,children:[(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,i.Y)($,{})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,i.Y)($,{})]})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,i.Y)($,{})]}),(0,i.FD)(x,{children:[(0,i.Y)(v,{}),(0,i.Y)(v,{}),(0,i.Y)(v,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,a.e3)("AddPaymentMethodRoot"),F=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,h.XX)(),s=(0,o.useRef)(null),{t:p}=(0,m._)(),[b,Y]=(0,o.useState)(void 0),[v,$]=(0,o.useState)(void 0),[x,f]=(0,o.useState)(void 0),z=(t=s.current,n=(0,g.KP)().parsedInternalTheme,(0,o.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:a,radii:o,space:r}=n;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",i.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",i.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",i.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",a.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",a.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",a.$md),fontSizeXs:(0,u.yJ)(t,"font-size",a.$sm),borderRadius:(0,u.yJ)(t,"border-radius",o.$lg),spacingUnit:(0,u.yJ)(t,"padding",r.$1)}},[n,t]));return(0,i.FD)(D.Provider,{value:{value:{headerTitle:b,headerSubtitle:v,submitLabel:x,setHeaderTitle:Y,setHeaderSubtitle:$,setSubmitLabel:f,checkout:l,...c}},children:[(0,i.Y)("div",{ref:s,style:{display:"none"}}),(0,i.Y)(a.Tn,{checkout:l,for:d,stripeAppearance:z,paymentDescription:p((0,y.G)((null==l?void 0:l.planPeriod)==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:r})]})},S=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},T=e=>{let{children:t,...n}=e;return(0,i.FD)(F,{...n,children:[(0,i.Y)(S,{children:(0,i.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})})}),(0,i.Y)(M,{children:(0,i.Y)(k,{children:t})})]})},w=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},P=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return w(t,n),null},G=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return w(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return w(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:o,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),v=(0,h.N7)(),{isFormReady:$,submit:x,reset:D}=(0,a.Jl)(),F=async e=>{e.preventDefault(),Y.setLoading(),Y.setError(void 0);let{data:t,error:n}=await x();if(!n)try{await m(t)}catch(e){(0,p.H4)(e,[],Y.setError)}finally{Y.setIdle(),D()}};return(0,i.Y)(s.M,{headerTitle:n,headerSubtitle:o,children:(0,i.FD)(c.l.Root,{onSubmit:F,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[t,(0,i.Y)(a.cl,{fallback:(0,i.Y)(f,{})}),(0,i.Y)(r.Z.Alert,{children:Y.error}),(0,i.Y)(d.G,{isDisabled:!$,submitLabel:null!=u?u:(0,y.G)("".concat(v,".billingPage.paymentMethodsSection.formButtonPrimary__add")),onReset:b,hideReset:!b,sx:{flex:g?1:void 0}})]})})}},56858(e,t,n){n.d(t,{O:()=>d});var i=n(59763),a=n(67996),o=n(26447),r=n(78342),l=n(9616),c=n(36300);let d=e=>{let{paymentMethod:t}=e;return(0,i.FD)(a.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:o.$z.paymentMethodRow,children:[(0,i.Y)(a.In,{icon:"card"===t.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:o.$z.paymentMethodRowIcon}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:o.$z.paymentMethodRowType,children:"card"===t.paymentType?t.cardType:t.paymentType}),(0,i.Y)(a.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:o.$z.paymentMethodRowValue,children:"card"===t.paymentType?"⋯ ".concat(t.last4):null}),t.isDefault&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,r.G)("badge__default")}),"expired"===t.status&&(0,i.Y)(a.Ex,{elementDescriptor:o.$z.paymentMethodRowBadge,elementId:o.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,r.G)("badge__expired")})]})}},62840(e,t,n){n.d(t,{b:()=>S}),n(73560),n(42949),n(37891),n(61203);var i=n(59763),a=n(62518),o=n(59701),r=n(17308),l=n(70842),c=n(86516),d=n(19341),s=n(30869),u=n(57547),p=n(86574),h=n(79229),g=n(12861),m=n(78342),y=n(704),b=n(3662),Y=n(10235),v=n(56858),$=n(93751),x=n(14542),f=n(67996);let D=()=>{let{t:e}=(0,x._)();return(0,i.FD)(f.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative"}),children:[(0,i.Y)(f.az,{sx:e=>({position:"absolute",inset:0,background:"repeating-linear-gradient(-45deg,".concat(e.colors.$warningAlpha100,",").concat(e.colors.$warningAlpha100," 6px,").concat(e.colors.$warningAlpha150," 6px,").concat(e.colors.$warningAlpha150," 12px)"),maskImage:"linear-gradient(transparent 20%, black)",pointerEvents:"none"})}),(0,i.FD)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,i.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,i.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,i.FD)($.p.Root,{children:[(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,i.Y)($.p.Description,{text:"4242 4242 4242 4242"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,i.Y)($.p.Description,{text:"11/44"})]}),(0,i.FD)($.p.Group,{variant:"tertiary",children:[(0,i.Y)($.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,i.Y)($.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,r.dm)(e=>{let{onSuccess:t}=e,{close:n}=(0,b.D5)(),o=(0,a.ho)(),r=(0,h.XX)(),l=(0,h.N7)(),c=async e=>{let i="organization"===r?null==o?void 0:o.organization:o.user;return await (null==i?void 0:i.addPaymentMethod(e)),t(),n(),Promise.resolve()};return(0,i.FD)(Y.bL,{onSuccess:c,cancelAction:n,children:[(0,i.Y)(Y.Mo,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.add"))}),(0,i.Y)(Y.L6,{text:(0,m.G)("".concat(l,".billingPage.paymentMethodsSection.addSubtitle"))}),(0,i.Y)(p.W,{children:(0,i.Y)(D,{})})]})}),F=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,h.XX)(),p=(0,h.N7)(),g=(0,o.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,a.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],c.setError)})};return(0,i.Y)(u.P,{title:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},S=(0,r.dm)(()=>{let e=(0,a.ho)(),t=(0,h.XX)(),n=(0,h.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),p=(0,o.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return r?(0,i.Y)(c.rd.Root,{title:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.title")),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.Y)(y.r.Root,{children:(0,i.Y)(c.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:s?(0,i.Y)(l.K,{}):(0,i.FD)(i.FK,{children:[p.map(e=>(0,i.FD)(o.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(v.O,{paymentMethod:e}),(0,i.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(z,{onSuccess:u})})})]})]})})})}):null}),M=e=>{let{paymentMethod:t,revalidate:n}=e,{open:o}=(0,b.D5)(),l=(0,r.f0)(),c=(0,h.XX)(),u=(0,h.N7)(),p=(0,a.It)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>o("remove-".concat(t.id)),isDisabled:!t.isRemovable}];return t.isDefault\|\|g.unshift({label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__default")),isDestructive:!1,onClick:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],l.setError)})},isDisabled:!1}),(0,i.Y)(d.o,{actions:g})}},84225(e,t,n){n.d(t,{T:()=>p}),n(42949),n(37891);var i=n(59763),a=n(12861),o=n(79229),r=n(89605),l=n(43736),c=n(78342),d=n(67996),s=n(58029),u=n(5747);let p=()=>{let{data:e,isLoading:t,count:n}=(0,a.eT)(),l=(0,o.N7)();return(0,i.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,c.G)("".concat(l,".billingPage.statementsSection.empty")),headers:[{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__date"))},{key:(0,c.G)("".concat(l,".billingPage.statementsSection.tableHeader__amount"))}],rows:e.map(e=>(0,i.Y)(h,{statement:e},e.id))})},h=e=>{let{statement:t}=e,{timestamp:n,id:a,totals:{grandTotal:o}}=t,{navigate:c}=(0,s.r)();return(0,i.FD)(r.J2,{onClick:()=>{c("statement/".concat(a))},children:[(0,i.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(n,"monthyear")}),(0,i.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(a)})]}),(0,i.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,i.FD)(d.EY,{colorScheme:"secondary",children:[o.currencySymbol,o.amountFormatted]})})]})}},463(e,t,n){n.d(t,{R:()=>D}),n(42949),n(12021),n(37891),n(49678);var i=n(59763),a=n(59701),o=n(82396),r=n(86516),l=n(8343),c=n(40049),d=n(7505),s=n(79229),u=n(12861),p=n(91868),h=n(67996),g=n(78342),m=n(14542),y=n(49298),b=n(96014),Y=n(77975),v=n(86907),$=n(26130),x=n(58029),f=n(45760);function D(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:c}=e,m=(0,s.N7)(),v=(0,s.XX)(),{subscriptionItems:$,data:f}=(0,u.Rs)(),D=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===v,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===v\|\|M.billing.organization.hasPaidPlans&&"organization"===v,P=(0,a.useMemo)(()=>$.some(d.g),[$]),G=D&&P,_=(0,a.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,i.FD)(r.rd.Root,{id:"subscriptionsList",title:t,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.length>0&&(0,i.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,i.Y)(h.d8,{children:(0,i.FD)(h.Tr,{children:[(0,i.Y)(h.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(h.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.FD)(h.NN,{children:[_.map(e=>(0,i.Y)(F,{subscriptionItem:e,length:_.length},e.id)),(null==f?void 0:f.nextPayment)?(0,i.Y)(z,{nextPayment:f.nextPayment,localizationRoot:m}):null]})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:$.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:c,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:Y.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z(e){let{nextPayment:t,localizationRoot:n}=e;return t.totals?(0,i.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,i.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)("".concat(n,".billingPage.subscriptionsListSection.overview"))})}),(0,i.Y)(h.Td,{sx:{textAlign:"end"},children:(0,i.FD)(h.fv,{gap:1,align:"end",children:[(0,i.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[t.totals.grandTotal.currencySymbol,t.totals.grandTotal.amountFormatted]}),(0,i.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:t.date})})]})})]}):null}function F(e){var t,n,o;let{subscriptionItem:r,length:d}=e,s="annual"===r.planPeriod?r.plan.annualFee:r.plan.fee,{captionForSubscription:p}=(0,u.D)(),{t:y}=(0,m._)(),b=(0,a.useMemo)(()=>(0,u.Ij)(s.amountFormatted),[s.amountFormatted]),Y=null==(t=r.seats)?void 0:t.quantity,x=null==(o=r.seats)\|\|null==(n=o.tiers)?void 0:n.find(e=>e.total.amount>0),D=y((0,g.G)("billing.month")).toLowerCase(),z=(0,c.s5)(r.plan);return(0,i.FD)(a.Fragment,{children:[(0,i.FD)(h.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(h.Td,{children:(0,i.FD)(h.fv,{gap:1,children:[(0,i.FD)(h.so,{align:"center",gap:1,children:[(0,i.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:r.plan.name}),r.isFreeTrial\|\|d>1\|\|r.canceledAt?(0,i.Y)(f.V,{subscription:r.isFreeTrial?{status:"free_trial"}:r}):null]}),(!r.plan.isDefault\|\|"upcoming"===r.status)&&(0,i.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:p(r)})]})}),(0,i.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(h.EY,{variant:"subtitle",children:[s.currencySymbol,b,s.amount>0&&(0,i.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===r.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==Y?(0,i.FD)(h.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(h.fv,{gap:1,children:(0,i.FD)(h.so,{align:"center",gap:1,children:[(0,i.Y)(h.In,{icon:$.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,i.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(h.fv,{gap:1,align:"end",children:[z?(0,i.Y)(h.EY,{variant:"subtitle",localizationKey:z}):null,x&&x.quantity?(0,i.Y)(h.EY,{variant:"subtitle",children:y((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:x.quantity,amount:"".concat(x.feePerBlock.currencySymbol).concat(x.feePerBlock.amountFormatted," / ").concat(D)}))}):null]})})]}):null]},r.id)}},45760(e,t,n){n.d(t,{V:()=>c});var i=n(59763),a=n(67996),o=n(78342);let r={active:"badge__activePlan",upcoming:"badge__upcomingPlan",past_due:"badge__pastDuePlan",free_trial:"badge__freeTrial"},l={active:"secondary",upcoming:"primary",past_due:"warning",free_trial:"secondary"},c=e=>{let{subscription:t,elementDescriptor:n}=e;return(0,i.Y)(a.Ex,{elementDescriptor:n,colorScheme:l[t.status],localizationKey:(0,o.G)(r[t.status])})}}}]);

package/dist/{295_ui_b3bcaa_1.16.0.js → 295_ui_b3e70d_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["295"],{3374(e,a,t){t.d(a,{i:()=>c});var i=t(9763),n=t(4176),o=t(8695),r=t(7996),s=t(6447),l=t(8342);let c=e=>{let{organization:a,showLoadingSpinner:t,...c}=e;return(0,i.FD)(r.fv,{elementDescriptor:s.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,l.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...c,title:(0,l.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(o.h,{size:e=>e.sizes.$16,showLoadingSpinner:t,...a})})]})}},8590(e,a,t){t.d(a,{l_:()=>n,mu:()=>i});let i={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,a,t)=>{if(void 0===a)return[{data:[e],total_count:1}];let i=a?.[a.length-1]?.total_count\|\|1;return a.map(a=>{if(void 0===a)return a;let n=a.data.map(a=>a.id===e.id?{...e}:a);return{...a,data:n,total_count:"negative"===t?i-1:i}})}},8944(e,a,t){t.r(a),t.d(a,{TaskChooseOrganization:()=>V});var i=t(9763),n=t(6918),o=t(630),r=t(9832),s=t(4676),l=t(1522),c=t(7996),g=t(6447),d=t(8342),u=t(7904),h=t(7308),z=t(2824),p=t(4672),m=t(6140),b=t(7902),C=t(1457),f=t(1878),k=t(7463),Y=t(8590),_=t(649),O=t(4722),$=t(7816),y=t(7746),w=t(869);let v=e=>{let a=(0,h.f0)(),{user:t}=(0,n.Jd)(),{ref:o,userMemberships:r,userSuggestions:s,userInvitations:l}=(0,m.f)(),p=r?.isLoading\|\|l?.isLoading\|\|s?.isLoading,b=r?.hasNextPage\|\|l?.hasNextPage\|\|s?.hasNextPage,C=l.data?.filter(e=>!!e),f=s.data?.filter(e=>!!e);return(0,i.FD)(i.FK,{children:[(0,i.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:t?.createOrganizationEnabled?(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle"):(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle__createOrganizationDisabled")})]}),(0,i.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$8}`}),children:a.error}),(0,i.Y)(c.fv,{elementDescriptor:g.$z.main,children:(0,i.Y)(k.os,{elementDescriptor:g.$z.taskChooseOrganizationPreviewItems,children:(0,i.FD)($.En,{role:"menu",children:[(r.count\|\|0)>0&&r.data?.map(e=>(0,i.Y)(D,{...e},e.id)),!r.hasNextPage&&C?.map(e=>(0,i.Y)(S,{...e},e.id)),!r.hasNextPage&&!l.hasNextPage&&f?.map(e=>(0,i.Y)(U,{...e},e.id)),(b\|\|p)&&(0,i.Y)(k.JF,{ref:o}),(0,i.Y)(I,{onCreateOrganizationClick:()=>{a.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},D=e=>{let{user:a}=(0,n.Jd)(),t=(0,h.f0)(),{navigateOnSetActive:o}=(0,_.z1)(),{redirectUrlComplete:r}=(0,_.u3)(),{isLoaded:s,setActive:l}=(0,n.D_)(),{t:c}=(0,O._)();return s?(0,i.Y)(k.SH,{elementDescriptor:g.$z.taskChooseOrganizationPreviewButton,onClick:()=>{let i;return i=e.organization,t.runAsync(async()=>{try{await l({organization:i,navigate:async({session:e,decorateUrl:a})=>{await o?.({session:e,redirectUrlComplete:r,decorateUrl:a})}})}catch(e){if(!(0,C.$R)(e))return void(0,w.H4)(e,[],t.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":a?.createOrganizationEnabled?t.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized"))):t.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,w.H4)(e,[],t.setError)}}})},children:(0,i.Y)(y.Q,{elementId:"taskChooseOrganization",mainIdentifierSx:k.Vc,organization:e.organization})}):null},S=e=>{let a=(0,h.f0)(),{getOrganization:t}=(0,n.ho)(),[r,s]=(0,o.useState)(null),{userInvitations:l}=(0,n.D_)({userInvitations:Y.mu.userInvitations});return r?(0,i.Y)(D,{organization:r}):(0,i.Y)(k.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:g.$z.taskChooseOrganizationPreviewItem,children:(0,i.Y)(k.D3,{isLoading:a.isLoading,onClick:()=>a.runAsync(async()=>[await e.accept(),await t(e.publicOrganizationData.id)]).then(([e,a])=>{l?.setData?.(a=>(0,Y.l_)(e,a,"negative")),s(a)}).catch(e=>(0,w.H4)(e,[],a.setError)),localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__invitationAccept")})})},U=(0,h.dm)(e=>{let a=(0,h.f0)(),{userSuggestions:t}=(0,n.D_)({userSuggestions:Y.mu.userSuggestions});return(0,i.Y)(k.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:g.$z.taskChooseOrganizationPreviewItem,children:"accepted"===e.status?(0,i.Y)(c.EY,{colorScheme:"secondary",localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel")}):(0,i.Y)(k.D3,{onClick:()=>a.runAsync(e.accept).then(e=>t?.setData?.(a=>(0,Y.l_)(e,a))).catch(e=>(0,w.H4)(e,[],a.setError)),isLoading:a.isLoading,localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__suggestionsAccept")})})}),I=({onCreateOrganizationClick:e})=>(0,i.Y)(f._,{elementDescriptor:g.$z.taskChooseOrganizationCreateOrganizationActionButton,label:(0,d.G)("taskChooseOrganization.chooseOrganization.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})});var P=t(1868),x=t(7447),F=t(6600),A=t(5870),R=t(4874),G=t(9582),L=t(1308),T=t(1637),E=t(3374);function K({organizationCreationDefaults:e}){let a=Z(e?.advisory);return a?(0,i.Y)(c.Fc,{colorScheme:"warning",children:(0,i.Y)(c.EY,{colorScheme:"warning",localizationKey:a,variant:"caption"})}):null}let Z=e=>e&&"organization_already_exists"===e.code?(0,d.G)("taskChooseOrganization.alerts.organizationAlreadyExists",{organizationDomain:e.meta.organization_domain,organizationName:e.meta.organization_name}):null,N=e=>{let a=(0,h.f0)(),{navigateOnSetActive:t}=(0,_.z1)(),{redirectUrlComplete:r}=(0,_.u3)(),{createOrganization:s,isLoaded:l,setActive:g}=(0,n.D_)({userMemberships:Y.mu.userMemberships}),{organizationSettings:u}=(0,P.O)(),[p,m]=(0,o.useState)(),b=(0,T.tJ)("name",e.organizationCreationDefaults?.form?.name??"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__name"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name")}),C=(0,T.tJ)("slug",e.organizationCreationDefaults?.form?.slug??"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__slug"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug")}),f=!u.slug.disabled,k=async e=>{if(e.preventDefault(),l)try{let e={name:b.value};f&&(e.slug=C.value);let a=await s(e),i=O(a);await Promise.allSettled([i]),await g({organization:a,navigate:async({session:e,decorateUrl:a})=>{await t?.({session:e,redirectUrlComplete:r,decorateUrl:a})}})}catch(e){(0,w.H4)(e,[b,C],a.setError)}},O=async e=>{if(p)await e.setLogo({file:p});else if(v){let a=await fetch(v),t=await a.blob(),i=new File([t],"logo",{type:t.type});await e.setLogo({file:i})}},$=e=>{C.setValue(e)},y=!b.value\|\|!l,v=void 0===p?e.organizationCreationDefaults?.form?.logo:void 0;return(0,i.FD)(i.FK,{children:[(0,i.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.subtitle")})]}),(0,i.Y)(A.M,{sx:e=>({padding:`${e.space.$none} ${e.space.$10} ${e.space.$8}`}),children:(0,i.FD)(x.l.Root,{onSubmit:k,children:[(0,i.Y)(K,{organizationCreationDefaults:e.organizationCreationDefaults}),(0,i.Y)(E.i,{organization:{name:b.value,imageUrl:v??void 0},onAvatarChange:async e=>await m(e),onAvatarRemove:p\|\|v?()=>(a.setIdle(),m(null)):null,showLoadingSpinner:!!v,avatarPreviewPlaceholder:(0,i.Y)(R.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,i.Y)(c.In,{size:"md",icon:G.A,sx:e=>({color:e.colors.$colorMutedForeground,transitionDuration:e.transitionDuration.$controls})}),sx:e=>({width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$dashed,borderColor:e.colors.$borderAlpha200,backgroundColor:e.colors.$neutralAlpha50,":hover":{backgroundColor:e.colors.$neutralAlpha50,svg:{transform:"scale(1.2)"}}})})}),(0,i.Y)(x.l.ControlRow,{elementId:b.id,children:(0,i.Y)(x.l.PlainInput,{...b.props,onChange:e=>{b.setValue(e.target.value),$((0,L.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),f&&(0,i.Y)(x.l.ControlRow,{elementId:C.id,children:(0,i.Y)(x.l.PlainInput,{...C.props,onChange:e=>$(e.target.value),isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,i.FD)(F.c,{sx:()=>({flexDirection:"column"}),children:[(0,i.Y)(x.l.SubmitButton,{block:!0,isDisabled:y,localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonSubmit")}),e.onCancel&&(0,i.Y)(x.l.ResetButton,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonReset"),onClick:e.onCancel})]})]})})]})},M=()=>{let{signOut:e}=(0,n.ho)(),{user:a}=(0,n.Jd)(),{session:t}=(0,n.wV)(),{otherSessions:o}=(0,p.z)({user:a}),{navigateAfterSignOut:s,navigateAfterMultiSessionSingleSignOutUrl:l}=(0,r.g)(),c=a?.primaryEmailAddress?.emailAddress??a?.username;return(0,i.Y)(u.Z.Footer,{children:(0,i.FD)(u.Z.Action,{elementId:"signOut",gap:2,justify:"center",sx:()=>({width:"100%"}),children:[c&&(0,i.Y)(u.Z.ActionText,{truncate:!0,localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionText",{identifier:c})}),(0,i.Y)(u.Z.ActionLink,{sx:()=>({flexShrink:0}),onClick:()=>0===o.length?e(s):e(l,{sessionId:t?.id}),localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionLink")})]})})},B=(0,h.dm)(e=>{let[a,t]=(0,o.useState)(e.initialFlow);return"create"===a?(0,i.Y)(N,{onCancel:"choose"===e.initialFlow?()=>t("choose"):void 0,organizationCreationDefaults:e.organizationCreationDefaults}):(0,i.Y)(v,{onCreateOrganizationClick:()=>t("create")})});function J(){return(0,i.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,i.Y)(l.n.Part,{part:"organizationCreationDisabled",children:(0,i.FD)(u.Z.Root,{children:[(0,i.Y)(u.Z.Content,{children:(0,i.FD)(z.Y.Root,{showLogo:!0,children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.subtitle")})]})}),(0,i.Y)(M,{})]})})})}let V=(0,s.Z)((0,b.d)((0,h.dm)(()=>{let{user:e}=(0,n.Jd)(),{userMemberships:a,userSuggestions:t,userInvitations:o}=(0,m.f)(),r=(0,n.OM)(),s=a?.isLoading\|\|o?.isLoading\|\|t?.isLoading\|\|r?.isLoading,d=!!(a?.count\|\|o?.count\|\|t?.count);return s\|\|e?.createOrganizationEnabled\|\|e?.organizationMemberships?.length!==0\|\|d?(0,i.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,i.Y)(l.n.Part,{part:"chooseOrganization",children:(0,i.FD)(u.Z.Root,{children:[(0,i.Y)(u.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`,gap:e.space.$7}),children:s?(0,i.Y)(c.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$100}),children:(0,i.Y)(c.y$,{size:"lg",colorScheme:"primary",elementDescriptor:g.$z.spinner})}):(0,i.Y)(B,{initialFlow:d?"choose":"create",organizationCreationDefaults:r.data})}),(0,i.Y)(M,{})]})})}):(0,i.Y)(J,{})}),"choose-organization"))},7902(e,a,t){t.d(a,{d:()=>r});var i=t(3640),n=t(7585),o=t(649);let r=(e,a)=>{let t=e.displayName\|\|e.name\|\|"Component";e.displayName=t;let r=t=>{let r=(0,o.z1)();return(0,n.RE)(e,e=>!e.session?.currentTask\|\|e.session.currentTask.key!==a&&!e.__internal_setActiveInProgress,({clerk:e})=>e.session?r.redirectUrlComplete??e.buildAfterSignInUrl():e.buildSignInUrl(),i.A.cannotRenderComponentWhenTaskDoesNotExist)(t)};return r.displayName=`withTaskGuard(${t})`,r}},6869(e,a,t){t.d(a,{Q:()=>m,r:()=>b});var i=t(4358),n=t(3828),o=t(1097),r=t(2722),s=t(6054),l=t(6918),c=t(467),g=t(630),d=t(1902),u=t(1868),h=t(5135),z=t(8029),p=t(2974);let m=(0,g.createContext)(null),b=()=>{let e=(0,g.useContext)(m),{navigate:a,basePath:t,startPath:b}=(0,z.r)(),{displayConfig:C,userSettings:f}=(0,u.O)(),{queryParams:k,queryString:Y}=(0,z.r)(),_=f.signUp.mode,O=(0,h.II)(),$=(0,l.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let y="restricted"!==_&&!!(!O.signUpUrl&&O.signInUrl&&!(0,c.s)(O.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:w,mode:v,...D}=e,S=(0,g.useMemo)(()=>(0,p.tf)(Y,i.d),[]),U=new n.n(O,{...D,signInFallbackRedirectUrl:D.signInFallbackRedirectUrl\|\|D.fallbackRedirectUrl,signInForceRedirectUrl:D.signInForceRedirectUrl\|\|D.forceRedirectUrl},k,v);delete D.fallbackRedirectUrl,delete D.forceRedirectUrl;let I=$.buildUrlWithAuth(U.getAfterSignInUrl()),P=$.buildUrlWithAuth(U.getAfterSignUpUrl()),x="path"===D.routing&&D.path\|\|O.signInUrl\|\|C.signInUrl,F=y?"path"===D.routing&&D.path\|\|O.signUpUrl\|\|C.signUpUrl:D.signUpUrl\|\|O.signUpUrl\|\|C.signUpUrl,A=D.waitlistUrl\|\|O.waitlistUrl\|\|C.waitlistUrl,R=U.getPreservedSearchParams();x=(0,r.kZ)({base:x,hashSearchParams:[k,R]},{stringify:!0}),F=(0,r.kZ)({base:F,hashSearchParams:[k,R]},{stringify:!0}),A=(0,r.kZ)({base:A,hashSearchParams:[k,R]},{stringify:!0});let G=U.toSearchParams().toString(),L=(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+d.Vu:d.Vu}),T=(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+d.aB:d.aB});y&&(F=(0,r.kZ)({base:x,hashPath:"/create",hashSearchParams:[k,R]},{stringify:!0}));let E=(0,r.kZ)({base:F,hashPath:"/continue"},{stringify:!0}),K=async({session:e,redirectUrl:i,decorateUrl:n})=>{let r=e.currentTask;if(!r){let e=n(i);return e!==i&&/^https?:\/\//.test(e)?void(0,s.y7)(e):a(i)}let l=(0,o.ru)(r);return a(`/${t+b+(y?"/create"+l:l)}`)},Z=$.session?.currentTask?$.__internal_getOption("taskUrls")?.[$.session?.currentTask.key]??(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+(0,o.ru)($.session?.currentTask):(0,o.ru)($.session?.currentTask)}):null;return{...D,transferable:D.transferable??!0,oauthFlow:D.oauthFlow\|\|"auto",componentName:w,signUpUrl:F,signInUrl:x,waitlistUrl:A,afterSignInUrl:I,afterSignUpUrl:P,emailLinkRedirectUrl:L,ssoCallbackUrl:T,navigateAfterSignIn:()=>a(I),signUpContinueUrl:E,queryParams:k,initialValues:{...D.initialValues,...S},authQueryString:G,isCombinedFlow:y,navigateOnSetActive:K,taskUrl:Z}}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["295"],{3374(e,a,t){t.d(a,{i:()=>c});var i=t(9763),n=t(4176),o=t(8695),r=t(7996),s=t(6447),l=t(8342);let c=e=>{let{organization:a,showLoadingSpinner:t,...c}=e;return(0,i.FD)(r.fv,{elementDescriptor:s.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,l.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...c,title:(0,l.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(o.h,{size:e=>e.sizes.$16,showLoadingSpinner:t,...a})})]})}},8590(e,a,t){t.d(a,{l_:()=>n,mu:()=>i});let i={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,a,t)=>{if(void 0===a)return[{data:[e],total_count:1}];let i=a?.[a.length-1]?.total_count\|\|1;return a.map(a=>{if(void 0===a)return a;let n=a.data.map(a=>a.id===e.id?{...e}:a);return{...a,data:n,total_count:"negative"===t?i-1:i}})}},8944(e,a,t){t.r(a),t.d(a,{TaskChooseOrganization:()=>V});var i=t(9763),n=t(2518),o=t(630),r=t(9832),s=t(4676),l=t(1522),c=t(7996),g=t(6447),d=t(8342),u=t(7904),h=t(7308),z=t(2824),p=t(4672),m=t(6140),b=t(7902),C=t(1756),f=t(1878),k=t(7463),Y=t(8590),_=t(649),O=t(4542),$=t(7816),y=t(7746),w=t(869);let v=e=>{let a=(0,h.f0)(),{user:t}=(0,n.Jd)(),{ref:o,userMemberships:r,userSuggestions:s,userInvitations:l}=(0,m.f)(),p=r?.isLoading\|\|l?.isLoading\|\|s?.isLoading,b=r?.hasNextPage\|\|l?.hasNextPage\|\|s?.hasNextPage,C=l.data?.filter(e=>!!e),f=s.data?.filter(e=>!!e);return(0,i.FD)(i.FK,{children:[(0,i.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:t?.createOrganizationEnabled?(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle"):(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle__createOrganizationDisabled")})]}),(0,i.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$8}`}),children:a.error}),(0,i.Y)(c.fv,{elementDescriptor:g.$z.main,children:(0,i.Y)(k.os,{elementDescriptor:g.$z.taskChooseOrganizationPreviewItems,children:(0,i.FD)($.En,{role:"menu",children:[(r.count\|\|0)>0&&r.data?.map(e=>(0,i.Y)(D,{...e},e.id)),!r.hasNextPage&&C?.map(e=>(0,i.Y)(S,{...e},e.id)),!r.hasNextPage&&!l.hasNextPage&&f?.map(e=>(0,i.Y)(U,{...e},e.id)),(b\|\|p)&&(0,i.Y)(k.JF,{ref:o}),(0,i.Y)(I,{onCreateOrganizationClick:()=>{a.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},D=e=>{let{user:a}=(0,n.Jd)(),t=(0,h.f0)(),{navigateOnSetActive:o}=(0,_.z1)(),{redirectUrlComplete:r}=(0,_.u3)(),{isLoaded:s,setActive:l}=(0,n.D_)(),{t:c}=(0,O._)();return s?(0,i.Y)(k.SH,{elementDescriptor:g.$z.taskChooseOrganizationPreviewButton,onClick:()=>{let i;return i=e.organization,t.runAsync(async()=>{try{await l({organization:i,navigate:async({session:e,decorateUrl:a})=>{await o?.({session:e,redirectUrlComplete:r,decorateUrl:a})}})}catch(e){if(!(0,C.$R)(e))return void(0,w.H4)(e,[],t.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":a?.createOrganizationEnabled?t.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized"))):t.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,w.H4)(e,[],t.setError)}}})},children:(0,i.Y)(y.Q,{elementId:"taskChooseOrganization",mainIdentifierSx:k.Vc,organization:e.organization})}):null},S=e=>{let a=(0,h.f0)(),{getOrganization:t}=(0,n.ho)(),[r,s]=(0,o.useState)(null),{userInvitations:l}=(0,n.D_)({userInvitations:Y.mu.userInvitations});return r?(0,i.Y)(D,{organization:r}):(0,i.Y)(k.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:g.$z.taskChooseOrganizationPreviewItem,children:(0,i.Y)(k.D3,{isLoading:a.isLoading,onClick:()=>a.runAsync(async()=>[await e.accept(),await t(e.publicOrganizationData.id)]).then(([e,a])=>{l?.setData?.(a=>(0,Y.l_)(e,a,"negative")),s(a)}).catch(e=>(0,w.H4)(e,[],a.setError)),localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__invitationAccept")})})},U=(0,h.dm)(e=>{let a=(0,h.f0)(),{userSuggestions:t}=(0,n.D_)({userSuggestions:Y.mu.userSuggestions});return(0,i.Y)(k.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:g.$z.taskChooseOrganizationPreviewItem,children:"accepted"===e.status?(0,i.Y)(c.EY,{colorScheme:"secondary",localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel")}):(0,i.Y)(k.D3,{onClick:()=>a.runAsync(e.accept).then(e=>t?.setData?.(a=>(0,Y.l_)(e,a))).catch(e=>(0,w.H4)(e,[],a.setError)),isLoading:a.isLoading,localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__suggestionsAccept")})})}),I=({onCreateOrganizationClick:e})=>(0,i.Y)(f._,{elementDescriptor:g.$z.taskChooseOrganizationCreateOrganizationActionButton,label:(0,d.G)("taskChooseOrganization.chooseOrganization.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})});var P=t(1868),x=t(7447),F=t(6600),A=t(5870),R=t(4874),G=t(9582),L=t(1308),T=t(1637),E=t(3374);function K({organizationCreationDefaults:e}){let a=Z(e?.advisory);return a?(0,i.Y)(c.Fc,{colorScheme:"warning",children:(0,i.Y)(c.EY,{colorScheme:"warning",localizationKey:a,variant:"caption"})}):null}let Z=e=>e&&"organization_already_exists"===e.code?(0,d.G)("taskChooseOrganization.alerts.organizationAlreadyExists",{organizationDomain:e.meta.organization_domain,organizationName:e.meta.organization_name}):null,N=e=>{let a=(0,h.f0)(),{navigateOnSetActive:t}=(0,_.z1)(),{redirectUrlComplete:r}=(0,_.u3)(),{createOrganization:s,isLoaded:l,setActive:g}=(0,n.D_)({userMemberships:Y.mu.userMemberships}),{organizationSettings:u}=(0,P.O)(),[p,m]=(0,o.useState)(),b=(0,T.tJ)("name",e.organizationCreationDefaults?.form?.name??"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__name"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name")}),C=(0,T.tJ)("slug",e.organizationCreationDefaults?.form?.slug??"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__slug"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug")}),f=!u.slug.disabled,k=async e=>{if(e.preventDefault(),l)try{let e={name:b.value};f&&(e.slug=C.value);let a=await s(e),i=O(a);await Promise.allSettled([i]),await g({organization:a,navigate:async({session:e,decorateUrl:a})=>{await t?.({session:e,redirectUrlComplete:r,decorateUrl:a})}})}catch(e){(0,w.H4)(e,[b,C],a.setError)}},O=async e=>{if(p)await e.setLogo({file:p});else if(v){let a=await fetch(v),t=await a.blob(),i=new File([t],"logo",{type:t.type});await e.setLogo({file:i})}},$=e=>{C.setValue(e)},y=!b.value\|\|!l,v=void 0===p?e.organizationCreationDefaults?.form?.logo:void 0;return(0,i.FD)(i.FK,{children:[(0,i.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.subtitle")})]}),(0,i.Y)(A.M,{sx:e=>({padding:`${e.space.$none} ${e.space.$10} ${e.space.$8}`}),children:(0,i.FD)(x.l.Root,{onSubmit:k,children:[(0,i.Y)(K,{organizationCreationDefaults:e.organizationCreationDefaults}),(0,i.Y)(E.i,{organization:{name:b.value,imageUrl:v??void 0},onAvatarChange:async e=>await m(e),onAvatarRemove:p\|\|v?()=>(a.setIdle(),m(null)):null,showLoadingSpinner:!!v,avatarPreviewPlaceholder:(0,i.Y)(R.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,i.Y)(c.In,{size:"md",icon:G.A,sx:e=>({color:e.colors.$colorMutedForeground,transitionDuration:e.transitionDuration.$controls})}),sx:e=>({width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$dashed,borderColor:e.colors.$borderAlpha200,backgroundColor:e.colors.$neutralAlpha50,":hover":{backgroundColor:e.colors.$neutralAlpha50,svg:{transform:"scale(1.2)"}}})})}),(0,i.Y)(x.l.ControlRow,{elementId:b.id,children:(0,i.Y)(x.l.PlainInput,{...b.props,onChange:e=>{b.setValue(e.target.value),$((0,L.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),f&&(0,i.Y)(x.l.ControlRow,{elementId:C.id,children:(0,i.Y)(x.l.PlainInput,{...C.props,onChange:e=>$(e.target.value),isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,i.FD)(F.c,{sx:()=>({flexDirection:"column"}),children:[(0,i.Y)(x.l.SubmitButton,{block:!0,isDisabled:y,localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonSubmit")}),e.onCancel&&(0,i.Y)(x.l.ResetButton,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonReset"),onClick:e.onCancel})]})]})})]})},M=()=>{let{signOut:e}=(0,n.ho)(),{user:a}=(0,n.Jd)(),{session:t}=(0,n.wV)(),{otherSessions:o}=(0,p.z)({user:a}),{navigateAfterSignOut:s,navigateAfterMultiSessionSingleSignOutUrl:l}=(0,r.g)(),c=a?.primaryEmailAddress?.emailAddress??a?.username;return(0,i.Y)(u.Z.Footer,{children:(0,i.FD)(u.Z.Action,{elementId:"signOut",gap:2,justify:"center",sx:()=>({width:"100%"}),children:[c&&(0,i.Y)(u.Z.ActionText,{truncate:!0,localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionText",{identifier:c})}),(0,i.Y)(u.Z.ActionLink,{sx:()=>({flexShrink:0}),onClick:()=>0===o.length?e(s):e(l,{sessionId:t?.id}),localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionLink")})]})})},B=(0,h.dm)(e=>{let[a,t]=(0,o.useState)(e.initialFlow);return"create"===a?(0,i.Y)(N,{onCancel:"choose"===e.initialFlow?()=>t("choose"):void 0,organizationCreationDefaults:e.organizationCreationDefaults}):(0,i.Y)(v,{onCreateOrganizationClick:()=>t("create")})});function J(){return(0,i.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,i.Y)(l.n.Part,{part:"organizationCreationDisabled",children:(0,i.FD)(u.Z.Root,{children:[(0,i.Y)(u.Z.Content,{children:(0,i.FD)(z.Y.Root,{showLogo:!0,children:[(0,i.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.title")}),(0,i.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.subtitle")})]})}),(0,i.Y)(M,{})]})})})}let V=(0,s.Z)((0,b.d)((0,h.dm)(()=>{let{user:e}=(0,n.Jd)(),{userMemberships:a,userSuggestions:t,userInvitations:o}=(0,m.f)(),r=(0,n.OM)(),s=a?.isLoading\|\|o?.isLoading\|\|t?.isLoading\|\|r?.isLoading,d=!!(a?.count\|\|o?.count\|\|t?.count);return s\|\|e?.createOrganizationEnabled\|\|e?.organizationMemberships?.length!==0\|\|d?(0,i.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,i.Y)(l.n.Part,{part:"chooseOrganization",children:(0,i.FD)(u.Z.Root,{children:[(0,i.Y)(u.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`,gap:e.space.$7}),children:s?(0,i.Y)(c.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$100}),children:(0,i.Y)(c.y$,{size:"lg",colorScheme:"primary",elementDescriptor:g.$z.spinner})}):(0,i.Y)(B,{initialFlow:d?"choose":"create",organizationCreationDefaults:r.data})}),(0,i.Y)(M,{})]})})}):(0,i.Y)(J,{})}),"choose-organization"))},7902(e,a,t){t.d(a,{d:()=>r});var i=t(319),n=t(7585),o=t(649);let r=(e,a)=>{let t=e.displayName\|\|e.name\|\|"Component";e.displayName=t;let r=t=>{let r=(0,o.z1)();return(0,n.RE)(e,e=>!e.session?.currentTask\|\|e.session.currentTask.key!==a&&!e.__internal_setActiveInProgress,({clerk:e})=>e.session?r.redirectUrlComplete??e.buildAfterSignInUrl():e.buildSignInUrl(),i.A.cannotRenderComponentWhenTaskDoesNotExist)(t)};return r.displayName=`withTaskGuard(${t})`,r}},6869(e,a,t){t.d(a,{Q:()=>m,r:()=>b});var i=t(355),n=t(1449),o=t(7922),r=t(7388),s=t(9381),l=t(2518),c=t(3797),g=t(630),d=t(1902),u=t(1868),h=t(5135),z=t(8029),p=t(2974);let m=(0,g.createContext)(null),b=()=>{let e=(0,g.useContext)(m),{navigate:a,basePath:t,startPath:b}=(0,z.r)(),{displayConfig:C,userSettings:f}=(0,u.O)(),{queryParams:k,queryString:Y}=(0,z.r)(),_=f.signUp.mode,O=(0,h.II)(),$=(0,l.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let y="restricted"!==_&&!!(!O.signUpUrl&&O.signInUrl&&!(0,c.vh)(O.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:w,mode:v,...D}=e,S=(0,g.useMemo)(()=>(0,p.tf)(Y,i.e8),[]),U=new n.n(O,{...D,signInFallbackRedirectUrl:D.signInFallbackRedirectUrl\|\|D.fallbackRedirectUrl,signInForceRedirectUrl:D.signInForceRedirectUrl\|\|D.forceRedirectUrl},k,v);delete D.fallbackRedirectUrl,delete D.forceRedirectUrl;let I=$.buildUrlWithAuth(U.getAfterSignInUrl()),P=$.buildUrlWithAuth(U.getAfterSignUpUrl()),x="path"===D.routing&&D.path\|\|O.signInUrl\|\|C.signInUrl,F=y?"path"===D.routing&&D.path\|\|O.signUpUrl\|\|C.signUpUrl:D.signUpUrl\|\|O.signUpUrl\|\|C.signUpUrl,A=D.waitlistUrl\|\|O.waitlistUrl\|\|C.waitlistUrl,R=U.getPreservedSearchParams();x=(0,r.kZ)({base:x,hashSearchParams:[k,R]},{stringify:!0}),F=(0,r.kZ)({base:F,hashSearchParams:[k,R]},{stringify:!0}),A=(0,r.kZ)({base:A,hashSearchParams:[k,R]},{stringify:!0});let G=U.toSearchParams().toString(),L=(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+d.Vu:d.Vu}),T=(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+d.aB:d.aB});y&&(F=(0,r.kZ)({base:x,hashPath:"/create",hashSearchParams:[k,R]},{stringify:!0}));let E=(0,r.kZ)({base:F,hashPath:"/continue"},{stringify:!0}),K=async({session:e,redirectUrl:i,decorateUrl:n})=>{let r=e.currentTask;if(!r){let e=n(i);return e!==i&&/^https?:\/\//.test(e)?void(0,s.y7)(e):a(i)}let l=(0,o.ru)(r);return a(`/${t+b+(y?"/create"+l:l)}`)},Z=$.session?.currentTask?$.__internal_getOption("taskUrls")?.[$.session?.currentTask.key]??(0,d.aQ)({routing:D.routing,baseUrl:x,authQueryString:G,path:D.path,endpoint:y?"/create"+(0,o.ru)($.session?.currentTask):(0,o.ru)($.session?.currentTask)}):null;return{...D,transferable:D.transferable??!0,oauthFlow:D.oauthFlow\|\|"auto",componentName:w,signUpUrl:F,signInUrl:x,waitlistUrl:A,afterSignInUrl:I,afterSignUpUrl:P,emailLinkRedirectUrl:L,ssoCallbackUrl:T,navigateAfterSignIn:()=>a(I),signUpContinueUrl:E,queryParams:k,initialValues:{...D.initialValues,...S},authQueryString:G,isCombinedFlow:y,navigateOnSetActive:K,taskUrl:Z}}}}]);

package/dist/{37_ui_b3bcaa_1.16.0.js → 37_ui_b3e70d_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["37"],{8107(e,t,i){i.d(t,{v:()=>p});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(7996),u=i(8029);let p=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:h}=(0,u.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(d\|\|l\|\|s,"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})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T});var n=i(9763),r=i(6918),a=i(630),o=i(7904),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),p=i(869),h=i(9229),g=i(9735),m=i(4722),y=i(8342),b=i(7996),$=i(6447);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]}),v=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(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)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),F=({children:e,checkout:t,...i})=>{var o;let l,d=(0,h.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},S=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(F,{...i,children:[(0,n.Y)(S,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},P=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:v,reset:x}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await v();if(!i)try{await g(t)}catch(e){(0,p.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>s});var n=i(9763),r=i(7996),a=i(6447),o=i(8342),l=i(9616),d=i(6300);let s=({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:d.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")})]})},2840(e,t,i){i.d(t,{b:()=>S});var n=i(9763),r=i(6918),a=i(630),o=i(7308),l=i(842),d=i(6516),s=i(9341),c=i(869),u=i(7547),p=i(6574),h=i(9229),g=i(2861),m=i(8342),y=i(704),b=i(3662),$=i(235),Y=i(6858),v=i(3751),x=i(4722),f=i(7996);let D=()=>{let{t:e}=(0,x._)();return(0,n.FD)(f.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)(f.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)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(v.p.Root,{children:[(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(v.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(v.p.Description,{text:"11/44"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(v.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(p.W,{children:(0,n.Y)(D,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,h.XX)(),s=(0,h.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.current}),deleteResource:y,onSuccess:i,onReset:i})},S=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),p=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.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)(d.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)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.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:u})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),d=(0,h.N7)(),u=(0,r.It)(),p=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:p})}},4225(e,t,i){i.d(t,{T:()=>p});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(7996),c=i(8029),u=i(5747);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,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(s.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(i)})]}),(0,n.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(s.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>D});var n=i(9763),r=i(630),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),p=i(1868),h=i(7996),g=i(8342),m=i(4722),y=i(9298),b=i(6014),$=i(7975),Y=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:Y,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===m,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===m\|\|M.billing.organization.hasPaidPlans&&"organization"===m,P=(0,r.useMemo)(()=>Y.some(s.g),[Y]),G=f&&P,_=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(h.d8,{children:(0,n.FD)(h.Tr,{children:[(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(h.NN,{children:[_.map(e=>(0,n.Y)(F,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:Y.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:$.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){return e.totals?(0,n.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(h.Td,{sx:{textAlign:"end"},children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[(0,n.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[e.totals.grandTotal.currencySymbol,e.totals.grandTotal.amountFormatted]}),(0,n.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function F({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o}=(0,m._)(),s=(0,r.useMemo)(()=>(0,u.Ij)(i.amountFormatted),[i.amountFormatted]),c=e.seats?.quantity,p=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{children:(0,n.FD)(h.fv,{gap:1,children:[(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:Y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(f.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.EY,{variant:"subtitle",children:[i.currencySymbol,s,i.amount>0&&(0,n.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.fv,{gap:1,children:(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[b?(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:b}):null,p&&p.quantity?(0,n.Y)(h.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:p.quantity,amount:`${p.feePerBlock.currencySymbol}${p.feePerBlock.amountFormatted} / ${y}`}))}):null]})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>d});var n=i(9763),r=i(7996),a=i(8342);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"},d=({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([["37"],{8107(e,t,i){i.d(t,{v:()=>p});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(7996),u=i(8029);let p=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:h}=(0,u.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(d\|\|l\|\|s,"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})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>G,Mo:()=>P,bL:()=>T});var n=i(9763),r=i(2518),a=i(630),o=i(7904),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),p=i(869),h=i(9229),g=i(9735),m=i(4542),y=i(8342),b=i(7996),$=i(6447);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]}),v=()=>(0,n.Y)(Y,{sx:e=>({height:e.space.$10,width:"100%"})}),x=e=>(0,n.Y)(b.so,{direction:"col",gap:2,children:e.children}),f=()=>(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)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]}),(0,n.FD)(b.xA,{columns:2,gap:4,children:[(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)(Y,{}),(0,n.Y)(Y,{}),(0,n.Y)(Y,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),F=({children:e,checkout:t,...i})=>{var o;let l,d=(0,h.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[p,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:p,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},S=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(F,{...i,children:[(0,n.Y)(S,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},P=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},G=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit:v,reset:x}=(0,r.Jl)(),D=async e=>{e.preventDefault(),b.setLoading(),b.setError(void 0);let{data:t,error:i}=await v();if(!i)try{await g(t)}catch(e){(0,p.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>s});var n=i(9763),r=i(7996),a=i(6447),o=i(8342),l=i(9616),d=i(6300);let s=({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:d.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")})]})},2840(e,t,i){i.d(t,{b:()=>S});var n=i(9763),r=i(2518),a=i(630),o=i(7308),l=i(842),d=i(6516),s=i(9341),c=i(869),u=i(7547),p=i(6574),h=i(9229),g=i(2861),m=i(8342),y=i(704),b=i(3662),$=i(235),Y=i(6858),v=i(3751),x=i(4542),f=i(7996);let D=()=>{let{t:e}=(0,x._)();return(0,n.FD)(f.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)(f.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)(f.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(f.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(f.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(v.p.Root,{children:[(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(v.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(v.p.Description,{text:"11/44"})]}),(0,n.FD)(v.p.Group,{variant:"tertiary",children:[(0,n.Y)(v.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(v.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},z=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,h.XX)(),o=(0,h.N7)(),l=async n=>{let r="organization"===a?i?.organization:i.user;return await r?.addPaymentMethod(n),e(),t(),Promise.resolve()};return(0,n.FD)($.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)($.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)($.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(p.W,{children:(0,n.Y)(D,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,h.XX)(),s=(0,h.N7)(),p=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!p.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:p.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:p.current}),deleteResource:y,onSuccess:i,onReset:i})},S=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),p=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.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)(d.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)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.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:u})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),d=(0,h.N7)(),u=(0,r.It)(),p=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault\|\|p.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:p})}},4225(e,t,i){i.d(t,{T:()=>p});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(7996),c=i(8029),u=i(5747);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,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(s.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,u.W)(i)})]}),(0,n.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(s.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>D});var n=i(9763),r=i(630),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),p=i(1868),h=i(7996),g=i(8342),m=i(4542),y=i(9298),b=i(6014),$=i(7975),Y=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:Y,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))\|\|"user"===m,{navigate:S}=(0,x.r)(),{commerceSettings:M}=(0,p.O)(),{openSubscriptionDetails:T}=(0,u.D)(),w=M.billing.user.hasPaidPlans&&"user"===m\|\|M.billing.organization.hasPaidPlans&&"organization"===m,P=(0,r.useMemo)(()=>Y.some(s.g),[Y]),G=f&&P,_=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(h.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(h.d8,{children:(0,n.FD)(h.Tr,{children:[(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(h.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(h.NN,{children:[_.map(e=>(0,n.Y)(F,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:G?"unset":void 0})],leftIcon:Y.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void S("plans")}):null,G?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:$.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){return e.totals?(0,n.FD)(h.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(h.Td,{sx:{textAlign:"end"},children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[(0,n.FD)(h.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:[e.totals.grandTotal.currencySymbol,e.totals.grandTotal.amountFormatted]}),(0,n.Y)(h.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function F({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o}=(0,m._)(),s=(0,r.useMemo)(()=>(0,u.Ij)(i.amountFormatted),[i.amountFormatted]),c=e.seats?.quantity,p=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{children:(0,n.FD)(h.fv,{gap:1,children:[(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:Y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial\|\|t>1\|\|e.canceledAt?(0,n.Y)(f.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault\|\|"upcoming"===e.status)&&(0,n.Y)(h.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.EY,{variant:"subtitle",children:[i.currencySymbol,s,i.amount>0&&(0,n.Y)(h.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(h.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(h.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(h.fv,{gap:1,children:(0,n.FD)(h.so,{align:"center",gap:1,children:[(0,n.Y)(h.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(h.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,n.Y)(h.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(h.fv,{gap:1,align:"end",children:[b?(0,n.Y)(h.EY,{variant:"subtitle",localizationKey:b}):null,p&&p.quantity?(0,n.Y)(h.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:p.quantity,amount:`${p.feePerBlock.currencySymbol}${p.feePerBlock.amountFormatted} / ${y}`}))}):null]})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>d});var n=i(9763),r=i(7996),a=i(8342);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"},d=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);

package/dist/{4718_ui_e025ba_1.16.0.js → 4718_ui_34e3f0_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["4718"],{99(e,t,r){r.d(t,{l:()=>i,w:()=>a});var n=r(9701);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}}},9052(e,t,r){r.d(t,{l:()=>n});let n=(0,r(9701).createContext)(null)},4416(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},5365(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(3828),a=r(2722),i=r(9701),l=r(5135),o=r(1868),s=r(8029);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}}},4480(e,t,r){r.d(t,{W:()=>i,n:()=>a});var n=r(9701);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}},4936(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},8311(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(6918),a=r(9701),i=r(5961),l=r(9348),o=r(8029),s=r(1868),u=r(2861);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)(),d=(0,n.It)();if(!e\|\|"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:f,customPages:h,...U}=e,m=(0,u.Rs)(),p=(0,u.eT)(),C=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),S=r.commerceSettings.billing.organization.hasPaidPlans\|\|C\|\|p.data.length>0,b=r.userSettings.enterpriseSSO.self_serve_sso&&!!d?.selfServeSSOEnabled,P=(0,a.useMemo)(()=>(0,i.q)(h\|\|[],g,S,r,b),[h,S,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,z=P.routes[0].id===l.jc.BILLING,v=P.routes[0].id===l.jc.API_KEYS,x=P.routes[0].id===l.jc.SELF_SERVE_SSO;return{...U,pages:P,navigateAfterLeaveOrganization:()=>t(U.afterLeaveOrganizationUrl\|\|r.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>t(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:z,isAPIKeysPageRoot:v,isSelfServeSsoPageRoot:x,shouldShowBilling:S,shouldShowSelfServeSSO:b}}},2211(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},2861(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>d,wD:()=>f});var n=r(6918),a=r(9701),i=r(2396),l=r(49),o=r(9930),s=r(8342),u=r(9229);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let g=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r&&t}},d=()=>{let e=g();return(0,n.X$)(e)},f=()=>{let e=g();return(0,n.t7)(e)},h=e=>{let t=g();return(0,n.tr)({...t,__experimental_mode:e?.mode})},U=()=>{let e=g(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===r),[e,r]),{subscriptionItems:c,revalidate:g,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:b}=d(),P=(0,a.useCallback)(()=>{g(),C(),S(),b()},[g,C,S,b]),O=(0,a.useMemo)(()=>0===c.length\|\|!c.some(e=>!e.canceledAt),[c]),k=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)((e,t="month")=>{let r=z(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e\|\|r[0]}if(1===r.length)return r[0]},[z]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?k(e):void 0);return!r\|\|!r.canceledAt},[k]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?v(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),h=u,U=!!e?.annualMonthlyFee;"annual"!==h\|\|U\|\|(h="month");let m=r=>{if(e?.freeTrialEnabled){let r=!t,n=f?.eligibleForFreeTrial;if(r\|\|n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:m((()=>{if(g){if(h!==g.planPeriod&&g.canceledAt){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(h!==g.planPeriod){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):m((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i\|\|d,disabled:!i\|\|d}},[v,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:k,activeAndUpcomingSubscriptions:z,activeOrUpcomingSubscriptionBasedOnPlanPeriod:v,isDefaultPlanImplicitlyActiveOrUpcoming:O,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,seatsQuantity:i,priceId:l,mode:s="mounted",event:u,portalRoot:c,appearance:g,newSubscriptionRedirectUrl:d})=>{var f,h;let U=c??(0,o.J)(s,u);e.__internal_openCheckout({planId:n.id,planPeriod:(f=n,"month"===(h=a)&&f.fee\|\|"annual"===h&&f.annualMonthlyFee?h:"month"!==h\|\|f.fee?"annual"!==h\|\|f.annualMonthlyFee?h:"month":"annual"),for:r,seatsQuantity:i,priceId:l,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:g,portalRoot:U,newSubscriptionRedirectUrl:d})},[e,P,r,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},8713(e,t,r){r.d(t,{T:()=>i,a:()=>a});var n=r(9701);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}}},649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(1097),a=r(6054),i=r(6918),l=r(9701),o=r(8029),s=r(399);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),g=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:i,decorateUrl:l})=>{let o=e.currentTask;if(!o){let e=l(i);return e!==i&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(i)}let u=g.__internal_getOption("taskUrls")?.[o.key];if(u)return t(u);let d=(0,n.ru)(o);if(r===s.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(o,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,l.createContext)(null),d=()=>{let e=(0,l.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},6869(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(4358),a=r(3828),i=r(1097),l=r(2722),o=r(6054),s=r(6918),u=r(467),c=r(9701),g=r(1902),d=r(1868),f=r(5135),h=r(8029),U=r(2974);let m=(0,c.createContext)(null),p=()=>{let e=(0,c.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,h.r)(),{displayConfig:C,userSettings:S}=(0,d.O)(),{queryParams:b,queryString:P}=(0,h.r)(),O=S.signUp.mode,k=(0,f.II)(),z=(0,s.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let v="restricted"!==O&&!!(!k.signUpUrl&&k.signInUrl&&!(0,u.s)(k.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:x,mode:I,..._}=e,w=(0,c.useMemo)(()=>(0,U.tf)(P,n.d),[]),A=new a.n(k,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl\|\|_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl\|\|_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=z.buildUrlWithAuth(A.getAfterSignInUrl()),T=z.buildUrlWithAuth(A.getAfterSignUpUrl()),E="path"===_.routing&&_.path\|\|k.signInUrl\|\|C.signInUrl,M=v?"path"===_.routing&&_.path\|\|k.signUpUrl\|\|C.signUpUrl:_.signUpUrl\|\|k.signUpUrl\|\|C.signUpUrl,R=_.waitlistUrl\|\|k.waitlistUrl\|\|C.waitlistUrl,F=A.getPreservedSearchParams();E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=A.toSearchParams().toString(),L=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.Vu:g.Vu}),N=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+g.aB:g.aB});v&&(M=(0,l.kZ)({base:E,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:M,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,o.y7)(e):t(n)}let s=(0,i.ru)(l);return t(`/${r+p+(v?"/create"+s:s)}`)},B=z.session?.currentTask?z.__internal_getOption("taskUrls")?.[z.session?.currentTask.key]??(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:v?"/create"+(0,i.ru)(z.session?.currentTask):(0,i.ru)(z.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow\|\|"auto",componentName:x,signUpUrl:M,signInUrl:E,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:L,ssoCallbackUrl:N,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...w},authQueryString:G,isCombinedFlow:v,navigateOnSetActive:D,taskUrl:B}}},9229(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(9701);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)\|\|a,o=()=>"user"===l()?"userProfile":"organizationProfile"},2165(e,t,r){r.d(t,{E:()=>a,d:()=>i});var n=r(9701);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}}},3592(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(6918),a=r(9701),i=r(6873),l=r(1868),o=r(5135),s=r(8029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),g=(0,o.II)();if(!e\|\|"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl\|\|g.signInUrl\|\|c.signInUrl,m=h.userProfileUrl\|\|c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl\|\|c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f\|\|[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b\|\|"modal",menutItems:P}}},8871(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(6918),a=r(9701),i=r(5961),l=r(8029),o=r(1868),s=r(2861);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans\|\|h\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p\|\|[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)\|\|!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},4151(e,t,r){r.d(t,{_:()=>a,k:()=>i});var n=r(9701);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}}},2102(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(2722),a=r(9701),i=r(1868),l=r(5135),o=r(8029),s=r(2974);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([["4718"],{99(e,t,r){r.d(t,{l:()=>i,w:()=>a});var n=r(9701);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}}},9052(e,t,r){r.d(t,{l:()=>n});let n=(0,r(9701).createContext)(null)},4416(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},5365(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(1449),a=r(7388),i=r(9701),l=r(5135),o=r(1868),s=r(8029);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}}},4480(e,t,r){r.d(t,{W:()=>i,n:()=>a});var n=r(9701);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}},4936(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},8311(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(2518),a=r(9701),i=r(5961),l=r(9348),o=r(8029),s=r(1868),u=r(2861);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)(),d=(0,n.It)();if(!e\|\|"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:f,customPages:h,...U}=e,m=(0,u.Rs)(),p=(0,u.eT)(),C=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),S=r.commerceSettings.billing.organization.hasPaidPlans\|\|C\|\|p.data.length>0,b=r.userSettings.enterpriseSSO.self_serve_sso&&!!d?.selfServeSSOEnabled,P=(0,a.useMemo)(()=>(0,i.q)(h\|\|[],g,S,r,b),[h,S,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,v=P.routes[0].id===l.jc.BILLING,z=P.routes[0].id===l.jc.API_KEYS,x=P.routes[0].id===l.jc.SELF_SERVE_SSO;return{...U,pages:P,navigateAfterLeaveOrganization:()=>t(U.afterLeaveOrganizationUrl\|\|r.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>t(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:v,isAPIKeysPageRoot:z,isSelfServeSsoPageRoot:x,shouldShowBilling:S,shouldShowSelfServeSSO:b}}},2211(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(2974);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}}},2861(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>d,wD:()=>f});var n=r(2518),a=r(9701),i=r(2396),l=r(49),o=r(7549),s=r(8342),u=r(9229);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let g=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r&&t}},d=()=>{let e=g();return(0,n.X$)(e)},f=()=>{let e=g();return(0,n.t7)(e)},h=e=>{let t=g();return(0,n.tr)({...t,__experimental_mode:e?.mode})},U=()=>{let e=g(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems\|\|[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session\|\|e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})\|\|"user"===r),[e,r]),{subscriptionItems:c,revalidate:g,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:b}=d(),P=(0,a.useCallback)(()=>{g(),C(),S(),b()},[g,C,S,b]),O=(0,a.useMemo)(()=>0===c.length\|\|!c.some(e=>!e.canceledAt),[c]),k=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)((e,t="month")=>{let r=v(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e\|\|r[0]}if(1===r.length)return r[0]},[v]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?k(e):void 0);return!r\|\|!r.canceledAt},[k]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?z(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),h=u,U=!!e?.annualMonthlyFee;"annual"!==h\|\|U\|\|(h="month");let m=r=>{if(e?.freeTrialEnabled){let r=!t,n=f?.eligibleForFreeTrial;if(r\|\|n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:m((()=>{if(g){if(h!==g.planPeriod&&g.canceledAt){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(h!==g.planPeriod){if("month"===h)return(0,s.G)("billing.switchToMonthly");if(U)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):m((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i\|\|d,disabled:!i\|\|d}},[z,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:k,activeAndUpcomingSubscriptions:v,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:O,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,seatsQuantity:i,priceId:l,mode:s="mounted",event:u,portalRoot:c,appearance:g,newSubscriptionRedirectUrl:d})=>{var f,h;let U=c??(0,o.J)(s,u);e.__internal_openCheckout({planId:n.id,planPeriod:(f=n,"month"===(h=a)&&f.fee\|\|"annual"===h&&f.annualMonthlyFee?h:"month"!==h\|\|f.fee?"annual"!==h\|\|f.annualMonthlyFee?h:"month":"annual"),for:r,seatsQuantity:i,priceId:l,onSubscriptionComplete:()=>{P()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:g,portalRoot:U,newSubscriptionRedirectUrl:d})},[e,P,r,t?.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},8713(e,t,r){r.d(t,{T:()=>i,a:()=>a});var n=r(9701);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}}},649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(7922),a=r(9381),i=r(2518),l=r(9701),o=r(8029),s=r(399);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),g=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:i,decorateUrl:l})=>{let o=e.currentTask;if(!o){let e=l(i);return e!==i&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(i)}let u=g.__internal_getOption("taskUrls")?.[o.key];if(u)return t(u);let d=(0,n.ru)(o);if(r===s.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(o,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,l.createContext)(null),d=()=>{let e=(0,l.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},6869(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(355),a=r(1449),i=r(7922),l=r(7388),o=r(9381),s=r(2518),u=r(3797),c=r(9701),g=r(1902),d=r(1868),f=r(5135),h=r(8029),U=r(2974);let m=(0,c.createContext)(null),p=()=>{let e=(0,c.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,h.r)(),{displayConfig:C,userSettings:S}=(0,d.O)(),{queryParams:b,queryString:P}=(0,h.r)(),O=S.signUp.mode,k=(0,f.II)(),v=(0,s.ho)();if(null===e\|\|"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let z="restricted"!==O&&!!(!k.signUpUrl&&k.signInUrl&&!(0,u.vh)(k.signInUrl))&&!1!==e.withSignUp\|\|e.withSignUp\|\|!1,{componentName:x,mode:I,..._}=e,w=(0,c.useMemo)(()=>(0,U.tf)(P,n.e8),[]),A=new a.n(k,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl\|\|_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl\|\|_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=v.buildUrlWithAuth(A.getAfterSignInUrl()),T=v.buildUrlWithAuth(A.getAfterSignUpUrl()),E="path"===_.routing&&_.path\|\|k.signInUrl\|\|C.signInUrl,M=z?"path"===_.routing&&_.path\|\|k.signUpUrl\|\|C.signUpUrl:_.signUpUrl\|\|k.signUpUrl\|\|C.signUpUrl,R=_.waitlistUrl\|\|k.waitlistUrl\|\|C.waitlistUrl,F=A.getPreservedSearchParams();E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=A.toSearchParams().toString(),L=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:z?"/create"+g.Vu:g.Vu}),N=(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:z?"/create"+g.aB:g.aB});z&&(M=(0,l.kZ)({base:E,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:M,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,o.y7)(e):t(n)}let s=(0,i.ru)(l);return t(`/${r+p+(z?"/create"+s:s)}`)},B=v.session?.currentTask?v.__internal_getOption("taskUrls")?.[v.session?.currentTask.key]??(0,g.aQ)({routing:_.routing,baseUrl:E,authQueryString:G,path:_.path,endpoint:z?"/create"+(0,i.ru)(v.session?.currentTask):(0,i.ru)(v.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow\|\|"auto",componentName:x,signUpUrl:M,signInUrl:E,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:L,ssoCallbackUrl:N,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...w},authQueryString:G,isCombinedFlow:z,navigateOnSetActive:D,taskUrl:B}}},9229(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(9701);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)\|\|a,o=()=>"user"===l()?"userProfile":"organizationProfile"},2165(e,t,r){r.d(t,{E:()=>a,d:()=>i});var n=r(9701);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}}},3592(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(2518),a=r(9701),i=r(6873),l=r(1868),o=r(5135),s=r(8029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),g=(0,o.II)();if(!e\|\|"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl\|\|g.signInUrl\|\|c.signInUrl,m=h.userProfileUrl\|\|c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl\|\|c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f\|\|[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b\|\|"modal",menutItems:P}}},8871(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(2518),a=r(9701),i=r(5961),l=r(8029),o=r(1868),s=r(2861);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans\|\|h\|\|f.data.length>0;if(!e\|\|"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p\|\|[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)\|\|!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},4151(e,t,r){r.d(t,{_:()=>a,k:()=>i});var n=r(9701);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}}},2102(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(7388),a=r(9701),i=r(1868),l=r(5135),o=r(8029),s=r(2974);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/{4718_ui_9d3f0c_1.16.0.js → 4718_ui_757a2f_1.16.1-canary.v20260610190754.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["4718"],{80099(e,t,r){r.d(t,{l:()=>i,w:()=>a}),r(15254);var n=r(59701);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}}},79052(e,t,r){r.d(t,{l:()=>n}),r(15254);let n=(0,r(59701).createContext)(null)},74416(e,t,r){r.d(t,{$:()=>o,W:()=>s}),r(15254);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);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}}},75365(e,t,r){r.d(t,{H:()=>c,Q:()=>u}),r(15254),r(36395),r(38978),r(52205),r(40768),r(76235);var n=r(13828),a=r(52722),i=r(59701),l=r(25135),o=r(91868),s=r(58029);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),t=(0,l.II)(),{displayConfig:r}=(0,o.O)(),{queryParams:c}=(0,s.r)();if(!e\|\|"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:d,...g}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...g,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},c),l=t.signUpUrl\|\|r.signUpUrl,o=t.signInUrl\|\|r.signInUrl,s=i.getPreservedSearchParams();o=(0,a.kZ)({base:o,hashSearchParams:[c,s]},{stringify:!0}),l=(0,a.kZ)({base:l,hashSearchParams:[c,s]},{stringify:!0});let u=i.getAfterSignInUrl(),d=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:d}).toString()},{stringify:!0}),h=(0,a.kZ)({base:o,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0}),U=(0,a.kZ)({base:o,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0});return{signInUrl:o,signUpUrl:l,firstFactorUrl:h,secondFactorUrl:U,continueSignUpUrl:f,signInForceRedirectUrl:u,signUpForceRedirectUrl:d}},[g,r.signInUrl,r.signUpUrl,t,c]);return{...g,componentName:d,generateCallbackUrls:f}}},64480(e,t,r){r.d(t,{W:()=>i,n:()=>a}),r(15254);var n=r(59701);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}},54936(e,t,r){r.d(t,{e:()=>s,f:()=>o}),r(15254),r(73560);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e\|\|"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl\|\|r.afterCreateOrganizationUrl,g=e=>{let{organization:r,user:n}=e;return"function"==typeof c.afterSelectPersonalUrl&&n?t(c.afterSelectPersonalUrl(n)):"function"==typeof c.afterSelectOrganizationUrl&&r?t(c.afterSelectOrganizationUrl(r)):c.afterSelectPersonalUrl&&n?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:n})):c.afterSelectOrganizationUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:r})):Promise.resolve()};return{...c,afterCreateOrganizationUrl:d,skipInvitationScreen:c.skipInvitationScreen\|\|!1,hidePersonal:s.forceOrganizationSelection\|\|c.hidePersonal\|\|!1,navigateAfterCreateOrganization:e=>"function"==typeof c.afterCreateOrganizationUrl?t(c.afterCreateOrganizationUrl(e)):c.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:c.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>g({organization:e}),navigateAfterSelectPersonal:e=>g({user:e}),componentName:u}}},98311(e,t,r){r.d(t,{V:()=>d,o:()=>c}),r(15254),r(42949),r(12021);var n=r(86918),a=r(59701),i=r(35961),l=r(39348),o=r(58029),s=r(91868),u=r(12861);let c=(0,a.createContext)(null),d=()=>{var e;let t=(0,a.useContext)(c),{navigate:r}=(0,o.r)(),d=(0,s.O)(),g=(0,n.ho)(),f=(0,n.It)();if(!t\|\|"OrganizationProfile"!==t.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:h,customPages:U,...m}=t,p=(0,u.Rs)(),C=(0,u.eT)(),S=null==(e=p.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),v=d.commerceSettings.billing.organization.hasPaidPlans\|\|S\|\|C.data.length>0,b=d.userSettings.enterpriseSSO.self_serve_sso&&!!(null==f?void 0:f.selfServeSSOEnabled),P=(0,a.useMemo)(()=>(0,i.q)(U\|\|[],g,v,d,b),[U,v,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,z=P.routes[0].id===l.jc.BILLING,x=P.routes[0].id===l.jc.API_KEYS,I=P.routes[0].id===l.jc.SELF_SERVE_SSO;return{...m,pages:P,navigateAfterLeaveOrganization:()=>r(m.afterLeaveOrganizationUrl\|\|d.displayConfig.afterLeaveOrganizationUrl),componentName:h,navigateToGeneralPageRoot:()=>r(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:z,isAPIKeysPageRoot:x,isSelfServeSsoPageRoot:I,shouldShowBilling:v,shouldShowSelfServeSSO:b}}},32211(e,t,r){r.d(t,{U:()=>o,l:()=>s}),r(15254),r(73560);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e\|\|"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl\|\|r.afterCreateOrganizationUrl,g=c.afterLeaveOrganizationUrl\|\|r.afterLeaveOrganizationUrl,f=e=>{let{organization:r,user:n}=e,a=h({organization:r,user:n});return a?t(a):Promise.resolve()},h=e=>{let{organization:t,user:r}=e;return"function"==typeof c.afterSelectPersonalUrl&&r?c.afterSelectPersonalUrl(r):"function"==typeof c.afterSelectOrganizationUrl&&t?c.afterSelectOrganizationUrl(t):c.afterSelectPersonalUrl&&r?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r}):c.afterSelectOrganizationUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:t}):void 0},U=c.organizationProfileUrl&&!c.organizationProfileMode?"navigation":c.organizationProfileMode,m=c.createOrganizationUrl&&!c.createOrganizationMode?"navigation":c.createOrganizationMode;return{...c,hidePersonal:s.forceOrganizationSelection\|\|c.hidePersonal\|\|!1,organizationProfileMode:U\|\|"modal",createOrganizationMode:m\|\|"modal",skipInvitationScreen:c.skipInvitationScreen\|\|!1,afterCreateOrganizationUrl:d,afterLeaveOrganizationUrl:g,navigateOrganizationProfile:()=>t(c.organizationProfileUrl\|\|r.organizationProfileUrl),navigateCreateOrganization:()=>t(c.createOrganizationUrl\|\|r.createOrganizationUrl),navigateAfterSelectOrganization:e=>f({organization:e}),navigateAfterSelectPersonal:e=>f({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:u}}},12861(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>g,wD:()=>f}),r(42949),r(12021),r(49678),r(18723);var n=r(86918),a=r(59701),i=r(82396),l=r(40049),o=r(37549),s=r(78342),u=r(79229);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let d=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r&&t}},g=()=>{let e=d();return(0,n.X$)(e)},f=()=>{let e=d();return(0,n.t7)(e)},h=e=>{let t=d();return(0,n.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},U=()=>{var e;let t=d(),r=(0,n.kH)(t),i=(0,a.useMemo)(()=>{var e;return(null==(e=r.data)?void 0:e.subscriptionItems)\|\|[]},[null==(e=r.data)?void 0:e.subscriptionItems]);return{...r,subscriptionItems:i}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>{var t;return!!(!e.session\|\|(null==e\|\|null==(t=e.session)?void 0:t.checkAuthorization({permission:"org:sys_billing:manage"}))\|\|"user"===r)},[e,r]),{subscriptionItems:c,revalidate:d,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:v}=g(),b=(0,a.useCallback)(()=>{d(),C(),S(),v()},[d,C,S,v]),P=(0,a.useMemo)(()=>0===c.length\|\|!c.some(e=>!e.canceledAt),[c]),O=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),k=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",r=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]),x=(0,a.useCallback)(e=>{let{plan:t,subscription:r}=e,n=null!=r?r:t?O(t):void 0;return!n\|\|!n.canceledAt},[O]),I=(0,a.useCallback)(e=>{let{plan:n,organization:a,subscription:o,isCompact:u=!1,selectedPlanPeriod:d="annual"}=e,g=null!=o?o:n?z(n,d):void 0,h="organization"===r&&!!a&&(0,l.iI)(n,a),U=d,m=!!(null==n?void 0:n.annualMonthlyFee);"annual"!==U\|\|m\|\|(U="month");let p=e=>{if(null==n?void 0:n.freeTrialEnabled){let e=!t,a=null==f?void 0:f.eligibleForFreeTrial;if(e\|\|a){var r;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(r=n.freeTrialDays)?r:0})}}return e};return{localizationKey:p((()=>{if(g){if(U!==g.planPeriod&&g.canceledAt){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(U!==g.planPeriod){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):p((0,s.G)("billing.subscribe"))})()),variant:u?"bordered":"solid",colorScheme:u?"secondary":"primary",isDisabled:!i\|\|h,disabled:!i\|\|h}},[z,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{b()},portalRoot:n})},[e,r,b]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:k,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:P,handleSelectPlan:(0,a.useCallback)(n=>{var a,i;let{plan:l,planPeriod:s,seatsQuantity:u,priceId:c,mode:d="mounted",event:g,portalRoot:f,appearance:h,newSubscriptionRedirectUrl:U}=n,m=null!=f?f:(0,o.J)(d,g);e.__internal_openCheckout({planId:l.id,planPeriod:(a=l,"month"===(i=s)&&a.fee\|\|"annual"===i&&a.annualMonthlyFee?i:"month"!==i\|\|a.fee?"annual"!==i\|\|a.annualMonthlyFee?i:"month":"annual"),for:r,seatsQuantity:u,priceId:c,onSubscriptionComplete:()=>{b()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:h,portalRoot:m,newSubscriptionRedirectUrl:U})},[e,b,r,null==t?void 0:t.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>null==p?void 0:p.find(e=>e.isDefault),[p]),revalidateAll:b}}},68713(e,t,r){r.d(t,{T:()=>i,a:()=>a}),r(15254);var n=r(59701);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}}},80649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>d,pq:()=>f,qx:()=>u,u3:()=>g,z1:()=>c}),r(15254),r(85281);var n=r(21097),a=r(36054),i=r(86918),l=r(59701),o=r(58029),s=r(10399);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),d=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let g=async e=>{var i;let{session:l,redirectUrlComplete:o,decorateUrl:u}=e,g=l.currentTask;if(!g){let e=u(o);return e!==o&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(o)}let f=null==(i=d.__internal_getOption("taskUrls"))?void 0:i[g.key];if(f)return t(f);let h=(0,n.ru)(g);if(r===s.I)return t("/".concat(r+c+h));let U=d.buildSignInUrl();return t((0,n.tv)(g,{base:U}))};return{...e,navigateOnSetActive:g}},d=(0,l.createContext)(null),g=()=>{let e=(0,l.useContext)(d);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},26869(e,t,r){r.d(t,{Q:()=>m,r:()=>p}),r(15254),r(85281);var n=r(74358),a=r(13828),i=r(21097),l=r(52722),o=r(36054),s=r(86918),u=r(45072),c=r(59701),d=r(91902),g=r(91868),f=r(25135),h=r(58029),U=r(22974);let m=(0,c.createContext)(null),p=()=>{var e,t,r,p,C,S,v;let b=(0,c.useContext)(m),{navigate:P,basePath:O,startPath:k}=(0,h.r)(),{displayConfig:z,userSettings:x}=(0,g.O)(),{queryParams:I,queryString:_}=(0,h.r)(),w=x.signUp.mode,A=(0,f.II)(),y=(0,s.ho)();if(null===b\|\|"SignIn"!==b.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let T="restricted"!==w&&!!(!A.signUpUrl&&A.signInUrl&&!(0,u.vh)(A.signInUrl))&&!1!==b.withSignUp\|\|b.withSignUp\|\|!1,{componentName:E,mode:M,...R}=b,F=(0,c.useMemo)(()=>(0,U.tf)(_,n.d),[]),G=new a.n(A,{...R,signInFallbackRedirectUrl:R.signInFallbackRedirectUrl\|\|R.fallbackRedirectUrl,signInForceRedirectUrl:R.signInForceRedirectUrl\|\|R.forceRedirectUrl},I,M);delete R.fallbackRedirectUrl,delete R.forceRedirectUrl;let L=y.buildUrlWithAuth(G.getAfterSignInUrl()),N=y.buildUrlWithAuth(G.getAfterSignUpUrl()),W="path"===R.routing&&R.path\|\|A.signInUrl\|\|z.signInUrl,D=T?"path"===R.routing&&R.path\|\|A.signUpUrl\|\|z.signUpUrl:R.signUpUrl\|\|A.signUpUrl\|\|z.signUpUrl,B=R.waitlistUrl\|\|A.waitlistUrl\|\|z.waitlistUrl,V=G.getPreservedSearchParams();W=(0,l.kZ)({base:W,hashSearchParams:[I,V]},{stringify:!0}),D=(0,l.kZ)({base:D,hashSearchParams:[I,V]},{stringify:!0}),B=(0,l.kZ)({base:B,hashSearchParams:[I,V]},{stringify:!0});let Z=G.toSearchParams().toString(),X=(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+d.Vu:d.Vu}),j=(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+d.aB:d.aB});T&&(D=(0,l.kZ)({base:W,hashPath:"/create",hashSearchParams:[I,V]},{stringify:!0}));let K=(0,l.kZ)({base:D,hashPath:"/continue"},{stringify:!0}),Q=async e=>{let{session:t,redirectUrl:r,decorateUrl:n}=e,a=t.currentTask;if(!a){let e=n(r);return e!==r&&/^https?:\/\//.test(e)?void(0,o.y7)(e):P(r)}let l=(0,i.ru)(a);return P("/".concat(O+k+(T?"/create"+l:l)))},Y=(null==(r=y.session)?void 0:r.currentTask)?null!=(e=null==(C=y.__internal_getOption("taskUrls"))?void 0:C[null==(p=y.session)?void 0:p.currentTask.key])?e:(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+(0,i.ru)(null==(S=y.session)?void 0:S.currentTask):(0,i.ru)(null==(v=y.session)?void 0:v.currentTask)}):null;return{...R,transferable:null==(t=R.transferable)\|\|t,oauthFlow:R.oauthFlow\|\|"auto",componentName:E,signUpUrl:D,signInUrl:W,waitlistUrl:B,afterSignInUrl:L,afterSignUpUrl:N,emailLinkRedirectUrl:X,ssoCallbackUrl:j,navigateAfterSignIn:()=>P(L),signUpContinueUrl:K,queryParams:I,initialValues:{...R.initialValues,...F},authQueryString:Z,isCombinedFlow:T,navigateOnSetActive:Q,taskUrl:Y}}},79229(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(59701);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)\|\|a,o=()=>"user"===l()?"userProfile":"organizationProfile"},72165(e,t,r){r.d(t,{E:()=>a,d:()=>i}),r(15254);var n=r(59701);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}}},33592(e,t,r){r.d(t,{P:()=>u,Y:()=>c}),r(15254);var n=r(86918),a=r(59701),i=r(26873),l=r(91868),o=r(25135),s=r(58029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),d=(0,o.II)();if(!e\|\|"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:g,customMenuItems:f,...h}=e,U=h.signInUrl\|\|d.signInUrl\|\|c.signInUrl,m=h.userProfileUrl\|\|c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl\|\|c.afterSwitchSessionUrl,v=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,b=(0,a.useMemo)(()=>(0,i.K)(f\|\|[],t),[]);return{...h,componentName:g,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:v\|\|"modal",menutItems:b}}},78871(e,t,r){r.d(t,{B:()=>c,M:()=>u}),r(42949),r(12021),r(15254),r(67548),r(70954),r(98803),r(79162),r(15385),r(39342),r(69152),r(36395);var n=r(86918),a=r(59701),i=r(35961),l=r(58029),o=r(91868),s=r(12861);let u=(0,a.createContext)(null),c=()=>{var e;let t=(0,a.useContext)(u),{queryParams:r}=(0,l.r)(),c=(0,n.ho)(),d=(0,o.O)(),{user:g}=(0,n.Jd)(),f=(0,s.Rs)(),h=(0,s.eT)(),U=null==(e=f.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),m=d.commerceSettings.billing.user.hasPaidPlans\|\|U\|\|h.data.length>0;if(!t\|\|"UserProfile"!==t.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:p,customPages:C,...S}=t,v=(0,a.useMemo)(()=>(0,i.M)(C\|\|[],c,m,d),[C,m]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=d.userSettings;return!(g&&e.enabled)\|\|!(null==g?void 0:g.enterpriseAccounts.some(e=>{var t;return e.active&&(null==(t=e.enterpriseConnection)?void 0:t.disableAdditionalIdentifications)}))},[g,d.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(d.userSettings.attributes))r.immutable&&e.add(t);return e},[d.userSettings.attributes]);return{...S,pages:v,componentName:p,queryParams:r,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:m,immutableAttributes:P}}},94151(e,t,r){r.d(t,{_:()=>a,k:()=>i}),r(15254);var n=r(59701);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}}},72102(e,t,r){r.d(t,{Y:()=>d,r:()=>c}),r(15254);var n=r(52722),a=r(59701),i=r(91868),l=r(25135),o=r(58029),s=r(22974);let u=["email_address"],c=(0,a.createContext)(null),d=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:d}=(0,o.r)(),g=(0,a.useMemo)(()=>(0,s.tf)(d,u),[]);if(!e\|\|"Waitlist"!==e.componentName)throw Error("Clerk: useWaitlistContext called outside Waitlist.");let{componentName:f,...h}=e,U=h.signInUrl\|\|r.signInUrl\|\|t.signInUrl;return U=(0,n.kZ)({base:U},{stringify:!0}),{...h,componentName:f,signInUrl:U,initialValues:{...g}}}}}]);
1	+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui\|\|[]).push([["4718"],{80099(e,t,r){r.d(t,{l:()=>i,w:()=>a}),r(15254);var n=r(59701);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}}},79052(e,t,r){r.d(t,{l:()=>n}),r(15254);let n=(0,r(59701).createContext)(null)},74416(e,t,r){r.d(t,{$:()=>o,W:()=>s}),r(15254);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);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}}},75365(e,t,r){r.d(t,{H:()=>c,Q:()=>u}),r(15254),r(36395),r(38978),r(52205),r(40768),r(76235);var n=r(21449),a=r(17388),i=r(59701),l=r(25135),o=r(91868),s=r(58029);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),t=(0,l.II)(),{displayConfig:r}=(0,o.O)(),{queryParams:c}=(0,s.r)();if(!e\|\|"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:d,...g}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...g,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},c),l=t.signUpUrl\|\|r.signUpUrl,o=t.signInUrl\|\|r.signInUrl,s=i.getPreservedSearchParams();o=(0,a.kZ)({base:o,hashSearchParams:[c,s]},{stringify:!0}),l=(0,a.kZ)({base:l,hashSearchParams:[c,s]},{stringify:!0});let u=i.getAfterSignInUrl(),d=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:d}).toString()},{stringify:!0}),h=(0,a.kZ)({base:o,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0}),U=(0,a.kZ)({base:o,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0});return{signInUrl:o,signUpUrl:l,firstFactorUrl:h,secondFactorUrl:U,continueSignUpUrl:f,signInForceRedirectUrl:u,signUpForceRedirectUrl:d}},[g,r.signInUrl,r.signUpUrl,t,c]);return{...g,componentName:d,generateCallbackUrls:f}}},64480(e,t,r){r.d(t,{W:()=>i,n:()=>a}),r(15254);var n=r(59701);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}},54936(e,t,r){r.d(t,{e:()=>s,f:()=>o}),r(15254),r(73560);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e\|\|"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl\|\|r.afterCreateOrganizationUrl,g=e=>{let{organization:r,user:n}=e;return"function"==typeof c.afterSelectPersonalUrl&&n?t(c.afterSelectPersonalUrl(n)):"function"==typeof c.afterSelectOrganizationUrl&&r?t(c.afterSelectOrganizationUrl(r)):c.afterSelectPersonalUrl&&n?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:n})):c.afterSelectOrganizationUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:r})):Promise.resolve()};return{...c,afterCreateOrganizationUrl:d,skipInvitationScreen:c.skipInvitationScreen\|\|!1,hidePersonal:s.forceOrganizationSelection\|\|c.hidePersonal\|\|!1,navigateAfterCreateOrganization:e=>"function"==typeof c.afterCreateOrganizationUrl?t(c.afterCreateOrganizationUrl(e)):c.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:c.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>g({organization:e}),navigateAfterSelectPersonal:e=>g({user:e}),componentName:u}}},98311(e,t,r){r.d(t,{V:()=>d,o:()=>c}),r(15254),r(42949),r(12021);var n=r(62518),a=r(59701),i=r(35961),l=r(39348),o=r(58029),s=r(91868),u=r(12861);let c=(0,a.createContext)(null),d=()=>{var e;let t=(0,a.useContext)(c),{navigate:r}=(0,o.r)(),d=(0,s.O)(),g=(0,n.ho)(),f=(0,n.It)();if(!t\|\|"OrganizationProfile"!==t.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:h,customPages:U,...m}=t,p=(0,u.Rs)(),C=(0,u.eT)(),S=null==(e=p.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),v=d.commerceSettings.billing.organization.hasPaidPlans\|\|S\|\|C.data.length>0,b=d.userSettings.enterpriseSSO.self_serve_sso&&!!(null==f?void 0:f.selfServeSSOEnabled),P=(0,a.useMemo)(()=>(0,i.q)(U\|\|[],g,v,d,b),[U,v,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,z=P.routes[0].id===l.jc.BILLING,x=P.routes[0].id===l.jc.API_KEYS,I=P.routes[0].id===l.jc.SELF_SERVE_SSO;return{...m,pages:P,navigateAfterLeaveOrganization:()=>r(m.afterLeaveOrganizationUrl\|\|d.displayConfig.afterLeaveOrganizationUrl),componentName:h,navigateToGeneralPageRoot:()=>r(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:z,isAPIKeysPageRoot:x,isSelfServeSsoPageRoot:I,shouldShowBilling:v,shouldShowSelfServeSSO:b}}},32211(e,t,r){r.d(t,{U:()=>o,l:()=>s}),r(15254),r(73560);var n=r(59701),a=r(91868),i=r(58029),l=r(22974);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e\|\|"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:u,...c}=e,d=c.afterCreateOrganizationUrl\|\|r.afterCreateOrganizationUrl,g=c.afterLeaveOrganizationUrl\|\|r.afterLeaveOrganizationUrl,f=e=>{let{organization:r,user:n}=e,a=h({organization:r,user:n});return a?t(a):Promise.resolve()},h=e=>{let{organization:t,user:r}=e;return"function"==typeof c.afterSelectPersonalUrl&&r?c.afterSelectPersonalUrl(r):"function"==typeof c.afterSelectOrganizationUrl&&t?c.afterSelectOrganizationUrl(t):c.afterSelectPersonalUrl&&r?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r}):c.afterSelectOrganizationUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:t}):void 0},U=c.organizationProfileUrl&&!c.organizationProfileMode?"navigation":c.organizationProfileMode,m=c.createOrganizationUrl&&!c.createOrganizationMode?"navigation":c.createOrganizationMode;return{...c,hidePersonal:s.forceOrganizationSelection\|\|c.hidePersonal\|\|!1,organizationProfileMode:U\|\|"modal",createOrganizationMode:m\|\|"modal",skipInvitationScreen:c.skipInvitationScreen\|\|!1,afterCreateOrganizationUrl:d,afterLeaveOrganizationUrl:g,navigateOrganizationProfile:()=>t(c.organizationProfileUrl\|\|r.organizationProfileUrl),navigateCreateOrganization:()=>t(c.createOrganizationUrl\|\|r.createOrganizationUrl),navigateAfterSelectOrganization:e=>f({organization:e}),navigateAfterSelectPersonal:e=>f({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:u}}},12861(e,t,r){r.d(t,{A$:()=>m,D:()=>p,Ij:()=>c,Rs:()=>U,eT:()=>h,mu:()=>g,wD:()=>f}),r(42949),r(12021),r(49678),r(18723);var n=r(62518),a=r(59701),i=r(82396),l=r(40049),o=r(37549),s=r(78342),u=r(79229);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let d=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})\|\|e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e\|\|!!r&&t}},g=()=>{let e=d();return(0,n.X$)(e)},f=()=>{let e=d();return(0,n.t7)(e)},h=e=>{let t=d();return(0,n.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},U=()=>{var e;let t=d(),r=(0,n.kH)(t),i=(0,a.useMemo)(()=>{var e;return(null==(e=r.data)?void 0:e.subscriptionItems)\|\|[]},[null==(e=r.data)?void 0:e.subscriptionItems]);return{...r,subscriptionItems:i}},m=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},p=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>{var t;return!!(!e.session\|\|(null==e\|\|null==(t=e.session)?void 0:t.checkAuthorization({permission:"org:sys_billing:manage"}))\|\|"user"===r)},[e,r]),{subscriptionItems:c,revalidate:d,data:f}=U(),{data:p,revalidate:C}=m({mode:"cache"}),{revalidate:S}=h({mode:"cache"}),{revalidate:v}=g(),b=(0,a.useCallback)(()=>{d(),C(),S(),v()},[d,C,S,v]),P=(0,a.useMemo)(()=>0===c.length\|\|!c.some(e=>!e.canceledAt),[c]),O=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),k=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",r=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]),x=(0,a.useCallback)(e=>{let{plan:t,subscription:r}=e,n=null!=r?r:t?O(t):void 0;return!n\|\|!n.canceledAt},[O]),I=(0,a.useCallback)(e=>{let{plan:n,organization:a,subscription:o,isCompact:u=!1,selectedPlanPeriod:d="annual"}=e,g=null!=o?o:n?z(n,d):void 0,h="organization"===r&&!!a&&(0,l.iI)(n,a),U=d,m=!!(null==n?void 0:n.annualMonthlyFee);"annual"!==U\|\|m\|\|(U="month");let p=e=>{if(null==n?void 0:n.freeTrialEnabled){let e=!t,a=null==f?void 0:f.eligibleForFreeTrial;if(e\|\|a){var r;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(r=n.freeTrialDays)?r:0})}}return e};return{localizationKey:p((()=>{if(g){if(U!==g.planPeriod&&g.canceledAt){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(U!==g.planPeriod){if("month"===U)return(0,s.G)("billing.switchToMonthly");if(m)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):p((0,s.G)("billing.subscribe"))})()),variant:u?"bordered":"solid",colorScheme:u?"secondary":"primary",isDisabled:!i\|\|h,disabled:!i\|\|h}},[z,i,r,c,f]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),w=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{b()},portalRoot:n})},[e,r,b]);return{activeOrUpcomingSubscription:O,activeAndUpcomingSubscriptions:k,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:P,handleSelectPlan:(0,a.useCallback)(n=>{var a,i;let{plan:l,planPeriod:s,seatsQuantity:u,priceId:c,mode:d="mounted",event:g,portalRoot:f,appearance:h,newSubscriptionRedirectUrl:U}=n,m=null!=f?f:(0,o.J)(d,g);e.__internal_openCheckout({planId:l.id,planPeriod:(a=l,"month"===(i=s)&&a.fee\|\|"annual"===i&&a.annualMonthlyFee?i:"month"!==i\|\|a.fee?"annual"!==i\|\|a.annualMonthlyFee?i:"month":"annual"),for:r,seatsQuantity:u,priceId:c,onSubscriptionComplete:()=>{b()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:h,portalRoot:m,newSubscriptionRedirectUrl:U})},[e,b,r,null==t?void 0:t.id]),openSubscriptionDetails:w,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>null==p?void 0:p.find(e=>e.isDefault),[p]),revalidateAll:b}}},68713(e,t,r){r.d(t,{T:()=>i,a:()=>a}),r(15254);var n=r(59701);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}}},80649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>d,pq:()=>f,qx:()=>u,u3:()=>g,z1:()=>c}),r(15254),r(85281);var n=r(87922),a=r(49381),i=r(62518),l=r(59701),o=r(58029),s=r(10399);let u=(0,l.createContext)(null),c=()=>{let e=(0,l.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,o.r)(),d=(0,i.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let g=async e=>{var i;let{session:l,redirectUrlComplete:o,decorateUrl:u}=e,g=l.currentTask;if(!g){let e=u(o);return e!==o&&/^https?:\/\//.test(e)?void(0,a.y7)(e):t(o)}let f=null==(i=d.__internal_getOption("taskUrls"))?void 0:i[g.key];if(f)return t(f);let h=(0,n.ru)(g);if(r===s.I)return t("/".concat(r+c+h));let U=d.buildSignInUrl();return t((0,n.tv)(g,{base:U}))};return{...e,navigateOnSetActive:g}},d=(0,l.createContext)(null),g=()=>{let e=(0,l.useContext)(d);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,l.createContext)(null),h=()=>{let e=(0,l.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,l.createContext)(null),m=()=>{let e=(0,l.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},26869(e,t,r){r.d(t,{Q:()=>m,r:()=>p}),r(15254),r(85281);var n=r(70355),a=r(21449),i=r(87922),l=r(17388),o=r(49381),s=r(62518),u=r(43797),c=r(59701),d=r(91902),g=r(91868),f=r(25135),h=r(58029),U=r(22974);let m=(0,c.createContext)(null),p=()=>{var e,t,r,p,C,S,v;let b=(0,c.useContext)(m),{navigate:P,basePath:O,startPath:k}=(0,h.r)(),{displayConfig:z,userSettings:x}=(0,g.O)(),{queryParams:I,queryString:_}=(0,h.r)(),w=x.signUp.mode,A=(0,f.II)(),y=(0,s.ho)();if(null===b\|\|"SignIn"!==b.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let T="restricted"!==w&&!!(!A.signUpUrl&&A.signInUrl&&!(0,u.vh)(A.signInUrl))&&!1!==b.withSignUp\|\|b.withSignUp\|\|!1,{componentName:E,mode:M,...R}=b,F=(0,c.useMemo)(()=>(0,U.tf)(_,n.e8),[]),G=new a.n(A,{...R,signInFallbackRedirectUrl:R.signInFallbackRedirectUrl\|\|R.fallbackRedirectUrl,signInForceRedirectUrl:R.signInForceRedirectUrl\|\|R.forceRedirectUrl},I,M);delete R.fallbackRedirectUrl,delete R.forceRedirectUrl;let L=y.buildUrlWithAuth(G.getAfterSignInUrl()),N=y.buildUrlWithAuth(G.getAfterSignUpUrl()),W="path"===R.routing&&R.path\|\|A.signInUrl\|\|z.signInUrl,D=T?"path"===R.routing&&R.path\|\|A.signUpUrl\|\|z.signUpUrl:R.signUpUrl\|\|A.signUpUrl\|\|z.signUpUrl,B=R.waitlistUrl\|\|A.waitlistUrl\|\|z.waitlistUrl,V=G.getPreservedSearchParams();W=(0,l.kZ)({base:W,hashSearchParams:[I,V]},{stringify:!0}),D=(0,l.kZ)({base:D,hashSearchParams:[I,V]},{stringify:!0}),B=(0,l.kZ)({base:B,hashSearchParams:[I,V]},{stringify:!0});let Z=G.toSearchParams().toString(),X=(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+d.Vu:d.Vu}),j=(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+d.aB:d.aB});T&&(D=(0,l.kZ)({base:W,hashPath:"/create",hashSearchParams:[I,V]},{stringify:!0}));let K=(0,l.kZ)({base:D,hashPath:"/continue"},{stringify:!0}),Q=async e=>{let{session:t,redirectUrl:r,decorateUrl:n}=e,a=t.currentTask;if(!a){let e=n(r);return e!==r&&/^https?:\/\//.test(e)?void(0,o.y7)(e):P(r)}let l=(0,i.ru)(a);return P("/".concat(O+k+(T?"/create"+l:l)))},Y=(null==(r=y.session)?void 0:r.currentTask)?null!=(e=null==(C=y.__internal_getOption("taskUrls"))?void 0:C[null==(p=y.session)?void 0:p.currentTask.key])?e:(0,d.aQ)({routing:R.routing,baseUrl:W,authQueryString:Z,path:R.path,endpoint:T?"/create"+(0,i.ru)(null==(S=y.session)?void 0:S.currentTask):(0,i.ru)(null==(v=y.session)?void 0:v.currentTask)}):null;return{...R,transferable:null==(t=R.transferable)\|\|t,oauthFlow:R.oauthFlow\|\|"auto",componentName:E,signUpUrl:D,signInUrl:W,waitlistUrl:B,afterSignInUrl:L,afterSignUpUrl:N,emailLinkRedirectUrl:X,ssoCallbackUrl:j,navigateAfterSignIn:()=>P(L),signUpContinueUrl:K,queryParams:I,initialValues:{...R.initialValues,...F},authQueryString:Z,isCombinedFlow:T,navigateOnSetActive:Q,taskUrl:Y}}},79229(e,t,r){r.d(t,{N7:()=>o,XX:()=>l,m$:()=>i});var n=r(59701);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)\|\|a,o=()=>"user"===l()?"userProfile":"organizationProfile"},72165(e,t,r){r.d(t,{E:()=>a,d:()=>i}),r(15254);var n=r(59701);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}}},33592(e,t,r){r.d(t,{P:()=>u,Y:()=>c}),r(15254);var n=r(62518),a=r(59701),i=r(26873),l=r(91868),o=r(25135),s=r(58029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),d=(0,o.II)();if(!e\|\|"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:g,customMenuItems:f,...h}=e,U=h.signInUrl\|\|d.signInUrl\|\|c.signInUrl,m=h.userProfileUrl\|\|c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl\|\|c.afterSwitchSessionUrl,v=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,b=(0,a.useMemo)(()=>(0,i.K)(f\|\|[],t),[]);return{...h,componentName:g,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:v\|\|"modal",menutItems:b}}},78871(e,t,r){r.d(t,{B:()=>c,M:()=>u}),r(42949),r(12021),r(15254),r(67548),r(70954),r(98803),r(79162),r(15385),r(39342),r(69152),r(36395);var n=r(62518),a=r(59701),i=r(35961),l=r(58029),o=r(91868),s=r(12861);let u=(0,a.createContext)(null),c=()=>{var e;let t=(0,a.useContext)(u),{queryParams:r}=(0,l.r)(),c=(0,n.ho)(),d=(0,o.O)(),{user:g}=(0,n.Jd)(),f=(0,s.Rs)(),h=(0,s.eT)(),U=null==(e=f.data)?void 0:e.subscriptionItems.some(e=>e.plan.hasBaseFee),m=d.commerceSettings.billing.user.hasPaidPlans\|\|U\|\|h.data.length>0;if(!t\|\|"UserProfile"!==t.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:p,customPages:C,...S}=t,v=(0,a.useMemo)(()=>(0,i.M)(C\|\|[],c,m,d),[C,m]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=d.userSettings;return!(g&&e.enabled)\|\|!(null==g?void 0:g.enterpriseAccounts.some(e=>{var t;return e.active&&(null==(t=e.enterpriseConnection)?void 0:t.disableAdditionalIdentifications)}))},[g,d.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(d.userSettings.attributes))r.immutable&&e.add(t);return e},[d.userSettings.attributes]);return{...S,pages:v,componentName:p,queryParams:r,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:m,immutableAttributes:P}}},94151(e,t,r){r.d(t,{_:()=>a,k:()=>i}),r(15254);var n=r(59701);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}}},72102(e,t,r){r.d(t,{Y:()=>d,r:()=>c}),r(15254);var n=r(17388),a=r(59701),i=r(91868),l=r(25135),o=r(58029),s=r(22974);let u=["email_address"],c=(0,a.createContext)(null),d=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:d}=(0,o.r)(),g=(0,a.useMemo)(()=>(0,s.tf)(d,u),[]);if(!e\|\|"Waitlist"!==e.componentName)throw Error("Clerk: useWaitlistContext called outside Waitlist.");let{componentName:f,...h}=e,U=h.signInUrl\|\|r.signInUrl\|\|t.signInUrl;return U=(0,n.kZ)({base:U},{stringify:!0}),{...h,componentName:f,signInUrl:U,initialValues:{...g}}}}}]);