@clerk/ui 1.7.0-snapshot.v20260429150611 → 1.7.0

package/dist/{295_ui_c422d4_1.7.0-snapshot.v20260429150611.js → 295_ui_1adcfa_1.7.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["295"],{23374(e,a,n){n.d(a,{i:()=>c});var t=n(59763),i=n(44176),o=n(58695),r=n(12597),l=n(26447),s=n(78342);let c=e=>{let{organization:a,showLoadingSpinner:n,...c}=e;return(0,t.FD)(r.fv,{elementDescriptor:l.$z.organizationAvatarUploaderContainer,children:[(0,t.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,t.Y)(i.k,{...c,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,t.Y)(o.h,{size:e=>e.sizes.$16,showLoadingSpinner:n,...a})})]})}},48590(e,a,n){n.d(a,{l_:()=>i,mu:()=>t}),n(42949),n(37891),n(18723);let t={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},i=(e,a,n)=>{var t;if(void 0===a)return[{data:[e],total_count:1}];let i=(null==a||null==(t=a[a.length-1])?void 0:t.total_count)||1;return a.map(a=>{if(void 0===a)return a;let t=a.data.map(a=>a.id===e.id?{...e}:a);return{...a,data:t,total_count:"negative"===n?i-1:i}})}},58944(e,a,n){n.r(a),n.d(a,{TaskChooseOrganization:()=>V}),n(36395);var t=n(59763),i=n(29233),o=n(59701),r=n(69832),l=n(84676),s=n(41522),c=n(12597),u=n(26447),d=n(78342),g=n(27904),h=n(17308),z=n(42824),p=n(44672),v=n(56140),m=n(37902);n(42949),n(18723),n(37891);var b=n(41457),C=n(1878),f=n(37463),k=n(48590),Y=n(80649),_=n(68627),O=n(67816),y=n(67746),w=n(30869);let D=e=>{var a,n,o;let r=(0,h.f0)(),{user:l}=(0,i.Jd)(),{ref:s,userMemberships:p,userSuggestions:m,userInvitations:b}=(0,v.f)(),C=(null==p?void 0:p.isLoading)||(null==b?void 0:b.isLoading)||(null==m?void 0:m.isLoading),k=(null==p?void 0:p.hasNextPage)||(null==b?void 0:b.hasNextPage)||(null==m?void 0:m.hasNextPage),Y=null==(a=b.data)?void 0:a.filter(e=>!!e),_=null==(n=m.data)?void 0:n.filter(e=>!!e);return(0,t.FD)(t.FK,{children:[(0,t.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$8)}),children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(null==l?void 0:l.createOrganizationEnabled)?(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle"):(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle__createOrganizationDisabled")})]}),(0,t.Y)(g.Z.Alert,{sx:e=>({margin:"".concat(e.space.$none," ").concat(e.space.$8)}),children:r.error}),(0,t.Y)(c.fv,{elementDescriptor:u.$z.main,children:(0,t.Y)(f.os,{elementDescriptor:u.$z.taskChooseOrganizationPreviewItems,children:(0,t.FD)(O.En,{role:"menu",children:[(p.count||0)>0&&(null==(o=p.data)?void 0:o.map(e=>(0,t.Y)(S,{...e},e.id))),!p.hasNextPage&&(null==Y?void 0:Y.map(e=>(0,t.Y)(U,{...e},e.id))),!p.hasNextPage&&!b.hasNextPage&&(null==_?void 0:_.map(e=>(0,t.Y)($,{...e},e.id))),(k||C)&&(0,t.Y)(f.JF,{ref:s}),(0,t.Y)(I,{onCreateOrganizationClick:()=>{r.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},S=e=>{let{user:a}=(0,i.Jd)(),n=(0,h.f0)(),{navigateOnSetActive:o}=(0,Y.z1)(),{redirectUrlComplete:r}=(0,Y.u3)(),{isLoaded:l,setActive:s}=(0,i.D_)(),{t:c}=(0,_._)();return l?(0,t.Y)(f.SH,{elementDescriptor:u.$z.taskChooseOrganizationPreviewButton,onClick:()=>{let t;return t=e.organization,n.runAsync(async()=>{try{await s({organization:t,navigate:async e=>{let{session:a,decorateUrl:n}=e;await (null==o?void 0:o({session:a,redirectUrlComplete:r,decorateUrl:n}))}})}catch(t){var e,i;if(!(0,b.$R)(t))return void(0,w.H4)(t,[],n.setError);switch(null==(i=t.errors)||null==(e=i[0])?void 0:e.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":(null==a?void 0:a.createOrganizationEnabled)?n.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized"))):n.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,w.H4)(t,[],n.setError)}}})},children:(0,t.Y)(y.Q,{elementId:"taskChooseOrganization",mainIdentifierSx:f.Vc,organization:e.organization})}):null},U=e=>{let a=(0,h.f0)(),{getOrganization:n}=(0,i.ho)(),[r,l]=(0,o.useState)(null),{userInvitations:s}=(0,i.D_)({userInvitations:k.mu.userInvitations});return r?(0,t.Y)(S,{organization:r}):(0,t.Y)(f.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:(0,t.Y)(f.D3,{isLoading:a.isLoading,onClick:()=>a.runAsync(async()=>[await e.accept(),await n(e.publicOrganizationData.id)]).then(e=>{var a;let[n,t]=e;null==s||null==(a=s.setData)||a.call(s,e=>(0,k.l_)(n,e,"negative")),l(t)}).catch(e=>(0,w.H4)(e,[],a.setError)),localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__invitationAccept")})})},$=(0,h.dm)(e=>{let a=(0,h.f0)(),{userSuggestions:n}=(0,i.D_)({userSuggestions:k.mu.userSuggestions});return(0,t.Y)(f.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:"accepted"===e.status?(0,t.Y)(c.EY,{colorScheme:"secondary",localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel")}):(0,t.Y)(f.D3,{onClick:()=>a.runAsync(e.accept).then(e=>{var a;return null==n||null==(a=n.setData)?void 0:a.call(n,a=>(0,k.l_)(e,a))}).catch(e=>(0,w.H4)(e,[],a.setError)),isLoading:a.isLoading,localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__suggestionsAccept")})})}),I=e=>{let{onCreateOrganizationClick:a}=e;return(0,t.Y)(C._,{elementDescriptor:u.$z.taskChooseOrganizationCreateOrganizationActionButton,label:(0,d.G)("taskChooseOrganization.chooseOrganization.action__createOrganization"),onClick:a,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:"".concat(e.space.$5," ").concat(e.space.$5)}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})})};n(73560),n(71045);var P=n(91868),x=n(17447),F=n(46600),A=n(5870),R=n(4874),G=n(2369),L=n(61308),T=n(51637),E=n(23374);function K(e){let{organizationCreationDefaults:a}=e,n=Z(null==a?void 0:a.advisory);return n?(0,t.Y)(c.Fc,{colorScheme:"warning",children:(0,t.Y)(c.EY,{colorScheme:"warning",localizationKey:n,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=>{var a,n,r,l,s,u,g,p;let v=(0,h.f0)(),{navigateOnSetActive:m}=(0,Y.z1)(),{redirectUrlComplete:b}=(0,Y.u3)(),{createOrganization:C,isLoaded:f,setActive:_}=(0,i.D_)({userMemberships:k.mu.userMemberships}),{organizationSettings:O}=(0,P.O)(),[y,D]=(0,o.useState)(),S=(0,T.tJ)("name",null!=(a=null==(l=e.organizationCreationDefaults)||null==(r=l.form)?void 0:r.name)?a:"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__name"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name")}),U=(0,T.tJ)("slug",null!=(n=null==(u=e.organizationCreationDefaults)||null==(s=u.form)?void 0:s.slug)?n:"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__slug"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug")}),$=!O.slug.disabled,I=async e=>{if(e.preventDefault(),f)try{let e={name:S.value};$&&(e.slug=U.value);let a=await C(e),n=Z(a);await Promise.allSettled([n]),await _({organization:a,navigate:async e=>{let{session:a,decorateUrl:n}=e;await (null==m?void 0:m({session:a,redirectUrlComplete:b,decorateUrl:n}))}})}catch(e){(0,w.H4)(e,[S,U],v.setError)}},Z=async e=>{if(y)await e.setLogo({file:y});else if(B){let a=await fetch(B),n=await a.blob(),t=new File([n],"logo",{type:n.type});await e.setLogo({file:t})}},N=e=>{U.setValue(e)},M=!S.value||!f,B=void 0===y?null==(p=e.organizationCreationDefaults)||null==(g=p.form)?void 0:g.logo:void 0;return(0,t.FD)(t.FK,{children:[(0,t.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$8)}),children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.subtitle")})]}),(0,t.Y)(A.M,{sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$10," ").concat(e.space.$8)}),children:(0,t.FD)(x.l.Root,{onSubmit:I,children:[(0,t.Y)(K,{organizationCreationDefaults:e.organizationCreationDefaults}),(0,t.Y)(E.i,{organization:{name:S.value,imageUrl:null!=B?B:void 0},onAvatarChange:async e=>await D(e),onAvatarRemove:y||B?()=>(v.setIdle(),D(null)):null,showLoadingSpinner:!!B,avatarPreviewPlaceholder:(0,t.Y)(R.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,t.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,t.Y)(x.l.ControlRow,{elementId:S.id,children:(0,t.Y)(x.l.PlainInput,{...S.props,onChange:e=>{S.setValue(e.target.value),N((0,L.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),$&&(0,t.Y)(x.l.ControlRow,{elementId:U.id,children:(0,t.Y)(x.l.PlainInput,{...U.props,onChange:e=>N(e.target.value),isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,t.FD)(F.c,{sx:()=>({flexDirection:"column"}),children:[(0,t.Y)(x.l.SubmitButton,{block:!0,isDisabled:M,localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonSubmit")}),e.onCancel&&(0,t.Y)(x.l.ResetButton,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonReset"),onClick:e.onCancel})]})]})})]})},M=()=>{var e,a;let{signOut:n}=(0,i.ho)(),{user:o}=(0,i.Jd)(),{session:l}=(0,i.wV)(),{otherSessions:s}=(0,p.z)({user:o}),{navigateAfterSignOut:c,navigateAfterMultiSessionSingleSignOutUrl:u}=(0,r.g)(),h=null!=(e=null==o||null==(a=o.primaryEmailAddress)?void 0:a.emailAddress)?e:null==o?void 0:o.username;return(0,t.Y)(g.Z.Footer,{children:(0,t.FD)(g.Z.Action,{elementId:"signOut",gap:2,justify:"center",sx:()=>({width:"100%"}),children:[h&&(0,t.Y)(g.Z.ActionText,{truncate:!0,localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionText",{identifier:h})}),(0,t.Y)(g.Z.ActionLink,{sx:()=>({flexShrink:0}),onClick:()=>0===s.length?n(c):n(u,{sessionId:null==l?void 0:l.id}),localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionLink")})]})})},B=(0,h.dm)(e=>{let[a,n]=(0,o.useState)(e.initialFlow);return"create"===a?(0,t.Y)(N,{onCancel:"choose"===e.initialFlow?()=>n("choose"):void 0,organizationCreationDefaults:e.organizationCreationDefaults}):(0,t.Y)(D,{onCreateOrganizationClick:()=>n("create")})});function J(){return(0,t.Y)(s.n.Root,{flow:"taskChooseOrganization",children:(0,t.Y)(s.n.Part,{part:"organizationCreationDisabled",children:(0,t.FD)(g.Z.Root,{children:[(0,t.Y)(g.Z.Content,{children:(0,t.FD)(z.Y.Root,{showLogo:!0,children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.subtitle")})]})}),(0,t.Y)(M,{})]})})})}let V=(0,l.Z)((0,m.d)((0,h.dm)(()=>{var e;let{user:a}=(0,i.Jd)(),{userMemberships:n,userSuggestions:o,userInvitations:r}=(0,v.f)(),l=(0,i.OM)(),d=(null==n?void 0:n.isLoading)||(null==r?void 0:r.isLoading)||(null==o?void 0:o.isLoading)||(null==l?void 0:l.isLoading),h=!!((null==n?void 0:n.count)||(null==r?void 0:r.count)||(null==o?void 0:o.count));return d||(null==a?void 0:a.createOrganizationEnabled)||(null==a||null==(e=a.organizationMemberships)?void 0:e.length)!==0||h?(0,t.Y)(s.n.Root,{flow:"taskChooseOrganization",children:(0,t.Y)(s.n.Part,{part:"chooseOrganization",children:(0,t.FD)(g.Z.Root,{children:[(0,t.Y)(g.Z.Content,{sx:e=>({padding:"".concat(e.space.$8," ").concat(e.space.$none," ").concat(e.space.$none),gap:e.space.$7}),children:d?(0,t.Y)(c.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$100}),children:(0,t.Y)(c.y$,{size:"lg",colorScheme:"primary",elementDescriptor:u.$z.spinner})}):(0,t.Y)(B,{initialFlow:h?"choose":"create",organizationCreationDefaults:l.data})}),(0,t.Y)(M,{})]})})}):(0,t.Y)(J,{})}),"choose-organization"))},37902(e,a,n){n.d(a,{d:()=>r});var t=n(63640),i=n(7585),o=n(80649);let r=(e,a)=>{let n=e.displayName||e.name||"Component";e.displayName=n;let r=n=>{let r=(0,o.z1)();return(0,i.RE)(e,e=>{var n;return!(null==(n=e.session)?void 0:n.currentTask)||e.session.currentTask.key!==a&&!e.__internal_setActiveInProgress},e=>{var a;let{clerk:n}=e;return n.session?null!=(a=r.redirectUrlComplete)?a:n.buildAfterSignInUrl():n.buildSignInUrl()},t.A.cannotRenderComponentWhenTaskDoesNotExist)(n)};return r.displayName="withTaskGuard(".concat(n,")"),r}},26869(e,a,n){n.d(a,{Q:()=>v,r:()=>m}),n(15254),n(85281);var t=n(39339),i=n(36607),o=n(21097),r=n(52722),l=n(36054),s=n(29233),c=n(45072),u=n(59701),d=n(91902),g=n(91868),h=n(25135),z=n(58029),p=n(22974);let v=(0,u.createContext)(null),m=()=>{var e,a,n,m,b,C,f;let k=(0,u.useContext)(v),{navigate:Y,basePath:_,startPath:O}=(0,z.r)(),{displayConfig:y,userSettings:w}=(0,g.O)(),{queryParams:D,queryString:S}=(0,z.r)(),U=w.signUp.mode,$=(0,h.II)(),I=(0,s.ho)();if(null===k||"SignIn"!==k.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let P="restricted"!==U&&!!(!$.signUpUrl&&$.signInUrl&&!(0,c.vh)($.signInUrl))&&!1!==k.withSignUp||k.withSignUp||!1,{componentName:x,mode:F,...A}=k,R=(0,u.useMemo)(()=>(0,p.tf)(S,t.d),[]),G=new i.n($,{...A,signInFallbackRedirectUrl:A.signInFallbackRedirectUrl||A.fallbackRedirectUrl,signInForceRedirectUrl:A.signInForceRedirectUrl||A.forceRedirectUrl},D,F);delete A.fallbackRedirectUrl,delete A.forceRedirectUrl;let L=I.buildUrlWithAuth(G.getAfterSignInUrl()),T=I.buildUrlWithAuth(G.getAfterSignUpUrl()),E="path"===A.routing&&A.path||$.signInUrl||y.signInUrl,K=P?"path"===A.routing&&A.path||$.signUpUrl||y.signUpUrl:A.signUpUrl||$.signUpUrl||y.signUpUrl,Z=A.waitlistUrl||$.waitlistUrl||y.waitlistUrl,N=G.getPreservedSearchParams();E=(0,r.kZ)({base:E,hashSearchParams:[D,N]},{stringify:!0}),K=(0,r.kZ)({base:K,hashSearchParams:[D,N]},{stringify:!0}),Z=(0,r.kZ)({base:Z,hashSearchParams:[D,N]},{stringify:!0});let M=G.toSearchParams().toString(),B=(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+d.Vu:d.Vu}),J=(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+d.aB:d.aB});P&&(K=(0,r.kZ)({base:E,hashPath:"/create",hashSearchParams:[D,N]},{stringify:!0}));let V=(0,r.kZ)({base:K,hashPath:"/continue"},{stringify:!0}),H=async e=>{let{session:a,redirectUrl:n,decorateUrl:t}=e,i=a.currentTask;if(!i){let e=t(n);return e!==n&&/^https?:\/\//.test(e)?void(0,l.y7)(e):Y(n)}let r=(0,o.ru)(i);return Y("/".concat(_+O+(P?"/create"+r:r)))},W=(null==(n=I.session)?void 0:n.currentTask)?null!=(e=null==(b=I.__internal_getOption("taskUrls"))?void 0:b[null==(m=I.session)?void 0:m.currentTask.key])?e:(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+(0,o.ru)(null==(C=I.session)?void 0:C.currentTask):(0,o.ru)(null==(f=I.session)?void 0:f.currentTask)}):null;return{...A,transferable:null==(a=A.transferable)||a,oauthFlow:A.oauthFlow||"auto",componentName:x,signUpUrl:K,signInUrl:E,waitlistUrl:Z,afterSignInUrl:L,afterSignUpUrl:T,emailLinkRedirectUrl:B,ssoCallbackUrl:J,navigateAfterSignIn:()=>Y(L),signUpContinueUrl:V,queryParams:D,initialValues:{...A.initialValues,...R},authQueryString:M,isCombinedFlow:P,navigateOnSetActive:H,taskUrl:W}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["295"],{23374(e,a,n){n.d(a,{i:()=>c});var t=n(59763),i=n(44176),o=n(58695),r=n(12597),l=n(26447),s=n(78342);let c=e=>{let{organization:a,showLoadingSpinner:n,...c}=e;return(0,t.FD)(r.fv,{elementDescriptor:l.$z.organizationAvatarUploaderContainer,children:[(0,t.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,t.Y)(i.k,{...c,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,t.Y)(o.h,{size:e=>e.sizes.$16,showLoadingSpinner:n,...a})})]})}},48590(e,a,n){n.d(a,{l_:()=>i,mu:()=>t}),n(42949),n(37891),n(18723);let t={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},i=(e,a,n)=>{var t;if(void 0===a)return[{data:[e],total_count:1}];let i=(null==a||null==(t=a[a.length-1])?void 0:t.total_count)||1;return a.map(a=>{if(void 0===a)return a;let t=a.data.map(a=>a.id===e.id?{...e}:a);return{...a,data:t,total_count:"negative"===n?i-1:i}})}},58944(e,a,n){n.r(a),n.d(a,{TaskChooseOrganization:()=>V}),n(36395);var t=n(59763),i=n(55716),o=n(59701),r=n(69832),l=n(84676),s=n(41522),c=n(12597),u=n(26447),d=n(78342),g=n(27904),h=n(17308),z=n(42824),p=n(44672),v=n(56140),m=n(37902);n(42949),n(18723),n(37891);var b=n(41457),C=n(1878),f=n(37463),k=n(48590),Y=n(80649),_=n(68627),O=n(67816),y=n(67746),w=n(30869);let D=e=>{var a,n,o;let r=(0,h.f0)(),{user:l}=(0,i.Jd)(),{ref:s,userMemberships:p,userSuggestions:m,userInvitations:b}=(0,v.f)(),C=(null==p?void 0:p.isLoading)||(null==b?void 0:b.isLoading)||(null==m?void 0:m.isLoading),k=(null==p?void 0:p.hasNextPage)||(null==b?void 0:b.hasNextPage)||(null==m?void 0:m.hasNextPage),Y=null==(a=b.data)?void 0:a.filter(e=>!!e),_=null==(n=m.data)?void 0:n.filter(e=>!!e);return(0,t.FD)(t.FK,{children:[(0,t.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$8)}),children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(null==l?void 0:l.createOrganizationEnabled)?(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle"):(0,d.G)("taskChooseOrganization.chooseOrganization.subtitle__createOrganizationDisabled")})]}),(0,t.Y)(g.Z.Alert,{sx:e=>({margin:"".concat(e.space.$none," ").concat(e.space.$8)}),children:r.error}),(0,t.Y)(c.fv,{elementDescriptor:u.$z.main,children:(0,t.Y)(f.os,{elementDescriptor:u.$z.taskChooseOrganizationPreviewItems,children:(0,t.FD)(O.En,{role:"menu",children:[(p.count||0)>0&&(null==(o=p.data)?void 0:o.map(e=>(0,t.Y)(S,{...e},e.id))),!p.hasNextPage&&(null==Y?void 0:Y.map(e=>(0,t.Y)(U,{...e},e.id))),!p.hasNextPage&&!b.hasNextPage&&(null==_?void 0:_.map(e=>(0,t.Y)($,{...e},e.id))),(k||C)&&(0,t.Y)(f.JF,{ref:s}),(0,t.Y)(I,{onCreateOrganizationClick:()=>{r.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},S=e=>{let{user:a}=(0,i.Jd)(),n=(0,h.f0)(),{navigateOnSetActive:o}=(0,Y.z1)(),{redirectUrlComplete:r}=(0,Y.u3)(),{isLoaded:l,setActive:s}=(0,i.D_)(),{t:c}=(0,_._)();return l?(0,t.Y)(f.SH,{elementDescriptor:u.$z.taskChooseOrganizationPreviewButton,onClick:()=>{let t;return t=e.organization,n.runAsync(async()=>{try{await s({organization:t,navigate:async e=>{let{session:a,decorateUrl:n}=e;await (null==o?void 0:o({session:a,redirectUrlComplete:r,decorateUrl:n}))}})}catch(t){var e,i;if(!(0,b.$R)(t))return void(0,w.H4)(t,[],n.setError);switch(null==(i=t.errors)||null==(e=i[0])?void 0:e.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":(null==a?void 0:a.createOrganizationEnabled)?n.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized"))):n.setError(c((0,d.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,w.H4)(t,[],n.setError)}}})},children:(0,t.Y)(y.Q,{elementId:"taskChooseOrganization",mainIdentifierSx:f.Vc,organization:e.organization})}):null},U=e=>{let a=(0,h.f0)(),{getOrganization:n}=(0,i.ho)(),[r,l]=(0,o.useState)(null),{userInvitations:s}=(0,i.D_)({userInvitations:k.mu.userInvitations});return r?(0,t.Y)(S,{organization:r}):(0,t.Y)(f.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:(0,t.Y)(f.D3,{isLoading:a.isLoading,onClick:()=>a.runAsync(async()=>[await e.accept(),await n(e.publicOrganizationData.id)]).then(e=>{var a;let[n,t]=e;null==s||null==(a=s.setData)||a.call(s,e=>(0,k.l_)(n,e,"negative")),l(t)}).catch(e=>(0,w.H4)(e,[],a.setError)),localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__invitationAccept")})})},$=(0,h.dm)(e=>{let a=(0,h.f0)(),{userSuggestions:n}=(0,i.D_)({userSuggestions:k.mu.userSuggestions});return(0,t.Y)(f.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:"accepted"===e.status?(0,t.Y)(c.EY,{colorScheme:"secondary",localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel")}):(0,t.Y)(f.D3,{onClick:()=>a.runAsync(e.accept).then(e=>{var a;return null==n||null==(a=n.setData)?void 0:a.call(n,a=>(0,k.l_)(e,a))}).catch(e=>(0,w.H4)(e,[],a.setError)),isLoading:a.isLoading,localizationKey:(0,d.G)("taskChooseOrganization.chooseOrganization.action__suggestionsAccept")})})}),I=e=>{let{onCreateOrganizationClick:a}=e;return(0,t.Y)(C._,{elementDescriptor:u.$z.taskChooseOrganizationCreateOrganizationActionButton,label:(0,d.G)("taskChooseOrganization.chooseOrganization.action__createOrganization"),onClick:a,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:"".concat(e.space.$5," ").concat(e.space.$5)}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})})};n(73560),n(71045);var P=n(91868),x=n(17447),F=n(46600),A=n(5870),R=n(4874),G=n(2369),L=n(61308),T=n(51637),E=n(23374);function K(e){let{organizationCreationDefaults:a}=e,n=Z(null==a?void 0:a.advisory);return n?(0,t.Y)(c.Fc,{colorScheme:"warning",children:(0,t.Y)(c.EY,{colorScheme:"warning",localizationKey:n,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=>{var a,n,r,l,s,u,g,p;let v=(0,h.f0)(),{navigateOnSetActive:m}=(0,Y.z1)(),{redirectUrlComplete:b}=(0,Y.u3)(),{createOrganization:C,isLoaded:f,setActive:_}=(0,i.D_)({userMemberships:k.mu.userMemberships}),{organizationSettings:O}=(0,P.O)(),[y,D]=(0,o.useState)(),S=(0,T.tJ)("name",null!=(a=null==(l=e.organizationCreationDefaults)||null==(r=l.form)?void 0:r.name)?a:"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__name"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name")}),U=(0,T.tJ)("slug",null!=(n=null==(u=e.organizationCreationDefaults)||null==(s=u.form)?void 0:s.slug)?n:"",{type:"text",label:(0,d.G)("taskChooseOrganization.createOrganization.formFieldLabel__slug"),placeholder:(0,d.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug")}),$=!O.slug.disabled,I=async e=>{if(e.preventDefault(),f)try{let e={name:S.value};$&&(e.slug=U.value);let a=await C(e),n=Z(a);await Promise.allSettled([n]),await _({organization:a,navigate:async e=>{let{session:a,decorateUrl:n}=e;await (null==m?void 0:m({session:a,redirectUrlComplete:b,decorateUrl:n}))}})}catch(e){(0,w.H4)(e,[S,U],v.setError)}},Z=async e=>{if(y)await e.setLogo({file:y});else if(B){let a=await fetch(B),n=await a.blob(),t=new File([n],"logo",{type:n.type});await e.setLogo({file:t})}},N=e=>{U.setValue(e)},M=!S.value||!f,B=void 0===y?null==(p=e.organizationCreationDefaults)||null==(g=p.form)?void 0:g.logo:void 0;return(0,t.FD)(t.FK,{children:[(0,t.FD)(z.Y.Root,{showLogo:!0,sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$8)}),children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.subtitle")})]}),(0,t.Y)(A.M,{sx:e=>({padding:"".concat(e.space.$none," ").concat(e.space.$10," ").concat(e.space.$8)}),children:(0,t.FD)(x.l.Root,{onSubmit:I,children:[(0,t.Y)(K,{organizationCreationDefaults:e.organizationCreationDefaults}),(0,t.Y)(E.i,{organization:{name:S.value,imageUrl:null!=B?B:void 0},onAvatarChange:async e=>await D(e),onAvatarRemove:y||B?()=>(v.setIdle(),D(null)):null,showLoadingSpinner:!!B,avatarPreviewPlaceholder:(0,t.Y)(R.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,t.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,t.Y)(x.l.ControlRow,{elementId:S.id,children:(0,t.Y)(x.l.PlainInput,{...S.props,onChange:e=>{S.setValue(e.target.value),N((0,L.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),$&&(0,t.Y)(x.l.ControlRow,{elementId:U.id,children:(0,t.Y)(x.l.PlainInput,{...U.props,onChange:e=>N(e.target.value),isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,t.FD)(F.c,{sx:()=>({flexDirection:"column"}),children:[(0,t.Y)(x.l.SubmitButton,{block:!0,isDisabled:M,localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonSubmit")}),e.onCancel&&(0,t.Y)(x.l.ResetButton,{localizationKey:(0,d.G)("taskChooseOrganization.createOrganization.formButtonReset"),onClick:e.onCancel})]})]})})]})},M=()=>{var e,a;let{signOut:n}=(0,i.ho)(),{user:o}=(0,i.Jd)(),{session:l}=(0,i.wV)(),{otherSessions:s}=(0,p.z)({user:o}),{navigateAfterSignOut:c,navigateAfterMultiSessionSingleSignOutUrl:u}=(0,r.g)(),h=null!=(e=null==o||null==(a=o.primaryEmailAddress)?void 0:a.emailAddress)?e:null==o?void 0:o.username;return(0,t.Y)(g.Z.Footer,{children:(0,t.FD)(g.Z.Action,{elementId:"signOut",gap:2,justify:"center",sx:()=>({width:"100%"}),children:[h&&(0,t.Y)(g.Z.ActionText,{truncate:!0,localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionText",{identifier:h})}),(0,t.Y)(g.Z.ActionLink,{sx:()=>({flexShrink:0}),onClick:()=>0===s.length?n(c):n(u,{sessionId:null==l?void 0:l.id}),localizationKey:(0,d.G)("taskChooseOrganization.signOut.actionLink")})]})})},B=(0,h.dm)(e=>{let[a,n]=(0,o.useState)(e.initialFlow);return"create"===a?(0,t.Y)(N,{onCancel:"choose"===e.initialFlow?()=>n("choose"):void 0,organizationCreationDefaults:e.organizationCreationDefaults}):(0,t.Y)(D,{onCreateOrganizationClick:()=>n("create")})});function J(){return(0,t.Y)(s.n.Root,{flow:"taskChooseOrganization",children:(0,t.Y)(s.n.Part,{part:"organizationCreationDisabled",children:(0,t.FD)(g.Z.Root,{children:[(0,t.Y)(g.Z.Content,{children:(0,t.FD)(z.Y.Root,{showLogo:!0,children:[(0,t.Y)(z.Y.Title,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.title")}),(0,t.Y)(z.Y.Subtitle,{localizationKey:(0,d.G)("taskChooseOrganization.organizationCreationDisabled.subtitle")})]})}),(0,t.Y)(M,{})]})})})}let V=(0,l.Z)((0,m.d)((0,h.dm)(()=>{var e;let{user:a}=(0,i.Jd)(),{userMemberships:n,userSuggestions:o,userInvitations:r}=(0,v.f)(),l=(0,i.OM)(),d=(null==n?void 0:n.isLoading)||(null==r?void 0:r.isLoading)||(null==o?void 0:o.isLoading)||(null==l?void 0:l.isLoading),h=!!((null==n?void 0:n.count)||(null==r?void 0:r.count)||(null==o?void 0:o.count));return d||(null==a?void 0:a.createOrganizationEnabled)||(null==a||null==(e=a.organizationMemberships)?void 0:e.length)!==0||h?(0,t.Y)(s.n.Root,{flow:"taskChooseOrganization",children:(0,t.Y)(s.n.Part,{part:"chooseOrganization",children:(0,t.FD)(g.Z.Root,{children:[(0,t.Y)(g.Z.Content,{sx:e=>({padding:"".concat(e.space.$8," ").concat(e.space.$none," ").concat(e.space.$none),gap:e.space.$7}),children:d?(0,t.Y)(c.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$100}),children:(0,t.Y)(c.y$,{size:"lg",colorScheme:"primary",elementDescriptor:u.$z.spinner})}):(0,t.Y)(B,{initialFlow:h?"choose":"create",organizationCreationDefaults:l.data})}),(0,t.Y)(M,{})]})})}):(0,t.Y)(J,{})}),"choose-organization"))},37902(e,a,n){n.d(a,{d:()=>r});var t=n(63640),i=n(7585),o=n(80649);let r=(e,a)=>{let n=e.displayName||e.name||"Component";e.displayName=n;let r=n=>{let r=(0,o.z1)();return(0,i.RE)(e,e=>{var n;return!(null==(n=e.session)?void 0:n.currentTask)||e.session.currentTask.key!==a&&!e.__internal_setActiveInProgress},e=>{var a;let{clerk:n}=e;return n.session?null!=(a=r.redirectUrlComplete)?a:n.buildAfterSignInUrl():n.buildSignInUrl()},t.A.cannotRenderComponentWhenTaskDoesNotExist)(n)};return r.displayName="withTaskGuard(".concat(n,")"),r}},26869(e,a,n){n.d(a,{Q:()=>v,r:()=>m}),n(15254),n(85281);var t=n(39339),i=n(36607),o=n(21097),r=n(52722),l=n(36054),s=n(55716),c=n(45072),u=n(59701),d=n(91902),g=n(91868),h=n(25135),z=n(58029),p=n(22974);let v=(0,u.createContext)(null),m=()=>{var e,a,n,m,b,C,f;let k=(0,u.useContext)(v),{navigate:Y,basePath:_,startPath:O}=(0,z.r)(),{displayConfig:y,userSettings:w}=(0,g.O)(),{queryParams:D,queryString:S}=(0,z.r)(),U=w.signUp.mode,$=(0,h.II)(),I=(0,s.ho)();if(null===k||"SignIn"!==k.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let P="restricted"!==U&&!!(!$.signUpUrl&&$.signInUrl&&!(0,c.vh)($.signInUrl))&&!1!==k.withSignUp||k.withSignUp||!1,{componentName:x,mode:F,...A}=k,R=(0,u.useMemo)(()=>(0,p.tf)(S,t.d),[]),G=new i.n($,{...A,signInFallbackRedirectUrl:A.signInFallbackRedirectUrl||A.fallbackRedirectUrl,signInForceRedirectUrl:A.signInForceRedirectUrl||A.forceRedirectUrl},D,F);delete A.fallbackRedirectUrl,delete A.forceRedirectUrl;let L=I.buildUrlWithAuth(G.getAfterSignInUrl()),T=I.buildUrlWithAuth(G.getAfterSignUpUrl()),E="path"===A.routing&&A.path||$.signInUrl||y.signInUrl,K=P?"path"===A.routing&&A.path||$.signUpUrl||y.signUpUrl:A.signUpUrl||$.signUpUrl||y.signUpUrl,Z=A.waitlistUrl||$.waitlistUrl||y.waitlistUrl,N=G.getPreservedSearchParams();E=(0,r.kZ)({base:E,hashSearchParams:[D,N]},{stringify:!0}),K=(0,r.kZ)({base:K,hashSearchParams:[D,N]},{stringify:!0}),Z=(0,r.kZ)({base:Z,hashSearchParams:[D,N]},{stringify:!0});let M=G.toSearchParams().toString(),B=(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+d.Vu:d.Vu}),J=(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+d.aB:d.aB});P&&(K=(0,r.kZ)({base:E,hashPath:"/create",hashSearchParams:[D,N]},{stringify:!0}));let V=(0,r.kZ)({base:K,hashPath:"/continue"},{stringify:!0}),H=async e=>{let{session:a,redirectUrl:n,decorateUrl:t}=e,i=a.currentTask;if(!i){let e=t(n);return e!==n&&/^https?:\/\//.test(e)?void(0,l.y7)(e):Y(n)}let r=(0,o.ru)(i);return Y("/".concat(_+O+(P?"/create"+r:r)))},W=(null==(n=I.session)?void 0:n.currentTask)?null!=(e=null==(b=I.__internal_getOption("taskUrls"))?void 0:b[null==(m=I.session)?void 0:m.currentTask.key])?e:(0,d.aQ)({routing:A.routing,baseUrl:E,authQueryString:M,path:A.path,endpoint:P?"/create"+(0,o.ru)(null==(C=I.session)?void 0:C.currentTask):(0,o.ru)(null==(f=I.session)?void 0:f.currentTask)}):null;return{...A,transferable:null==(a=A.transferable)||a,oauthFlow:A.oauthFlow||"auto",componentName:x,signUpUrl:K,signInUrl:E,waitlistUrl:Z,afterSignInUrl:L,afterSignUpUrl:T,emailLinkRedirectUrl:B,ssoCallbackUrl:J,navigateAfterSignIn:()=>Y(L),signUpContinueUrl:V,queryParams:D,initialValues:{...A.initialValues,...R},authQueryString:M,isCombinedFlow:P,navigateOnSetActive:H,taskUrl:W}}}}]);

package/dist/{295_ui_026e8a_1.7.0-snapshot.v20260429150611.js → 295_ui_ad69ce_1.7.0.js}

@@ -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(2597),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(9529),o=t(9701),r=t(9832),s=t(4676),l=t(1522),c=t(2597),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(8627),$=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(2369),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(9339),n=t(6607),o=t(1097),r=t(2722),s=t(6054),l=t(9529),c=t(9151),g=t(9701),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}}}}]);
+"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(2597),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(4411),o=t(9701),r=t(9832),s=t(4676),l=t(1522),c=t(2597),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(8627),$=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(2369),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(9339),n=t(6607),o=t(1097),r=t(2722),s=t(6054),l=t(4411),c=t(9151),g=t(9701),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}}}}]);

package/dist/{295_ui_b9f6ca_1.7.0-snapshot.v20260429150611.js → 295_ui_c49122_1.7.0.js}

@@ -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(2597),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(9529),o=t(630),r=t(9832),s=t(4676),l=t(1522),c=t(2597),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(8627),$=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(2369),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(1720),n=t(6607),o=t(1097),r=t(2722),s=t(6054),l=t(9529),c=t(9151),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}}}}]);
+"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(2597),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(4411),o=t(630),r=t(9832),s=t(4676),l=t(1522),c=t(2597),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(8627),$=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(2369),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(1720),n=t(6607),o=t(1097),r=t(2722),s=t(6054),l=t(4411),c=t(9151),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}}}}]);

package/dist/{37_ui_c422d4_1.7.0-snapshot.v20260429150611.js → 37_ui_1adcfa_1.7.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{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(12597),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:()=>P,Mo:()=>G,bL:()=>T}),n(36395);var i=n(59763),a=n(29233),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(68627),y=n(78342),b=n(12597),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"),S=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,h.XX)(),s=(0,o.useRef)(null),{t:p}=(0,m._)(),[b,Y]=(0,o.useState)(void 0),[v,$]=(0,o.useState)(void 0),[x,f]=(0,o.useState)(void 0),z=(t=s.current,n=(0,g.K)().parsedInternalTheme,(0,o.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:a,radii:o,space:r}=n;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",i.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",i.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",i.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",a.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",a.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",a.$md),fontSizeXs:(0,u.yJ)(t,"font-size",a.$sm),borderRadius:(0,u.yJ)(t,"border-radius",o.$lg),spacingUnit:(0,u.yJ)(t,"padding",r.$1)}},[n,t]));return(0,i.FD)(D.Provider,{value:{value:{headerTitle:b,headerSubtitle:v,submitLabel: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})]})},F=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},T=e=>{let{children:t,...n}=e;return(0,i.FD)(S,{...n,children:[(0,i.Y)(F,{children:(0,i.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})})}),(0,i.Y)(M,{children:(0,i.Y)(k,{children:t})})]})},w=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return w(t,n),null},P=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return w(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return w(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:o,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),v=(0,h.N7)(),{isFormReady:$,submit:x,reset:D}=(0,a.Jl)(),S=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:S,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(12597),o=n(26447),r=n(78342),l=n(9616),c=n(28320);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:()=>F}),n(73560),n(42949),n(37891),n(61203);var i=n(59763),a=n(29233),o=n(59701),r=n(17308),l=n(70842),c=n(86516),d=n(86875),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(68627),f=n(12597);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,{})})]})}),S=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,h.XX)(),p=(0,h.N7)(),g=(0,o.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,a.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],c.setError)})};return(0,i.Y)(u.P,{title:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},F=(0,r.dm)(()=>{let e=(0,a.ho)(),t=(0,h.XX)(),n=(0,h.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),p=(0,o.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return r?(0,i.Y)(c.rd.Root,{title:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.title")),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.Y)(y.r.Root,{children:(0,i.Y)(c.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:s?(0,i.Y)(l.K,{}):(0,i.FD)(i.FK,{children:[p.map(e=>(0,i.FD)(o.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(v.O,{paymentMethod:e}),(0,i.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(S,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(z,{onSuccess:u})})})]})]})})})}):null}),M=e=>{let{paymentMethod:t,revalidate:n}=e,{open:o}=(0,b.D5)(),l=(0,r.f0)(),c=(0,h.XX)(),u=(0,h.N7)(),p=(0,a.It)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>o("remove-".concat(t.id)),isDisabled:!t.isRemovable}];return t.isDefault||g.unshift({label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__default")),isDestructive:!1,onClick:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],l.setError)})},isDisabled:!1}),(0,i.Y)(d.o,{actions:g})}},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(12597),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:()=>$}),n(42949),n(12021),n(37891);var i=n(59763),a=n(59701),o=n(82396),r=n(86516),l=n(8343),c=n(79229),d=n(12861),s=n(91868),u=n(12597),p=n(78342),h=n(85735),g=n(96014),m=n(95848),y=n(85198),b=n(26130),Y=n(58029),v=n(45760);function $(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:y}=e,b=(0,c.N7)(),v=(0,c.XX)(),{subscriptionItems:$}=(0,d.Rs)(),f=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===v,{navigate:D}=(0,Y.r)(),{commerceSettings:z}=(0,s.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===v||z.billing.organization.hasPaidPlans&&"organization"===v,M=(0,a.useMemo)(()=>$.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[$]),T=f&&!M&&$.length>0,w=(0,a.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,i.FD)(r.rd.Root,{id:"subscriptionsList",title:t,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.length>0&&(0,i.FD)(u.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,i.Y)(u.d8,{children:(0,i.FD)(u.Tr,{children:[(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.Y)(u.NN,{children:w.map(e=>(0,i.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:$.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:y,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x(e){var t;let{subscriptionItem:n,length:o}=e,r="annual"===n.planPeriod?n.plan.annualFee:n.plan.fee,{captionForSubscription:c}=(0,d.D)(),s=(0,a.useMemo)(()=>(0,d.Ij)(r.amountFormatted),[r.amountFormatted]),h=null==(t=n.seats)?void 0:t.quantity;return(0,i.FD)(a.Fragment,{children:[(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.FD)(u.fv,{gap:1,children:[(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:n.plan.name}),n.isFreeTrial||o>1||n.canceledAt?(0,i.Y)(v.V,{subscription:n.isFreeTrial?{status:"free_trial"}:n}):null]}),(!n.plan.isDefault||"upcoming"===n.status)&&(0,i.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:c(n)})]})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(u.EY,{variant:"subtitle",children:[r.currencySymbol,s,r.amount>0&&(0,i.Y)(u.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===n.planPeriod?(0,p.G)("billing.year"):(0,p.G)("billing.month")})]})})]}),void 0!==h?(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.Y)(u.fv,{gap:1,children:(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,p.G)("billing.seats")})]})})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.Y)(u.EY,{variant:"subtitle",localizationKey:null===h?(0,p.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,p.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:h})})})]}):null]},n.id)}},45760(e,t,n){n.d(t,{V:()=>c});var i=n(59763),a=n(12597),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])})}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{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(12597),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:()=>P,Mo:()=>G,bL:()=>T}),n(36395);var i=n(59763),a=n(55716),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(68627),y=n(78342),b=n(12597),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"),S=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,h.XX)(),s=(0,o.useRef)(null),{t:p}=(0,m._)(),[b,Y]=(0,o.useState)(void 0),[v,$]=(0,o.useState)(void 0),[x,f]=(0,o.useState)(void 0),z=(t=s.current,n=(0,g.K)().parsedInternalTheme,(0,o.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:a,radii:o,space:r}=n;return{colorPrimary:(0,u.G3)(t,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(t,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(t,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(t,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(t,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(t,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(t,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(t,"font-weight",i.$normal.toString()),fontWeightMedium:(0,u.yJ)(t,"font-weight",i.$medium.toString()),fontWeightBold:(0,u.yJ)(t,"font-weight",i.$bold.toString()),fontSizeXl:(0,u.yJ)(t,"font-size",a.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",a.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",a.$md),fontSizeXs:(0,u.yJ)(t,"font-size",a.$sm),borderRadius:(0,u.yJ)(t,"border-radius",o.$lg),spacingUnit:(0,u.yJ)(t,"padding",r.$1)}},[n,t]));return(0,i.FD)(D.Provider,{value:{value:{headerTitle:b,headerSubtitle:v,submitLabel: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})]})},F=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,a.Jl)();return t?(0,i.Y)(i.FK,{children:e.children}):null},T=e=>{let{children:t,...n}=e;return(0,i.FD)(S,{...n,children:[(0,i.Y)(F,{children:(0,i.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,i.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})})}),(0,i.Y)(M,{children:(0,i.Y)(k,{children:t})})]})},w=(e,t)=>{(0,o.useRef)(()=>{t(e)}),(0,o.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return w(t,n),null},P=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return w(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return w(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:o,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),v=(0,h.N7)(),{isFormReady:$,submit:x,reset:D}=(0,a.Jl)(),S=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:S,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(12597),o=n(26447),r=n(78342),l=n(9616),c=n(28320);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:()=>F}),n(73560),n(42949),n(37891),n(61203);var i=n(59763),a=n(55716),o=n(59701),r=n(17308),l=n(70842),c=n(86516),d=n(86875),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(68627),f=n(12597);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,{})})]})}),S=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,h.XX)(),p=(0,h.N7)(),g=(0,o.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,a.It)();if(!g.current)return null;let Y=async()=>{await t.remove({orgId:"organization"===d?null==y?void 0:y.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],c.setError)})};return(0,i.Y)(u.P,{title:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(p,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},F=(0,r.dm)(()=>{let e=(0,a.ho)(),t=(0,h.XX)(),n=(0,h.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),p=(0,o.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return r?(0,i.Y)(c.rd.Root,{title:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.title")),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.Y)(y.r.Root,{children:(0,i.Y)(c.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:s?(0,i.Y)(l.K,{}):(0,i.FD)(i.FK,{children:[p.map(e=>(0,i.FD)(o.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(v.O,{paymentMethod:e}),(0,i.Y)(M,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(S,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(z,{onSuccess:u})})})]})]})})})}):null}),M=e=>{let{paymentMethod:t,revalidate:n}=e,{open:o}=(0,b.D5)(),l=(0,r.f0)(),c=(0,h.XX)(),u=(0,h.N7)(),p=(0,a.It)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>o("remove-".concat(t.id)),isDisabled:!t.isRemovable}];return t.isDefault||g.unshift({label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__default")),isDestructive:!1,onClick:()=>{t.makeDefault({orgId:"organization"===c?null==p?void 0:p.id:void 0}).then(n).catch(e=>{(0,s.H4)(e,[],l.setError)})},isDisabled:!1}),(0,i.Y)(d.o,{actions:g})}},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(12597),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:()=>$}),n(42949),n(12021),n(37891);var i=n(59763),a=n(59701),o=n(82396),r=n(86516),l=n(8343),c=n(79229),d=n(12861),s=n(91868),u=n(12597),p=n(78342),h=n(85735),g=n(96014),m=n(95848),y=n(85198),b=n(26130),Y=n(58029),v=n(45760);function $(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:y}=e,b=(0,c.N7)(),v=(0,c.XX)(),{subscriptionItems:$}=(0,d.Rs)(),f=(0,o.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===v,{navigate:D}=(0,Y.r)(),{commerceSettings:z}=(0,s.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===v||z.billing.organization.hasPaidPlans&&"organization"===v,M=(0,a.useMemo)(()=>$.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[$]),T=f&&!M&&$.length>0,w=(0,a.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,i.FD)(r.rd.Root,{id:"subscriptionsList",title:t,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.length>0&&(0,i.FD)(u.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,i.Y)(u.d8,{children:(0,i.FD)(u.Tr,{children:[(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(u.Th,{localizationKey:(0,p.G)("".concat(b,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.Y)(u.NN,{children:w.map(e=>(0,i.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:$.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:y,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x(e){var t;let{subscriptionItem:n,length:o}=e,r="annual"===n.planPeriod?n.plan.annualFee:n.plan.fee,{captionForSubscription:c}=(0,d.D)(),s=(0,a.useMemo)(()=>(0,d.Ij)(r.amountFormatted),[r.amountFormatted]),h=null==(t=n.seats)?void 0:t.quantity;return(0,i.FD)(a.Fragment,{children:[(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.FD)(u.fv,{gap:1,children:[(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:n.plan.name}),n.isFreeTrial||o>1||n.canceledAt?(0,i.Y)(v.V,{subscription:n.isFreeTrial?{status:"free_trial"}:n}):null]}),(!n.plan.isDefault||"upcoming"===n.status)&&(0,i.Y)(u.EY,{variant:"caption",colorScheme:"secondary",localizationKey:c(n)})]})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(u.EY,{variant:"subtitle",children:[r.currencySymbol,s,r.amount>0&&(0,i.Y)(u.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===n.planPeriod?(0,p.G)("billing.year"):(0,p.G)("billing.month")})]})})]}),void 0!==h?(0,i.FD)(u.Tr,{sx:e=>"upcoming"===n.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(u.Td,{children:(0,i.Y)(u.fv,{gap:1,children:(0,i.FD)(u.so,{align:"center",gap:1,children:[(0,i.Y)(u.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(u.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,p.G)("billing.seats")})]})})}),(0,i.Y)(u.Td,{sx:e=>({textAlign:"end"}),children:(0,i.Y)(u.EY,{variant:"subtitle",localizationKey:null===h?(0,p.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,p.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:h})})})]}):null]},n.id)}},45760(e,t,n){n.d(t,{V:()=>c});var i=n(59763),a=n(12597),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/{37_ui_026e8a_1.7.0-snapshot.v20260429150611.js → 37_ui_ad69ce_1.7.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{8107(e,t,i){i.d(t,{v:()=>u});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),s=i(9229),d=i(8342),c=i(2597),p=i(8029);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s||l||d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(9763),r=i(9529),a=i(9701),o=i(7904),l=i(7308),s=i(7447),d=i(6600),c=i(5870),p=i(3539),u=i(869),h=i(9229),g=i(9735),m=i(8627),y=i(8342),b=i(2597),$=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"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit: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,u.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>d});var n=i(9763),r=i(2597),a=i(6447),o=i(8342),l=i(9616),s=i(8320);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},2840(e,t,i){i.d(t,{b:()=>F});var n=i(9763),r=i(9529),a=i(9701),o=i(7308),l=i(842),s=i(6516),d=i(6875),c=i(869),p=i(7547),u=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(8627),f=i(2597);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)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},4225(e,t,i){i.d(t,{T:()=>u});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),s=i(8342),d=i(2597),c=i(8029),p=i(5747);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>v});var n=i(9763),r=i(9701),a=i(2396),o=i(6516),l=i(8343),s=i(9229),d=i(2861),c=i(1868),p=i(2597),u=i(8342),h=i(5735),g=i(6014),m=i(3467),y=i(5198),b=i(6130),$=i(8029),Y=i(5760);function v({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===b,{navigate:D}=(0,$.r)(),{commerceSettings:z}=(0,c.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===b||z.billing.organization.hasPaidPlans&&"organization"===b,M=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),T=f&&!M&&Y.length>0,w=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:w.map(e=>(0,n.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial||t>1||e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault||"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>s});var n=i(9763),r=i(2597),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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{8107(e,t,i){i.d(t,{v:()=>u});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),s=i(9229),d=i(8342),c=i(2597),p=i(8029);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s||l||d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(9763),r=i(4411),a=i(9701),o=i(7904),l=i(7308),s=i(7447),d=i(6600),c=i(5870),p=i(3539),u=i(869),h=i(9229),g=i(9735),m=i(8627),y=i(8342),b=i(2597),$=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"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit: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,u.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>d});var n=i(9763),r=i(2597),a=i(6447),o=i(8342),l=i(9616),s=i(8320);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},2840(e,t,i){i.d(t,{b:()=>F});var n=i(9763),r=i(4411),a=i(9701),o=i(7308),l=i(842),s=i(6516),d=i(6875),c=i(869),p=i(7547),u=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(8627),f=i(2597);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)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},4225(e,t,i){i.d(t,{T:()=>u});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),s=i(8342),d=i(2597),c=i(8029),p=i(5747);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>v});var n=i(9763),r=i(9701),a=i(2396),o=i(6516),l=i(8343),s=i(9229),d=i(2861),c=i(1868),p=i(2597),u=i(8342),h=i(5735),g=i(6014),m=i(3467),y=i(5198),b=i(6130),$=i(8029),Y=i(5760);function v({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===b,{navigate:D}=(0,$.r)(),{commerceSettings:z}=(0,c.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===b||z.billing.organization.hasPaidPlans&&"organization"===b,M=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),T=f&&!M&&Y.length>0,w=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:w.map(e=>(0,n.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial||t>1||e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault||"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>s});var n=i(9763),r=i(2597),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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);

package/dist/{37_ui_b9f6ca_1.7.0-snapshot.v20260429150611.js → 37_ui_c49122_1.7.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{8107(e,t,i){i.d(t,{v:()=>u});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),s=i(9229),d=i(8342),c=i(2597),p=i(8029);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s||l||d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(9763),r=i(9529),a=i(630),o=i(7904),l=i(7308),s=i(7447),d=i(6600),c=i(5870),p=i(3539),u=i(869),h=i(9229),g=i(9735),m=i(8627),y=i(8342),b=i(2597),$=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"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit: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,u.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>d});var n=i(9763),r=i(2597),a=i(6447),o=i(8342),l=i(9616),s=i(8320);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},2840(e,t,i){i.d(t,{b:()=>F});var n=i(9763),r=i(9529),a=i(630),o=i(7308),l=i(842),s=i(6516),d=i(6875),c=i(869),p=i(7547),u=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(8627),f=i(2597);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)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},4225(e,t,i){i.d(t,{T:()=>u});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),s=i(8342),d=i(2597),c=i(8029),p=i(5747);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>v});var n=i(9763),r=i(630),a=i(2396),o=i(6516),l=i(8343),s=i(9229),d=i(2861),c=i(1868),p=i(2597),u=i(8342),h=i(5735),g=i(6014),m=i(3467),y=i(5198),b=i(6130),$=i(8029),Y=i(5760);function v({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===b,{navigate:D}=(0,$.r)(),{commerceSettings:z}=(0,c.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===b||z.billing.organization.hasPaidPlans&&"organization"===b,M=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),T=f&&!M&&Y.length>0,w=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:w.map(e=>(0,n.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial||t>1||e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault||"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>s});var n=i(9763),r=i(2597),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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["37"],{8107(e,t,i){i.d(t,{v:()=>u});var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),s=i(9229),d=i(8342),c=i(2597),p=i(8029);let u=()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,s.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,d.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(h,{paymentAttempt:e},e.id))})},h=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:s,updatedAt:d,status:u}=e,{navigate:h}=(0,p.r)();return(0,n.FD)(r.J2,{onClick:()=>{h(`payment-attempt/${t}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,a.Y)(s||l||d,"long")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(c.EY,{children:[i.currencySymbol,i.amountFormatted]})}),(0,n.Y)(c.Td,{children:(0,n.Y)(c.Ex,{colorScheme:"paid"===u?"success":"failed"===u?"danger":"primary",sx:{textTransform:"capitalize"},children:u})})]})}},235(e,t,i){i.d(t,{pr:()=>_,L6:()=>P,Mo:()=>G,bL:()=>T});var n=i(9763),r=i(4411),a=i(630),o=i(7904),l=i(7308),s=i(7447),d=i(6600),c=i(5870),p=i(3539),u=i(869),h=i(9229),g=i(9735),m=i(8627),y=i(8342),b=i(2597),$=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"),S=({children:e,checkout:t,...i})=>{var o;let l,s=(0,h.XX)(),d=(0,a.useRef)(null),{t:c}=(0,m._)(),[u,b]=(0,a.useState)(void 0),[$,Y]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=d.current,l=(0,g.K)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,p.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,p.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,p.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,p.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,p.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,p.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,p.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,p.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,p.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,p.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,p.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,p.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,p.yJ)(o,"font-size",i.$md),fontSizeXs:(0,p.yJ)(o,"font-size",i.$sm),borderRadius:(0,p.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,p.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:u,headerSubtitle:$,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:Y,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:d,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:s,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},F=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,r.Jl)();return t?(0,n.Y)(n.FK,{children:e.children}):null},T=e=>{let{children:t,...i}=e;return(0,n.FD)(S,{...i,children:[(0,n.Y)(F,{children:(0,n.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({width:"100%",minHeight:e.sizes.$60}),children:(0,n.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:$.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},w=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return w(e,t),null},P=({text:e})=>{let{setHeaderSubtitle:t}=z();return w(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return w(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:p,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),$=(0,h.N7)(),{isFormReady:Y,submit: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,u.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(s.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(d.G,{isDisabled:!Y,submitLabel:a??(0,y.G)(`${$}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:p?1:void 0}})]})})}},6858(e,t,i){i.d(t,{O:()=>d});var n=i(9763),r=i(2597),a=i(6447),o=i(8342),l=i(9616),s=i(8320);let d=({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:s.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})},2840(e,t,i){i.d(t,{b:()=>F});var n=i(9763),r=i(4411),a=i(630),o=i(7308),l=i(842),s=i(6516),d=i(6875),c=i(869),p=i(7547),u=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(8627),f=i(2597);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)(u.W,{children:(0,n.Y)(D,{})})]})}),S=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),s=(0,h.XX)(),d=(0,h.N7)(),u=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!u.current)return null;let y=async()=>{await e.remove({orgId:"organization"===s?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(p.P,{title:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:u.current}),messageLine2:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${d}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:u.current}),deleteResource:y,onSuccess:i,onReset:i})},F=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,h.XX)(),i=(0,h.N7)(),o="organization"===t?e?.organization:e.user,{data:d,isLoading:c,revalidate:p}=(0,g.mu)(),u=(0,a.useMemo)(()=>d.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[d]);return o?(0,n.Y)(s.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(s.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[u.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(s.rd.Item,{id:"paymentMethods",children:[(0,n.Y)(Y.O,{paymentMethod:e}),(0,n.Y)(M,{paymentMethod:e,revalidate:p})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(S,{paymentMethod:e,revalidate:p})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(s.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(z,{onSuccess:p})})})]})]})})})}):null}),M=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,h.XX)(),s=(0,h.N7)(),p=(0,r.It)(),u=[{label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||u.unshift({label:(0,m.G)(`${s}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?p?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(d.o,{actions:u})}},4225(e,t,i){i.d(t,{T:()=>u});var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),s=i(8342),d=i(2597),c=i(8029),p=i(5747);let u=()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,s.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(h,{statement:e},e.id))})},h=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,c.r)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(d.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(d.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(d.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,p.W)(i)})]}),(0,n.Y)(d.Td,{sx:{cursor:"pointer"},children:(0,n.FD)(d.EY,{colorScheme:"secondary",children:[r.currencySymbol,r.amountFormatted]})})]})}},463(e,t,i){i.d(t,{R:()=>v});var n=i(9763),r=i(630),a=i(2396),o=i(6516),l=i(8343),s=i(9229),d=i(2861),c=i(1868),p=i(2597),u=i(8342),h=i(5735),g=i(6014),m=i(3467),y=i(5198),b=i(6130),$=i(8029),Y=i(5760);function v({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let y=(0,s.N7)(),b=(0,s.XX)(),{subscriptionItems:Y}=(0,d.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===b,{navigate:D}=(0,$.r)(),{commerceSettings:z}=(0,c.O)(),{openSubscriptionDetails:S}=(0,d.D)(),F=z.billing.user.hasPaidPlans&&"user"===b||z.billing.organization.hasPaidPlans&&"organization"===b,M=(0,r.useMemo)(()=>Y.some(e=>!e.plan.hasBaseFee&&"active"===e.status),[Y]),T=f&&!M&&Y.length>0,w=(0,r.useMemo)(()=>Y.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[Y]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[Y.length>0&&(0,n.FD)(p.XI,{sx:e=>({overflow:"hidden","tr > td":{paddingTop:e.space.$3,paddingBottom:e.space.$3,paddingInlineStart:e.space.$3,paddingInlineEnd:e.space.$3}}),tableHeadVisuallyHidden:!0,children:[(0,n.Y)(p.d8,{children:(0,n.FD)(p.Tr,{children:[(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,u.G)(`${y}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.Y)(p.NN,{children:w.map(e=>(0,n.Y)(x,{subscriptionItem:e,length:w.length},e.id))})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[F?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:Y.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:T?"unset":void 0})],leftIcon:Y.length>0?h.A:g.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void D("plans")}):null,T?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:m.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>S(e)}):null]})]})}function x({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,d.D)(),o=(0,r.useMemo)(()=>(0,d.Ij)(i.amountFormatted),[i.amountFormatted]),s=e.seats?.quantity;return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.FD)(p.fv,{gap:1,children:[(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:y.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:e.plan.name}),e.isFreeTrial||t>1||e.canceledAt?(0,n.Y)(Y.V,{subscription:e.isFreeTrial?{status:"free_trial"}:e}):null]}),(!e.plan.isDefault||"upcoming"===e.status)&&(0,n.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:a(e)})]})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.EY,{variant:"subtitle",children:[i.currencySymbol,o,i.amount>0&&(0,n.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===e.planPeriod?(0,u.G)("billing.year"):(0,u.G)("billing.month")})]})})]}),void 0!==s?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{children:(0,n.Y)(p.fv,{gap:1,children:(0,n.FD)(p.so,{align:"center",gap:1,children:[(0,n.Y)(p.In,{icon:b.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,n.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,u.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:null===s?(0,u.G)("billing.pricingTable.seatCost.unlimitedSeats"):(0,u.G)("billing.pricingTable.seatCost.upToSeats",{endsAfterBlock:s})})})]}):null]},e.id)}},5760(e,t,i){i.d(t,{V:()=>s});var n=i(9763),r=i(2597),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"},s=({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})}}]);