@clerk/ui 1.23.2-snapshot.v20260630200444 → 1.24.0

package/dist/4718_ui_4f45ec_1.24.0.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[4718],{99(e,t,r){var n=r(630);let a=(0,n.createContext)(null);r.d(t,{},{l:()=>{let e=(0,n.useContext)(a);if(!e||"APIKeys"!==e.componentName)throw Error("Clerk: useAPIKeysContext called outside APIKeys.");let{componentName:t,...r}=e;return{...r,componentName:t}},w:a})},9052(e,t,r){let n=(0,r(630).createContext)(null);r.d(t,{},{l:n})},4416(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(630),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r}=(0,a.O)();if(!e||"CreateOrganization"!==e.componentName)throw Error("Clerk: useCreateOrganizationContext called outside CreateOrganization.");let{componentName:s,...u}=e;return{...u,skipInvitationScreen:u.skipInvitationScreen||!1,navigateAfterCreateOrganization:e=>"function"==typeof u.afterCreateOrganizationUrl?t(u.afterCreateOrganizationUrl(e)):u.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:u.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),componentName:s}}},5365(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(8499),a=r(5630),i=r(630),l=r(5135),o=r(1868),s=r(8029);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),t=(0,l.II)(),{displayConfig:r}=(0,o.O)(),{queryParams:c}=(0,s.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:g,...d}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...d,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},c),l=t.signUpUrl||r.signUpUrl,o=t.signInUrl||r.signInUrl,s=i.getPreservedSearchParams();o=(0,a.kZ)({base:o,hashSearchParams:[c,s]},{stringify:!0}),l=(0,a.kZ)({base:l,hashSearchParams:[c,s]},{stringify:!0});let u=i.getAfterSignInUrl(),g=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:g}).toString()},{stringify:!0}),h=(0,a.kZ)({base:o,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0}),U=(0,a.kZ)({base:o,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0});return{signInUrl:o,signUpUrl:l,firstFactorUrl:h,secondFactorUrl:U,continueSignUpUrl:f,signInForceRedirectUrl:u,signUpForceRedirectUrl:g}},[d,r.signInUrl,r.signUpUrl,t,c]);return{...d,componentName:g,generateCallbackUrls:f}}},4480(e,t,r){var n=r(630);let a=(0,n.createContext)(null);r.d(t,{},{W:()=>{let e=(0,n.useContext)(a);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e},n:a})},4936(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(630),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:u,...c}=e,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=({organization:e,user:r})=>"function"==typeof c.afterSelectPersonalUrl&&r?t(c.afterSelectPersonalUrl(r)):"function"==typeof c.afterSelectOrganizationUrl&&e?t(c.afterSelectOrganizationUrl(e)):c.afterSelectPersonalUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r})):c.afterSelectOrganizationUrl&&e?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...c,afterCreateOrganizationUrl:g,skipInvitationScreen:c.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof c.afterCreateOrganizationUrl?t(c.afterCreateOrganizationUrl(e)):c.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:c.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>d({organization:e}),navigateAfterSelectPersonal:e=>d({user:e}),componentName:u}}},8311(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(6262),a=r(630),i=r(8956),l=r(9348),o=r(8029),s=r(1868),u=r(2861);let c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{navigate:t}=(0,o.r)(),r=(0,s.O)(),g=(0,n.ho)(),d=(0,n.It)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:f,customPages:h,...U}=e,m=(0,u.Rs)(),p=(0,u.eT)(),C=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),S=r.commerceSettings.billing.organization.hasPaidPlans||C||p.data.length>0,b=r.userSettings.enterpriseSSO.self_serve_sso&&!!d?.selfServeSSOEnabled,P=(0,a.useMemo)(()=>(0,i.q)(h||[],g,S,r,b),[h,S,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,v=P.routes[0].id===l.jc.BILLING,z=P.routes[0].id===l.jc.API_KEYS,x=P.routes[0].id===l.jc.SECURITY;return{...U,pages:P,navigateAfterLeaveOrganization:()=>t(U.afterLeaveOrganizationUrl||r.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>t(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:v,isAPIKeysPageRoot:z,isSecurityPageRoot:x,shouldShowBilling:S,shouldShowSelfServeSSO:b}}},2211(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(630),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:u,...c}=e,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=c.afterLeaveOrganizationUrl||r.afterLeaveOrganizationUrl,f=({organization:e,user:r})=>{let n=h({organization:e,user:r});return n?t(n):Promise.resolve()},h=({organization:e,user:t})=>"function"==typeof c.afterSelectPersonalUrl&&t?c.afterSelectPersonalUrl(t):"function"==typeof c.afterSelectOrganizationUrl&&e?c.afterSelectOrganizationUrl(e):c.afterSelectPersonalUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:t}):c.afterSelectOrganizationUrl&&e?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e}):void 0,U=c.organizationProfileUrl&&!c.organizationProfileMode?"navigation":c.organizationProfileMode,m=c.createOrganizationUrl&&!c.createOrganizationMode?"navigation":c.createOrganizationMode;return{...c,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,organizationProfileMode:U||"modal",createOrganizationMode:m||"modal",skipInvitationScreen:c.skipInvitationScreen||!1,afterCreateOrganizationUrl:g,afterLeaveOrganizationUrl:d,navigateOrganizationProfile:()=>t(c.organizationProfileUrl||r.organizationProfileUrl),navigateCreateOrganization:()=>t(c.createOrganizationUrl||r.createOrganizationUrl),navigateAfterSelectOrganization:e=>f({organization:e}),navigateAfterSelectPersonal:e=>f({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:u}}},2861(e,t,r){r.d(t,{A$:()=>U,D:()=>C,JB:()=>m,Rs:()=>h,eT:()=>f,mu:()=>g,ns:()=>p,wD:()=>d});var n=r(6262),a=r(630),i=r(2396),l=r(49),o=r(7549),s=r(8342),u=r(9229);let c=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!r&&t}},g=()=>{let e=c();return(0,n.X$)(e)},d=()=>{let e=c();return(0,n.t7)(e)},f=e=>{let t=c();return(0,n.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},U=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},m=()=>{let e=c();return(0,n.pH)(e)},p=()=>{let e=c();return(0,n.ZD)(e)},C=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===r),[e,r]),{subscriptionItems:c,revalidate:d,data:m}=h(),{data:p,revalidate:C}=U({mode:"cache"}),{revalidate:S}=f({mode:"cache"}),{revalidate:b}=g(),P=(0,a.useCallback)(()=>{d(),C(),S(),b()},[d,C,S,b]),O=(0,a.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),k=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)((e,t="month")=>{let r=v(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e||r[0]}if(1===r.length)return r[0]},[v]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?k(e):void 0);return!r||!r.canceledAt},[k]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?z(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),f=u,h=!!e?.annualMonthlyFee;"annual"!==f||h||(f="month");let U=r=>{if(e?.freeTrialEnabled){let r=!t,n=m?.eligibleForFreeTrial;if(r||n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:U((()=>{if(g){if(f!==g.planPeriod&&g.canceledAt){if("month"===f)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(f!==g.planPeriod){if("month"===f)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):U((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i||d,disabled:!i||d}},[z,i,r,c,m]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),A=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:k,activeAndUpcomingSubscriptions:v,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:O,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,seatsQuantity:i,priceId:l,mode:s="mounted",event:u,portalRoot:c,appearance:g,newSubscriptionRedirectUrl:d,onSubscriptionComplete:f})=>{var h,U;let m=c??(0,o.J)(s,u);e.__internal_openCheckout({planId:n.id,planPeriod:(h=n,"month"===(U=a)&&h.fee||"annual"===U&&h.annualMonthlyFee?U:"month"!==U||h.fee?"annual"!==U||h.annualMonthlyFee?U:"month":"annual"),for:r,seatsQuantity:i,priceId:l,onSubscriptionComplete:()=>{P(),f?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:g,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,P,r,t?.id]),openSubscriptionDetails:A,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},8713(e,t,r){var n=r(630);let a=(0,n.createContext)(null);r.d(t,{},{T:()=>{let e=(0,n.useContext)(a);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:t,...r}=e;return{...r,componentName:t}},a:a})},649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(7922),a=r(6262),i=r(630),l=r(8029),o=r(399),s=r(1584);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,l.r)(),g=(0,a.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:a,decorateUrl:i})=>{let l=e.currentTask;if(!l){let e=i(a);return e!==a&&/^https?:\/\//.test(e)?void(0,s.F)(g,e):t(a)}let u=g.__internal_getOption("taskUrls")?.[l.key];if(u)return t(u);let d=(0,n.ru)(l);if(r===o.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(l,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,i.createContext)(null),d=()=>{let e=(0,i.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,i.createContext)(null),h=()=>{let e=(0,i.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,i.createContext)(null),m=()=>{let e=(0,i.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},6869(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(355),a=r(8499),i=r(7922),l=r(5630),o=r(6262),s=r(3797),u=r(630),c=r(1902),g=r(1868),d=r(5135),f=r(8029),h=r(1584),U=r(9183);let m=(0,u.createContext)(null),p=()=>{let e=(0,u.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,f.r)(),{displayConfig:C,userSettings:S}=(0,g.O)(),{queryParams:b,queryString:P}=(0,f.r)(),O=S.signUp.mode,k=(0,d.II)(),v=(0,o.ho)();if(null===e||"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let z="restricted"!==O&&!!(!k.signUpUrl&&k.signInUrl&&!(0,s.vh)(k.signInUrl))&&!1!==e.withSignUp||e.withSignUp||!1,{componentName:x,mode:I,..._}=e,A=(0,u.useMemo)(()=>(0,U.tf)(P,n.e8),[]),w=new a.n(k,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl||_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl||_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=v.buildUrlWithAuth(w.getAfterSignInUrl()),T=v.buildUrlWithAuth(w.getAfterSignUpUrl()),M="path"===_.routing&&_.path||k.signInUrl||C.signInUrl,E=z?"path"===_.routing&&_.path||k.signUpUrl||C.signUpUrl:_.signUpUrl||k.signUpUrl||C.signUpUrl,R=_.waitlistUrl||k.waitlistUrl||C.waitlistUrl,F=w.getPreservedSearchParams();M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=w.toSearchParams().toString(),N=(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+c.Vu:c.Vu}),L=(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+c.aB:c.aB});z&&(E=(0,l.kZ)({base:M,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,h.F)(v,e):t(n)}let o=(0,i.ru)(l);return t(`/${r+p+(z?"/create"+o:o)}`)},B=v.session?.currentTask?v.__internal_getOption("taskUrls")?.[v.session?.currentTask.key]??(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+(0,i.ru)(v.session?.currentTask):(0,i.ru)(v.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow||"auto",componentName:x,signUpUrl:E,signInUrl:M,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:N,ssoCallbackUrl:L,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...A},authQueryString:G,isCombinedFlow:z,navigateOnSetActive:D,taskUrl:B}}},9229(e,t,r){var n=r(630);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)||a;r.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:i})},2165(e,t,r){var n=r(630);let a=(0,n.createContext)(null);r.d(t,{},{E:a,d:()=>{let e=(0,n.useContext)(a);if(!e||"UserAvatar"!==e.componentName)throw Error("Clerk: useUserAvatarContext called outside UserAvatar.");let{componentName:t,...r}=e;return{...r,componentName:t}}})},3592(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(6262),a=r(630),i=r(6873),l=r(1868),o=r(5135),s=r(8029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),g=(0,o.II)();if(!e||"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl||g.signInUrl||c.signInUrl,m=h.userProfileUrl||c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f||[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b||"modal",menutItems:P}}},8871(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(6262),a=r(630),i=r(8956),l=r(8029),o=r(1868),s=r(2861);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans||h||f.data.length>0;if(!e||"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p||[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)||!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},4151(e,t,r){var n=r(630);let a=(0,n.createContext)(null);r.d(t,{},{_:a,k:()=>{let e=(0,n.useContext)(a);if(!e||"UserVerification"!==e.componentName)throw Error("Clerk: useUserVerificationContext called outside of the mounted UserVerification component.");let{componentName:t,...r}=e;return{...r,componentName:t}}})},2102(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(5630),a=r(630),i=r(1868),l=r(5135),o=r(8029),s=r(9183);let u=["email_address"],c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:g}=(0,o.r)(),d=(0,a.useMemo)(()=>(0,s.tf)(g,u),[]);if(!e||"Waitlist"!==e.componentName)throw Error("Clerk: useWaitlistContext called outside Waitlist.");let{componentName:f,...h}=e,U=h.signInUrl||r.signInUrl||t.signInUrl;return U=(0,n.kZ)({base:U},{stringify:!0}),{...h,componentName:f,signInUrl:U,initialValues:{...d}}}}}]);

package/dist/4718_ui_bb3105_1.24.0.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[4718],{99(e,t,r){var n=r(9701);let a=(0,n.createContext)(null);r.d(t,{},{l:()=>{let e=(0,n.useContext)(a);if(!e||"APIKeys"!==e.componentName)throw Error("Clerk: useAPIKeysContext called outside APIKeys.");let{componentName:t,...r}=e;return{...r,componentName:t}},w:a})},9052(e,t,r){let n=(0,r(9701).createContext)(null);r.d(t,{},{l:n})},4416(e,t,r){r.d(t,{$:()=>o,W:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r}=(0,a.O)();if(!e||"CreateOrganization"!==e.componentName)throw Error("Clerk: useCreateOrganizationContext called outside CreateOrganization.");let{componentName:s,...u}=e;return{...u,skipInvitationScreen:u.skipInvitationScreen||!1,navigateAfterCreateOrganization:e=>"function"==typeof u.afterCreateOrganizationUrl?t(u.afterCreateOrganizationUrl(e)):u.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:u.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),componentName:s}}},5365(e,t,r){r.d(t,{H:()=>c,Q:()=>u});var n=r(8499),a=r(5630),i=r(9701),l=r(5135),o=r(1868),s=r(8029);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),t=(0,l.II)(),{displayConfig:r}=(0,o.O)(),{queryParams:c}=(0,s.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:g,...d}=e,f=(0,i.useCallback)(e=>{let i=new n.n(t,{...d,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},c),l=t.signUpUrl||r.signUpUrl,o=t.signInUrl||r.signInUrl,s=i.getPreservedSearchParams();o=(0,a.kZ)({base:o,hashSearchParams:[c,s]},{stringify:!0}),l=(0,a.kZ)({base:l,hashSearchParams:[c,s]},{stringify:!0});let u=i.getAfterSignInUrl(),g=i.getAfterSignUpUrl(),f=(0,a.kZ)({base:l,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:g}).toString()},{stringify:!0}),h=(0,a.kZ)({base:o,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0}),U=(0,a.kZ)({base:o,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:u}).toString()},{stringify:!0});return{signInUrl:o,signUpUrl:l,firstFactorUrl:h,secondFactorUrl:U,continueSignUpUrl:f,signInForceRedirectUrl:u,signUpForceRedirectUrl:g}},[d,r.signInUrl,r.signUpUrl,t,c]);return{...d,componentName:g,generateCallbackUrls:f}}},4480(e,t,r){var n=r(9701);let a=(0,n.createContext)(null);r.d(t,{},{W:()=>{let e=(0,n.useContext)(a);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e},n:a})},4936(e,t,r){r.d(t,{e:()=>s,f:()=>o});var n=r(9701),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:u,...c}=e,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=({organization:e,user:r})=>"function"==typeof c.afterSelectPersonalUrl&&r?t(c.afterSelectPersonalUrl(r)):"function"==typeof c.afterSelectOrganizationUrl&&e?t(c.afterSelectOrganizationUrl(e)):c.afterSelectPersonalUrl&&r?t((0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:r})):c.afterSelectOrganizationUrl&&e?t((0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...c,afterCreateOrganizationUrl:g,skipInvitationScreen:c.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof c.afterCreateOrganizationUrl?t(c.afterCreateOrganizationUrl(e)):c.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:c.afterCreateOrganizationUrl,entity:e})):t(r.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>d({organization:e}),navigateAfterSelectPersonal:e=>d({user:e}),componentName:u}}},8311(e,t,r){r.d(t,{V:()=>g,o:()=>c});var n=r(6262),a=r(9701),i=r(8956),l=r(9348),o=r(8029),s=r(1868),u=r(2861);let c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{navigate:t}=(0,o.r)(),r=(0,s.O)(),g=(0,n.ho)(),d=(0,n.It)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:f,customPages:h,...U}=e,m=(0,u.Rs)(),p=(0,u.eT)(),C=m.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),S=r.commerceSettings.billing.organization.hasPaidPlans||C||p.data.length>0,b=r.userSettings.enterpriseSSO.self_serve_sso&&!!d?.selfServeSSOEnabled,P=(0,a.useMemo)(()=>(0,i.q)(h||[],g,S,r,b),[h,S,b]),O=P.routes[0].id===l.jc.MEMBERS,k=P.routes[0].id===l.jc.GENERAL,v=P.routes[0].id===l.jc.BILLING,z=P.routes[0].id===l.jc.API_KEYS,x=P.routes[0].id===l.jc.SECURITY;return{...U,pages:P,navigateAfterLeaveOrganization:()=>t(U.afterLeaveOrganizationUrl||r.displayConfig.afterLeaveOrganizationUrl),componentName:f,navigateToGeneralPageRoot:()=>t(k?"../":O?"./organization-general":"../organization-general"),isMembersPageRoot:O,isGeneralPageRoot:k,isBillingPageRoot:v,isAPIKeysPageRoot:z,isSecurityPageRoot:x,shouldShowBilling:S,shouldShowSelfServeSSO:b}}},2211(e,t,r){r.d(t,{U:()=>o,l:()=>s});var n=r(9701),a=r(1868),i=r(8029),l=r(9183);let o=(0,n.createContext)(null),s=()=>{let e=(0,n.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:r,organizationSettings:s}=(0,a.O)();if(!e||"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:u,...c}=e,g=c.afterCreateOrganizationUrl||r.afterCreateOrganizationUrl,d=c.afterLeaveOrganizationUrl||r.afterLeaveOrganizationUrl,f=({organization:e,user:r})=>{let n=h({organization:e,user:r});return n?t(n):Promise.resolve()},h=({organization:e,user:t})=>"function"==typeof c.afterSelectPersonalUrl&&t?c.afterSelectPersonalUrl(t):"function"==typeof c.afterSelectOrganizationUrl&&e?c.afterSelectOrganizationUrl(e):c.afterSelectPersonalUrl&&t?(0,l.tR)({urlWithParam:c.afterSelectPersonalUrl,entity:t}):c.afterSelectOrganizationUrl&&e?(0,l.tR)({urlWithParam:c.afterSelectOrganizationUrl,entity:e}):void 0,U=c.organizationProfileUrl&&!c.organizationProfileMode?"navigation":c.organizationProfileMode,m=c.createOrganizationUrl&&!c.createOrganizationMode?"navigation":c.createOrganizationMode;return{...c,hidePersonal:s.forceOrganizationSelection||c.hidePersonal||!1,organizationProfileMode:U||"modal",createOrganizationMode:m||"modal",skipInvitationScreen:c.skipInvitationScreen||!1,afterCreateOrganizationUrl:g,afterLeaveOrganizationUrl:d,navigateOrganizationProfile:()=>t(c.organizationProfileUrl||r.organizationProfileUrl),navigateCreateOrganization:()=>t(c.createOrganizationUrl||r.createOrganizationUrl),navigateAfterSelectOrganization:e=>f({organization:e}),navigateAfterSelectPersonal:e=>f({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:u}}},2861(e,t,r){r.d(t,{A$:()=>U,D:()=>C,JB:()=>m,Rs:()=>h,eT:()=>f,mu:()=>g,ns:()=>p,wD:()=>d});var n=r(6262),a=r(9701),i=r(2396),l=r(49),o=r(7549),s=r(8342),u=r(9229);let c=()=>{let e=(0,u.XX)(),t=(0,i.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),r=(0,n.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!r&&t}},g=()=>{let e=c();return(0,n.X$)(e)},d=()=>{let e=c();return(0,n.t7)(e)},f=e=>{let t=c();return(0,n.tr)({...t,__experimental_mode:e?.mode})},h=()=>{let e=c(),t=(0,n.kH)(e),r=(0,a.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:r}},U=e=>{let t=(0,u.XX)();return(0,n.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},m=()=>{let e=c();return(0,n.pH)(e)},p=()=>{let e=c();return(0,n.ZD)(e)},C=()=>{let e=(0,n.ho)(),{session:t}=(0,n.wV)(),r=(0,u.XX)(),i=(0,a.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===r),[e,r]),{subscriptionItems:c,revalidate:d,data:m}=h(),{data:p,revalidate:C}=U({mode:"cache"}),{revalidate:S}=f({mode:"cache"}),{revalidate:b}=g(),P=(0,a.useCallback)(()=>{d(),C(),S(),b()},[d,C,S,b]),O=(0,a.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),k=(0,a.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),v=(0,a.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),z=(0,a.useCallback)((e,t="month")=>{let r=v(e);if(r.length>1){let e=r.find(e=>e.planPeriod===t);return e||r[0]}if(1===r.length)return r[0]},[v]),x=(0,a.useCallback)(({plan:e,subscription:t})=>{let r=t??(e?k(e):void 0);return!r||!r.canceledAt},[k]),I=(0,a.useCallback)(({plan:e,organization:n,subscription:a,isCompact:o=!1,selectedPlanPeriod:u="annual"})=>{let g=a??(e?z(e,u):void 0),d="organization"===r&&!!n&&(0,l.iI)(e,n),f=u,h=!!e?.annualMonthlyFee;"annual"!==f||h||(f="month");let U=r=>{if(e?.freeTrialEnabled){let r=!t,n=m?.eligibleForFreeTrial;if(r||n)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return r};return{localizationKey:U((()=>{if(g){if(f!==g.planPeriod&&g.canceledAt){if("month"===f)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(g.canceledAt)return(0,s.G)("billing.reSubscribe");if(f!==g.planPeriod){if("month"===f)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):U((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!i||d,disabled:!i||d}},[z,i,r,c,m]),_=(0,a.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),A=(0,a.useCallback)(t=>{let n=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:r,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,r,P]);return{activeOrUpcomingSubscription:k,activeAndUpcomingSubscriptions:v,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:O,handleSelectPlan:(0,a.useCallback)(({plan:n,planPeriod:a,seatsQuantity:i,priceId:l,mode:s="mounted",event:u,portalRoot:c,appearance:g,newSubscriptionRedirectUrl:d,onSubscriptionComplete:f})=>{var h,U;let m=c??(0,o.J)(s,u);e.__internal_openCheckout({planId:n.id,planPeriod:(h=n,"month"===(U=a)&&h.fee||"annual"===U&&h.annualMonthlyFee?U:"month"!==U||h.fee?"annual"!==U||h.annualMonthlyFee?U:"month":"annual"),for:r,seatsQuantity:i,priceId:l,onSubscriptionComplete:()=>{P(),f?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:g,portalRoot:m,newSubscriptionRedirectUrl:d})},[e,P,r,t?.id]),openSubscriptionDetails:A,buttonPropsForPlan:I,canManageSubscription:x,captionForSubscription:_,defaultFreePlan:(0,a.useMemo)(()=>p?.find(e=>e.isDefault),[p]),revalidateAll:P}}},8713(e,t,r){var n=r(9701);let a=(0,n.createContext)(null);r.d(t,{},{T:()=>{let e=(0,n.useContext)(a);if(!e||"PricingTable"!==e.componentName)throw Error("Clerk: usePricingTableContext called outside PricingTable.");let{componentName:t,...r}=e;return{...r,componentName:t}},a:a})},649(e,t,r){r.d(t,{O_:()=>h,gX:()=>U,lL:()=>m,lY:()=>g,pq:()=>f,qx:()=>u,u3:()=>d,z1:()=>c});var n=r(7922),a=r(6262),i=r(9701),l=r(8029),o=r(399),s=r(1584);let u=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(u),{navigate:t,basePath:r,startPath:c}=(0,l.r)(),g=(0,a.ho)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let d=async({session:e,redirectUrlComplete:a,decorateUrl:i})=>{let l=e.currentTask;if(!l){let e=i(a);return e!==a&&/^https?:\/\//.test(e)?void(0,s.F)(g,e):t(a)}let u=g.__internal_getOption("taskUrls")?.[l.key];if(u)return t(u);let d=(0,n.ru)(l);if(r===o.I)return t(`/${r+c+d}`);let f=g.buildSignInUrl();return t((0,n.tv)(l,{base:f}))};return{...e,navigateOnSetActive:d}},g=(0,i.createContext)(null),d=()=>{let e=(0,i.useContext)(g);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},f=(0,i.createContext)(null),h=()=>{let e=(0,i.useContext)(f);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e},U=(0,i.createContext)(null),m=()=>{let e=(0,i.useContext)(U);if(null===e)throw Error("Clerk: useTaskSetupMFAContext called outside of the mounted TaskSetupMFA component.");return e}},6869(e,t,r){r.d(t,{Q:()=>m,r:()=>p});var n=r(355),a=r(8499),i=r(7922),l=r(5630),o=r(6262),s=r(3797),u=r(9701),c=r(1902),g=r(1868),d=r(5135),f=r(8029),h=r(1584),U=r(9183);let m=(0,u.createContext)(null),p=()=>{let e=(0,u.useContext)(m),{navigate:t,basePath:r,startPath:p}=(0,f.r)(),{displayConfig:C,userSettings:S}=(0,g.O)(),{queryParams:b,queryString:P}=(0,f.r)(),O=S.signUp.mode,k=(0,d.II)(),v=(0,o.ho)();if(null===e||"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let z="restricted"!==O&&!!(!k.signUpUrl&&k.signInUrl&&!(0,s.vh)(k.signInUrl))&&!1!==e.withSignUp||e.withSignUp||!1,{componentName:x,mode:I,..._}=e,A=(0,u.useMemo)(()=>(0,U.tf)(P,n.e8),[]),w=new a.n(k,{..._,signInFallbackRedirectUrl:_.signInFallbackRedirectUrl||_.fallbackRedirectUrl,signInForceRedirectUrl:_.signInForceRedirectUrl||_.forceRedirectUrl},b,I);delete _.fallbackRedirectUrl,delete _.forceRedirectUrl;let y=v.buildUrlWithAuth(w.getAfterSignInUrl()),T=v.buildUrlWithAuth(w.getAfterSignUpUrl()),M="path"===_.routing&&_.path||k.signInUrl||C.signInUrl,E=z?"path"===_.routing&&_.path||k.signUpUrl||C.signUpUrl:_.signUpUrl||k.signUpUrl||C.signUpUrl,R=_.waitlistUrl||k.waitlistUrl||C.waitlistUrl,F=w.getPreservedSearchParams();M=(0,l.kZ)({base:M,hashSearchParams:[b,F]},{stringify:!0}),E=(0,l.kZ)({base:E,hashSearchParams:[b,F]},{stringify:!0}),R=(0,l.kZ)({base:R,hashSearchParams:[b,F]},{stringify:!0});let G=w.toSearchParams().toString(),N=(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+c.Vu:c.Vu}),L=(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+c.aB:c.aB});z&&(E=(0,l.kZ)({base:M,hashPath:"/create",hashSearchParams:[b,F]},{stringify:!0}));let W=(0,l.kZ)({base:E,hashPath:"/continue"},{stringify:!0}),D=async({session:e,redirectUrl:n,decorateUrl:a})=>{let l=e.currentTask;if(!l){let e=a(n);return e!==n&&/^https?:\/\//.test(e)?void(0,h.F)(v,e):t(n)}let o=(0,i.ru)(l);return t(`/${r+p+(z?"/create"+o:o)}`)},B=v.session?.currentTask?v.__internal_getOption("taskUrls")?.[v.session?.currentTask.key]??(0,c.aQ)({routing:_.routing,baseUrl:M,authQueryString:G,path:_.path,endpoint:z?"/create"+(0,i.ru)(v.session?.currentTask):(0,i.ru)(v.session?.currentTask)}):null;return{..._,transferable:_.transferable??!0,oauthFlow:_.oauthFlow||"auto",componentName:x,signUpUrl:E,signInUrl:M,waitlistUrl:R,afterSignInUrl:y,afterSignUpUrl:T,emailLinkRedirectUrl:N,ssoCallbackUrl:L,navigateAfterSignIn:()=>t(y),signUpContinueUrl:W,queryParams:b,initialValues:{..._.initialValues,...A},authQueryString:G,isCombinedFlow:z,navigateOnSetActive:D,taskUrl:B}}},9229(e,t,r){var n=r(9701);let a="user",i=(0,n.createContext)(a),l=()=>(0,n.useContext)(i)||a;r.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:i})},2165(e,t,r){var n=r(9701);let a=(0,n.createContext)(null);r.d(t,{},{E:a,d:()=>{let e=(0,n.useContext)(a);if(!e||"UserAvatar"!==e.componentName)throw Error("Clerk: useUserAvatarContext called outside UserAvatar.");let{componentName:t,...r}=e;return{...r,componentName:t}}})},3592(e,t,r){r.d(t,{P:()=>u,Y:()=>c});var n=r(6262),a=r(9701),i=r(6873),l=r(1868),o=r(5135),s=r(8029);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),t=(0,n.ho)(),{navigate:r}=(0,s.r)(),{displayConfig:c}=(0,l.O)(),g=(0,o.II)();if(!e||"UserButton"!==e.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:d,customMenuItems:f,...h}=e,U=h.signInUrl||g.signInUrl||c.signInUrl,m=h.userProfileUrl||c.userProfileUrl,p=t.buildAfterSignOutUrl(),C=t.buildAfterMultiSessionSingleSignOutUrl(),S=h.afterSwitchSessionUrl||c.afterSwitchSessionUrl,b=h.userProfileUrl&&!h.userProfileMode?"navigation":h.userProfileMode,P=(0,a.useMemo)(()=>(0,i.K)(f||[],t),[]);return{...h,componentName:d,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth(C),navigateAfterSignOut:()=>r(p),signInUrl:U,userProfileUrl:m,afterMultiSessionSingleSignOutUrl:C,afterSignOutUrl:p,afterSwitchSessionUrl:S,userProfileMode:b||"modal",menutItems:P}}},8871(e,t,r){r.d(t,{B:()=>c,M:()=>u});var n=r(6262),a=r(9701),i=r(8956),l=r(8029),o=r(1868),s=r(2861);let u=(0,a.createContext)(null),c=()=>{let e=(0,a.useContext)(u),{queryParams:t}=(0,l.r)(),r=(0,n.ho)(),c=(0,o.O)(),{user:g}=(0,n.Jd)(),d=(0,s.Rs)(),f=(0,s.eT)(),h=d.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),U=c.commerceSettings.billing.user.hasPaidPlans||h||f.data.length>0;if(!e||"UserProfile"!==e.componentName)throw Error("Clerk: useUserProfileContext called outside of the mounted UserProfile component.");let{componentName:m,customPages:p,...C}=e,S=(0,a.useMemo)(()=>(0,i.M)(p||[],r,U,c),[p,U]),b=(0,a.useMemo)(()=>{let{enterpriseSSO:e}=c.userSettings;return!(g&&e.enabled)||!g?.enterpriseAccounts.some(e=>e.active&&e.enterpriseConnection?.disableAdditionalIdentifications)},[g,c.userSettings.enterpriseSSO]),P=(0,a.useMemo)(()=>{let e=new Set;for(let[t,r]of Object.entries(c.userSettings.attributes))r.immutable&&e.add(t);return e},[c.userSettings.attributes]);return{...C,pages:S,componentName:m,queryParams:t,authQueryString:"",shouldAllowIdentificationCreation:b,shouldShowBilling:U,immutableAttributes:P}}},4151(e,t,r){var n=r(9701);let a=(0,n.createContext)(null);r.d(t,{},{_:a,k:()=>{let e=(0,n.useContext)(a);if(!e||"UserVerification"!==e.componentName)throw Error("Clerk: useUserVerificationContext called outside of the mounted UserVerification component.");let{componentName:t,...r}=e;return{...r,componentName:t}}})},2102(e,t,r){r.d(t,{Y:()=>g,r:()=>c});var n=r(5630),a=r(9701),i=r(1868),l=r(5135),o=r(8029),s=r(9183);let u=["email_address"],c=(0,a.createContext)(null),g=()=>{let e=(0,a.useContext)(c),{displayConfig:t}=(0,i.O)(),r=(0,l.II)(),{queryString:g}=(0,o.r)(),d=(0,a.useMemo)(()=>(0,s.tf)(g,u),[]);if(!e||"Waitlist"!==e.componentName)throw Error("Clerk: useWaitlistContext called outside Waitlist.");let{componentName:f,...h}=e,U=h.signInUrl||r.signInUrl||t.signInUrl;return U=(0,n.kZ)({base:U},{stringify:!0}),{...h,componentName:f,signInUrl:U,initialValues:{...d}}}}}]);

package/dist/4718_ui_fa8da8_1.24.0.js

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

package/dist/{76_ui_2dc825_1.23.2-snapshot.v20260630200444.js → 76_ui_4f45ec_1.24.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{861(e,t,a){var i=a(9763),r=a(1756),n=a(6262),l=a(630),o=a(7308),s=a(7447),d=a(6600),c=a(5501),u=a(49),p=a(869),m=a(7549),g=a(5357),h=a(1637),b=a(2861),f=a(1868),_=a(9230),v=a(554),y=a(6887),Y=a(8342),k=a(4260),z=a(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:a,hasRoleSetMigration:r}=(0,v.x)(),{t:n}=(0,y._)(),o=D();return(0,l.useEffect)(()=>{e.value||!o||t?.some(e=>e.value===o)&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(_.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:a||r,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,Y.G)("formFieldLabel__role"))}:`})})})},D=()=>{let{options:e}=(0,v.x)(),{organizationSettings:t}=(0,f.O)(),a=t.domains.defaultRole;return a||e?.length!==1||(a=e[0].value),a};a.d(t,{},{B:e=>{let{onSuccess:t,onReset:a,resetButtonLabel:f}=e,v=(0,n.ho)(),{organization:z,invitations:D}=(0,n.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,b.Rs)(),C=w?.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,b.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,l.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:X,setSuccess:B,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:j,feedback:J,feedbackType:O,clearFeedback:W,...Z}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,u.V4)(C.plan):null,q=!!(U?(0,u.lV)(U):null),ee=q&&(0,u.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),a=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await ea(i)}catch(e){await ei(e,i,{portalRoot:a})}},ea=async e=>{await z.inviteMembers(e),await D?.revalidate?.(),t?.()},ei=async(e,t,{openCheckoutOnInsufficientSeats:a=!0,portalRoot:i}={})=>{if(!(0,r.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let n=e.errors[0];switch(er(n,t.emailAddresses),n?.code){case"duplicate_record":{let e=n.meta?.emailAddresses||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=n.longMessage??"",a=t.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,p.H4)(e,[],e=>a?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:a}))):G.setError(e));break}case"insufficient_seats":if(!a){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:a}=await v.billing.getPlans({for:"organization",orgId:z.id,minSeats:n.meta?.seatsQuantity,pageSize:500});if(0===a.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let r=A.find(e=>"active"===e.status||"past_due"===e.status);if(r){let e=r.plan;if(a.some(t=>t.id===e.id&&t.availablePrices?.some(e=>e.id===r.priceId))){x({mode:"modal",plan:e,planPeriod:r.planPeriod,seatsQuantity:n.meta?.seatsQuantity,priceId:r.priceId,portalRoot:i,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await ea(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},er=(e,t=I.value.split(","))=>{let a=new Set([...e.meta?.emailAddresses??[],...e.meta?.identifiers??[]]);I.setValue(t.filter(e=>!a.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(c.F,{...Z,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(_.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:a})]})]})]})}})},8783(e,t,a){var i=a(9763),r=a(6262),n=a(7308),l=a(5870),o=a(9618),s=a(4546),d=a(5004),c=a(8342),u=a(9230),p=a(1046),m=a(3662),g=a(2690),h=a(861);let b=(0,n.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:a=t}=e,o=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,n.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:b}=(0,r.Z5)();return b?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(l.M,{headerTitle:o,headerSubtitle:u,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:a})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]});a.d(t,{},{D:b,k:f})},9941(e,t,a){var i=a(9763),r=a(630),n=a(9632),l=a(3919),o=a(9230),s=a(1046),d=a(6887),c=a(8342),u=a(554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,r.memo)(e=>{let{option:t,isSelected:a,sx:r,...n}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),r],...n,children:(0,i.Y)(o.EY,{variant:"subtitle",children:t?.label})})});a.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:a,roles:n,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:b}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,r.useMemo)(()=>[...n||[]],[n]),v=(0,r.useMemo)(()=>_.find(e=>e.value===t),[_,t]),{t:y}=(0,d._)(),Y=(0,r.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,i.FD)(l.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,a)=>(0,i.Y)(m,{isSelected:a,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&_.length>0&&!v,children:v?.label||v?.value?(0,i.FD)(o.so,{as:"span",gap:1,children:[b&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:b}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):a?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:a}):null}),(0,i.Y)(l.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:a,onPageChange:r,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:m,emptyStateLocalizationKey:g}=e,h=c>0?Math.max(0,(a-1)*u)+1:0,b=Math.min(a*u,c);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(n.d,{count:m,page:a,onChange:r,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})}})},3374(e,t,a){var i=a(9763),r=a(4176),n=a(8695),l=a(9230),o=a(1046),s=a(8342);a.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:a,...d}=e;return(0,i.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(r.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(n.h,{size:e=>e.sizes.$16,showLoadingSpinner:a,...t})})]})}})},8590(e,t,a){a.d(t,{},{l_:(e,t,a)=>{if(void 0===t)return[{data:[e],total_count:1}];let i=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let r=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:r,total_count:"negative"===a?i-1:i}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},2861(e,t,a){a.d(t,{A$:()=>h,D:()=>b,Rs:()=>g,eT:()=>m,mu:()=>u,wD:()=>p});var i=a(6262),r=a(630),n=a(2396),l=a(49),o=a(7549),s=a(8342),d=a(9229);let c=()=>{let e=(0,d.XX)(),t=(0,n.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),a=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a&&t}},u=()=>{let e=c();return(0,i.X$)(e)},p=()=>{let e=c();return(0,i.t7)(e)},m=e=>{let t=c();return(0,i.tr)({...t,__experimental_mode:e?.mode})},g=()=>{let e=c(),t=(0,i.kH)(e),a=(0,r.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),a=(0,d.XX)(),n=(0,r.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:c,revalidate:p,data:b}=g(),{data:f,revalidate:_}=h({mode:"cache"}),{revalidate:v}=m({mode:"cache"}),{revalidate:y}=u(),Y=(0,r.useCallback)(()=>{p(),_(),v(),y()},[p,_,v,y]),k=(0,r.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),z=(0,r.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),S=(0,r.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),P=(0,r.useCallback)((e,t="month")=>{let a=S(e);if(a.length>1){let e=a.find(e=>e.planPeriod===t);return e||a[0]}if(1===a.length)return a[0]},[S]),D=(0,r.useCallback)(({plan:e,subscription:t})=>{let a=t??(e?z(e):void 0);return!a||!a.canceledAt},[z]),w=(0,r.useCallback)(({plan:e,organization:i,subscription:r,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let u=r??(e?P(e,d):void 0),p="organization"===a&&!!i&&(0,l.iI)(e,i),m=d,g=!!e?.annualMonthlyFee;"annual"!==m||g||(m="month");let h=a=>{if(e?.freeTrialEnabled){let a=!t,i=b?.eligibleForFreeTrial;if(a||i)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:h((()=>{if(u){if(m!==u.planPeriod&&u.canceledAt){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}if(u.canceledAt)return(0,s.G)("billing.reSubscribe");if(m!==u.planPeriod){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):h((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!n||p,disabled:!n||p}},[P,n,a,c,b]),A=(0,r.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,r.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,a,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,r.useCallback)(({plan:i,planPeriod:r,seatsQuantity:n,priceId:l,mode:s="mounted",event:d,portalRoot:c,appearance:u,newSubscriptionRedirectUrl:p,onSubscriptionComplete:m})=>{var g,h;let b=c??(0,o.J)(s,d);e.__internal_openCheckout({planId:i.id,planPeriod:(g=i,"month"===(h=r)&&g.fee||"annual"===h&&g.annualMonthlyFee?h:"month"!==h||g.fee?"annual"!==h||g.annualMonthlyFee?h:"month":"annual"),for:a,seatsQuantity:n,priceId:l,onSubscriptionComplete:()=>{Y(),m?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:u,portalRoot:b,newSubscriptionRedirectUrl:p})},[e,Y,a,t?.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,r.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:Y}}},9229(e,t,a){var i=a(630);let r="user",n=(0,i.createContext)(r),l=()=>(0,i.useContext)(n)||r;a.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:n})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{861(e,t,a){var i=a(9763),r=a(1756),n=a(6262),l=a(630),o=a(7308),s=a(7447),d=a(6600),c=a(5501),u=a(49),p=a(869),m=a(7549),g=a(5357),h=a(1637),b=a(2861),f=a(1868),_=a(9230),v=a(554),y=a(6887),Y=a(8342),k=a(4260),z=a(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:a,hasRoleSetMigration:r}=(0,v.x)(),{t:n}=(0,y._)(),o=D();return(0,l.useEffect)(()=>{e.value||!o||t?.some(e=>e.value===o)&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(_.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:a||r,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,Y.G)("formFieldLabel__role"))}:`})})})},D=()=>{let{options:e}=(0,v.x)(),{organizationSettings:t}=(0,f.O)(),a=t.domains.defaultRole;return a||e?.length!==1||(a=e[0].value),a};a.d(t,{},{B:e=>{let{onSuccess:t,onReset:a,resetButtonLabel:f}=e,v=(0,n.ho)(),{organization:z,invitations:D}=(0,n.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,b.Rs)(),C=w?.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,b.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,l.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:B,setSuccess:X,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:J,feedback:Z,feedbackType:j,clearFeedback:O,...W}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,u.V4)(C.plan):null,q=!!(U?(0,u.lV)(U):null),ee=q&&(0,u.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),a=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await ea(i)}catch(e){await ei(e,i,{portalRoot:a})}},ea=async e=>{await z.inviteMembers(e),await D?.revalidate?.(),t?.()},ei=async(e,t,{openCheckoutOnInsufficientSeats:a=!0,portalRoot:i}={})=>{if(!(0,r.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let n=e.errors[0];switch(er(n,t.emailAddresses),n?.code){case"duplicate_record":{let e=n.meta?.emailAddresses||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=n.longMessage??"",a=t.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,p.H4)(e,[],e=>a?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:a}))):G.setError(e));break}case"insufficient_seats":if(!a){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:a}=await v.billing.getPlans({for:"organization",orgId:z.id,minSeats:n.meta?.seatsQuantity,pageSize:500});if(0===a.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let r=A.find(e=>"active"===e.status||"past_due"===e.status);if(r){let e=r.plan;if(a.some(t=>t.id===e.id&&t.availablePrices?.some(e=>e.id===r.priceId))){x({mode:"modal",plan:e,planPeriod:r.planPeriod,seatsQuantity:n.meta?.seatsQuantity,priceId:r.priceId,portalRoot:i,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await ea(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},er=(e,t=I.value.split(","))=>{let a=new Set([...e.meta?.emailAddresses??[],...e.meta?.identifiers??[]]);I.setValue(t.filter(e=>!a.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(c.F,{...W,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(_.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:a})]})]})]})}})},8783(e,t,a){var i=a(9763),r=a(6262),n=a(7308),l=a(5870),o=a(9618),s=a(4546),d=a(5004),c=a(8342),u=a(9230),p=a(1046),m=a(3662),g=a(2690),h=a(861);let b=(0,n.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:a=t}=e,o=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,n.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:b}=(0,r.Z5)();return b?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(l.M,{headerTitle:o,headerSubtitle:u,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:a})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]});a.d(t,{},{D:b,k:f})},9941(e,t,a){var i=a(9763),r=a(630),n=a(9632),l=a(3919),o=a(9230),s=a(1046),d=a(6887),c=a(8342),u=a(554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,r.memo)(e=>{let{option:t,isSelected:a,sx:r,...n}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),r],...n,children:(0,i.Y)(o.EY,{variant:"subtitle",children:t?.label})})});a.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:a,roles:n,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:b}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,r.useMemo)(()=>[...n||[]],[n]),v=(0,r.useMemo)(()=>_.find(e=>e.value===t),[_,t]),{t:y}=(0,d._)(),Y=(0,r.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,i.FD)(l.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,a)=>(0,i.Y)(m,{isSelected:a,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&_.length>0&&!v,children:v?.label||v?.value?(0,i.FD)(o.so,{as:"span",gap:1,children:[b&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:b}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):a?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:a}):null}),(0,i.Y)(l.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:a,onPageChange:r,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:m,emptyStateLocalizationKey:g}=e,h=c>0?Math.max(0,(a-1)*u)+1:0,b=Math.min(a*u,c);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(n.d,{count:m,page:a,onChange:r,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})}})},3374(e,t,a){var i=a(9763),r=a(4176),n=a(8695),l=a(9230),o=a(1046),s=a(8342);a.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:a,...d}=e;return(0,i.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(r.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(n.h,{size:e=>e.sizes.$16,showLoadingSpinner:a,...t})})]})}})},8590(e,t,a){a.d(t,{},{l_:(e,t,a)=>{if(void 0===t)return[{data:[e],total_count:1}];let i=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let r=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:r,total_count:"negative"===a?i-1:i}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},2861(e,t,a){a.d(t,{A$:()=>h,D:()=>_,JB:()=>b,Rs:()=>g,eT:()=>m,mu:()=>u,ns:()=>f,wD:()=>p});var i=a(6262),r=a(630),n=a(2396),l=a(49),o=a(7549),s=a(8342),d=a(9229);let c=()=>{let e=(0,d.XX)(),t=(0,n.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),a=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a&&t}},u=()=>{let e=c();return(0,i.X$)(e)},p=()=>{let e=c();return(0,i.t7)(e)},m=e=>{let t=c();return(0,i.tr)({...t,__experimental_mode:e?.mode})},g=()=>{let e=c(),t=(0,i.kH)(e),a=(0,r.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=c();return(0,i.pH)(e)},f=()=>{let e=c();return(0,i.ZD)(e)},_=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),a=(0,d.XX)(),n=(0,r.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:c,revalidate:p,data:b}=g(),{data:f,revalidate:_}=h({mode:"cache"}),{revalidate:v}=m({mode:"cache"}),{revalidate:y}=u(),Y=(0,r.useCallback)(()=>{p(),_(),v(),y()},[p,_,v,y]),k=(0,r.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),z=(0,r.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),S=(0,r.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),P=(0,r.useCallback)((e,t="month")=>{let a=S(e);if(a.length>1){let e=a.find(e=>e.planPeriod===t);return e||a[0]}if(1===a.length)return a[0]},[S]),D=(0,r.useCallback)(({plan:e,subscription:t})=>{let a=t??(e?z(e):void 0);return!a||!a.canceledAt},[z]),w=(0,r.useCallback)(({plan:e,organization:i,subscription:r,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let u=r??(e?P(e,d):void 0),p="organization"===a&&!!i&&(0,l.iI)(e,i),m=d,g=!!e?.annualMonthlyFee;"annual"!==m||g||(m="month");let h=a=>{if(e?.freeTrialEnabled){let a=!t,i=b?.eligibleForFreeTrial;if(a||i)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:h((()=>{if(u){if(m!==u.planPeriod&&u.canceledAt){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}if(u.canceledAt)return(0,s.G)("billing.reSubscribe");if(m!==u.planPeriod){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):h((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!n||p,disabled:!n||p}},[P,n,a,c,b]),A=(0,r.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,r.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,a,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,r.useCallback)(({plan:i,planPeriod:r,seatsQuantity:n,priceId:l,mode:s="mounted",event:d,portalRoot:c,appearance:u,newSubscriptionRedirectUrl:p,onSubscriptionComplete:m})=>{var g,h;let b=c??(0,o.J)(s,d);e.__internal_openCheckout({planId:i.id,planPeriod:(g=i,"month"===(h=r)&&g.fee||"annual"===h&&g.annualMonthlyFee?h:"month"!==h||g.fee?"annual"!==h||g.annualMonthlyFee?h:"month":"annual"),for:a,seatsQuantity:n,priceId:l,onSubscriptionComplete:()=>{Y(),m?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:u,portalRoot:b,newSubscriptionRedirectUrl:p})},[e,Y,a,t?.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,r.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:Y}}},9229(e,t,a){var i=a(630);let r="user",n=(0,i.createContext)(r),l=()=>(0,i.useContext)(n)||r;a.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:n})}}]);

package/dist/{76_ui_d6ccef_1.23.2-snapshot.v20260630200444.js → 76_ui_bb3105_1.24.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{861(e,t,a){var i=a(9763),r=a(1756),n=a(6262),l=a(9701),o=a(7308),s=a(7447),d=a(6600),c=a(5501),u=a(49),p=a(869),m=a(7549),g=a(5357),h=a(1637),b=a(2861),f=a(1868),_=a(9230),v=a(554),y=a(6887),Y=a(8342),k=a(4260),z=a(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:a,hasRoleSetMigration:r}=(0,v.x)(),{t:n}=(0,y._)(),o=D();return(0,l.useEffect)(()=>{e.value||!o||t?.some(e=>e.value===o)&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(_.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:a||r,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,Y.G)("formFieldLabel__role"))}:`})})})},D=()=>{let{options:e}=(0,v.x)(),{organizationSettings:t}=(0,f.O)(),a=t.domains.defaultRole;return a||e?.length!==1||(a=e[0].value),a};a.d(t,{},{B:e=>{let{onSuccess:t,onReset:a,resetButtonLabel:f}=e,v=(0,n.ho)(),{organization:z,invitations:D}=(0,n.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,b.Rs)(),C=w?.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,b.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,l.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:X,setSuccess:B,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:j,feedback:J,feedbackType:O,clearFeedback:W,...Z}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,u.V4)(C.plan):null,q=!!(U?(0,u.lV)(U):null),ee=q&&(0,u.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),a=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await ea(i)}catch(e){await ei(e,i,{portalRoot:a})}},ea=async e=>{await z.inviteMembers(e),await D?.revalidate?.(),t?.()},ei=async(e,t,{openCheckoutOnInsufficientSeats:a=!0,portalRoot:i}={})=>{if(!(0,r.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let n=e.errors[0];switch(er(n,t.emailAddresses),n?.code){case"duplicate_record":{let e=n.meta?.emailAddresses||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=n.longMessage??"",a=t.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,p.H4)(e,[],e=>a?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:a}))):G.setError(e));break}case"insufficient_seats":if(!a){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:a}=await v.billing.getPlans({for:"organization",orgId:z.id,minSeats:n.meta?.seatsQuantity,pageSize:500});if(0===a.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let r=A.find(e=>"active"===e.status||"past_due"===e.status);if(r){let e=r.plan;if(a.some(t=>t.id===e.id&&t.availablePrices?.some(e=>e.id===r.priceId))){x({mode:"modal",plan:e,planPeriod:r.planPeriod,seatsQuantity:n.meta?.seatsQuantity,priceId:r.priceId,portalRoot:i,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await ea(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},er=(e,t=I.value.split(","))=>{let a=new Set([...e.meta?.emailAddresses??[],...e.meta?.identifiers??[]]);I.setValue(t.filter(e=>!a.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(c.F,{...Z,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(_.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:a})]})]})]})}})},8783(e,t,a){var i=a(9763),r=a(6262),n=a(7308),l=a(5870),o=a(9618),s=a(4546),d=a(5004),c=a(8342),u=a(9230),p=a(1046),m=a(3662),g=a(2690),h=a(861);let b=(0,n.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:a=t}=e,o=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,n.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:b}=(0,r.Z5)();return b?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(l.M,{headerTitle:o,headerSubtitle:u,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:a})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]});a.d(t,{},{D:b,k:f})},9941(e,t,a){var i=a(9763),r=a(9701),n=a(9632),l=a(3919),o=a(9230),s=a(1046),d=a(6887),c=a(8342),u=a(554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,r.memo)(e=>{let{option:t,isSelected:a,sx:r,...n}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),r],...n,children:(0,i.Y)(o.EY,{variant:"subtitle",children:t?.label})})});a.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:a,roles:n,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:b}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,r.useMemo)(()=>[...n||[]],[n]),v=(0,r.useMemo)(()=>_.find(e=>e.value===t),[_,t]),{t:y}=(0,d._)(),Y=(0,r.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,i.FD)(l.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,a)=>(0,i.Y)(m,{isSelected:a,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&_.length>0&&!v,children:v?.label||v?.value?(0,i.FD)(o.so,{as:"span",gap:1,children:[b&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:b}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):a?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:a}):null}),(0,i.Y)(l.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:a,onPageChange:r,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:m,emptyStateLocalizationKey:g}=e,h=c>0?Math.max(0,(a-1)*u)+1:0,b=Math.min(a*u,c);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(n.d,{count:m,page:a,onChange:r,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})}})},3374(e,t,a){var i=a(9763),r=a(4176),n=a(8695),l=a(9230),o=a(1046),s=a(8342);a.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:a,...d}=e;return(0,i.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(r.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(n.h,{size:e=>e.sizes.$16,showLoadingSpinner:a,...t})})]})}})},8590(e,t,a){a.d(t,{},{l_:(e,t,a)=>{if(void 0===t)return[{data:[e],total_count:1}];let i=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let r=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:r,total_count:"negative"===a?i-1:i}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},2861(e,t,a){a.d(t,{A$:()=>h,D:()=>b,Rs:()=>g,eT:()=>m,mu:()=>u,wD:()=>p});var i=a(6262),r=a(9701),n=a(2396),l=a(49),o=a(7549),s=a(8342),d=a(9229);let c=()=>{let e=(0,d.XX)(),t=(0,n.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),a=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a&&t}},u=()=>{let e=c();return(0,i.X$)(e)},p=()=>{let e=c();return(0,i.t7)(e)},m=e=>{let t=c();return(0,i.tr)({...t,__experimental_mode:e?.mode})},g=()=>{let e=c(),t=(0,i.kH)(e),a=(0,r.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),a=(0,d.XX)(),n=(0,r.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:c,revalidate:p,data:b}=g(),{data:f,revalidate:_}=h({mode:"cache"}),{revalidate:v}=m({mode:"cache"}),{revalidate:y}=u(),Y=(0,r.useCallback)(()=>{p(),_(),v(),y()},[p,_,v,y]),k=(0,r.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),z=(0,r.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),S=(0,r.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),P=(0,r.useCallback)((e,t="month")=>{let a=S(e);if(a.length>1){let e=a.find(e=>e.planPeriod===t);return e||a[0]}if(1===a.length)return a[0]},[S]),D=(0,r.useCallback)(({plan:e,subscription:t})=>{let a=t??(e?z(e):void 0);return!a||!a.canceledAt},[z]),w=(0,r.useCallback)(({plan:e,organization:i,subscription:r,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let u=r??(e?P(e,d):void 0),p="organization"===a&&!!i&&(0,l.iI)(e,i),m=d,g=!!e?.annualMonthlyFee;"annual"!==m||g||(m="month");let h=a=>{if(e?.freeTrialEnabled){let a=!t,i=b?.eligibleForFreeTrial;if(a||i)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:h((()=>{if(u){if(m!==u.planPeriod&&u.canceledAt){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}if(u.canceledAt)return(0,s.G)("billing.reSubscribe");if(m!==u.planPeriod){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):h((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!n||p,disabled:!n||p}},[P,n,a,c,b]),A=(0,r.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,r.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,a,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,r.useCallback)(({plan:i,planPeriod:r,seatsQuantity:n,priceId:l,mode:s="mounted",event:d,portalRoot:c,appearance:u,newSubscriptionRedirectUrl:p,onSubscriptionComplete:m})=>{var g,h;let b=c??(0,o.J)(s,d);e.__internal_openCheckout({planId:i.id,planPeriod:(g=i,"month"===(h=r)&&g.fee||"annual"===h&&g.annualMonthlyFee?h:"month"!==h||g.fee?"annual"!==h||g.annualMonthlyFee?h:"month":"annual"),for:a,seatsQuantity:n,priceId:l,onSubscriptionComplete:()=>{Y(),m?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:u,portalRoot:b,newSubscriptionRedirectUrl:p})},[e,Y,a,t?.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,r.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:Y}}},9229(e,t,a){var i=a(9701);let r="user",n=(0,i.createContext)(r),l=()=>(0,i.useContext)(n)||r;a.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:n})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{861(e,t,a){var i=a(9763),r=a(1756),n=a(6262),l=a(9701),o=a(7308),s=a(7447),d=a(6600),c=a(5501),u=a(49),p=a(869),m=a(7549),g=a(5357),h=a(1637),b=a(2861),f=a(1868),_=a(9230),v=a(554),y=a(6887),Y=a(8342),k=a(4260),z=a(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:a,hasRoleSetMigration:r}=(0,v.x)(),{t:n}=(0,y._)(),o=D();return(0,l.useEffect)(()=>{e.value||!o||t?.some(e=>e.value===o)&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(_.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:a||r,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,Y.G)("formFieldLabel__role"))}:`})})})},D=()=>{let{options:e}=(0,v.x)(),{organizationSettings:t}=(0,f.O)(),a=t.domains.defaultRole;return a||e?.length!==1||(a=e[0].value),a};a.d(t,{},{B:e=>{let{onSuccess:t,onReset:a,resetButtonLabel:f}=e,v=(0,n.ho)(),{organization:z,invitations:D}=(0,n.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,b.Rs)(),C=w?.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,b.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,l.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:B,setSuccess:X,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:J,feedback:Z,feedbackType:j,clearFeedback:O,...W}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,u.V4)(C.plan):null,q=!!(U?(0,u.lV)(U):null),ee=q&&(0,u.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),a=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await ea(i)}catch(e){await ei(e,i,{portalRoot:a})}},ea=async e=>{await z.inviteMembers(e),await D?.revalidate?.(),t?.()},ei=async(e,t,{openCheckoutOnInsufficientSeats:a=!0,portalRoot:i}={})=>{if(!(0,r.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let n=e.errors[0];switch(er(n,t.emailAddresses),n?.code){case"duplicate_record":{let e=n.meta?.emailAddresses||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=n.longMessage??"",a=t.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,p.H4)(e,[],e=>a?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:a}))):G.setError(e));break}case"insufficient_seats":if(!a){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:a}=await v.billing.getPlans({for:"organization",orgId:z.id,minSeats:n.meta?.seatsQuantity,pageSize:500});if(0===a.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let r=A.find(e=>"active"===e.status||"past_due"===e.status);if(r){let e=r.plan;if(a.some(t=>t.id===e.id&&t.availablePrices?.some(e=>e.id===r.priceId))){x({mode:"modal",plan:e,planPeriod:r.planPeriod,seatsQuantity:n.meta?.seatsQuantity,priceId:r.priceId,portalRoot:i,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await ea(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},er=(e,t=I.value.split(","))=>{let a=new Set([...e.meta?.emailAddresses??[],...e.meta?.identifiers??[]]);I.setValue(t.filter(e=>!a.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(c.F,{...W,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(_.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:a})]})]})]})}})},8783(e,t,a){var i=a(9763),r=a(6262),n=a(7308),l=a(5870),o=a(9618),s=a(4546),d=a(5004),c=a(8342),u=a(9230),p=a(1046),m=a(3662),g=a(2690),h=a(861);let b=(0,n.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:a=t}=e,o=(0,c.G)("organizationProfile.invitePage.title"),u=(0,c.G)("organizationProfile.invitePage.subtitle"),p=(0,n.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:b}=(0,r.Z5)();return b?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(l.M,{headerTitle:o,headerSubtitle:u,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:a})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(u.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(u.EY,{localizationKey:(0,c.G)("organizationProfile.invitePage.successMessage")})]});a.d(t,{},{D:b,k:f})},9941(e,t,a){var i=a(9763),r=a(9701),n=a(9632),l=a(3919),o=a(9230),s=a(1046),d=a(6887),c=a(8342),u=a(554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,r.memo)(e=>{let{option:t,isSelected:a,sx:r,...n}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),r],...n,children:(0,i.Y)(o.EY,{variant:"subtitle",children:t?.label})})});a.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:a,roles:n,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:b}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,r.useMemo)(()=>[...n||[]],[n]),v=(0,r.useMemo)(()=>_.find(e=>e.value===t),[_,t]),{t:y}=(0,d._)(),Y=(0,r.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,i.FD)(l.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,a)=>(0,i.Y)(m,{isSelected:a,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&_.length>0&&!v,children:v?.label||v?.value?(0,i.FD)(o.so,{as:"span",gap:1,children:[b&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:b}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):a?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:a}):null}),(0,i.Y)(l.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:a,onPageChange:r,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:m,emptyStateLocalizationKey:g}=e,h=c>0?Math.max(0,(a-1)*u)+1:0,b=Math.min(a*u,c);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(n.d,{count:m,page:a,onChange:r,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})}})},3374(e,t,a){var i=a(9763),r=a(4176),n=a(8695),l=a(9230),o=a(1046),s=a(8342);a.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:a,...d}=e;return(0,i.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(r.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(n.h,{size:e=>e.sizes.$16,showLoadingSpinner:a,...t})})]})}})},8590(e,t,a){a.d(t,{},{l_:(e,t,a)=>{if(void 0===t)return[{data:[e],total_count:1}];let i=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let r=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:r,total_count:"negative"===a?i-1:i}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},2861(e,t,a){a.d(t,{A$:()=>h,D:()=>_,JB:()=>b,Rs:()=>g,eT:()=>m,mu:()=>u,ns:()=>f,wD:()=>p});var i=a(6262),r=a(9701),n=a(2396),l=a(49),o=a(7549),s=a(8342),d=a(9229);let c=()=>{let e=(0,d.XX)(),t=(0,n.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),a=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a&&t}},u=()=>{let e=c();return(0,i.X$)(e)},p=()=>{let e=c();return(0,i.t7)(e)},m=e=>{let t=c();return(0,i.tr)({...t,__experimental_mode:e?.mode})},g=()=>{let e=c(),t=(0,i.kH)(e),a=(0,r.useMemo)(()=>t.data?.subscriptionItems||[],[t.data?.subscriptionItems]);return{...t,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=c();return(0,i.pH)(e)},f=()=>{let e=c();return(0,i.ZD)(e)},_=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),a=(0,d.XX)(),n=(0,r.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:c,revalidate:p,data:b}=g(),{data:f,revalidate:_}=h({mode:"cache"}),{revalidate:v}=m({mode:"cache"}),{revalidate:y}=u(),Y=(0,r.useCallback)(()=>{p(),_(),v(),y()},[p,_,v,y]),k=(0,r.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),z=(0,r.useCallback)(e=>c.find(t=>t.plan.id===e.id),[c]),S=(0,r.useCallback)(e=>c.filter(t=>t.plan.id===e.id),[c]),P=(0,r.useCallback)((e,t="month")=>{let a=S(e);if(a.length>1){let e=a.find(e=>e.planPeriod===t);return e||a[0]}if(1===a.length)return a[0]},[S]),D=(0,r.useCallback)(({plan:e,subscription:t})=>{let a=t??(e?z(e):void 0);return!a||!a.canceledAt},[z]),w=(0,r.useCallback)(({plan:e,organization:i,subscription:r,isCompact:o=!1,selectedPlanPeriod:d="annual"})=>{let u=r??(e?P(e,d):void 0),p="organization"===a&&!!i&&(0,l.iI)(e,i),m=d,g=!!e?.annualMonthlyFee;"annual"!==m||g||(m="month");let h=a=>{if(e?.freeTrialEnabled){let a=!t,i=b?.eligibleForFreeTrial;if(a||i)return(0,s.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:h((()=>{if(u){if(m!==u.planPeriod&&u.canceledAt){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}if(u.canceledAt)return(0,s.G)("billing.reSubscribe");if(m!==u.planPeriod){if("month"===m)return(0,s.G)("billing.switchToMonthly");if(g)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):h((0,s.G)("billing.subscribe"))})()),variant:o?"bordered":"solid",colorScheme:o?"secondary":"primary",isDisabled:!n||p,disabled:!n||p}},[P,n,a,c,b]),A=(0,r.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,r.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,a,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,r.useCallback)(({plan:i,planPeriod:r,seatsQuantity:n,priceId:l,mode:s="mounted",event:d,portalRoot:c,appearance:u,newSubscriptionRedirectUrl:p,onSubscriptionComplete:m})=>{var g,h;let b=c??(0,o.J)(s,d);e.__internal_openCheckout({planId:i.id,planPeriod:(g=i,"month"===(h=r)&&g.fee||"annual"===h&&g.annualMonthlyFee?h:"month"!==h||g.fee?"annual"!==h||g.annualMonthlyFee?h:"month":"annual"),for:a,seatsQuantity:n,priceId:l,onSubscriptionComplete:()=>{Y(),m?.()},onClose:()=>{t?.id&&e.setActive({session:t.id})},appearance:u,portalRoot:b,newSubscriptionRedirectUrl:p})},[e,Y,a,t?.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,r.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:Y}}},9229(e,t,a){var i=a(9701);let r="user",n=(0,i.createContext)(r),l=()=>(0,i.useContext)(n)||r;a.d(t,{},{N7:()=>"user"===l()?"userProfile":"organizationProfile",XX:l,m$:n})}}]);

package/dist/{76_ui_3dfef2_1.23.2-snapshot.v20260630200444.js → 76_ui_fa8da8_1.24.0.js}

@@ -1 +1 @@
-"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{10861(e,t,l){l(85281),l(42949),l(49678),l(36395),l(15254),l(12021),l(73560),l(67548),l(70954),l(98803),l(79162),l(15385),l(39342),l(69152),l(18723);var i=l(59763),n=l(71756),a=l(46262),r=l(59701),o=l(17308),s=l(17447),d=l(46600),u=l(85501),c=l(40049),p=l(30869),m=l(37549),g=l(55357),h=l(51637),v=l(12861),f=l(91868),b=l(39230),_=l(60554),y=l(66887),Y=l(78342),k=l(34260),z=l(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:l,hasRoleSetMigration:n}=(0,_.x)(),{t:a}=(0,y._)(),o=D();return(0,r.useEffect)(()=>{e.value||!o||(null==t?void 0:t.some(e=>e.value===o))&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(b.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:l||n,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:"".concat(a((0,Y.G)("formFieldLabel__role")),":")})})})},D=()=>{let{options:e}=(0,_.x)(),{organizationSettings:t}=(0,f.O)(),l=t.domains.defaultRole;return l||(null==e?void 0:e.length)!==1||(l=e[0].value),l};l.d(t,{},{B:e=>{let{onSuccess:t,onReset:l,resetButtonLabel:f}=e,_=(0,a.ho)(),{organization:z,invitations:D}=(0,a.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,v.Rs)(),C=null==w?void 0:w.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,v.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,r.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:X,setSuccess:B,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:j,feedback:J,feedbackType:O,clearFeedback:W,...Z}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,c.V4)(C.plan):null,q=!!(U?(0,c.lV)(U):null),ee=q&&(0,c.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),l=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await el(i)}catch(e){await ei(e,i,{portalRoot:l})}},el=async e=>{var l;await z.inviteMembers(e),await (null==D||null==(l=D.revalidate)?void 0:l.call(D)),null==t||t()},ei=async function(e,t){var l,i,a,r,o;let{openCheckoutOnInsufficientSeats:s=!0,portalRoot:d}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(0,n.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let u=e.errors[0];switch(en(u,t.emailAddresses),null==u?void 0:u.code){case"duplicate_record":{let e=(null==(l=u.meta)?void 0:l.emailAddresses)||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=null==(a=(null!=(i=u.longMessage)?i:"").match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/))?void 0:a[0];(0,p.H4)(e,[],e=>t?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:t}))):G.setError(e));break}case"insufficient_seats":if(!s){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:l}=await _.billing.getPlans({for:"organization",orgId:z.id,minSeats:null==(r=u.meta)?void 0:r.seatsQuantity,pageSize:500});if(0===l.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let i=A.find(e=>"active"===e.status||"past_due"===e.status);if(i){let e=i.plan;if(l.some(t=>{var l;return t.id===e.id&&(null==(l=t.availablePrices)?void 0:l.some(e=>e.id===i.priceId))})){x({mode:"modal",plan:e,planPeriod:i.planPeriod,seatsQuantity:null==(o=u.meta)?void 0:o.seatsQuantity,priceId:i.priceId,portalRoot:d,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await el(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},en=function(e){var t,l,i,n;let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:I.value.split(","),r=new Set([...null!=(t=null==(i=e.meta)?void 0:i.emailAddresses)?t:[],...null!=(l=null==(n=e.meta)?void 0:n.identifiers)?l:[]]);I.setValue(a.filter(e=>!r.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(u.F,{...Z,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(b.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:l})]})]})]})}})},68783(e,t,l){var i=l(59763),n=l(46262),a=l(17308),r=l(5870),o=l(69618),s=l(82165),d=l(95004),u=l(78342),c=l(39230),p=l(61046),m=l(3662),g=l(32690),h=l(10861);let v=(0,a.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:l=t}=e,o=(0,u.G)("organizationProfile.invitePage.title"),c=(0,u.G)("organizationProfile.invitePage.subtitle"),p=(0,a.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:v}=(0,n.Z5)();return v?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(r.M,{headerTitle:o,headerSubtitle:c,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:l})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(c.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(c.EY,{localizationKey:(0,u.G)("organizationProfile.invitePage.successMessage")})]});l.d(t,{},{D:v,k:f})},9941(e,t,l){l(42949),l(37891),l(36395),l(49678);var i=l(59763),n=l(59701),a=l(39632),r=l(63919),o=l(39230),s=l(61046),d=l(66887),u=l(78342),c=l(60554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,n.memo)(e=>{let{option:t,isSelected:l,sx:n,...a}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:"".concat(e.space.$2," ").concat(e.space.$4),borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),n],...a,children:(0,i.Y)(o.EY,{variant:"subtitle",children:null==t?void 0:t.label})})});l.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:l,roles:a,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:v}=e,{localizeCustomRole:f}=(0,c.l)(),b=(0,n.useMemo)(()=>[...a||[]],[a]),_=(0,n.useMemo)(()=>b.find(e=>e.value===t),[b,t]),{t:y}=(0,d._)(),Y=(0,n.useMemo)(()=>b.map(e=>({value:e.value,label:f(e.value)||e.label})),[b,f]);return(0,i.FD)(r.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,u.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,l)=>(0,i.Y)(m,{isSelected:l,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(r.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&b.length>0&&!_,children:(null==_?void 0:_.label)||(null==_?void 0:_.value)?(0,i.FD)(o.so,{as:"span",gap:1,children:[v&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:v}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(null==_?void 0:_.value)||(null==_?void 0:_.label)})]}):l?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:l}):null}),(0,i.Y)(r.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:l,onPageChange:n,rows:r,isLoading:d,itemCount:u,itemsPerPage:c,pageCount:m,emptyStateLocalizationKey:g}=e,h=u>0?Math.max(0,(l-1)*c)+1:0,v=Math.min(l*c,u);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):r.length?r:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(a.d,{count:m,page:l,onChange:n,siblingCount:1,rowInfo:{allRowsCount:u,startingRow:h,endingRow:v}})]})}})},23374(e,t,l){var i=l(59763),n=l(44176),a=l(58695),r=l(39230),o=l(61046),s=l(78342);l.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:l,...d}=e;return(0,i.FD)(r.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(a.h,{size:e=>e.sizes.$16,showLoadingSpinner:l,...t})})]})}})},48590(e,t,l){l(42949),l(37891),l(18723),l.d(t,{},{l_:(e,t,l)=>{var i;if(void 0===t)return[{data:[e],total_count:1}];let n=(null==t||null==(i=t[t.length-1])?void 0:i.total_count)||1;return t.map(t=>{if(void 0===t)return t;let i=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:i,total_count:"negative"===l?n-1:n}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},12861(e,t,l){l.d(t,{A$:()=>h,D:()=>v,Rs:()=>g,eT:()=>m,mu:()=>c,wD:()=>p}),l(42949),l(12021),l(49678),l(18723);var i=l(46262),n=l(59701),a=l(82396),r=l(40049),o=l(37549),s=l(78342),d=l(79229);let u=()=>{let e=(0,d.XX)(),t=(0,a.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),l=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!l&&t}},c=()=>{let e=u();return(0,i.X$)(e)},p=()=>{let e=u();return(0,i.t7)(e)},m=e=>{let t=u();return(0,i.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},g=()=>{var e;let t=u(),l=(0,i.kH)(t),a=(0,n.useMemo)(()=>{var e;return(null==(e=l.data)?void 0:e.subscriptionItems)||[]},[null==(e=l.data)?void 0:e.subscriptionItems]);return{...l,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},v=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),l=(0,d.XX)(),a=(0,n.useMemo)(()=>{var t;return!!(!e.session||(null==e||null==(t=e.session)?void 0:t.checkAuthorization({permission:"org:sys_billing:manage"}))||"user"===l)},[e,l]),{subscriptionItems:u,revalidate:p,data:v}=g(),{data:f,revalidate:b}=h({mode:"cache"}),{revalidate:_}=m({mode:"cache"}),{revalidate:y}=c(),Y=(0,n.useCallback)(()=>{p(),b(),_(),y()},[p,b,_,y]),k=(0,n.useMemo)(()=>0===u.length||!u.some(e=>!e.canceledAt),[u]),z=(0,n.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),S=(0,n.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),P=(0,n.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",l=S(e);if(l.length>1){let e=l.find(e=>e.planPeriod===t);return e||l[0]}if(1===l.length)return l[0]},[S]),D=(0,n.useCallback)(e=>{let{plan:t,subscription:l}=e,i=null!=l?l:t?z(t):void 0;return!i||!i.canceledAt},[z]),w=(0,n.useCallback)(e=>{let{plan:i,organization:n,subscription:o,isCompact:d=!1,selectedPlanPeriod:c="annual"}=e,p=null!=o?o:i?P(i,c):void 0,m="organization"===l&&!!n&&(0,r.iI)(i,n),g=c,h=!!(null==i?void 0:i.annualMonthlyFee);"annual"!==g||h||(g="month");let f=e=>{if(null==i?void 0:i.freeTrialEnabled){let e=!t,n=null==v?void 0:v.eligibleForFreeTrial;if(e||n){var l;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(l=i.freeTrialDays)?l:0})}}return e};return{localizationKey:f((()=>{if(p){if(g!==p.planPeriod&&p.canceledAt){if("month"===g)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(p.canceledAt)return(0,s.G)("billing.reSubscribe");if(g!==p.planPeriod){if("month"===g)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):f((0,s.G)("billing.subscribe"))})()),variant:d?"bordered":"solid",colorScheme:d?"secondary":"primary",isDisabled:!a||m,disabled:!a||m}},[P,a,l,u,v]),A=(0,n.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,n.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:l,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,l,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,n.useCallback)(i=>{var n,a;let{plan:r,planPeriod:s,seatsQuantity:d,priceId:u,mode:c="mounted",event:p,portalRoot:m,appearance:g,newSubscriptionRedirectUrl:h,onSubscriptionComplete:v}=i,f=null!=m?m:(0,o.J)(c,p);e.__internal_openCheckout({planId:r.id,planPeriod:(n=r,"month"===(a=s)&&n.fee||"annual"===a&&n.annualMonthlyFee?a:"month"!==a||n.fee?"annual"!==a||n.annualMonthlyFee?a:"month":"annual"),for:l,seatsQuantity:d,priceId:u,onSubscriptionComplete:()=>{Y(),null==v||v()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:g,portalRoot:f,newSubscriptionRedirectUrl:h})},[e,Y,l,null==t?void 0:t.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,n.useMemo)(()=>null==f?void 0:f.find(e=>e.isDefault),[f]),revalidateAll:Y}}},79229(e,t,l){var i=l(59701);let n="user",a=(0,i.createContext)(n),r=()=>(0,i.useContext)(a)||n;l.d(t,{},{N7:()=>"user"===r()?"userProfile":"organizationProfile",XX:r,m$:a})}}]);
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[76],{10861(e,t,l){l(85281),l(42949),l(49678),l(36395),l(15254),l(12021),l(73560),l(67548),l(70954),l(98803),l(79162),l(15385),l(39342),l(69152),l(18723);var i=l(59763),n=l(71756),a=l(46262),r=l(59701),o=l(17308),s=l(17447),d=l(46600),u=l(85501),c=l(40049),p=l(30869),m=l(37549),g=l(55357),h=l(51637),v=l(12861),f=l(91868),b=l(39230),_=l(60554),y=l(66887),Y=l(78342),k=l(34260),z=l(9941);let S=e=>/^\S+@\S+\.\S+$/.test(e),P=e=>{let{options:t,isLoading:l,hasRoleSetMigration:n}=(0,_.x)(),{t:a}=(0,y._)(),o=D();return(0,r.useEffect)(()=>{e.value||!o||(null==t?void 0:t.some(e=>e.value===o))&&e.setValue(o)},[o,t,e]),(0,i.Y)(s.l.ControlRow,{elementId:e.id,children:(0,i.Y)(b.so,{direction:"col",gap:2,children:(0,i.Y)(z.Vo,{...e.props,roles:t,isDisabled:l||n,onChange:t=>e.setValue(t),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:"".concat(a((0,Y.G)("formFieldLabel__role")),":")})})})},D=()=>{let{options:e}=(0,_.x)(),{organizationSettings:t}=(0,f.O)(),l=t.domains.defaultRole;return l||(null==e?void 0:e.length)!==1||(l=e[0].value),l};l.d(t,{},{B:e=>{let{onSuccess:t,onReset:l,resetButtonLabel:f}=e,_=(0,a.ho)(),{organization:z,invitations:D}=(0,a.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),{data:w,subscriptionItems:A}=(0,v.Rs)(),C=null==w?void 0:w.subscriptionItems.find(e=>"active"===e.status),{handleSelectPlan:x}=(0,v.D)(),G=(0,o.f0)(),{t:E,locale:F}=(0,y._)(),[$,T]=(0,r.useState)(!1),I=(0,h.tJ)("emailAddress","",{type:"text",label:(0,Y.G)("formFieldLabel__emailAddresses")}),M=(0,h.tJ)("role","",{label:(0,Y.G)("formFieldLabel__role")});if(!z)return null;let{props:{setError:R,setWarning:B,setSuccess:X,setInfo:K,isFocused:H,validatePassword:L,setHasPassedComplexity:V,hasPassedComplexity:J,feedback:Z,feedbackType:j,clearFeedback:O,...W}}=I,N=(!!I.value.length||$)&&!!M.value,Q=I.value.split(","),U=C?(0,c.V4)(C.plan):null,q=!!(U?(0,c.lV)(U):null),ee=q&&(0,c.hf)(C,z,Q.length),et=async e=>{if(e.preventDefault(),!N)return;let t=new FormData(e.currentTarget),l=(0,m.d)(e.currentTarget),i={emailAddresses:I.value.split(","),role:t.get("role")};try{await el(i)}catch(e){await ei(e,i,{portalRoot:l})}},el=async e=>{var l;await z.inviteMembers(e),await (null==D||null==(l=D.revalidate)?void 0:l.call(D)),null==t||t()},ei=async function(e,t){var l,i,a,r,o;let{openCheckoutOnInsufficientSeats:s=!0,portalRoot:d}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(0,n.$R)(e)){if(e instanceof Error)return void(0,p.H4)(e,[],G.setError);throw e}let u=e.errors[0];switch(en(u,t.emailAddresses),null==u?void 0:u.code){case"duplicate_record":{let e=(null==(l=u.meta)?void 0:l.emailAddresses)||[];G.setError(E((0,Y.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,g.kS)(e,F)})));break}case"already_a_member_in_organization":{let t=null==(a=(null!=(i=u.longMessage)?i:"").match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/))?void 0:a[0];(0,p.H4)(e,[],e=>t?G.setError(E((0,Y.G)("unstable__errors.already_a_member_in_organization",{email:t}))):G.setError(e));break}case"insufficient_seats":if(!s){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}try{let{data:l}=await _.billing.getPlans({for:"organization",orgId:z.id,minSeats:null==(r=u.meta)?void 0:r.seatsQuantity,pageSize:500});if(0===l.length){(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}let i=A.find(e=>"active"===e.status||"past_due"===e.status);if(i){let e=i.plan;if(l.some(t=>{var l;return t.id===e.id&&(null==(l=t.availablePrices)?void 0:l.some(e=>e.id===i.priceId))})){x({mode:"modal",plan:e,planPeriod:i.planPeriod,seatsQuantity:null==(o=u.meta)?void 0:o.seatsQuantity,priceId:i.priceId,portalRoot:d,onSubscriptionComplete:()=>{(async()=>{G.setLoading(),G.setError(void 0);try{await el(t)}catch(e){await ei(e,t,{openCheckoutOnInsufficientSeats:!1})}finally{G.setIdle()}})()}});break}}(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_change_plan"))));break}catch(e){e instanceof Error&&(0,p.H4)(e,[],()=>G.setError(E((0,Y.G)("unstable__errors.insufficient_seats_contact_support"))));break}default:(0,p.H4)(e,[],G.setError)}},en=function(e){var t,l,i,n;let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:I.value.split(","),r=new Set([...null!=(t=null==(i=e.meta)?void 0:i.emailAddresses)?t:[],...null!=(l=null==(n=e.meta)?void 0:n.identifiers)?l:[]]);I.setValue(a.filter(e=>!r.has(e)).join(","))};return(0,i.FD)(s.l.Root,{onSubmit:et,children:[(0,i.Y)(s.l.ControlRow,{elementId:I.id,children:(0,i.Y)(u.F,{...W,autoFocus:!0,validate:S,sx:{width:"100%"},validateUnsubmittedEmail:e=>T(S(e)),placeholder:(0,Y.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,i.FD)(b.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[k.g.sm]:{justifyContent:"center"}}),children:[(0,i.Y)(P,{...M}),(0,i.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,i.Y)(s.l.SubmitButton,{block:!1,isDisabled:!N,localizationKey:q&&ee?(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__purchaseSeats"):(0,Y.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,i.Y)(s.l.ResetButton,{localizationKey:f||(0,Y.G)("userProfile.formButtonReset"),block:!1,onClick:l})]})]})]})}})},68783(e,t,l){var i=l(59763),n=l(46262),a=l(17308),r=l(5870),o=l(69618),s=l(82165),d=l(95004),u=l(78342),c=l(39230),p=l(61046),m=l(3662),g=l(32690),h=l(10861);let v=(0,a.dm)(e=>{let{close:t}=(0,m.D5)(),{onReset:l=t}=e,o=(0,u.G)("organizationProfile.invitePage.title"),c=(0,u.G)("organizationProfile.invitePage.subtitle"),p=(0,a.f0)(),g=(0,d.X)({onNextStep:()=>p.setError(void 0)}),{organization:v}=(0,n.Z5)();return v?(0,i.FD)(d.s,{...g.props,children:[(0,i.Y)(r.M,{headerTitle:o,headerSubtitle:c,children:(0,i.Y)(h.B,{onSuccess:g.nextStep,onReset:l})}),(0,i.Y)(s.B,{title:o,onFinish:t,contents:(0,i.Y)(f,{})})]}):null}),f=()=>(0,i.FD)(c.so,{direction:"col",center:!0,gap:4,children:[(0,i.Y)(o.A,{boxElementDescriptor:p.$z.invitationsSentIconBox,iconElementDescriptor:p.$z.invitationsSentIcon,icon:g.A}),(0,i.Y)(c.EY,{localizationKey:(0,u.G)("organizationProfile.invitePage.successMessage")})]});l.d(t,{},{D:v,k:f})},9941(e,t,l){l(42949),l(37891),l(36395),l(49678);var i=l(59763),n=l(59701),a=l(39632),r=l(63919),o=l(39230),s=l(61046),d=l(66887),u=l(78342),c=l(60554);let p=e=>(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=(0,n.memo)(e=>{let{option:t,isSelected:l,sx:n,...a}=e;return(0,i.Y)(o.so,{sx:[e=>({width:"100%",padding:"".concat(e.space.$2," ").concat(e.space.$4),borderRadius:e.radii.$md,"&:hover":{backgroundColor:e.colors.$neutralAlpha100},'&[data-focused="true"]':{backgroundColor:e.colors.$neutralAlpha150}}),n],...a,children:(0,i.Y)(o.EY,{variant:"subtitle",children:null==t?void 0:t.label})})});l.d(t,{},{Vo:e=>{let{value:t,fallbackLabel:l,roles:a,onChange:s,isDisabled:p,triggerSx:g,optionListSx:h,prefixLocalizationKey:v}=e,{localizeCustomRole:f}=(0,c.l)(),b=(0,n.useMemo)(()=>[...a||[]],[a]),_=(0,n.useMemo)(()=>b.find(e=>e.value===t),[b,t]),{t:y}=(0,d._)(),Y=(0,n.useMemo)(()=>b.map(e=>({value:e.value,label:f(e.value)||e.label})),[b,f]);return(0,i.FD)(r.l6,{elementId:"role",options:Y,value:t,placeholder:y((0,u.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,t,l)=>(0,i.Y)(m,{isSelected:l,option:e}),children:[(0,i.Y)("input",{name:"role",type:"hidden",value:t}),(0,i.Y)(r.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!t&&b.length>0&&!_,children:(null==_?void 0:_.label)||(null==_?void 0:_.value)?(0,i.FD)(o.so,{as:"span",gap:1,children:[v&&(0,i.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:v}),(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:f(null==_?void 0:_.value)||(null==_?void 0:_.label)})]}):l?(0,i.Y)(o.EY,{as:"span",colorScheme:"body",children:l}):null}),(0,i.Y)(r.UL,{sx:h})]})},Yq:e=>(0,i.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),bQ:e=>{let{headers:t,page:l,onPageChange:n,rows:r,isLoading:d,itemCount:u,itemsPerPage:c,pageCount:m,emptyStateLocalizationKey:g}=e,h=u>0?Math.max(0,(l-1)*c)+1:0,v=Math.min(l*c,u);return(0,i.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,i.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,i.FD)(o.XI,{children:[(0,i.Y)(o.d8,{children:(0,i.Y)(o.Tr,{children:t.map((e,t)=>(0,i.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e.key,sx:e.align?{textAlign:e.align}:void 0},t))})}),(0,i.Y)(o.NN,{children:d?(0,i.Y)(o.Tr,{children:(0,i.Y)(o.Td,{colSpan:4,children:(0,i.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):r.length?r:(0,i.Y)(p,{localizationKey:g},"empty")})]})}),m>1&&(0,i.Y)(a.d,{count:m,page:l,onChange:n,siblingCount:1,rowInfo:{allRowsCount:u,startingRow:h,endingRow:v}})]})}})},23374(e,t,l){var i=l(59763),n=l(44176),a=l(58695),r=l(39230),o=l(61046),s=l(78342);l.d(t,{},{i:e=>{let{organization:t,showLoadingSpinner:l,...d}=e;return(0,i.FD)(r.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,i.Y)(r.EY,{variant:"subtitle",sx:e=>({textAlign:"start",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,i.Y)(n.k,{...d,rounded:!1,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,i.Y)(a.h,{size:e=>e.sizes.$16,showLoadingSpinner:l,...t})})]})}})},48590(e,t,l){l(42949),l(37891),l(18723),l.d(t,{},{l_:(e,t,l)=>{var i;if(void 0===t)return[{data:[e],total_count:1}];let n=(null==t||null==(i=t[t.length-1])?void 0:i.total_count)||1;return t.map(t=>{if(void 0===t)return t;let i=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:i,total_count:"negative"===l?n-1:n}})},mu:{userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}}})},12861(e,t,l){l.d(t,{A$:()=>h,D:()=>b,JB:()=>v,Rs:()=>g,eT:()=>m,mu:()=>c,ns:()=>f,wD:()=>p}),l(42949),l(12021),l(49678),l(18723);var i=l(46262),n=l(59701),a=l(82396),r=l(40049),o=l(37549),s=l(78342),d=l(79229);let u=()=>{let e=(0,d.XX)(),t=(0,a.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),l=(0,i.It)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!l&&t}},c=()=>{let e=u();return(0,i.X$)(e)},p=()=>{let e=u();return(0,i.t7)(e)},m=e=>{let t=u();return(0,i.tr)({...t,__experimental_mode:null==e?void 0:e.mode})},g=()=>{var e;let t=u(),l=(0,i.kH)(t),a=(0,n.useMemo)(()=>{var e;return(null==(e=l.data)?void 0:e.subscriptionItems)||[]},[null==(e=l.data)?void 0:e.subscriptionItems]);return{...l,subscriptionItems:a}},h=e=>{let t=(0,d.XX)();return(0,i.rg)({for:t,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:null==e?void 0:e.mode})},v=()=>{let e=u();return(0,i.pH)(e)},f=()=>{let e=u();return(0,i.ZD)(e)},b=()=>{let e=(0,i.ho)(),{session:t}=(0,i.wV)(),l=(0,d.XX)(),a=(0,n.useMemo)(()=>{var t;return!!(!e.session||(null==e||null==(t=e.session)?void 0:t.checkAuthorization({permission:"org:sys_billing:manage"}))||"user"===l)},[e,l]),{subscriptionItems:u,revalidate:p,data:v}=g(),{data:f,revalidate:b}=h({mode:"cache"}),{revalidate:_}=m({mode:"cache"}),{revalidate:y}=c(),Y=(0,n.useCallback)(()=>{p(),b(),_(),y()},[p,b,_,y]),k=(0,n.useMemo)(()=>0===u.length||!u.some(e=>!e.canceledAt),[u]),z=(0,n.useCallback)(e=>u.find(t=>t.plan.id===e.id),[u]),S=(0,n.useCallback)(e=>u.filter(t=>t.plan.id===e.id),[u]),P=(0,n.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"month",l=S(e);if(l.length>1){let e=l.find(e=>e.planPeriod===t);return e||l[0]}if(1===l.length)return l[0]},[S]),D=(0,n.useCallback)(e=>{let{plan:t,subscription:l}=e,i=null!=l?l:t?z(t):void 0;return!i||!i.canceledAt},[z]),w=(0,n.useCallback)(e=>{let{plan:i,organization:n,subscription:o,isCompact:d=!1,selectedPlanPeriod:c="annual"}=e,p=null!=o?o:i?P(i,c):void 0,m="organization"===l&&!!n&&(0,r.iI)(i,n),g=c,h=!!(null==i?void 0:i.annualMonthlyFee);"annual"!==g||h||(g="month");let f=e=>{if(null==i?void 0:i.freeTrialEnabled){let e=!t,n=null==v?void 0:v.eligibleForFreeTrial;if(e||n){var l;return(0,s.G)("billing.startFreeTrial__days",{days:null!=(l=i.freeTrialDays)?l:0})}}return e};return{localizationKey:f((()=>{if(p){if(g!==p.planPeriod&&p.canceledAt){if("month"===g)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}if(p.canceledAt)return(0,s.G)("billing.reSubscribe");if(g!==p.planPeriod){if("month"===g)return(0,s.G)("billing.switchToMonthly");if(h)return(0,s.G)("billing.switchToAnnual")}return(0,s.G)("billing.manageSubscription")}return u.filter(e=>!e.plan.isDefault).length>0?(0,s.G)("billing.switchPlan"):f((0,s.G)("billing.subscribe"))})()),variant:d?"bordered":"solid",colorScheme:d?"secondary":"primary",isDisabled:!a||m,disabled:!a||m}},[P,a,l,u,v]),A=(0,n.useCallback)(e=>e.pastDueAt?(0,s.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,s.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,s.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,s.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),C=(0,n.useCallback)(t=>{let i=(0,o.J)("modal",t);e.__internal_openSubscriptionDetails({for:l,onSubscriptionCancel:()=>{Y()},portalRoot:i})},[e,l,Y]);return{activeOrUpcomingSubscription:z,activeAndUpcomingSubscriptions:S,activeOrUpcomingSubscriptionBasedOnPlanPeriod:P,isDefaultPlanImplicitlyActiveOrUpcoming:k,handleSelectPlan:(0,n.useCallback)(i=>{var n,a;let{plan:r,planPeriod:s,seatsQuantity:d,priceId:u,mode:c="mounted",event:p,portalRoot:m,appearance:g,newSubscriptionRedirectUrl:h,onSubscriptionComplete:v}=i,f=null!=m?m:(0,o.J)(c,p);e.__internal_openCheckout({planId:r.id,planPeriod:(n=r,"month"===(a=s)&&n.fee||"annual"===a&&n.annualMonthlyFee?a:"month"!==a||n.fee?"annual"!==a||n.annualMonthlyFee?a:"month":"annual"),for:l,seatsQuantity:d,priceId:u,onSubscriptionComplete:()=>{Y(),null==v||v()},onClose:()=>{(null==t?void 0:t.id)&&e.setActive({session:t.id})},appearance:g,portalRoot:f,newSubscriptionRedirectUrl:h})},[e,Y,l,null==t?void 0:t.id]),openSubscriptionDetails:C,buttonPropsForPlan:w,canManageSubscription:D,captionForSubscription:A,defaultFreePlan:(0,n.useMemo)(()=>null==f?void 0:f.find(e=>e.isDefault),[f]),revalidateAll:Y}}},79229(e,t,l){var i=l(59701);let n="user",a=(0,i.createContext)(n),r=()=>(0,i.useContext)(a)||n;l.d(t,{},{N7:()=>"user"===r()?"userProfile":"organizationProfile",XX:r,m$:a})}}]);

package/dist/8316_ui_4f45ec_1.24.0.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8316],{3839(e,t,i){var n=i(9763),r=i(6516),a=i(2861),o=i(9229),l=i(6887),d=i(8342),s=i(9230),c=i(8029);i.d(t,{},{W:()=>{let{data:e,isLoading:t}=(0,a.JB)(),i=(0,o.N7)(),{navigate:u}=(0,c.r)(),{$:h}=(0,l._)();return!e?.balance||t?null:(0,n.Y)(r.rd.Root,{title:(0,d.G)(`${i}.billingPage.accountCreditsSection.title`),centered:!1,id:"accountCredits",sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.FD)(r.rd.ItemList,{id:"accountCredits",disableAnimation:!0,children:[(0,n.Y)(r.rd.Item,{id:"accountCredits",children:(0,n.Y)(s.EY,{variant:"subtitle",children:h(e.balance)})}),(0,n.Y)(r.rd.Button,{id:"accountCredits",localizationKey:(0,d.G)(`${i}.billingPage.accountCreditsSection.viewHistory`),sx:[e=>({justifyContent:"start",height:e.sizes.$8})],onClick:()=>void u("credit-history")})]})})}})},8107(e,t,i){var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(6887),u=i(9230),h=i(8029);let p=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:g}=(0,h.r)(),{$:m}=(0,c._)();return(0,n.FD)(r.J2,{onClick:()=>{g(`payment-attempt/${t}`)},children:[(0,n.FD)(u.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(u.EY,{variant:"subtitle",children:(0,a.Y)(d||l||s,"long")}),(0,n.Y)(u.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(u.Td,{sx:{cursor:"pointer"},children:(0,n.Y)(u.EY,{children:m(i)})}),(0,n.Y)(u.Td,{children:(0,n.Y)(u.Ex,{colorScheme:"paid"===p?"success":"failed"===p?"danger":"primary",sx:{textTransform:"capitalize"},children:p})})]})};i.d(t,{},{v:()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(p,{paymentAttempt:e},e.id))})}})},1805(e,t,i){i.d(t,{pr:()=>_,Mo:()=>G,L6:()=>w,bL:()=>T});var n=i(9763),r=i(6262),a=i(630),o=i(5402),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),h=i(869),p=i(9229),g=i(1008),m=i(6887),y=i(8342),b=i(9230),Y=i(1046);let $=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)($,{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)($,{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)($,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{}),(0,n.Y)($,{}),(0,n.Y)($,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,d=(0,p.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[h,b]=(0,a.useState)(void 0),[Y,$]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:h,headerSubtitle:Y,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:$,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},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:Y.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},P=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return P(e,t),null},w=({text:e})=>{let{setHeaderSubtitle:t}=z();return P(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return P(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),Y=(0,p.N7)(),{isFormReady:$,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,h.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!$,submitLabel:a??(0,y.G)(`${Y}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){var n=i(9763),r=i(9230),a=i(1046),o=i(8342),l=i(9616),d=i(1538);i.d(t,{},{O:({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:d.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})})},477(e,t,i){i.d(t,{b:()=>M});var n=i(9763),r=i(6262),a=i(630),o=i(7308),l=i(842),d=i(6516),s=i(2298),c=i(869),u=i(7547),h=i(6574),p=i(9229),g=i(2861),m=i(8342),y=i(5237),b=i(3662),Y=i(1805),$=i(6858),v=i(2117),x=i(3751),f=i(6887),D=i(9230);let z=()=>{let{t:e}=(0,f._)();return(0,n.FD)(D.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative",overflow:"hidden"}),children:[(0,n.Y)(v.$,{}),(0,n.FD)(D.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(D.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(D.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(x.p.Root,{children:[(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(x.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(x.p.Description,{text:"11/44"})]}),(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(x.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},S=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,p.XX)(),o=(0,p.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)(Y.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)(Y.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)(Y.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(h.W,{children:(0,n.Y)(z,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,p.XX)(),s=(0,p.N7)(),h=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!h.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:h.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:h.current}),deleteResource:y,onSuccess:i,onReset:i})},M=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,p.XX)(),i=(0,p.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),h=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(d.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[h.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)($.O,{paymentMethod:e}),(0,n.Y)(T,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(S,{onSuccess:u})})})]})]})})})}):null}),T=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,p.XX)(),d=(0,p.N7)(),u=(0,r.It)(),h=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||h.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:h})}},4225(e,t,i){var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(6887),c=i(9230),u=i(8029),h=i(5747);let p=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,u.r)(),{$:d}=(0,s._)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,h.W)(i)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.Y)(c.EY,{colorScheme:"secondary",children:d(r)})})]})};i.d(t,{},{T:()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(p,{statement:e},e.id))})}})},463(e,t,i){var n=i(9763),r=i(630),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),h=i(1868),p=i(9230),g=i(8342),m=i(6887),y=i(9298),b=i(6014),Y=i(7975),$=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:$,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===m,{navigate:F}=(0,x.r)(),{commerceSettings:M}=(0,h.O)(),{openSubscriptionDetails:T}=(0,u.D)(),P=M.billing.user.hasPaidPlans&&"user"===m||M.billing.organization.hasPaidPlans&&"organization"===m,G=(0,r.useMemo)(()=>$.some(s.g),[$]),w=f&&G,_=(0,r.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.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,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(p.NN,{children:[_.map(e=>(0,n.Y)(S,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[P?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:w?"unset":void 0})],leftIcon:$.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void F("plans")}):null,w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:Y.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){let{$:i}=(0,m._)();return e.totals?(0,n.FD)(p.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(p.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(p.Td,{sx:{textAlign:"end"},children:(0,n.FD)(p.fv,{gap:1,align:"end",children:[(0,n.Y)(p.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:i(e.totals.grandTotal)}),(0,n.Y)(p.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function S({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o,$:s}=(0,m._)(),c=e.seats?.quantity,h=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(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:$.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)(f.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:[s(i,{style:"short"}),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,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{sx:{verticalAlign:"top"},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:v.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,g.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.fv,{gap:1,align:"end",children:[b?(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:b}):null,h&&h.quantity?(0,n.Y)(p.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:h.quantity,amount:`${s(h.feePerBlock)} / ${y}`}))}):null]})})]}):null]},e.id)}i.d(t,{R:()=>D})},5760(e,t,i){var n=i(9763),r=i(9230),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"};i.d(t,{},{V:({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})})}}]);

package/dist/8316_ui_bb3105_1.24.0.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8316],{3839(e,t,i){var n=i(9763),r=i(6516),a=i(2861),o=i(9229),l=i(6887),d=i(8342),s=i(9230),c=i(8029);i.d(t,{},{W:()=>{let{data:e,isLoading:t}=(0,a.JB)(),i=(0,o.N7)(),{navigate:u}=(0,c.r)(),{$:h}=(0,l._)();return!e?.balance||t?null:(0,n.Y)(r.rd.Root,{title:(0,d.G)(`${i}.billingPage.accountCreditsSection.title`),centered:!1,id:"accountCredits",sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.FD)(r.rd.ItemList,{id:"accountCredits",disableAnimation:!0,children:[(0,n.Y)(r.rd.Item,{id:"accountCredits",children:(0,n.Y)(s.EY,{variant:"subtitle",children:h(e.balance)})}),(0,n.Y)(r.rd.Button,{id:"accountCredits",localizationKey:(0,d.G)(`${i}.billingPage.accountCreditsSection.viewHistory`),sx:[e=>({justifyContent:"start",height:e.sizes.$8})],onClick:()=>void u("credit-history")})]})})}})},8107(e,t,i){var n=i(9763),r=i(9605),a=i(3736),o=i(5747),l=i(2861),d=i(9229),s=i(8342),c=i(6887),u=i(9230),h=i(8029);let p=({paymentAttempt:e})=>{let{id:t,amount:i,failedAt:l,paidAt:d,updatedAt:s,status:p}=e,{navigate:g}=(0,h.r)(),{$:m}=(0,c._)();return(0,n.FD)(r.J2,{onClick:()=>{g(`payment-attempt/${t}`)},children:[(0,n.FD)(u.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(u.EY,{variant:"subtitle",children:(0,a.Y)(d||l||s,"long")}),(0,n.Y)(u.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,o.W)(t)})]}),(0,n.Y)(u.Td,{sx:{cursor:"pointer"},children:(0,n.Y)(u.EY,{children:m(i)})}),(0,n.Y)(u.Td,{children:(0,n.Y)(u.Ex,{colorScheme:"paid"===p?"success":"failed"===p?"danger":"primary",sx:{textTransform:"capitalize"},children:p})})]})};i.d(t,{},{v:()=>{let{data:e,isLoading:t,count:i}=(0,l.wD)(),a=(0,d.N7)();return(0,n.Y)(r.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,s.G)(`${a}.billingPage.paymentHistorySection.empty`),headers:[{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__date`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__amount`)},{key:(0,s.G)(`${a}.billingPage.paymentHistorySection.tableHeader__status`)}],rows:e.map(e=>(0,n.Y)(p,{paymentAttempt:e},e.id))})}})},1805(e,t,i){i.d(t,{pr:()=>_,Mo:()=>G,L6:()=>w,bL:()=>T});var n=i(9763),r=i(6262),a=i(9701),o=i(5402),l=i(7308),d=i(7447),s=i(6600),c=i(5870),u=i(3539),h=i(869),p=i(9229),g=i(1008),m=i(6887),y=i(8342),b=i(9230),Y=i(1046);let $=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)($,{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)($,{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)($,{sx:e=>({height:e.space.$3,width:e.sizes.$20})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{sx:e=>({height:e.space.$3,width:e.sizes.$24})}),(0,n.Y)(v,{})]})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{sx:e=>({height:e.space.$3,width:e.sizes.$16})}),(0,n.Y)(v,{})]}),(0,n.FD)(x,{children:[(0,n.Y)($,{}),(0,n.Y)($,{}),(0,n.Y)($,{sx:{width:"66.666667%"}})]})]})}),[D,z]=(0,r.e3)("AddPaymentMethodRoot"),S=({children:e,checkout:t,...i})=>{var o;let l,d=(0,p.XX)(),s=(0,a.useRef)(null),{t:c}=(0,m._)(),[h,b]=(0,a.useState)(void 0),[Y,$]=(0,a.useState)(void 0),[v,x]=(0,a.useState)(void 0),f=(o=s.current,l=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!o)return;let{colors:e,fontWeights:t,fontSizes:i,radii:n,space:r}=l;return{colorPrimary:(0,u.G3)(o,e.$primary500,e.$colorBackground),colorBackground:(0,u.G3)(o,e.$colorInput,e.$colorBackground),colorText:(0,u.G3)(o,e.$colorForeground,e.$colorBackground),colorTextSecondary:(0,u.G3)(o,e.$colorMutedForeground,e.$colorBackground),colorSuccess:(0,u.G3)(o,e.$success500,e.$colorBackground),colorDanger:(0,u.G3)(o,e.$danger500,e.$colorBackground),colorWarning:(0,u.G3)(o,e.$warning500,e.$colorBackground),fontWeightNormal:(0,u.yJ)(o,"font-weight",t.$normal.toString()),fontWeightMedium:(0,u.yJ)(o,"font-weight",t.$medium.toString()),fontWeightBold:(0,u.yJ)(o,"font-weight",t.$bold.toString()),fontSizeXl:(0,u.yJ)(o,"font-size",i.$xl),fontSizeLg:(0,u.yJ)(o,"font-size",i.$lg),fontSizeSm:(0,u.yJ)(o,"font-size",i.$md),fontSizeXs:(0,u.yJ)(o,"font-size",i.$sm),borderRadius:(0,u.yJ)(o,"border-radius",n.$lg),spacingUnit:(0,u.yJ)(o,"padding",r.$1)}},[l,o]));return(0,n.FD)(D.Provider,{value:{value:{headerTitle:h,headerSubtitle:Y,submitLabel:v,setHeaderTitle:b,setHeaderSubtitle:$,setSubmitLabel:x,checkout:t,...i}},children:[(0,n.Y)("div",{ref:s,style:{display:"none"}}),(0,n.Y)(r.Tn,{checkout:t,for:d,stripeAppearance:f,paymentDescription:c((0,y.G)(t?.planPeriod==="month"?"billing.paymentMethod.applePayDescription.monthly":"billing.paymentMethod.applePayDescription.annual")),children:e})]})},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:Y.$z.spinner})})}),(0,n.Y)(M,{children:(0,n.Y)(k,{children:t})})]})},P=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=({text:e})=>{let{setHeaderTitle:t}=z();return P(e,t),null},w=({text:e})=>{let{setHeaderSubtitle:t}=z();return P(e,t),null},_=({text:e})=>{let{setSubmitLabel:t}=z();return P(e,t),null},k=({children:e})=>{let{headerTitle:t,headerSubtitle:i,submitLabel:a,checkout:u,onSuccess:g,cancelAction:m}=z(),b=(0,l.f0)(),Y=(0,p.N7)(),{isFormReady:$,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,h.H4)(e,[],b.setError)}finally{b.setIdle(),x()}};return(0,n.Y)(c.M,{headerTitle:t,headerSubtitle:i,children:(0,n.FD)(d.l.Root,{onSubmit:D,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[e,(0,n.Y)(r.cl,{fallback:(0,n.Y)(f,{})}),(0,n.Y)(o.Z.Alert,{children:b.error}),(0,n.Y)(s.G,{isDisabled:!$,submitLabel:a??(0,y.G)(`${Y}.billingPage.paymentMethodsSection.formButtonPrimary__add`),onReset:m,hideReset:!m,sx:{flex:u?1:void 0}})]})})}},6858(e,t,i){var n=i(9763),r=i(9230),a=i(1046),o=i(8342),l=i(9616),d=i(1538);i.d(t,{},{O:({paymentMethod:e})=>(0,n.FD)(r.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,n.Y)(r.In,{icon:"card"===e.paymentType?l.A:d.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===e.paymentType?e.cardType:e.paymentType}),(0,n.Y)(r.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===e.paymentType?`⋯ ${e.last4}`:null}),e.isDefault&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,o.G)("badge__default")}),"expired"===e.status&&(0,n.Y)(r.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,o.G)("badge__expired")})]})})},477(e,t,i){i.d(t,{b:()=>M});var n=i(9763),r=i(6262),a=i(9701),o=i(7308),l=i(842),d=i(6516),s=i(2298),c=i(869),u=i(7547),h=i(6574),p=i(9229),g=i(2861),m=i(8342),y=i(5237),b=i(3662),Y=i(1805),$=i(6858),v=i(2117),x=i(3751),f=i(6887),D=i(9230);let z=()=>{let{t:e}=(0,f._)();return(0,n.FD)(D.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative",overflow:"hidden"}),children:[(0,n.Y)(v.$,{}),(0,n.FD)(D.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,n.Y)(D.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,n.Y)(D.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,n.FD)(x.p.Root,{children:[(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,n.Y)(x.p.Description,{text:"4242 4242 4242 4242"})]}),(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,n.Y)(x.p.Description,{text:"11/44"})]}),(0,n.FD)(x.p.Group,{variant:"tertiary",children:[(0,n.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,n.Y)(x.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},S=(0,o.dm)(({onSuccess:e})=>{let{close:t}=(0,b.D5)(),i=(0,r.ho)(),a=(0,p.XX)(),o=(0,p.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)(Y.bL,{onSuccess:l,cancelAction:t,children:[(0,n.Y)(Y.Mo,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.add`)}),(0,n.Y)(Y.L6,{text:(0,m.G)(`${o}.billingPage.paymentMethodsSection.addSubtitle`)}),(0,n.Y)(h.W,{children:(0,n.Y)(z,{})})]})}),F=({paymentMethod:e,revalidate:t})=>{let{close:i}=(0,b.D5)(),l=(0,o.f0)(),d=(0,p.XX)(),s=(0,p.N7)(),h=(0,a.useRef)(`${"card"===e.paymentType?e.cardType:e.paymentType} ${"card"===e.paymentType?`⋯ ${e.last4}`:"-"}`),g=(0,r.It)();if(!h.current)return null;let y=async()=>{await e.remove({orgId:"organization"===d?g?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],l.setError)})};return(0,n.Y)(u.P,{title:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.title`),messageLine1:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine1`,{identifier:h.current}),messageLine2:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.messageLine2`),successMessage:(0,m.G)(`${s}.billingPage.paymentMethodsSection.removeMethod.successMessage`,{paymentMethod:h.current}),deleteResource:y,onSuccess:i,onReset:i})},M=(0,o.dm)(()=>{let e=(0,r.ho)(),t=(0,p.XX)(),i=(0,p.N7)(),o="organization"===t?e?.organization:e.user,{data:s,isLoading:c,revalidate:u}=(0,g.mu)(),h=(0,a.useMemo)(()=>s.sort((e,t)=>e.isDefault&&!t.isDefault?-1:1),[s]);return o?(0,n.Y)(d.rd.Root,{title:(0,m.G)(`${i}.billingPage.paymentMethodsSection.title`),centered:!1,id:"paymentMethods",sx:e=>({flex:1,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,n.Y)(y.r.Root,{children:(0,n.Y)(d.rd.ItemList,{id:"paymentMethods",disableAnimation:!0,children:c?(0,n.Y)(l.K,{}):(0,n.FD)(n.FK,{children:[h.map(e=>(0,n.FD)(a.Fragment,{children:[(0,n.FD)(d.rd.Item,{id:"paymentMethods",children:[(0,n.Y)($.O,{paymentMethod:e}),(0,n.Y)(T,{paymentMethod:e,revalidate:u})]}),(0,n.Y)(y.r.Open,{value:`remove-${e.id}`,children:(0,n.Y)(y.r.Card,{variant:"destructive",children:(0,n.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,n.FD)(n.FK,{children:[(0,n.Y)(y.r.Trigger,{value:"add",children:(0,n.Y)(d.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)(`${i}.billingPage.paymentMethodsSection.add`)})}),(0,n.Y)(y.r.Open,{value:"add",children:(0,n.Y)(y.r.Card,{children:(0,n.Y)(S,{onSuccess:u})})})]})]})})})}):null}),T=({paymentMethod:e,revalidate:t})=>{let{open:i}=(0,b.D5)(),a=(0,o.f0)(),l=(0,p.XX)(),d=(0,p.N7)(),u=(0,r.It)(),h=[{label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__remove`),isDestructive:!0,onClick:()=>i(`remove-${e.id}`),isDisabled:!e.isRemovable}];return e.isDefault||h.unshift({label:(0,m.G)(`${d}.billingPage.paymentMethodsSection.actionLabel__default`),isDestructive:!1,onClick:()=>{e.makeDefault({orgId:"organization"===l?u?.id:void 0}).then(t).catch(e=>{(0,c.H4)(e,[],a.setError)})},isDisabled:!1}),(0,n.Y)(s.o,{actions:h})}},4225(e,t,i){var n=i(9763),r=i(2861),a=i(9229),o=i(9605),l=i(3736),d=i(8342),s=i(6887),c=i(9230),u=i(8029),h=i(5747);let p=({statement:e})=>{let{timestamp:t,id:i,totals:{grandTotal:r}}=e,{navigate:a}=(0,u.r)(),{$:d}=(0,s._)();return(0,n.FD)(o.J2,{onClick:()=>{a(`statement/${i}`)},children:[(0,n.FD)(c.Td,{sx:{cursor:"pointer"},children:[(0,n.Y)(c.EY,{variant:"subtitle",children:(0,l.Y)(t,"monthyear")}),(0,n.Y)(c.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,h.W)(i)})]}),(0,n.Y)(c.Td,{sx:{cursor:"pointer"},children:(0,n.Y)(c.EY,{colorScheme:"secondary",children:d(r)})})]})};i.d(t,{},{T:()=>{let{data:e,isLoading:t,count:i}=(0,r.eT)(),l=(0,a.N7)();return(0,n.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:i,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)(`${l}.billingPage.statementsSection.empty`),headers:[{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__date`)},{key:(0,d.G)(`${l}.billingPage.statementsSection.tableHeader__amount`)}],rows:e.map(e=>(0,n.Y)(p,{statement:e},e.id))})}})},463(e,t,i){var n=i(9763),r=i(9701),a=i(2396),o=i(6516),l=i(8343),d=i(49),s=i(7505),c=i(9229),u=i(2861),h=i(1868),p=i(9230),g=i(8342),m=i(6887),y=i(9298),b=i(6014),Y=i(7975),$=i(6907),v=i(6130),x=i(8029),f=i(5760);function D({title:e,switchPlansLabel:t,newSubscriptionLabel:i,manageSubscriptionLabel:l}){let d=(0,c.N7)(),m=(0,c.XX)(),{subscriptionItems:$,data:v}=(0,u.Rs)(),f=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===m,{navigate:F}=(0,x.r)(),{commerceSettings:M}=(0,h.O)(),{openSubscriptionDetails:T}=(0,u.D)(),P=M.billing.user.hasPaidPlans&&"user"===m||M.billing.organization.hasPaidPlans&&"organization"===m,G=(0,r.useMemo)(()=>$.some(s.g),[$]),w=f&&G,_=(0,r.useMemo)(()=>$.sort((e,t)=>"active"===e.status&&"active"!==t.status?-1:("active"===t.status&&e.status,1)),[$]);return(0,n.FD)(o.rd.Root,{id:"subscriptionsList",title:e,centered:!1,sx:e=>({borderTop:"none",paddingTop:e.space.$1}),children:[$.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,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__plan`)}),(0,n.Y)(p.Th,{localizationKey:(0,g.G)(`${d}.billingPage.subscriptionsListSection.tableHeader__startDate`)})]})}),(0,n.FD)(p.NN,{children:[_.map(e=>(0,n.Y)(S,{subscriptionItem:e,length:_.length},e.id)),v?.nextPayment?(0,n.Y)(z,{nextPayment:v.nextPayment,localizationRoot:d}):null]})]}),(0,n.FD)(o.rd.ButtonGroup,{id:"subscriptionsList",children:[P?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?t:i,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:w?"unset":void 0})],leftIcon:$.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void F("plans")}):null,w?(0,n.Y)(o.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:Y.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z({nextPayment:e,localizationRoot:t}){let{$:i}=(0,m._)();return e.totals?(0,n.FD)(p.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,n.Y)(p.Td,{sx:{verticalAlign:"top"},children:(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:(0,g.G)(`${t}.billingPage.subscriptionsListSection.overview`)})}),(0,n.Y)(p.Td,{sx:{textAlign:"end"},children:(0,n.FD)(p.fv,{gap:1,align:"end",children:[(0,n.Y)(p.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:i(e.totals.grandTotal)}),(0,n.Y)(p.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:e.date})})]})})]}):null}function S({subscriptionItem:e,length:t}){let i="annual"===e.planPeriod?e.plan.annualFee:e.plan.fee,{captionForSubscription:a}=(0,u.D)(),{t:o,$:s}=(0,m._)(),c=e.seats?.quantity,h=e.seats?.tiers?.find(e=>e.total.amount>0),y=o((0,g.G)("billing.month")).toLowerCase(),b=(0,d.s5)(e.plan);return(0,n.FD)(r.Fragment,{children:[(0,n.FD)(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:$.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)(f.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:[s(i,{style:"short"}),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,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==c?(0,n.FD)(p.Tr,{sx:t=>"upcoming"===e.status?{background:l.s.mutedBackground(t)}:{},children:[(0,n.Y)(p.Td,{sx:{verticalAlign:"top"},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:v.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,g.G)("billing.seats")})]})})}),(0,n.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,n.FD)(p.fv,{gap:1,align:"end",children:[b?(0,n.Y)(p.EY,{variant:"subtitle",localizationKey:b}):null,h&&h.quantity?(0,n.Y)(p.EY,{variant:"subtitle",children:o((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:h.quantity,amount:`${s(h.feePerBlock)} / ${y}`}))}):null]})})]}):null]},e.id)}i.d(t,{R:()=>D})},5760(e,t,i){var n=i(9763),r=i(9230),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"};i.d(t,{},{V:({subscription:e,elementDescriptor:t})=>(0,n.Y)(r.Ex,{elementDescriptor:t,colorScheme:l[e.status],localizationKey:(0,a.G)(o[e.status])})})}}]);

package/dist/8316_ui_fa8da8_1.24.0.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8316],{83839(e,t,n){var i=n(59763),o=n(86516),a=n(12861),r=n(79229),l=n(66887),c=n(78342),d=n(39230),s=n(58029);n.d(t,{},{W:()=>{let{data:e,isLoading:t}=(0,a.JB)(),n=(0,r.N7)(),{navigate:u}=(0,s.r)(),{$:h}=(0,l._)();return(null==e?void 0:e.balance)&&!t?(0,i.Y)(o.rd.Root,{title:(0,c.G)("".concat(n,".billingPage.accountCreditsSection.title")),centered:!1,id:"accountCredits",sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100}),children:(0,i.FD)(o.rd.ItemList,{id:"accountCredits",disableAnimation:!0,children:[(0,i.Y)(o.rd.Item,{id:"accountCredits",children:(0,i.Y)(d.EY,{variant:"subtitle",children:h(e.balance)})}),(0,i.Y)(o.rd.Button,{id:"accountCredits",localizationKey:(0,c.G)("".concat(n,".billingPage.accountCreditsSection.viewHistory")),sx:[e=>({justifyContent:"start",height:e.sizes.$8})],onClick:()=>void u("credit-history")})]})}):null}})},48107(e,t,n){n(42949),n(37891);var i=n(59763),o=n(89605),a=n(43736),r=n(5747),l=n(12861),c=n(79229),d=n(78342),s=n(66887),u=n(39230),h=n(58029);let p=e=>{let{paymentAttempt:t}=e,{id:n,amount:l,failedAt:c,paidAt:d,updatedAt:p,status:g}=t,{navigate:m}=(0,h.r)(),{$:y}=(0,s._)();return(0,i.FD)(o.J2,{onClick:()=>{m("payment-attempt/".concat(n))},children:[(0,i.FD)(u.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(u.EY,{variant:"subtitle",children:(0,a.Y)(d||c||p,"long")}),(0,i.Y)(u.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,r.W)(n)})]}),(0,i.Y)(u.Td,{sx:{cursor:"pointer"},children:(0,i.Y)(u.EY,{children:y(l)})}),(0,i.Y)(u.Td,{children:(0,i.Y)(u.Ex,{colorScheme:"paid"===g?"success":"failed"===g?"danger":"primary",sx:{textTransform:"capitalize"},children:g})})]})};n.d(t,{},{v:()=>{let{data:e,isLoading:t,count:n}=(0,l.wD)(),a=(0,c.N7)();return(0,i.Y)(o.bQ,{page:1,onPageChange:e=>{},itemCount:n,pageCount:1,itemsPerPage:10,isLoading:t,emptyStateLocalizationKey:(0,d.G)("".concat(a,".billingPage.paymentHistorySection.empty")),headers:[{key:(0,d.G)("".concat(a,".billingPage.paymentHistorySection.tableHeader__date"))},{key:(0,d.G)("".concat(a,".billingPage.paymentHistorySection.tableHeader__amount"))},{key:(0,d.G)("".concat(a,".billingPage.paymentHistorySection.tableHeader__status"))}],rows:e.map(e=>(0,i.Y)(p,{paymentAttempt:e},e.id))})}})},41805(e,t,n){n.d(t,{pr:()=>_,Mo:()=>G,L6:()=>w,bL:()=>T}),n(36395);var i=n(59763),o=n(46262),a=n(59701),r=n(35402),l=n(17308),c=n(17447),d=n(46600),s=n(5870),u=n(23539),h=n(30869),p=n(79229),g=n(11008),m=n(66887),y=n(78342),b=n(39230),Y=n(61046);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,o.e3)("AddPaymentMethodRoot"),S=e=>{var t;let n,{children:r,checkout:l,...c}=e,d=(0,p.XX)(),s=(0,a.useRef)(null),{t:h}=(0,m._)(),[b,Y]=(0,a.useState)(void 0),[v,$]=(0,a.useState)(void 0),[x,f]=(0,a.useState)(void 0),z=(t=s.current,n=(0,g.KP)().parsedInternalTheme,(0,a.useMemo)(()=>{if(!t)return;let{colors:e,fontWeights:i,fontSizes:o,radii:a,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",o.$xl),fontSizeLg:(0,u.yJ)(t,"font-size",o.$lg),fontSizeSm:(0,u.yJ)(t,"font-size",o.$md),fontSizeXs:(0,u.yJ)(t,"font-size",o.$sm),borderRadius:(0,u.yJ)(t,"border-radius",a.$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)(o.Tn,{checkout:l,for:d,stripeAppearance:z,paymentDescription:h((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,o.Jl)();return t?null:e.children},M=e=>{let{isProviderReady:t}=(0,o.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})})]})},P=(e,t)=>{(0,a.useRef)(()=>{t(e)}),(0,a.useEffect)(()=>{t(e)},[e,t])},G=e=>{let{text:t}=e,{setHeaderTitle:n}=z();return P(t,n),null},w=e=>{let{text:t}=e,{setHeaderSubtitle:n}=z();return P(t,n),null},_=e=>{let{text:t}=e,{setSubmitLabel:n}=z();return P(t,n),null},k=e=>{let{children:t}=e,{headerTitle:n,headerSubtitle:a,submitLabel:u,checkout:g,onSuccess:m,cancelAction:b}=z(),Y=(0,l.f0)(),v=(0,p.N7)(),{isFormReady:$,submit:x,reset:D}=(0,o.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,h.H4)(e,[],Y.setError)}finally{Y.setIdle(),D()}};return(0,i.Y)(s.M,{headerTitle:n,headerSubtitle:a,children:(0,i.FD)(c.l.Root,{onSubmit:S,sx:e=>({display:"flex",flexDirection:"column",rowGap:e.space.$3}),children:[t,(0,i.Y)(o.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){var i=n(59763),o=n(39230),a=n(61046),r=n(78342),l=n(9616),c=n(36300);n.d(t,{},{O:e=>{let{paymentMethod:t}=e;return(0,i.FD)(o.so,{sx:{overflow:"hidden"},gap:2,align:"baseline",elementDescriptor:a.$z.paymentMethodRow,children:[(0,i.Y)(o.In,{icon:"card"===t.paymentType?l.A:c.A,sx:e=>({alignSelf:"center",color:e.colors.$colorMutedForeground}),elementDescriptor:a.$z.paymentMethodRowIcon}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorForeground,textTransform:"capitalize"}),truncate:!0,elementDescriptor:a.$z.paymentMethodRowType,children:"card"===t.paymentType?t.cardType:t.paymentType}),(0,i.Y)(o.EY,{sx:e=>({color:e.colors.$colorMutedForeground}),variant:"caption",truncate:!0,elementDescriptor:a.$z.paymentMethodRowValue,children:"card"===t.paymentType?"⋯ ".concat(t.last4):null}),t.isDefault&&(0,i.Y)(o.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("default"),localizationKey:(0,r.G)("badge__default")}),"expired"===t.status&&(0,i.Y)(o.Ex,{elementDescriptor:a.$z.paymentMethodRowBadge,elementId:a.$z.paymentMethodRowBadge.setId("expired"),colorScheme:"danger",localizationKey:(0,r.G)("badge__expired")})]})}})},10477(e,t,n){n.d(t,{b:()=>M}),n(73560),n(42949),n(37891),n(61203);var i=n(59763),o=n(46262),a=n(59701),r=n(17308),l=n(70842),c=n(86516),d=n(62298),s=n(30869),u=n(57547),h=n(86574),p=n(79229),g=n(12861),m=n(78342),y=n(15237),b=n(3662),Y=n(41805),v=n(56858),$=n(82117),x=n(93751),f=n(66887),D=n(39230);let z=()=>{let{t:e}=(0,f._)();return(0,i.FD)(D.az,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2x5,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",flexDirection:"column",rowGap:e.space.$2,position:"relative",overflow:"hidden"}),children:[(0,i.Y)($.$,{}),(0,i.FD)(D.az,{sx:{display:"flex",alignItems:"baseline",justifyContent:"space-between"},children:[(0,i.Y)(D.EY,{variant:"caption",colorScheme:"body",localizationKey:(0,m.G)("billing.paymentMethod.dev.testCardInfo")}),(0,i.Y)(D.EY,{variant:"caption",sx:e=>({color:e.colors.$warning500,fontWeight:e.fontWeights.$semibold}),localizationKey:(0,m.G)("billing.paymentMethod.dev.developmentMode")})]}),(0,i.FD)(x.p.Root,{children:[(0,i.FD)(x.p.Group,{variant:"tertiary",children:[(0,i.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cardNumber")}),(0,i.Y)(x.p.Description,{text:"4242 4242 4242 4242"})]}),(0,i.FD)(x.p.Group,{variant:"tertiary",children:[(0,i.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.expirationDate")}),(0,i.Y)(x.p.Description,{text:"11/44"})]}),(0,i.FD)(x.p.Group,{variant:"tertiary",children:[(0,i.Y)(x.p.Title,{title:(0,m.G)("billing.paymentMethod.dev.cvcZip")}),(0,i.Y)(x.p.Description,{text:e((0,m.G)("billing.paymentMethod.dev.anyNumbers"))})]})]})]})},S=(0,r.dm)(e=>{let{onSuccess:t}=e,{close:n}=(0,b.D5)(),a=(0,o.ho)(),r=(0,p.XX)(),l=(0,p.N7)(),c=async e=>{let i="organization"===r?null==a?void 0:a.organization:a.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)(h.W,{children:(0,i.Y)(z,{})})]})}),F=e=>{let{paymentMethod:t,revalidate:n}=e,{close:l}=(0,b.D5)(),c=(0,r.f0)(),d=(0,p.XX)(),h=(0,p.N7)(),g=(0,a.useRef)("".concat("card"===t.paymentType?t.cardType:t.paymentType," ").concat("card"===t.paymentType?"⋯ ".concat(t.last4):"-")),y=(0,o.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(h,".billingPage.paymentMethodsSection.removeMethod.title")),messageLine1:(0,m.G)("".concat(h,".billingPage.paymentMethodsSection.removeMethod.messageLine1"),{identifier:g.current}),messageLine2:(0,m.G)("".concat(h,".billingPage.paymentMethodsSection.removeMethod.messageLine2")),successMessage:(0,m.G)("".concat(h,".billingPage.paymentMethodsSection.removeMethod.successMessage"),{paymentMethod:g.current}),deleteResource:Y,onSuccess:l,onReset:l})},M=(0,r.dm)(()=>{let e=(0,o.ho)(),t=(0,p.XX)(),n=(0,p.N7)(),r="organization"===t?null==e?void 0:e.organization:e.user,{data:d,isLoading:s,revalidate:u}=(0,g.mu)(),h=(0,a.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:[h.map(e=>(0,i.FD)(a.Fragment,{children:[(0,i.FD)(c.rd.Item,{id:"paymentMethods",children:[(0,i.Y)(v.O,{paymentMethod:e}),(0,i.Y)(T,{paymentMethod:e,revalidate:u})]}),(0,i.Y)(y.r.Open,{value:"remove-".concat(e.id),children:(0,i.Y)(y.r.Card,{variant:"destructive",children:(0,i.Y)(F,{paymentMethod:e,revalidate:u})})})]},e.id)),(0,i.FD)(i.FK,{children:[(0,i.Y)(y.r.Trigger,{value:"add",children:(0,i.Y)(c.rd.ArrowButton,{id:"paymentMethods",localizationKey:(0,m.G)("".concat(n,".billingPage.paymentMethodsSection.add"))})}),(0,i.Y)(y.r.Open,{value:"add",children:(0,i.Y)(y.r.Card,{children:(0,i.Y)(S,{onSuccess:u})})})]})]})})})}):null}),T=e=>{let{paymentMethod:t,revalidate:n}=e,{open:a}=(0,b.D5)(),l=(0,r.f0)(),c=(0,p.XX)(),u=(0,p.N7)(),h=(0,o.It)(),g=[{label:(0,m.G)("".concat(u,".billingPage.paymentMethodsSection.actionLabel__remove")),isDestructive:!0,onClick:()=>a("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==h?void 0:h.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(42949),n(37891);var i=n(59763),o=n(12861),a=n(79229),r=n(89605),l=n(43736),c=n(78342),d=n(66887),s=n(39230),u=n(58029),h=n(5747);let p=e=>{let{statement:t}=e,{timestamp:n,id:o,totals:{grandTotal:a}}=t,{navigate:c}=(0,u.r)(),{$:p}=(0,d._)();return(0,i.FD)(r.J2,{onClick:()=>{c("statement/".concat(o))},children:[(0,i.FD)(s.Td,{sx:{cursor:"pointer"},children:[(0,i.Y)(s.EY,{variant:"subtitle",children:(0,l.Y)(n,"monthyear")}),(0,i.Y)(s.EY,{colorScheme:"secondary",variant:"caption",truncate:!0,sx:e=>({marginTop:e.space.$0x5}),children:(0,h.W)(o)})]}),(0,i.Y)(s.Td,{sx:{cursor:"pointer"},children:(0,i.Y)(s.EY,{colorScheme:"secondary",children:p(a)})})]})};n.d(t,{},{T:()=>{let{data:e,isLoading:t,count:n}=(0,o.eT)(),l=(0,a.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)(p,{statement:e},e.id))})}})},463(e,t,n){n(42949),n(12021),n(37891),n(49678);var i=n(59763),o=n(59701),a=n(82396),r=n(86516),l=n(8343),c=n(40049),d=n(7505),s=n(79229),u=n(12861),h=n(91868),p=n(39230),g=n(78342),m=n(66887),y=n(49298),b=n(96014),Y=n(77975),v=n(86907),$=n(26130),x=n(58029),f=n(45760);function D(e){let{title:t,switchPlansLabel:n,newSubscriptionLabel:l,manageSubscriptionLabel:c}=e,m=(0,s.N7)(),v=(0,s.XX)(),{subscriptionItems:$,data:f}=(0,u.Rs)(),D=(0,a.Fd)(e=>e({permission:"org:sys_billing:manage"}))||"user"===v,{navigate:F}=(0,x.r)(),{commerceSettings:M}=(0,h.O)(),{openSubscriptionDetails:T}=(0,u.D)(),P=M.billing.user.hasPaidPlans&&"user"===v||M.billing.organization.hasPaidPlans&&"organization"===v,G=(0,o.useMemo)(()=>$.some(d.g),[$]),w=D&&G,_=(0,o.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)(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,i.Y)(p.d8,{children:(0,i.FD)(p.Tr,{children:[(0,i.Y)(p.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__plan"))}),(0,i.Y)(p.Th,{localizationKey:(0,g.G)("".concat(m,".billingPage.subscriptionsListSection.tableHeader__startDate"))})]})}),(0,i.FD)(p.NN,{children:[_.map(e=>(0,i.Y)(S,{subscriptionItem:e,length:_.length},e.id)),(null==f?void 0:f.nextPayment)?(0,i.Y)(z,{nextPayment:f.nextPayment,localizationRoot:m}):null]})]}),(0,i.FD)(r.rd.ButtonGroup,{id:"subscriptionsList",children:[P?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:$.length>0?n:l,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:w?"unset":void 0})],leftIcon:$.length>0?y.A:b.A,rightIcon:null,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:()=>void F("plans")}):null,w?(0,i.Y)(r.rd.ArrowButton,{id:"subscriptionsList",textLocalizationKey:c,sx:[e=>({justifyContent:"start",height:e.sizes.$8,width:"unset"})],rightIcon:null,leftIcon:Y.A,leftIconSx:e=>({width:e.sizes.$4,height:e.sizes.$4}),onClick:e=>T(e)}):null]})]})}function z(e){let{nextPayment:t,localizationRoot:n}=e,{$:o}=(0,m._)();return t.totals?(0,i.FD)(p.Tr,{sx:e=>({background:l.s.mutedBackground(e)}),children:[(0,i.Y)(p.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(p.EY,{variant:"subtitle",localizationKey:(0,g.G)("".concat(n,".billingPage.subscriptionsListSection.overview"))})}),(0,i.Y)(p.Td,{sx:{textAlign:"end"},children:(0,i.FD)(p.fv,{gap:1,align:"end",children:[(0,i.Y)(p.EY,{variant:"h2",sx:e=>({color:e.colors.$colorForeground}),children:o(t.totals.grandTotal)}),(0,i.Y)(p.EY,{variant:"subtitle",colorScheme:"secondary",localizationKey:(0,g.G)("badge__renewsAt",{date:t.date})})]})})]}):null}function S(e){var t,n,a;let{subscriptionItem:r,length:d}=e,s="annual"===r.planPeriod?r.plan.annualFee:r.plan.fee,{captionForSubscription:h}=(0,u.D)(),{t:y,$:b}=(0,m._)(),Y=null==(t=r.seats)?void 0:t.quantity,x=null==(a=r.seats)||null==(n=a.tiers)?void 0:n.find(e=>e.total.amount>0),D=y((0,g.G)("billing.month")).toLowerCase(),z=(0,c.s5)(r.plan);return(0,i.FD)(o.Fragment,{children:[(0,i.FD)(p.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(p.Td,{children:(0,i.FD)(p.fv,{gap:1,children:[(0,i.FD)(p.so,{align:"center",gap:1,children:[(0,i.Y)(p.In,{icon:v.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),children:r.plan.name}),r.isFreeTrial||d>1||r.canceledAt?(0,i.Y)(f.V,{subscription:r.isFreeTrial?{status:"free_trial"}:r}):null]}),(!r.plan.isDefault||"upcoming"===r.status)&&(0,i.Y)(p.EY,{variant:"caption",colorScheme:"secondary",localizationKey:h(r)})]})}),(0,i.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(p.EY,{variant:"subtitle",children:[b(s,{style:"short"}),s.amount>0&&(0,i.Y)(p.L9,{sx:e=>({color:e.colors.$colorMutedForeground,textTransform:"lowercase",":before":{content:'"/"',marginInline:e.space.$1}}),localizationKey:"annual"===r.planPeriod?(0,g.G)("billing.year"):(0,g.G)("billing.month")})]})})]}),void 0!==Y?(0,i.FD)(p.Tr,{sx:e=>"upcoming"===r.status?{background:l.s.mutedBackground(e)}:{},children:[(0,i.Y)(p.Td,{sx:{verticalAlign:"top"},children:(0,i.Y)(p.fv,{gap:1,children:(0,i.FD)(p.so,{align:"center",gap:1,children:[(0,i.Y)(p.In,{icon:$.A,sx:e=>({width:e.sizes.$4,height:e.sizes.$4,opacity:e.opacity.$inactive,color:e.colors.$colorMutedForeground})}),(0,i.Y)(p.EY,{variant:"subtitle",sx:e=>({marginInlineEnd:e.sizes.$1}),localizationKey:(0,g.G)("billing.seats")})]})})}),(0,i.Y)(p.Td,{sx:e=>({textAlign:"end"}),children:(0,i.FD)(p.fv,{gap:1,align:"end",children:[z?(0,i.Y)(p.EY,{variant:"subtitle",localizationKey:z}):null,x&&x.quantity?(0,i.Y)(p.EY,{variant:"subtitle",children:y((0,g.G)("organizationProfile.billingPage.subscriptionsListSection.paidSeatsUsage",{seatsQuantity:x.quantity,amount:"".concat(b(x.feePerBlock)," / ").concat(D)}))}):null]})})]}):null]},r.id)}n.d(t,{R:()=>D})},45760(e,t,n){var i=n(59763),o=n(39230),a=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"};n.d(t,{},{V:e=>{let{subscription:t,elementDescriptor:n}=e;return(0,i.Y)(o.Ex,{elementDescriptor:n,colorScheme:l[t.status],localizationKey:(0,a.G)(r[t.status])})}})}}]);