@clerk/ui 1.0.0-canary-core3.v20251203164242 → 1.0.0-snapshot.v20251203152900

package/dist/ClerkUi.js

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

package/dist/{646_ui_cf6e93_1.0.0-canary-core3.v20251203164242.js → browser/646_ui_f213a0_1.0.0-snapshot.v20251203152900.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["646"],{3934:function(e,i,t){t.d(i,{B:()=>y});var a=t(4518),n=t(3610),r=t(8909),l=t(5074),o=t(3269),s=t(2454),d=t(1475),c=t(6212),u=t(4468),p=t(3990),g=t(8640),m=t(7697),h=t(8272),b=t(3486),f=t(78),_=t(2861),v=t(7591),Y=t(4482);let z=e=>/^\S+@\S+\.\S+$/.test(e),y=e=>{let{onSuccess:i,onReset:t,resetButtonLabel:m}=e,{organization:b,invitations:Y}=(0,r.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),y=(0,o.f0)(),{t:C,locale:x}=(0,f._)(),[D,k]=(0,l.useState)(!1),A=(0,g.tJ)("emailAddress","",{type:"text",label:(0,_.G)("formFieldLabel__emailAddresses")}),F=S(),$=(0,g.tJ)("role","",{label:(0,_.G)("formFieldLabel__role")});if((0,l.useEffect)(()=>{!$.value&&F&&$.setValue(F)},[F,$]),!b)return null;let{props:{setError:w,setWarning:E,setSuccess:G,setInfo:T,isFocused:M,validatePassword:I,setHasPassedComplexity:R,hasPassedComplexity:B,feedback:L,feedbackType:K,clearFeedback:X,...O}}=A,j=(!!A.value.length||D)&&!!$.value;return(0,a.FD)(s.l.Root,{onSubmit:e=>{if(e.preventDefault(),!j)return;let t=new FormData(e.currentTarget);return b.inviteMembers({emailAddresses:A.value.split(","),role:t.get("role")}).then(async()=>(await Y?.revalidate?.(),i?.())).catch(e=>{var i;let t,a;if(!(0,n.$R)(e))return void(0,u.H4)(e,[],y.setError);switch(i=e.errors[0],t=new Set([...i.meta?.emailAddresses??[],...i.meta?.identifiers??[]]),a=A.value.split(","),A.setValue(a.filter(e=>!t.has(e)).join(",")),e.errors?.[0]?.code){case"duplicate_record":{let i=e.errors[0].meta?.emailAddresses||[];y.setError(C((0,_.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,p.kS)(i,x)})));break}case"already_a_member_in_organization":{let i=e.errors[0].longMessage??"",t=i.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,u.H4)(e,[],e=>t?y.setError(C((0,_.G)("unstable__errors.already_a_member_in_organization",{email:t}))):y.setError(e));break}default:(0,u.H4)(e,[],y.setError)}})},children:[(0,a.Y)(s.l.ControlRow,{elementId:A.id,children:(0,a.Y)(c.F,{...O,autoFocus:!0,validate:z,sx:{width:"100%"},validateUnsubmittedEmail:e=>k(z(e)),placeholder:(0,_.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,a.FD)(h.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[v.g.sm]:{justifyContent:"center"}}),children:[(0,a.Y)(P,{...$}),(0,a.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,a.Y)(s.l.SubmitButton,{block:!1,isDisabled:!j,localizationKey:(0,_.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,a.Y)(s.l.ResetButton,{localizationKey:m||(0,_.G)("userProfile.formButtonReset"),block:!1,onClick:t})]})]})]})},P=e=>{let{options:i,isLoading:t}=(0,b.x)(),{t:n}=(0,f._)();return(0,a.Y)(s.l.ControlRow,{elementId:e.id,children:(0,a.Y)(h.so,{direction:"col",gap:2,children:(0,a.Y)(Y.Vo,{...e.props,roles:i,isDisabled:t,onChange:i=>e.setValue(i),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,_.G)("formFieldLabel__role"))}:`})})})},S=()=>{let{options:e}=(0,b.x)(),{organizationSettings:i}=(0,m.O)(),t=i.domains.defaultRole;return t||e?.length!==1||(t=e[0].value),t}},2717:function(e,i,t){t.d(i,{D:()=>Y,k:()=>z});var a=t(4518),n=t(8909),r=t(2154),l=t(3269),o=t(3549),s=t(6384),d=t(6370),c=t(6245),u=t(5892),p=t(2861),g=t(8272),m=t(8920),h=t(2513),b=t(4421),f=t(4964);let _=({__unstable_manageBillingUrl:e,__unstable_manageBillingMembersLimit:i})=>{let t=(0,f.r)();return(0,a.FD)(g.so,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$4,borderRadius:e.radii.$md}),children:[(0,a.Y)(g._0,{variant:"warning",colorScheme:"danger",sx:e=>({marginTop:e.space.$1})}),(0,a.FD)(g.EY,{children:["This organization is limited to ",(0,r.r)(i)," members.",(0,a.Y)("br",{}),(0,a.Y)(g.N_,{sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,fontWeight:e.fontWeights.$normal}),onClick:()=>t.navigate((0,r.r)(e)),children:"Upgrade for unlimited members"})]})]})};var v=t(3934);let Y=(0,l.dm)(e=>{let{close:i}=(0,h.D5)(),{onReset:t=i}=e,s=(0,p.G)("organizationProfile.invitePage.title"),g=(0,p.G)("organizationProfile.invitePage.subtitle"),m=(0,l.f0)(),b=(0,c.X)({onNextStep:()=>m.setError(void 0)}),{organization:f}=(0,n.Z5)(),{__unstable_manageBillingUrl:Y,__unstable_manageBillingMembersLimit:y}=(0,u.V)();if(!f)return null;let P=!!y&&(0,r.r)(y)<=f.pendingInvitationsCount+f.membersCount;return(0,a.FD)(c.s,{...b.props,children:[(0,a.FD)(o.M,{headerTitle:s,headerSubtitle:g,children:[P&&Y&&(0,a.Y)(_,{__unstable_manageBillingUrl:Y,__unstable_manageBillingMembersLimit:y}),(0,a.Y)(v.B,{onSuccess:b.nextStep,onReset:t})]}),(0,a.Y)(d.B,{title:s,onFinish:i,contents:(0,a.Y)(z,{})})]})}),z=()=>(0,a.FD)(g.so,{direction:"col",center:!0,gap:4,children:[(0,a.Y)(s.A,{boxElementDescriptor:m.$z.invitationsSentIconBox,iconElementDescriptor:m.$z.invitationsSentIcon,icon:b.A}),(0,a.Y)(g.EY,{localizationKey:(0,p.G)("organizationProfile.invitePage.successMessage")})]})},4482:function(e,i,t){t.d(i,{Vo:()=>h,Yq:()=>m,bQ:()=>p});var a=t(4518),n=t(5074),r=t(8819),l=t(1586),o=t(8272),s=t(8920),d=t(78),c=t(2861),u=t(3486);let p=e=>{let{headers:i,page:t,onPageChange:n,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:p,emptyStateLocalizationKey:m}=e,h=c>0?Math.max(0,(t-1)*u)+1:0,b=Math.min(t*u,c);return(0,a.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,a.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,a.FD)(o.XI,{children:[(0,a.Y)(o.d8,{children:(0,a.Y)(o.Tr,{children:i.map((e,i)=>(0,a.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e},i))})}),(0,a.Y)(o.NN,{children:d?(0,a.Y)(o.Tr,{children:(0,a.Y)(o.Td,{colSpan:4,children:(0,a.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,a.Y)(g,{localizationKey:m},"empty")})]})}),p>1&&(0,a.Y)(r.d,{count:p,page:t,onChange:n,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})},g=e=>(0,a.Y)(o.Tr,{children:(0,a.Y)(o.Td,{colSpan:4,children:(0,a.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=e=>(0,a.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),h=e=>{let{value:i,fallbackLabel:t,roles:r,onChange:s,isDisabled:p,triggerSx:g,optionListSx:m,prefixLocalizationKey:h}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,n.useMemo)(()=>[...r||[]],[r]),v=(0,n.useMemo)(()=>_.find(e=>e.value===i),[_,i]),{t:Y}=(0,d._)(),z=(0,n.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,a.FD)(l.l6,{elementId:"role",options:z,value:i,placeholder:Y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,i,t)=>(0,a.Y)(b,{isSelected:t,option:e}),children:[(0,a.Y)("input",{name:"role",type:"hidden",value:i}),(0,a.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!i&&_.length>0&&!v,children:v?.label||v?.value?(0,a.FD)(o.so,{as:"span",gap:1,children:[h&&(0,a.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:h}),(0,a.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):t?(0,a.Y)(o.EY,{as:"span",colorScheme:"body",children:t}):null}),(0,a.Y)(l.UL,{sx:m})]})},b=(0,n.memo)(e=>{let{option:i,isSelected:t,sx:n,...r}=e;return(0,a.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md}),n],...r,children:(0,a.Y)(o.EY,{variant:"subtitle",children:i?.label})})})},5377:function(e,i,t){t.d(i,{i:()=>d});var a=t(4518),n=t(3817),r=t(6890),l=t(8272),o=t(8920),s=t(2861);let d=e=>{let{organization:i,...t}=e;return(0,a.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,a.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"left",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,a.Y)(n.k,{...t,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,a.Y)(r.h,{size:e=>e.sizes.$16,...i})})]})}},3689:function(e,i,t){t.d(i,{l_:()=>n,mu:()=>a});let a={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,i,t)=>{if(void 0===i)return[{data:[e],total_count:1}];let a=i?.[i.length-1]?.total_count||1;return i.map(i=>{if(void 0===i)return i;let n=i.data.map(i=>i.id===e.id?{...e}:i);return{...i,data:n,total_count:"negative"===t?a-1:a}})}},5892:function(e,i,t){t.d(i,{V:()=>u,o:()=>c});var a=t(8909),n=t(5074),r=t(3121),l=t(1227),o=t(4964),s=t(7697),d=t(7288);let c=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(c),{navigate:i}=(0,o.r)(),t=(0,s.O)(),u=(0,a.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:p,customPages:g,...m}=e,h=(0,d.Rs)(),b=(0,d.eT)(),f=h.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),_=t.commerceSettings.billing.organization.hasPaidPlans||f||b.data.length>0,v=(0,n.useMemo)(()=>(0,r.q)(g||[],u,_,t),[g,_]),Y=v.routes[0].id===l.jc.MEMBERS,z=v.routes[0].id===l.jc.GENERAL,y=v.routes[0].id===l.jc.BILLING,P=v.routes[0].id===l.jc.API_KEYS;return{...m,pages:v,navigateAfterLeaveOrganization:()=>i(m.afterLeaveOrganizationUrl||t.displayConfig.afterLeaveOrganizationUrl),componentName:p,navigateToGeneralPageRoot:()=>i(z?"../":Y?"./organization-general":"../organization-general"),isMembersPageRoot:Y,isGeneralPageRoot:z,isBillingPageRoot:y,isAPIKeysPageRoot:P,shouldShowBilling:_}}},7288:function(e,i,t){t.d(i,{A$:()=>h,D:()=>b,Ij:()=>d,Rs:()=>m,eT:()=>g,mu:()=>u,wD:()=>p});var a=t(8909),n=t(5074),r=t(7477),l=t(5424),o=t(2861),s=t(6256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),i=(0,r.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),t=(0,a.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!t?.organization&&i}},u=()=>{let e=c();return(0,a.X$)(e)},p=()=>{let e=c();return(0,a.t7)(e)},g=e=>{let i=c();return(0,a.tr)({...i,__experimental_mode:e?.mode})},m=()=>{let e=c(),i=(0,a.kH)(e),t=(0,n.useMemo)(()=>i.data?.subscriptionItems||[],[i.data?.subscriptionItems]);return{...i,subscriptionItems:t}},h=e=>{let i=(0,s.XX)();return(0,a.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,a.ho)(),{session:i}=(0,a.wV)(),t=(0,s.XX)(),r=(0,n.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===t),[e,t]),{subscriptionItems:d,revalidate:c,data:p}=m(),{data:b,revalidate:f}=h({mode:"cache"}),{revalidate:_}=g({mode:"cache"}),{revalidate:v}=u(),Y=(0,n.useCallback)(()=>{c(),f(),_(),v()},[c,f,_,v]),z=(0,n.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),y=(0,n.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),P=(0,n.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),S=(0,n.useCallback)((e,i="month")=>{let t=P(e);if(t.length>1){let e=t.find(e=>e.planPeriod===i);return e||t[0]}if(1===t.length)return t[0]},[P]),C=(0,n.useCallback)(({plan:e,subscription:i})=>{let t=i??(e?y(e):void 0);return!t||!t.canceledAt},[y]),x=(0,n.useCallback)(({plan:e,subscription:t,isCompact:a=!1,selectedPlanPeriod:n="annual"})=>{let l=t??(e?S(e,n):void 0),s=n,c=!!e?.annualMonthlyFee;"annual"!==s||c||(s="month");let u=t=>{if(e?.freeTrialEnabled){let t=!i,a=p?.eligibleForFreeTrial;if(t||a)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return t};return{localizationKey:u((()=>{if(l){if(s!==l.planPeriod&&l.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}if(l.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==l.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):u((0,o.G)("billing.subscribe"))})()),variant:a?"bordered":"solid",colorScheme:a?"secondary":"primary",isDisabled:!r,disabled:!r}},[S,r,d,p]),D=(0,n.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),k=(0,n.useCallback)(i=>{let a=(0,l.J)("modal",i);e.__internal_openSubscriptionDetails({for:t,onSubscriptionCancel:()=>{Y()},portalRoot:a})},[e,t,Y]);return{activeOrUpcomingSubscription:y,activeAndUpcomingSubscriptions:P,activeOrUpcomingSubscriptionBasedOnPlanPeriod:S,isDefaultPlanImplicitlyActiveOrUpcoming:z,handleSelectPlan:(0,n.useCallback)(({plan:a,planPeriod:n,mode:r="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:d})=>{let c=(0,l.J)(r,o);e.__internal_openCheckout({planId:a.id,planPeriod:"annual"!==n||a.annualMonthlyFee?n:"month",for:t,onSubscriptionComplete:()=>{Y()},onClose:()=>{i?.id&&e.setActive({session:i.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:d})},[e,Y,t,i?.id]),openSubscriptionDetails:k,buttonPropsForPlan:x,canManageSubscription:C,captionForSubscription:D,defaultFreePlan:(0,n.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:Y}}},6256:function(e,i,t){t.d(i,{N7:()=>o,XX:()=>l,m$:()=>r});var a=t(5074);let n="user",r=(0,a.createContext)(n),l=()=>(0,a.useContext)(r)||n,o=()=>"user"===l()?"userProfile":"organizationProfile"}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["646"],{3934:function(e,i,t){t.d(i,{B:()=>y});var a=t(4518),n=t(3610),r=t(8909),l=t(5074),o=t(3269),s=t(2454),d=t(1475),c=t(6212),u=t(4468),p=t(3990),g=t(8640),m=t(7697),h=t(8272),b=t(3486),f=t(78),_=t(2861),v=t(7591),Y=t(4482);let z=e=>/^\S+@\S+\.\S+$/.test(e),y=e=>{let{onSuccess:i,onReset:t,resetButtonLabel:m}=e,{organization:b,invitations:Y}=(0,r.Z5)({invitations:{pageSize:10,keepPreviousData:!0}}),y=(0,o.f0)(),{t:C,locale:x}=(0,f._)(),[D,k]=(0,l.useState)(!1),A=(0,g.tJ)("emailAddress","",{type:"text",label:(0,_.G)("formFieldLabel__emailAddresses")}),F=S(),$=(0,g.tJ)("role","",{label:(0,_.G)("formFieldLabel__role")});if((0,l.useEffect)(()=>{!$.value&&F&&$.setValue(F)},[F,$]),!b)return null;let{props:{setError:w,setWarning:E,setSuccess:G,setInfo:T,isFocused:M,validatePassword:I,setHasPassedComplexity:R,hasPassedComplexity:B,feedback:L,feedbackType:K,clearFeedback:X,...O}}=A,j=(!!A.value.length||D)&&!!$.value;return(0,a.FD)(s.l.Root,{onSubmit:e=>{if(e.preventDefault(),!j)return;let t=new FormData(e.currentTarget);return b.inviteMembers({emailAddresses:A.value.split(","),role:t.get("role")}).then(async()=>(await Y?.revalidate?.(),i?.())).catch(e=>{var i;let t,a;if(!(0,n.$R)(e))return void(0,u.H4)(e,[],y.setError);switch(i=e.errors[0],t=new Set([...i.meta?.emailAddresses??[],...i.meta?.identifiers??[]]),a=A.value.split(","),A.setValue(a.filter(e=>!t.has(e)).join(",")),e.errors?.[0]?.code){case"duplicate_record":{let i=e.errors[0].meta?.emailAddresses||[];y.setError(C((0,_.G)("organizationProfile.invitePage.detailsTitle__inviteFailed",{email_addresses:(0,p.kS)(i,x)})));break}case"already_a_member_in_organization":{let i=e.errors[0].longMessage??"",t=i.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)?.[0];(0,u.H4)(e,[],e=>t?y.setError(C((0,_.G)("unstable__errors.already_a_member_in_organization",{email:t}))):y.setError(e));break}default:(0,u.H4)(e,[],y.setError)}})},children:[(0,a.Y)(s.l.ControlRow,{elementId:A.id,children:(0,a.Y)(c.F,{...O,autoFocus:!0,validate:z,sx:{width:"100%"},validateUnsubmittedEmail:e=>k(z(e)),placeholder:(0,_.G)("formFieldInputPlaceholder__emailAddresses")})}),(0,a.FD)(h.so,{align:"center",justify:"between",sx:e=>({marginTop:e.space.$2,gap:e.space.$4,flexWrap:"wrap",[v.g.sm]:{justifyContent:"center"}}),children:[(0,a.Y)(P,{...$}),(0,a.FD)(d.c,{sx:e=>({margin:e.space.$none,flexWrap:"wrap",justifyContent:"center"}),children:[(0,a.Y)(s.l.SubmitButton,{block:!1,isDisabled:!j,localizationKey:(0,_.G)("organizationProfile.invitePage.formButtonPrimary__continue")}),(0,a.Y)(s.l.ResetButton,{localizationKey:m||(0,_.G)("userProfile.formButtonReset"),block:!1,onClick:t})]})]})]})},P=e=>{let{options:i,isLoading:t}=(0,b.x)(),{t:n}=(0,f._)();return(0,a.Y)(s.l.ControlRow,{elementId:e.id,children:(0,a.Y)(h.so,{direction:"col",gap:2,children:(0,a.Y)(Y.Vo,{...e.props,roles:i,isDisabled:t,onChange:i=>e.setValue(i),triggerSx:e=>({minWidth:e.sizes.$40,justifyContent:"space-between",display:"flex"}),optionListSx:e=>({minWidth:e.sizes.$48}),prefixLocalizationKey:`${n((0,_.G)("formFieldLabel__role"))}:`})})})},S=()=>{let{options:e}=(0,b.x)(),{organizationSettings:i}=(0,m.O)(),t=i.domains.defaultRole;return t||e?.length!==1||(t=e[0].value),t}},2717:function(e,i,t){t.d(i,{D:()=>Y,k:()=>z});var a=t(4518),n=t(8909),r=t(4498),l=t(3269),o=t(3549),s=t(6384),d=t(6370),c=t(6245),u=t(5892),p=t(2861),g=t(8272),m=t(8920),h=t(2513),b=t(4421),f=t(4964);let _=({__unstable_manageBillingUrl:e,__unstable_manageBillingMembersLimit:i})=>{let t=(0,f.r)();return(0,a.FD)(g.so,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$4,borderRadius:e.radii.$md}),children:[(0,a.Y)(g._0,{variant:"warning",colorScheme:"danger",sx:e=>({marginTop:e.space.$1})}),(0,a.FD)(g.EY,{children:["This organization is limited to ",(0,r.r)(i)," members.",(0,a.Y)("br",{}),(0,a.Y)(g.N_,{sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,fontWeight:e.fontWeights.$normal}),onClick:()=>t.navigate((0,r.r)(e)),children:"Upgrade for unlimited members"})]})]})};var v=t(3934);let Y=(0,l.dm)(e=>{let{close:i}=(0,h.D5)(),{onReset:t=i}=e,s=(0,p.G)("organizationProfile.invitePage.title"),g=(0,p.G)("organizationProfile.invitePage.subtitle"),m=(0,l.f0)(),b=(0,c.X)({onNextStep:()=>m.setError(void 0)}),{organization:f}=(0,n.Z5)(),{__unstable_manageBillingUrl:Y,__unstable_manageBillingMembersLimit:y}=(0,u.V)();if(!f)return null;let P=!!y&&(0,r.r)(y)<=f.pendingInvitationsCount+f.membersCount;return(0,a.FD)(c.s,{...b.props,children:[(0,a.FD)(o.M,{headerTitle:s,headerSubtitle:g,children:[P&&Y&&(0,a.Y)(_,{__unstable_manageBillingUrl:Y,__unstable_manageBillingMembersLimit:y}),(0,a.Y)(v.B,{onSuccess:b.nextStep,onReset:t})]}),(0,a.Y)(d.B,{title:s,onFinish:i,contents:(0,a.Y)(z,{})})]})}),z=()=>(0,a.FD)(g.so,{direction:"col",center:!0,gap:4,children:[(0,a.Y)(s.A,{boxElementDescriptor:m.$z.invitationsSentIconBox,iconElementDescriptor:m.$z.invitationsSentIcon,icon:b.A}),(0,a.Y)(g.EY,{localizationKey:(0,p.G)("organizationProfile.invitePage.successMessage")})]})},4482:function(e,i,t){t.d(i,{Vo:()=>h,Yq:()=>m,bQ:()=>p});var a=t(4518),n=t(5074),r=t(8819),l=t(1586),o=t(8272),s=t(8920),d=t(78),c=t(2861),u=t(3486);let p=e=>{let{headers:i,page:t,onPageChange:n,rows:l,isLoading:d,itemCount:c,itemsPerPage:u,pageCount:p,emptyStateLocalizationKey:m}=e,h=c>0?Math.max(0,(t-1)*u)+1:0,b=Math.min(t*u,c);return(0,a.FD)(o.fv,{gap:4,sx:{width:"100%"},children:[(0,a.Y)(o.so,{sx:e=>({overflowX:"auto",padding:e.space.$1}),children:(0,a.FD)(o.XI,{children:[(0,a.Y)(o.d8,{children:(0,a.Y)(o.Tr,{children:i.map((e,i)=>(0,a.Y)(o.Th,{elementDescriptor:s.$z.tableHead,localizationKey:e},i))})}),(0,a.Y)(o.NN,{children:d?(0,a.Y)(o.Tr,{children:(0,a.Y)(o.Td,{colSpan:4,children:(0,a.Y)(o.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:s.$z.spinner})})}):l.length?l:(0,a.Y)(g,{localizationKey:m},"empty")})]})}),p>1&&(0,a.Y)(r.d,{count:p,page:t,onChange:n,siblingCount:1,rowInfo:{allRowsCount:c,startingRow:h,endingRow:b}})]})},g=e=>(0,a.Y)(o.Tr,{children:(0,a.Y)(o.Td,{colSpan:4,children:(0,a.Y)(o.EY,{localizationKey:e.localizationKey,sx:{margin:"auto",display:"block",width:"fit-content"}})})}),m=e=>(0,a.Y)(o.Tr,{...e,sx:e=>({":hover":{backgroundColor:e.colors.$neutralAlpha50}})}),h=e=>{let{value:i,fallbackLabel:t,roles:r,onChange:s,isDisabled:p,triggerSx:g,optionListSx:m,prefixLocalizationKey:h}=e,{localizeCustomRole:f}=(0,u.l)(),_=(0,n.useMemo)(()=>[...r||[]],[r]),v=(0,n.useMemo)(()=>_.find(e=>e.value===i),[_,i]),{t:Y}=(0,d._)(),z=(0,n.useMemo)(()=>_.map(e=>({value:e.value,label:f(e.value)||e.label})),[_,f]);return(0,a.FD)(l.l6,{elementId:"role",options:z,value:i,placeholder:Y((0,c.G)("organizationProfile.invitePage.selectDropdown__role")),onChange:e=>s(e.value),renderOption:(e,i,t)=>(0,a.Y)(b,{isSelected:t,option:e}),children:[(0,a.Y)("input",{name:"role",type:"hidden",value:i}),(0,a.Y)(l.JC,{sx:g||(e=>({color:e.colors.$colorForeground,backgroundColor:"transparent",textWrap:"nowrap"})),isDisabled:p||!!i&&_.length>0&&!v,children:v?.label||v?.value?(0,a.FD)(o.so,{as:"span",gap:1,children:[h&&(0,a.Y)(o.EY,{as:"span",colorScheme:"secondary",localizationKey:h}),(0,a.Y)(o.EY,{as:"span",colorScheme:"body",children:f(v?.value)||v?.label})]}):t?(0,a.Y)(o.EY,{as:"span",colorScheme:"body",children:t}):null}),(0,a.Y)(l.UL,{sx:m})]})},b=(0,n.memo)(e=>{let{option:i,isSelected:t,sx:n,...r}=e;return(0,a.Y)(o.so,{sx:[e=>({width:"100%",padding:`${e.space.$2} ${e.space.$4}`,borderRadius:e.radii.$md}),n],...r,children:(0,a.Y)(o.EY,{variant:"subtitle",children:i?.label})})})},5377:function(e,i,t){t.d(i,{i:()=>d});var a=t(4518),n=t(3817),r=t(6890),l=t(8272),o=t(8920),s=t(2861);let d=e=>{let{organization:i,...t}=e;return(0,a.FD)(l.fv,{elementDescriptor:o.$z.organizationAvatarUploaderContainer,children:[(0,a.Y)(l.EY,{variant:"subtitle",sx:e=>({textAlign:"left",marginBottom:e.space.$2}),localizationKey:(0,s.G)("organizationProfile.start.profileSection.uploadAction__title")}),(0,a.Y)(n.k,{...t,title:(0,s.G)("userProfile.profilePage.imageFormTitle"),avatarPreview:(0,a.Y)(r.h,{size:e=>e.sizes.$16,...i})})]})}},3689:function(e,i,t){t.d(i,{l_:()=>n,mu:()=>a});let a={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},n=(e,i,t)=>{if(void 0===i)return[{data:[e],total_count:1}];let a=i?.[i.length-1]?.total_count||1;return i.map(i=>{if(void 0===i)return i;let n=i.data.map(i=>i.id===e.id?{...e}:i);return{...i,data:n,total_count:"negative"===t?a-1:a}})}},5892:function(e,i,t){t.d(i,{V:()=>u,o:()=>c});var a=t(8909),n=t(5074),r=t(3121),l=t(1227),o=t(4964),s=t(7697),d=t(7288);let c=(0,n.createContext)(null),u=()=>{let e=(0,n.useContext)(c),{navigate:i}=(0,o.r)(),t=(0,s.O)(),u=(0,a.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:p,customPages:g,...m}=e,h=(0,d.Rs)(),b=(0,d.eT)(),f=h.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),_=t.commerceSettings.billing.organization.hasPaidPlans||f||b.data.length>0,v=(0,n.useMemo)(()=>(0,r.q)(g||[],u,_,t),[g,_]),Y=v.routes[0].id===l.jc.MEMBERS,z=v.routes[0].id===l.jc.GENERAL,y=v.routes[0].id===l.jc.BILLING,P=v.routes[0].id===l.jc.API_KEYS;return{...m,pages:v,navigateAfterLeaveOrganization:()=>i(m.afterLeaveOrganizationUrl||t.displayConfig.afterLeaveOrganizationUrl),componentName:p,navigateToGeneralPageRoot:()=>i(z?"../":Y?"./organization-general":"../organization-general"),isMembersPageRoot:Y,isGeneralPageRoot:z,isBillingPageRoot:y,isAPIKeysPageRoot:P,shouldShowBilling:_}}},7288:function(e,i,t){t.d(i,{A$:()=>h,D:()=>b,Ij:()=>d,Rs:()=>m,eT:()=>g,mu:()=>u,wD:()=>p});var a=t(8909),n=t(5074),r=t(7477),l=t(5424),o=t(2861),s=t(6256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),i=(0,r.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),t=(0,a.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!t?.organization&&i}},u=()=>{let e=c();return(0,a.X$)(e)},p=()=>{let e=c();return(0,a.t7)(e)},g=e=>{let i=c();return(0,a.tr)({...i,__experimental_mode:e?.mode})},m=()=>{let e=c(),i=(0,a.kH)(e),t=(0,n.useMemo)(()=>i.data?.subscriptionItems||[],[i.data?.subscriptionItems]);return{...i,subscriptionItems:t}},h=e=>{let i=(0,s.XX)();return(0,a.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,a.ho)(),{session:i}=(0,a.wV)(),t=(0,s.XX)(),r=(0,n.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===t),[e,t]),{subscriptionItems:d,revalidate:c,data:p}=m(),{data:b,revalidate:f}=h({mode:"cache"}),{revalidate:_}=g({mode:"cache"}),{revalidate:v}=u(),Y=(0,n.useCallback)(()=>{c(),f(),_(),v()},[c,f,_,v]),z=(0,n.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),y=(0,n.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),P=(0,n.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),S=(0,n.useCallback)((e,i="month")=>{let t=P(e);if(t.length>1){let e=t.find(e=>e.planPeriod===i);return e||t[0]}if(1===t.length)return t[0]},[P]),C=(0,n.useCallback)(({plan:e,subscription:i})=>{let t=i??(e?y(e):void 0);return!t||!t.canceledAt},[y]),x=(0,n.useCallback)(({plan:e,subscription:t,isCompact:a=!1,selectedPlanPeriod:n="annual"})=>{let l=t??(e?S(e,n):void 0),s=n,c=!!e?.annualMonthlyFee;"annual"!==s||c||(s="month");let u=t=>{if(e?.freeTrialEnabled){let t=!i,a=p?.eligibleForFreeTrial;if(t||a)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return t};return{localizationKey:u((()=>{if(l){if(s!==l.planPeriod&&l.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}if(l.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==l.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(c)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):u((0,o.G)("billing.subscribe"))})()),variant:a?"bordered":"solid",colorScheme:a?"secondary":"primary",isDisabled:!r,disabled:!r}},[S,r,d,p]),D=(0,n.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),k=(0,n.useCallback)(i=>{let a=(0,l.J)("modal",i);e.__internal_openSubscriptionDetails({for:t,onSubscriptionCancel:()=>{Y()},portalRoot:a})},[e,t,Y]);return{activeOrUpcomingSubscription:y,activeAndUpcomingSubscriptions:P,activeOrUpcomingSubscriptionBasedOnPlanPeriod:S,isDefaultPlanImplicitlyActiveOrUpcoming:z,handleSelectPlan:(0,n.useCallback)(({plan:a,planPeriod:n,mode:r="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:d})=>{let c=(0,l.J)(r,o);e.__internal_openCheckout({planId:a.id,planPeriod:"annual"!==n||a.annualMonthlyFee?n:"month",for:t,onSubscriptionComplete:()=>{Y()},onClose:()=>{i?.id&&e.setActive({session:i.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:d})},[e,Y,t,i?.id]),openSubscriptionDetails:k,buttonPropsForPlan:x,canManageSubscription:C,captionForSubscription:D,defaultFreePlan:(0,n.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:Y}}},6256:function(e,i,t){t.d(i,{N7:()=>o,XX:()=>l,m$:()=>r});var a=t(5074);let n="user",r=(0,a.createContext)(n),l=()=>(0,a.useContext)(r)||n,o=()=>"user"===l()?"userProfile":"organizationProfile"}}]);

package/dist/{organizationprofile_ui_cf6e93_1.0.0-canary-core3.v20251203164242.js → browser/organizationprofile_ui_f213a0_1.0.0-snapshot.v20251203152900.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["310"],{847:function(e,i,a){a.r(i),a.d(i,{OrganizationProfileModal:()=>e4,OrganizationProfile:()=>e5});var n=a(4518),t=a(8909),o=a(5074),r=a(3269),l=a(9764),s=a(5396),d=a(1227),c=a(6256),g=a(3264),m=a(5892),u=a(4607),p=a(2861),h=a(7831),f=a(2265),b=a(7477);let Y=e=>{let{organization:i}=(0,t.Z5)(),{apiKeysProps:a,pages:o}=(0,m.V)(),r=(0,b.Fd)(e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"})),s=(0,b.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),c=o.routes.filter(e=>e.id!==d.jc.MEMBERS||e.id===d.jc.MEMBERS&&r).filter(e=>e.id!==d.jc.BILLING||e.id===d.jc.BILLING&&s).filter(e=>e.id!==d.jc.API_KEYS||!a?.hide);return i?(0,n.FD)(l.XM,{contentRef:e.contentRef,children:[(0,n.Y)(l.jq,{title:(0,p.G)("organizationProfile.navbar.title"),description:(0,p.G)("organizationProfile.navbar.description"),routes:c,contentRef:e.contentRef}),e.children]}):null};var v=a(540),P=a(7697),z=a(6153),D=a(9001),y=a(4003),_=a(8272),S=a(8920),G=a(3453),x=a(2513),$=a(2454),T=a(1475),F=a(3549),I=a(6370),R=a(4468),C=a(8640),L=a(6245),w=a(3689);let k=e=>{let i=(0,r.f0)(),{navigateAfterLeaveOrganization:a}=(0,m.V)(),{userMemberships:n,userInvitations:o}=(0,t.D_)({userMemberships:w.mu.userMemberships,userInvitations:w.mu.userInvitations});return()=>i.runAsync(async()=>{await e?.()}).then(()=>{n.revalidate?.(),o.revalidate?.(),a()})},M=e=>{let{organization:i}=(0,t.Z5)(),{user:a}=(0,t.Jd)(),o=k(()=>a.leaveOrganization(i.id));return i&&a?(0,n.Y)(O,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.successMessage"),onConfirmation:o,...e}):null},E=e=>{let{organization:i,membership:a}=(0,t.Z5)(),o=k(i?.destroy);return i&&a?(0,n.Y)(O,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.successMessage"),onConfirmation:o,...e}):null},O=(0,r.dm)(e=>{let{title:i,messageLine1:a,messageLine2:t,actionDescription:o,organizationName:l,successMessage:s,submitLabel:d,onSuccess:c,onReset:g,onConfirmation:m,colorScheme:u="danger"}=e,h=(0,L.X)(),f=(0,r.f0)(),b=(0,C.tJ)("deleteOrganizationConfirmation","",{type:"text",label:o,isRequired:!0,placeholder:l}),Y=!o||b.value===l,v=async()=>{if(Y)try{await m().then(()=>h.nextStep())}catch(e){(0,R.H4)(e,[],f.setError)}};return(0,n.FD)(L.s,{...h.props,children:[(0,n.Y)(F.M,{headerTitle:i,gap:1,children:(0,n.FD)($.l.Root,{onSubmit:v,children:[(0,n.FD)(_.fv,{children:[(0,n.Y)(_.EY,{localizationKey:a,colorScheme:"secondary"}),(0,n.Y)(_.EY,{localizationKey:t,colorScheme:"danger"})]}),(0,n.Y)($.l.ControlRow,{elementId:b.id,children:(0,n.Y)($.l.PlainInput,{...b.props})}),(0,n.FD)(T.c,{children:[(0,n.Y)($.l.SubmitButton,{block:!1,colorScheme:u,localizationKey:d,isDisabled:!Y}),(0,n.Y)($.l.ResetButton,{localizationKey:(0,p.G)("userProfile.formButtonReset"),block:!1,onClick:g})]})]})}),(0,n.Y)(I.B,{title:i,text:s,onFinish:c})]})});var A=a(3356),K=a(7896),q=a(4916),B=a(9068);let H=(0,r.dm)(e=>{let{domainId:i,mode:a="edit",onSuccess:l,onReset:s}=e,d=(0,r.f0)(),{organizationSettings:c}=(0,P.O)(),{membership:g,organization:m,domains:u}=(0,t.Z5)({domains:{infinite:!0}}),h="edit"===a,f=(()=>{let e,{organizationSettings:i}=(0,P.O)();return e=[],i.domains.enrollmentModes.includes("manual_invitation")&&e.push({value:"manual_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_invitation")&&e.push({value:"automatic_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_suggestion")&&e.push({value:"automatic_suggestion",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__description")}),e})(),b=(0,C.tJ)("enrollmentMode","",{type:"radio",radioOptions:f,isRequired:!0}),Y=(0,C.tJ)("deleteExistingInvitationsSuggestions","",{label:(0,p.G)("formFieldLabel__organizationDomainDeletePending"),type:"checkbox"}),{data:v,isLoading:D}=(0,K.s)(m?.getDomain,{domainId:i});(0,o.useEffect)(()=>{v&&b.setValue(v.enrollmentMode)},[v?.id]);let y=(0,p.G)("organizationProfile.verifiedDomainPage.title",{domain:v?.name||""}),G=(0,p.G)("organizationProfile.verifiedDomainPage.subtitle",{domain:v?.name||""}),x=((e,{infoLabel:i})=>{let a=e?.totalPendingInvitations||0;return 0===(e?.totalPendingSuggestions||0)+a?[]:[i,(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInvitationCountLabel",{count:a}),(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutSuggestionCountLabel",{count:a})]})(v,{infoLabel:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInfoLabel")}),I=async()=>{if(v&&m&&g&&u)try{await v.updateEnrollmentMode({enrollmentMode:b.value,deletePending:Y.checked}),await u.revalidate(),l()}catch(e){(0,R.H4)(e,[b],d.setError)}};return m&&c?D||!v?(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",sx:{height:"100%"},children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(v.verification&&"verified"===v.verification.status||s(),(0,n.Y)(F.M,{headerTitle:y,headerSubtitle:h?void 0:G,gap:4,children:(0,n.FD)(_.fv,{gap:6,children:[x.length>0&&(0,n.Y)(q.D,{icon:B.A,children:x.map((e,i)=>(0,n.Y)(_.EY,{as:"span",sx:{display:"block"},localizationKey:e},i))}),(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Subtitle,{localizationKey:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.subtitle"),variant:"subtitle"})}),(0,n.FD)($.l.Root,{onSubmit:I,gap:6,children:[(0,n.Y)($.l.ControlRow,{elementId:b.id,children:(0,n.Y)($.l.RadioGroup,{...b.props})}),h&&"manual_invitation"===b.value&&(0,n.Y)($.l.ControlRow,{elementId:Y.id,children:(0,n.Y)($.l.Checkbox,{...Y.props})}),(0,n.Y)(T.G,{isDisabled:D||!v,onReset:s})]})]})})):null}),V=(0,r.dm)(e=>{let{domainId:i,onSuccess:a,onReset:l,skipToVerified:s}=e,d=(0,r.f0)(),{organizationSettings:c}=(0,P.O)(),{organization:g}=(0,t.Z5)(),{data:m,isLoading:u}=(0,K.s)(s?void 0:g?.getDomain,{domainId:i}),h=(0,p.G)("organizationProfile.verifyDomainPage.title"),f=(0,p.G)("organizationProfile.verifyDomainPage.subtitle",{domainName:m?.name??""}),b=(0,L.X)({defaultStep:2*!!s,onNextStep:()=>d.setError(void 0)}),Y=(0,C.tJ)("affiliationEmailAddress","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomainEmailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomainEmailAddress"),infoText:(0,p.G)("formFieldLabel__organizationDomainEmailAddressDescription"),isRequired:!0}),v=(0,o.useRef)(),z=(0,p.G)("organizationProfile.verifyDomainPage.subtitleVerificationCodeScreen",{emailAddress:v.current||""}),D=(0,A.xM)({onCodeEntryFinished:(e,i,n)=>{m?.attemptAffiliationVerification?.({code:e}).then(async e=>{await i(),e.verification?.status==="verified"?b.nextStep():a?.()}).catch(e=>n(e))},onResendCodeClicked:()=>{m?.prepareAffiliationVerification({affiliationEmailAddress:Y.value}).catch(e=>{(0,R.H4)(e,[Y],d.setError)})}});if(!g||!c)return null;let y=g.name!==Y.value,G=`@${m?.name}`;return!u&&m||s?(0,n.FD)(L.s,{...b.props,children:[(0,n.Y)(F.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)($.l.Root,{onSubmit:e=>{if(e.preventDefault(),m)return v.current=`${Y.value}${G}`,m.prepareAffiliationVerification({affiliationEmailAddress:v.current}).then(b.nextStep).catch(e=>{(0,R.H4)(e,[Y],d.setError)})},children:[(0,n.Y)($.l.ControlRow,{elementId:Y.id,children:(0,n.Y)($.l.InputGroup,{...Y.props,autoFocus:!0,groupSuffix:G,ignorePasswordManager:!0})}),(0,n.Y)(T.G,{isDisabled:!y,onReset:l})]})}),(0,n.FD)(F.M,{headerTitle:h,headerSubtitle:z,children:[(0,n.Y)($.l.OTPInput,{...D,label:(0,p.G)("organizationProfile.verifyDomainPage.formTitle"),description:(0,p.G)("organizationProfile.verifyDomainPage.formSubtitle"),resendButton:(0,p.G)("organizationProfile.verifyDomainPage.resendButton")}),(0,n.Y)(T.c,{children:(0,n.Y)(_.$n,{elementDescriptor:S.$z.formButtonReset,block:!1,variant:"ghost",textVariant:"buttonSmall",type:"reset",isDisabled:D.isLoading||"success"===D.otpControl.otpInputProps.feedbackType,onClick:()=>{D.otpControl.otpInputProps.clearFeedback(),D.otpControl.reset(),b.prevStep()},localizationKey:(0,p.G)("userProfile.formButtonReset")})})]}),(0,n.Y)(H,{domainId:i,mode:"select",onSuccess:a,onReset:l})]}):(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})})}),Z=(0,r.dm)(e=>{let{onSuccess:i,onReset:a}=e,{organizationSettings:l}=(0,P.O)(),{domains:s}=(0,t.Z5)({domains:{infinite:!0}}),d=(0,L.X)({onNextStep:()=>b.setError(void 0)}),[c,g]=(0,o.useState)(""),[m,u]=(0,o.useState)(!1),h=(0,p.G)("organizationProfile.createDomainPage.title"),f=(0,p.G)("organizationProfile.createDomainPage.subtitle"),b=(0,r.f0)(),{organization:Y}=(0,t.Z5)(),v=(0,C.tJ)("name","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomain"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomain")});if(!Y||!l)return null;let z=""!==v.value.trim();return(0,n.FD)(L.s,{...d.props,children:[(0,n.Y)(F.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)($.l.Root,{onSubmit:e=>(v.clearFeedback(),e.preventDefault(),Y.createDomain(v.value).then(async e=>{g(e.id),s?.revalidate?.(),e.verification&&"verified"===e.verification.status&&u(!0),d.nextStep()}).catch(e=>{(0,R.H4)(e,[v],b.setError)})),children:[(0,n.Y)($.l.ControlRow,{elementId:v.id,children:(0,n.Y)($.l.PlainInput,{...v.props,autoFocus:!0,ignorePasswordManager:!0,isRequired:!0})}),(0,n.Y)(T.G,{isDisabled:!z,onReset:a})]})}),(0,n.Y)(V,{domainId:c,onSuccess:()=>{s?.revalidate?.(),i?.()},skipToVerified:m,onReset:a})]})});var j=a(8080),N=a(2364);let J={manual_invitation:(0,p.G)("organizationProfile.badge__manualInvitation"),automatic_invitation:(0,p.G)("organizationProfile.badge__automaticInvitation"),automatic_suggestion:(0,p.G)("organizationProfile.badge__automaticSuggestion")},W=e=>{let{organizationDomain:i}=e;return i?i.verification&&"verified"===i.verification.status?(0,n.Y)(_.Ex,{localizationKey:J[i.enrollmentMode],colorScheme:"manual_invitation"===i.enrollmentMode?"primary":"success"}):(0,n.Y)(_.Ex,{localizationKey:(0,p.G)("organizationProfile.badge__unverified"),colorScheme:"warning"}):null};var U=a(8046);let Q=e=>{let{organizationSettings:i}=(0,P.O)(),{organization:a}=(0,t.Z5)(),{domainId:r,onSuccess:l,onReset:s}=e,d=o.useRef(),{data:c,isLoading:g}=(0,K.s)(a?.getDomain,{domainId:r},{onSuccess(e){d.current={...e}}}),{domains:m}=(0,t.Z5)({domains:{infinite:!0}});return a&&i?g||!c?(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(0,n.Y)(U.P,{title:(0,p.G)("organizationProfile.removeDomainPage.title"),messageLine1:(0,p.G)("organizationProfile.removeDomainPage.messageLine1",{domain:d.current?.name||""}),messageLine2:(0,p.G)("organizationProfile.removeDomainPage.messageLine2"),deleteResource:()=>c?.delete().then(async()=>{await m?.revalidate?.(),l()}),onSuccess:l,onReset:s}):null},X=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(Q,{onSuccess:i,onReset:i,...e})},ee=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(H,{onSuccess:i,onReset:i,...e})},ei=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(V,{onSuccess:i,onReset:i,skipToVerified:!1,...e})},ea=({domain:e})=>{let i=(e=>{let{open:i}=(0,x.D5)(),a=[];return e.verification&&"verified"===e.verification.status?a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__manage"),onClick:()=>i("manage")}):a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__verify"),onClick:()=>i("verify")}),a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__remove"),isDestructive:!0,onClick:()=>i("remove")}),a})(e);return(0,n.Y)(j.o,{actions:i})},en=(0,b.cb)(e=>{let{verificationStatus:i,enrollmentMode:a,fallback:r,...l}=e,{organization:s,domains:d}=(0,t.Z5)({domains:{infinite:!0,...l}}),{ref:c}=(0,N.W)({threshold:0,onChange:e=>{e&&d?.fetchNext?.()}}),g=(0,o.useMemo)(()=>d?.data?d.data.filter(e=>{let n=!0,t=!0;return i&&(n=!!e.verification&&e.verification.status===i),a&&(t=e.enrollmentMode===a),n&&t}):[],[d?.data]);if(!s)return null;let m=d?.hasNextPage||d?.isFetching;return 0!==g.length||d?.isLoading||r?(0,n.FD)(y.rd.ItemList,{id:"organizationDomains",children:[0===g.length&&!d?.isLoading&&r,g.map(e=>(0,n.FD)(G.r.Root,{children:[(0,n.FD)(y.rd.Item,{id:"organizationDomains",hoverable:!0,children:[(0,n.FD)(_.so,{sx:e=>({gap:e.space.$1}),children:[(0,n.Y)(_.EY,{children:e.name}),(0,n.Y)(W,{organizationDomain:e})]}),(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.Y)(ea,{domain:e})})]}),(0,n.Y)(G.r.Open,{value:"remove",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(X,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"verify",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ei,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"manage",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ee,{domainId:e.id})})})]},e.id)),(0,n.Y)(_.az,{ref:d?.hasNextPage&&!d.isFetching?c:void 0,sx:{visibility:"hidden"}}),m&&0===d.data.length&&(0,n.Y)(_.az,{sx:[e=>({width:"100%",height:e.space.$10,position:"relative"})],children:(0,n.Y)(_.az,{sx:{display:"flex",margin:"auto",position:"absolute",left:"50%",top:"50%",transform:"translateY(-50%) translateX(-50%)"},children:(0,n.Y)(_.y$,{size:"sm",colorScheme:"primary",elementDescriptor:S.$z.spinner})})})]}):null},{permission:"org:sys_domains:read"});var et=a(8225),eo=a(5377);let er=(0,r.dm)(e=>{let{onSuccess:i,onReset:a}=e,o=(0,p.G)("organizationProfile.profilePage.title"),l=(0,r.f0)(),{organization:s}=(0,t.Z5)(),{organizationSettings:d}=(0,P.O)(),c=(0,C.tJ)("name",s?.name||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationName"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationName")}),g=(0,C.tJ)("slug",s?.slug||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationSlug"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationSlug")});if(!s)return null;let m=(s.name!==c.value||s.slug!==g.value)&&"error"!==g.feedbackType,u=!d.slug.disabled,h=async e=>{e.preventDefault();let a={name:c.value};return u&&(a.slug=g.value),(m?s.update(a):Promise.resolve()).then(i).catch(e=>{(0,R.H4)(e,[c,g],l.setError)})};return(0,n.Y)(F.M,{headerTitle:o,children:(0,n.FD)($.l.Root,{onSubmit:h,children:[(0,n.Y)(eo.i,{organization:s,onAvatarChange:e=>s.setLogo({file:e}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError)),onAvatarRemove:(0,et.p)(s.imageUrl)?null:()=>{s.setLogo({file:null}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError))}}),(0,n.Y)($.l.ControlRow,{elementId:c.id,children:(0,n.Y)($.l.PlainInput,{...c.props,autoFocus:!0,isRequired:!0,ignorePasswordManager:!0})}),u&&(0,n.Y)($.l.ControlRow,{elementId:g.id,children:(0,n.Y)($.l.PlainInput,{...g.props,onChange:e=>{var i;i=e.target.value,g.setValue(i),g.clearFeedback()},ignorePasswordManager:!0})}),(0,n.Y)(T.G,{isDisabled:!m,onReset:a})]})})}),el=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(er,{onSuccess:e,onReset:e})},es=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(Z,{onSuccess:e,onReset:e})},ed=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(M,{onSuccess:e,onReset:e})},ec=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(E,{onSuccess:e,onReset:e})},eg=()=>(0,n.Y)(_.fv,{elementDescriptor:S.$z.page,sx:e=>({gap:e.space.$8}),children:(0,n.FD)(_.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationGeneral"),children:[(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__general"),sx:e=>({marginBottom:e.space.$4}),textVariant:"h2"})}),(0,n.Y)(em,{}),(0,n.Y)(b.EH,{permission:"org:sys_domains:read",children:(0,n.Y)(eu,{})}),(0,n.Y)(ep,{}),(0,n.Y)(eh,{})]})}),em=()=>{let{organization:e}=(0,t.Z5)();if(!e)return null;let i=(0,n.Y)(D.Q,{size:"lg",mainIdentifierVariant:"subtitle",organization:e});return(0,n.Y)(y.rd.Root,{title:(0,p.G)("organizationProfile.start.profileSection.title"),id:"organizationProfile",children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(b.EH,{permission:"org:sys_profile:manage",fallback:i,children:(0,n.Y)(G.r.Closed,{value:"edit",children:(0,n.FD)(y.rd.Item,{id:"organizationProfile",children:[i,(0,n.Y)(G.r.Trigger,{value:"edit",children:(0,n.Y)(y.rd.Button,{id:"organizationProfile",localizationKey:(0,p.G)("organizationProfile.start.profileSection.primaryButton")})})]})})}),(0,n.Y)(G.r.Open,{value:"edit",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(el,{})})})]})})},eu=()=>{let{organizationSettings:e}=(0,P.O)(),{organization:i}=(0,t.Z5)();return e&&i&&e.domains.enabled?(0,n.Y)(y.rd.Root,{title:(0,p.G)("organizationProfile.profilePage.domainSection.title"),id:"organizationDomains",centered:!1,children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(en,{}),(0,n.FD)(b.EH,{permission:"org:sys_domains:manage",children:[(0,n.Y)(G.r.Trigger,{value:"add",children:(0,n.FD)(_.fv,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.primaryButton"),id:"organizationDomains"}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.subtitle"),sx:e=>({paddingLeft:e.space.$9}),colorScheme:"secondary"})]})}),(0,n.Y)(G.r.Open,{value:"add",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(es,{})})})]})]})}):null},ep=()=>{let{organization:e}=(0,t.Z5)();return e?(0,n.Y)(y.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"leave",children:(0,n.Y)(y.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"leave",children:(0,n.Y)(y.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"leave",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ed,{})})})]})}):null},eh=()=>{let{organization:e}=(0,t.Z5)(),i=(0,b.Fd)({permission:"org:sys_profile:delete"});if(!e)return null;let a=e.adminDeleteEnabled;return i&&a?(0,n.Y)(y.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),sx:e=>({marginBottom:e.space.$4}),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"delete",children:(0,n.Y)(y.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"delete",children:(0,n.Y)(y.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"delete",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ec,{})})})]})}):null};var ef=a(2960),eb=a(6088),eY=a(5073),ev=a(1703),eP=a(7591),ez=a(9345),eD=a(3486),ey=a(4482);let e_=({memberships:e,pageSize:i})=>{let a=(0,r.f0)(),{organization:o}=(0,t.Z5)(),{options:l,isLoading:s}=(0,eD.x)();return o?(0,n.Y)(ey.bQ,{page:e?.page||1,onPageChange:i=>e?.fetchPage?.(i),itemCount:e?.count||0,pageCount:e?.pageCount||0,itemsPerPage:i,isLoading:e?.isLoading&&!e?.data.length||s,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.detailsTitle__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__joined"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(e?.data||[]).map(i=>(0,n.Y)(eS,{membership:i,options:l,onRoleChange:e=>a.runAsync(()=>i.update({role:e})).catch(e=>(0,R.H4)(e,[],a.setError)),onRemove:async()=>a.runAsync(async()=>{let a=await i.destroy();return await e?.revalidate?.(),a}).catch(e=>(0,R.H4)(e,[],a.setError))},i.id))}):null},eS=e=>{let{membership:i,onRemove:a,onRoleChange:o,options:l}=e,{localizeCustomRole:s}=(0,eD.l)(),d=(0,r.f0)(),{user:c}=(0,t.Jd)(),g=c?.id===i.publicUserData?.userId,m=l?.find(e=>e.value===i.role)?.label;return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:i.publicUserData,subtitle:i.publicUserData?.identifier,subtitleProps:{variant:"caption"},badge:g&&(0,n.Y)(_.Ex,{localizationKey:(0,p.G)("badge__you")})})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",fallback:(0,n.Y)(_.EY,{sx:e=>({opacity:e.opacity.$inactive}),children:s(i.role)||m}),children:(0,n.Y)(ey.Vo,{isDisabled:d.isLoading||!o,value:i.role,fallbackLabel:i.roleName,onChange:o,roles:l})})}),(0,n.Y)(_.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",children:(0,n.Y)(j.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.activeMembersTab.menuAction__remove"),isDestructive:!0,onClick:a,isDisabled:g}],elementId:"member"})})})]})};var eG=a(2717);let ex=({actionSlot:e})=>{let i=(0,b.Fd)({permission:"org:sys_memberships:manage"});return(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.FD)(_.so,{justify:e?"between":"end",sx:e=>({width:"100%",marginLeft:"auto",padding:`${e.space.$none} ${e.space.$1}`}),gap:e?2:void 0,children:[e,i&&(0,n.Y)(G.r.Trigger,{value:"invite",hideOnActive:!e,children:(0,n.Y)(_.$n,{elementDescriptor:S.$z.membersPageInviteButton,"aria-label":"Invite",localizationKey:(0,p.G)("organizationProfile.membersPage.action__invite")})})]})}),i&&(0,n.Y)(ef.k,{children:(0,n.Y)(G.r.Open,{value:"invite",children:(0,n.Y)(_.so,{sx:e=>({paddingBottom:e.space.$6,padding:`${e.space.$none} ${e.space.$1} ${e.space.$6} ${e.space.$1}`}),children:(0,n.Y)(G.r.Card,{sx:{width:"100%"},children:(0,n.Y)(eG.D,{})})})})})]})};var e$=a(2154),eT=a(1503),eF=a(2067),eI=a(4964);let eR=()=>{let{organization:e}=(0,t.Z5)(),{__unstable_manageBillingUrl:i,__unstable_manageBillingLabel:a,__unstable_manageBillingMembersLimit:o}=(0,m.V)(),r=(0,eI.r)();if(!e)return null;let l=e?.membersCount+e?.pendingInvitationsCount,s=(0,e$.r)(o);return(0,n.Y)(_.so,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2,borderRadius:e.radii.$md,gap:e.space.$4}),children:(0,n.FD)(_.so,{align:"center",sx:e=>({[eP.g.sm]:{gap:e.space.$3},gap:e.space.$2}),children:[s>0&&(0,n.Y)(eT._,{limit:s,value:l,size:"xs"}),(0,n.FD)(_.so,{sx:e=>({[eP.g.sm]:{flexDirection:"column"},gap:e.space.$0x5}),children:[(0,n.FD)(_.EY,{children:["You can invite ",o?`up to ${s}`:"unlimited"," members."]}),s>0&&(0,n.FD)(_.N_,{sx:e=>({fontWeight:e.fontWeights.$medium}),variant:"body",onClick:()=>r.navigate((0,e$.r)(i)),children:[(0,e$.r)(a)||"Manage billing",(0,n.Y)(_.In,{icon:eF.A})]})]})]})})};var eC=a(78),eL=a(4439),ew=a(7852),ek=a(5013);let eM=({query:e,value:i,memberships:a,onSearchChange:t,onQueryTrigger:r})=>{let{t:l}=(0,eC._)(),s=(0,o.useRef)(null);(0,o.useEffect)(()=>{e&&a?.data&&(a?.count??0)<=ej&&a?.fetchPage?.(1)},[e,a]);let d=i&&!!a?.isLoading&&!!a.data?.length;return(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(_.so,{sx:{width:"50%",[eP.g.sm]:{width:"auto"}},children:(0,n.Y)(ek.e,{value:i,type:"search",autoCapitalize:"none",spellCheck:!1,"aria-label":"Search",placeholder:l((0,p.G)("organizationProfile.membersPage.action__search")),leftIcon:d?(0,n.Y)(ew.y,{size:"xs"}):(0,n.Y)(_.In,{icon:eL.A,elementDescriptor:S.$z.organizationProfileMembersSearchInputIcon,sx:e=>({color:e.colors.$colorMutedForeground})}),onKeyUp:function(){s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{r(i.trim())},500)},onChange:e=>{let i=e.target.value;t(i),""===i&&r(i)},elementDescriptor:S.$z.organizationProfileMembersSearchInput})})})},eE={invitations:{pageSize:10,keepPreviousData:!0}},eO=()=>{let e=(0,r.f0)(),{organization:i,invitations:a}=(0,t.Z5)(eE),{options:o,isLoading:l}=(0,eD.x)();return i?(0,n.Y)(ey.bQ,{page:a?.page||1,onPageChange:a?.fetchPage||(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eE.invitations.pageSize,isLoading:a?.isLoading||l,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.invitedMembersTab.tableHeader__invited"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eA,{options:o,invitation:i,onRevoke:async()=>e.runAsync(async()=>(await i.revoke(),await a?.revalidate?.(),i)).catch(i=>(0,R.H4)(i,[],e.setError))},i.id))}):null},eA=e=>{let{invitation:i,onRevoke:a,options:t}=e,{localizeCustomRole:o}=(0,eD.l)(),r=t?.find(e=>e.value===i.role)?.label;return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:{primaryEmailAddress:{emailAddress:i.emailAddress}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.EY,{colorScheme:"secondary",localizationKey:o(i.role)||r})}),(0,n.Y)(_.Td,{children:(0,n.Y)(j.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.invitedMembersTab.menuAction__revoke"),isDestructive:!0,onClick:a}],elementId:"invitation"})})]})},eK=(0,r.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),{__unstable_manageBillingUrl:i,navigateToGeneralPageRoot:a}=(0,m.V)(),t=e?.domains?.enabled;return(0,n.FD)(_.fv,{gap:4,sx:{width:"100%"},children:[i&&(0,n.Y)(eR,{}),t&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(_.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(_.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(_.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.primaryButton"),id:"manageVerifiedDomains",sx:e=>({gap:e.space.$2}),onClick:a}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_invitation"})})]})}),(0,n.FD)(_.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(ex,{}),(0,n.Y)(eO,{})]})]})}),eq={membershipRequests:{pageSize:10,keepPreviousData:!0}},eB=()=>{let e=(0,r.f0)(),{organization:i,membershipRequests:a}=(0,t.Z5)(eq);return i?(0,n.Y)(ey.bQ,{page:a?.page||1,onPageChange:a?.fetchPage??(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eq.membershipRequests.pageSize,isLoading:a?.isLoading,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.requestsTab.tableHeader__requested"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eH,{request:i,onError:e.setError},i.id))}):null},eH=(0,r.dm)(e=>{let{request:i,onError:a}=e,o=(0,r.f0)(),{membership:l,membershipRequests:s}=(0,t.Z5)(eq);return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},showAvatar:!1,user:{primaryEmailAddress:{emailAddress:i.publicUserData.identifier}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(eV,{onAccept:()=>{if(l&&s)return o.runAsync(async()=>{await i.accept(),await s.revalidate()},"accept").catch(e=>(0,R.H4)(e,[],a))},onReject:()=>{if(l&&s)return o.runAsync(async()=>{await i.reject(),await s.revalidate()},"reject").catch(e=>(0,R.H4)(e,[],a))}})})]})}),eV=e=>{let i=(0,r.f0)();return(0,n.FD)(_.so,{gap:2,children:[(0,n.Y)(_.$n,{textVariant:"buttonSmall",variant:"ghost",isLoading:i.isLoading&&"reject"===i.loadingMetadata,isDisabled:i.isLoading&&"reject"!==i.loadingMetadata,onClick:e.onReject,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__reject")}),(0,n.Y)(_.$n,{textVariant:"buttonSmall",isLoading:i.isLoading&&"accept"===i.loadingMetadata,isDisabled:i.isLoading&&"accept"!==i.loadingMetadata,onClick:e.onAccept,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__approve")})]})},eZ=()=>{let{organizationSettings:e}=(0,P.O)(),{__unstable_manageBillingUrl:i,navigateToGeneralPageRoot:a}=(0,m.V)(),t=e?.domains?.enabled;return(0,n.FD)(_.fv,{gap:4,sx:{width:"100%"},children:[i&&(0,n.Y)(eR,{}),t&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(_.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(_.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(_.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.primaryButton"),sx:e=>({gap:e.space.$2}),id:"manageVerifiedDomains",onClick:a}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_suggestion"})})]})}),(0,n.FD)(_.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(ex,{}),(0,n.Y)(eB,{})]})]})},ej=10,eN=(0,r.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),i=(0,r.f0)(),a=(0,b.Fd)({permission:"org:sys_memberships:manage"}),l=(0,b.Fd)({permission:"org:sys_memberships:read"}),s=e?.domains?.enabled&&a,[d,c]=(0,o.useState)(""),[g,u]=(0,o.useState)(""),{membershipRequests:h,memberships:f,invitations:Y}=(0,t.Z5)({membershipRequests:s||void 0,invitations:a||void 0,memberships:l?{keepPreviousData:!0,query:d||void 0}:void 0}),{__unstable_manageBillingUrl:v}=(0,m.V)();return null===a?null:(0,n.Y)(_.fv,{elementDescriptor:S.$z.page,gap:2,children:(0,n.Y)(_.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationMembers"),gap:4,children:(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(z.Y.Root,{contentSx:{[eP.g.md]:{flexDirection:"row",width:"100%",justifyContent:"space-between"}},children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__members"),textVariant:"h2"})})}),(0,n.Y)(eb.Z.Alert,{children:i.error}),(0,n.FD)(eY.tU,{children:[(0,n.FD)(eY.j7,{sx:e=>({gap:e.space.$2}),children:[l&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__members"),children:!!f?.count&&(0,n.Y)(ev.a,{shouldAnimate:!d,notificationCount:f.count,colorScheme:"outline"})}),a&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__invitations"),children:Y?.data&&!Y.isLoading&&(0,n.Y)(ev.a,{notificationCount:Y.count,colorScheme:"outline"})}),a&&s&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__requests"),children:h?.data&&!h.isLoading&&(0,n.Y)(ev.a,{notificationCount:h.count,colorScheme:"outline"})})]}),(0,n.FD)(eY.T2,{children:[l&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.FD)(_.so,{gap:4,direction:"col",sx:{width:"100%"},children:[a&&v&&(0,n.Y)(eR,{}),(0,n.FD)(_.so,{gap:2,direction:"col",sx:{width:"100%"},children:[(0,n.Y)(ex,{actionSlot:(0,n.Y)(eM,{query:d,value:g,memberships:f,onSearchChange:e=>u(e),onQueryTrigger:e=>c(e)})}),(0,n.Y)(e_,{pageSize:ej,memberships:f})]})]})}),a&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eK,{})}),a&&s&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eZ,{})})]})]})]})})})}),eJ=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("207"),a.e("289")]).then(a.bind(a,343)).then(e=>({default:e.OrganizationBillingPage}))),eW=(0,o.lazy)(()=>Promise.all([a.e("666"),a.e("326"),a.e("223")]).then(a.bind(a,6518)).then(e=>({default:e.OrganizationAPIKeysPage}))),eU=(0,o.lazy)(()=>Promise.all([a.e("666"),a.e("970"),a.e("264")]).then(a.bind(a,2754)).then(e=>({default:e.OrganizationPlansPage}))),eQ=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("627")]).then(a.bind(a,4425)).then(e=>({default:e.OrganizationStatementPage}))),eX=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("122")]).then(a.bind(a,4447)).then(e=>({default:e.OrganizationPaymentAttemptPage}))),e0=()=>{let{pages:e,isMembersPageRoot:i,isGeneralPageRoot:a,isBillingPageRoot:t,isAPIKeysPageRoot:r,shouldShowBilling:l,apiKeysProps:s}=(0,m.V)(),{apiKeysSettings:d,commerceSettings:c}=(0,P.O)(),g=e.contents?.map((e,t)=>{let o=!a&&!i&&0===t;return(0,n.Y)(f.q,{index:o,path:o?void 0:e.url,children:(0,n.Y)(v.H,{mount:e.mount,unmount:e.unmount})},`custom-page-${e.url}`)});return(0,n.FD)(h.d,{children:[g,(0,n.FD)(f.q,{children:[(0,n.Y)(f.q,{path:a?void 0:"organization-general",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(eg,{})})})}),(0,n.Y)(f.q,{path:i?void 0:"organization-members",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"}),redirectTo:a?"../":"./organization-general",children:(0,n.Y)(eN,{})})})})}),c.billing.organization.enabled&&l?(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"}),children:(0,n.Y)(f.q,{path:t?void 0:"organization-billing",children:(0,n.FD)(h.d,{children:[(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eJ,{})})}),c.billing.organization.hasPaidPlans?(0,n.Y)(f.q,{path:"plans",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eU,{})})}):null,(0,n.Y)(f.q,{path:"statement/:statementId",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eQ,{})})}),(0,n.Y)(f.q,{path:"payment-attempt/:paymentAttemptId",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eX,{})})})]})})}):null,d.orgs_api_keys_enabled&&!s?.hide&&(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_api_keys:read"})||e({permission:"org:sys_api_keys:manage"}),children:(0,n.Y)(f.q,{path:r?void 0:"organization-api-keys",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eW,{})})})})})})]})]})},e1=(0,g.G)(()=>{let e=o.useRef(null);return(0,n.Y)(s.a.Root,{sx:e=>({display:"grid",gridTemplateColumns:"1fr 3fr",height:e.sizes.$176,overflow:"hidden"}),children:(0,n.FD)(Y,{contentRef:e,children:[(0,n.Y)(l.oT,{navbarTitleLocalizationKey:(0,p.G)("organizationProfile.navbar.title")}),(0,n.Y)(s.a.Content,{contentRef:e,scrollBoxId:d.qJ,children:(0,n.Y)(e0,{})})]})})}),e5=(0,r.dm)(e=>{let{organization:i}=(0,t.Z5)();return i?(0,n.Y)(u.n.Root,{flow:"organizationProfile",children:(0,n.Y)(u.n.Part,{children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{children:(0,n.Y)(c.m$.Provider,{value:"organization",children:(0,n.Y)(e1,{})})})})})}):null}),e4=e=>{let i={...e,routing:"virtual",componentName:"OrganizationProfile",mode:"modal"};return(0,n.Y)(f.q,{path:"organizationProfile",children:(0,n.Y)(m.o.Provider,{value:i,children:(0,n.Y)("div",{children:(0,n.Y)(e5,{...i})})})})}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["310"],{847:function(e,i,a){a.r(i),a.d(i,{OrganizationProfileModal:()=>e4,OrganizationProfile:()=>e5});var n=a(4518),t=a(8909),o=a(5074),r=a(3269),l=a(9764),s=a(5396),d=a(1227),c=a(6256),g=a(3264),m=a(5892),u=a(4607),p=a(2861),h=a(7831),f=a(2265),b=a(7477);let Y=e=>{let{organization:i}=(0,t.Z5)(),{apiKeysProps:a,pages:o}=(0,m.V)(),r=(0,b.Fd)(e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"})),s=(0,b.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),c=o.routes.filter(e=>e.id!==d.jc.MEMBERS||e.id===d.jc.MEMBERS&&r).filter(e=>e.id!==d.jc.BILLING||e.id===d.jc.BILLING&&s).filter(e=>e.id!==d.jc.API_KEYS||!a?.hide);return i?(0,n.FD)(l.XM,{contentRef:e.contentRef,children:[(0,n.Y)(l.jq,{title:(0,p.G)("organizationProfile.navbar.title"),description:(0,p.G)("organizationProfile.navbar.description"),routes:c,contentRef:e.contentRef}),e.children]}):null};var v=a(540),P=a(7697),z=a(6153),D=a(9001),y=a(4003),_=a(8272),S=a(8920),G=a(3453),x=a(2513),$=a(2454),T=a(1475),F=a(3549),I=a(6370),R=a(4468),C=a(8640),L=a(6245),w=a(3689);let k=e=>{let i=(0,r.f0)(),{navigateAfterLeaveOrganization:a}=(0,m.V)(),{userMemberships:n,userInvitations:o}=(0,t.D_)({userMemberships:w.mu.userMemberships,userInvitations:w.mu.userInvitations});return()=>i.runAsync(async()=>{await e?.()}).then(()=>{n.revalidate?.(),o.revalidate?.(),a()})},M=e=>{let{organization:i}=(0,t.Z5)(),{user:a}=(0,t.Jd)(),o=k(()=>a.leaveOrganization(i.id));return i&&a?(0,n.Y)(O,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.successMessage"),onConfirmation:o,...e}):null},E=e=>{let{organization:i,membership:a}=(0,t.Z5)(),o=k(i?.destroy);return i&&a?(0,n.Y)(O,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.successMessage"),onConfirmation:o,...e}):null},O=(0,r.dm)(e=>{let{title:i,messageLine1:a,messageLine2:t,actionDescription:o,organizationName:l,successMessage:s,submitLabel:d,onSuccess:c,onReset:g,onConfirmation:m,colorScheme:u="danger"}=e,h=(0,L.X)(),f=(0,r.f0)(),b=(0,C.tJ)("deleteOrganizationConfirmation","",{type:"text",label:o,isRequired:!0,placeholder:l}),Y=!o||b.value===l,v=async()=>{if(Y)try{await m().then(()=>h.nextStep())}catch(e){(0,R.H4)(e,[],f.setError)}};return(0,n.FD)(L.s,{...h.props,children:[(0,n.Y)(F.M,{headerTitle:i,gap:1,children:(0,n.FD)($.l.Root,{onSubmit:v,children:[(0,n.FD)(_.fv,{children:[(0,n.Y)(_.EY,{localizationKey:a,colorScheme:"secondary"}),(0,n.Y)(_.EY,{localizationKey:t,colorScheme:"danger"})]}),(0,n.Y)($.l.ControlRow,{elementId:b.id,children:(0,n.Y)($.l.PlainInput,{...b.props})}),(0,n.FD)(T.c,{children:[(0,n.Y)($.l.SubmitButton,{block:!1,colorScheme:u,localizationKey:d,isDisabled:!Y}),(0,n.Y)($.l.ResetButton,{localizationKey:(0,p.G)("userProfile.formButtonReset"),block:!1,onClick:g})]})]})}),(0,n.Y)(I.B,{title:i,text:s,onFinish:c})]})});var A=a(3356),K=a(7896),q=a(4916),B=a(9068);let H=(0,r.dm)(e=>{let{domainId:i,mode:a="edit",onSuccess:l,onReset:s}=e,d=(0,r.f0)(),{organizationSettings:c}=(0,P.O)(),{membership:g,organization:m,domains:u}=(0,t.Z5)({domains:{infinite:!0}}),h="edit"===a,f=(()=>{let e,{organizationSettings:i}=(0,P.O)();return e=[],i.domains.enrollmentModes.includes("manual_invitation")&&e.push({value:"manual_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_invitation")&&e.push({value:"automatic_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_suggestion")&&e.push({value:"automatic_suggestion",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__description")}),e})(),b=(0,C.tJ)("enrollmentMode","",{type:"radio",radioOptions:f,isRequired:!0}),Y=(0,C.tJ)("deleteExistingInvitationsSuggestions","",{label:(0,p.G)("formFieldLabel__organizationDomainDeletePending"),type:"checkbox"}),{data:v,isLoading:D}=(0,K.s)(m?.getDomain,{domainId:i});(0,o.useEffect)(()=>{v&&b.setValue(v.enrollmentMode)},[v?.id]);let y=(0,p.G)("organizationProfile.verifiedDomainPage.title",{domain:v?.name||""}),G=(0,p.G)("organizationProfile.verifiedDomainPage.subtitle",{domain:v?.name||""}),x=((e,{infoLabel:i})=>{let a=e?.totalPendingInvitations||0;return 0===(e?.totalPendingSuggestions||0)+a?[]:[i,(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInvitationCountLabel",{count:a}),(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutSuggestionCountLabel",{count:a})]})(v,{infoLabel:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInfoLabel")}),I=async()=>{if(v&&m&&g&&u)try{await v.updateEnrollmentMode({enrollmentMode:b.value,deletePending:Y.checked}),await u.revalidate(),l()}catch(e){(0,R.H4)(e,[b],d.setError)}};return m&&c?D||!v?(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",sx:{height:"100%"},children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(v.verification&&"verified"===v.verification.status||s(),(0,n.Y)(F.M,{headerTitle:y,headerSubtitle:h?void 0:G,gap:4,children:(0,n.FD)(_.fv,{gap:6,children:[x.length>0&&(0,n.Y)(q.D,{icon:B.A,children:x.map((e,i)=>(0,n.Y)(_.EY,{as:"span",sx:{display:"block"},localizationKey:e},i))}),(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Subtitle,{localizationKey:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.subtitle"),variant:"subtitle"})}),(0,n.FD)($.l.Root,{onSubmit:I,gap:6,children:[(0,n.Y)($.l.ControlRow,{elementId:b.id,children:(0,n.Y)($.l.RadioGroup,{...b.props})}),h&&"manual_invitation"===b.value&&(0,n.Y)($.l.ControlRow,{elementId:Y.id,children:(0,n.Y)($.l.Checkbox,{...Y.props})}),(0,n.Y)(T.G,{isDisabled:D||!v,onReset:s})]})]})})):null}),V=(0,r.dm)(e=>{let{domainId:i,onSuccess:a,onReset:l,skipToVerified:s}=e,d=(0,r.f0)(),{organizationSettings:c}=(0,P.O)(),{organization:g}=(0,t.Z5)(),{data:m,isLoading:u}=(0,K.s)(s?void 0:g?.getDomain,{domainId:i}),h=(0,p.G)("organizationProfile.verifyDomainPage.title"),f=(0,p.G)("organizationProfile.verifyDomainPage.subtitle",{domainName:m?.name??""}),b=(0,L.X)({defaultStep:2*!!s,onNextStep:()=>d.setError(void 0)}),Y=(0,C.tJ)("affiliationEmailAddress","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomainEmailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomainEmailAddress"),infoText:(0,p.G)("formFieldLabel__organizationDomainEmailAddressDescription"),isRequired:!0}),v=(0,o.useRef)(),z=(0,p.G)("organizationProfile.verifyDomainPage.subtitleVerificationCodeScreen",{emailAddress:v.current||""}),D=(0,A.xM)({onCodeEntryFinished:(e,i,n)=>{m?.attemptAffiliationVerification?.({code:e}).then(async e=>{await i(),e.verification?.status==="verified"?b.nextStep():a?.()}).catch(e=>n(e))},onResendCodeClicked:()=>{m?.prepareAffiliationVerification({affiliationEmailAddress:Y.value}).catch(e=>{(0,R.H4)(e,[Y],d.setError)})}});if(!g||!c)return null;let y=g.name!==Y.value,G=`@${m?.name}`;return!u&&m||s?(0,n.FD)(L.s,{...b.props,children:[(0,n.Y)(F.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)($.l.Root,{onSubmit:e=>{if(e.preventDefault(),m)return v.current=`${Y.value}${G}`,m.prepareAffiliationVerification({affiliationEmailAddress:v.current}).then(b.nextStep).catch(e=>{(0,R.H4)(e,[Y],d.setError)})},children:[(0,n.Y)($.l.ControlRow,{elementId:Y.id,children:(0,n.Y)($.l.InputGroup,{...Y.props,autoFocus:!0,groupSuffix:G,ignorePasswordManager:!0})}),(0,n.Y)(T.G,{isDisabled:!y,onReset:l})]})}),(0,n.FD)(F.M,{headerTitle:h,headerSubtitle:z,children:[(0,n.Y)($.l.OTPInput,{...D,label:(0,p.G)("organizationProfile.verifyDomainPage.formTitle"),description:(0,p.G)("organizationProfile.verifyDomainPage.formSubtitle"),resendButton:(0,p.G)("organizationProfile.verifyDomainPage.resendButton")}),(0,n.Y)(T.c,{children:(0,n.Y)(_.$n,{elementDescriptor:S.$z.formButtonReset,block:!1,variant:"ghost",textVariant:"buttonSmall",type:"reset",isDisabled:D.isLoading||"success"===D.otpControl.otpInputProps.feedbackType,onClick:()=>{D.otpControl.otpInputProps.clearFeedback(),D.otpControl.reset(),b.prevStep()},localizationKey:(0,p.G)("userProfile.formButtonReset")})})]}),(0,n.Y)(H,{domainId:i,mode:"select",onSuccess:a,onReset:l})]}):(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})})}),Z=(0,r.dm)(e=>{let{onSuccess:i,onReset:a}=e,{organizationSettings:l}=(0,P.O)(),{domains:s}=(0,t.Z5)({domains:{infinite:!0}}),d=(0,L.X)({onNextStep:()=>b.setError(void 0)}),[c,g]=(0,o.useState)(""),[m,u]=(0,o.useState)(!1),h=(0,p.G)("organizationProfile.createDomainPage.title"),f=(0,p.G)("organizationProfile.createDomainPage.subtitle"),b=(0,r.f0)(),{organization:Y}=(0,t.Z5)(),v=(0,C.tJ)("name","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomain"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomain")});if(!Y||!l)return null;let z=""!==v.value.trim();return(0,n.FD)(L.s,{...d.props,children:[(0,n.Y)(F.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)($.l.Root,{onSubmit:e=>(v.clearFeedback(),e.preventDefault(),Y.createDomain(v.value).then(async e=>{g(e.id),s?.revalidate?.(),e.verification&&"verified"===e.verification.status&&u(!0),d.nextStep()}).catch(e=>{(0,R.H4)(e,[v],b.setError)})),children:[(0,n.Y)($.l.ControlRow,{elementId:v.id,children:(0,n.Y)($.l.PlainInput,{...v.props,autoFocus:!0,ignorePasswordManager:!0,isRequired:!0})}),(0,n.Y)(T.G,{isDisabled:!z,onReset:a})]})}),(0,n.Y)(V,{domainId:c,onSuccess:()=>{s?.revalidate?.(),i?.()},skipToVerified:m,onReset:a})]})});var j=a(8080),N=a(2364);let J={manual_invitation:(0,p.G)("organizationProfile.badge__manualInvitation"),automatic_invitation:(0,p.G)("organizationProfile.badge__automaticInvitation"),automatic_suggestion:(0,p.G)("organizationProfile.badge__automaticSuggestion")},W=e=>{let{organizationDomain:i}=e;return i?i.verification&&"verified"===i.verification.status?(0,n.Y)(_.Ex,{localizationKey:J[i.enrollmentMode],colorScheme:"manual_invitation"===i.enrollmentMode?"primary":"success"}):(0,n.Y)(_.Ex,{localizationKey:(0,p.G)("organizationProfile.badge__unverified"),colorScheme:"warning"}):null};var U=a(8046);let Q=e=>{let{organizationSettings:i}=(0,P.O)(),{organization:a}=(0,t.Z5)(),{domainId:r,onSuccess:l,onReset:s}=e,d=o.useRef(),{data:c,isLoading:g}=(0,K.s)(a?.getDomain,{domainId:r},{onSuccess(e){d.current={...e}}}),{domains:m}=(0,t.Z5)({domains:{infinite:!0}});return a&&i?g||!c?(0,n.Y)(_.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(_.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(0,n.Y)(U.P,{title:(0,p.G)("organizationProfile.removeDomainPage.title"),messageLine1:(0,p.G)("organizationProfile.removeDomainPage.messageLine1",{domain:d.current?.name||""}),messageLine2:(0,p.G)("organizationProfile.removeDomainPage.messageLine2"),deleteResource:()=>c?.delete().then(async()=>{await m?.revalidate?.(),l()}),onSuccess:l,onReset:s}):null},X=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(Q,{onSuccess:i,onReset:i,...e})},ee=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(H,{onSuccess:i,onReset:i,...e})},ei=e=>{let{close:i}=(0,x.D5)();return(0,n.Y)(V,{onSuccess:i,onReset:i,skipToVerified:!1,...e})},ea=({domain:e})=>{let i=(e=>{let{open:i}=(0,x.D5)(),a=[];return e.verification&&"verified"===e.verification.status?a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__manage"),onClick:()=>i("manage")}):a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__verify"),onClick:()=>i("verify")}),a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__remove"),isDestructive:!0,onClick:()=>i("remove")}),a})(e);return(0,n.Y)(j.o,{actions:i})},en=(0,b.cb)(e=>{let{verificationStatus:i,enrollmentMode:a,fallback:r,...l}=e,{organization:s,domains:d}=(0,t.Z5)({domains:{infinite:!0,...l}}),{ref:c}=(0,N.W)({threshold:0,onChange:e=>{e&&d?.fetchNext?.()}}),g=(0,o.useMemo)(()=>d?.data?d.data.filter(e=>{let n=!0,t=!0;return i&&(n=!!e.verification&&e.verification.status===i),a&&(t=e.enrollmentMode===a),n&&t}):[],[d?.data]);if(!s)return null;let m=d?.hasNextPage||d?.isFetching;return 0!==g.length||d?.isLoading||r?(0,n.FD)(y.rd.ItemList,{id:"organizationDomains",children:[0===g.length&&!d?.isLoading&&r,g.map(e=>(0,n.FD)(G.r.Root,{children:[(0,n.FD)(y.rd.Item,{id:"organizationDomains",hoverable:!0,children:[(0,n.FD)(_.so,{sx:e=>({gap:e.space.$1}),children:[(0,n.Y)(_.EY,{children:e.name}),(0,n.Y)(W,{organizationDomain:e})]}),(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.Y)(ea,{domain:e})})]}),(0,n.Y)(G.r.Open,{value:"remove",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(X,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"verify",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ei,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"manage",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ee,{domainId:e.id})})})]},e.id)),(0,n.Y)(_.az,{ref:d?.hasNextPage&&!d.isFetching?c:void 0,sx:{visibility:"hidden"}}),m&&0===d.data.length&&(0,n.Y)(_.az,{sx:[e=>({width:"100%",height:e.space.$10,position:"relative"})],children:(0,n.Y)(_.az,{sx:{display:"flex",margin:"auto",position:"absolute",left:"50%",top:"50%",transform:"translateY(-50%) translateX(-50%)"},children:(0,n.Y)(_.y$,{size:"sm",colorScheme:"primary",elementDescriptor:S.$z.spinner})})})]}):null},{permission:"org:sys_domains:read"});var et=a(8225),eo=a(5377);let er=(0,r.dm)(e=>{let{onSuccess:i,onReset:a}=e,o=(0,p.G)("organizationProfile.profilePage.title"),l=(0,r.f0)(),{organization:s}=(0,t.Z5)(),{organizationSettings:d}=(0,P.O)(),c=(0,C.tJ)("name",s?.name||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationName"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationName")}),g=(0,C.tJ)("slug",s?.slug||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationSlug"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationSlug")});if(!s)return null;let m=(s.name!==c.value||s.slug!==g.value)&&"error"!==g.feedbackType,u=!d.slug.disabled,h=async e=>{e.preventDefault();let a={name:c.value};return u&&(a.slug=g.value),(m?s.update(a):Promise.resolve()).then(i).catch(e=>{(0,R.H4)(e,[c,g],l.setError)})};return(0,n.Y)(F.M,{headerTitle:o,children:(0,n.FD)($.l.Root,{onSubmit:h,children:[(0,n.Y)(eo.i,{organization:s,onAvatarChange:e=>s.setLogo({file:e}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError)),onAvatarRemove:(0,et.p)(s.imageUrl)?null:()=>{s.setLogo({file:null}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError))}}),(0,n.Y)($.l.ControlRow,{elementId:c.id,children:(0,n.Y)($.l.PlainInput,{...c.props,autoFocus:!0,isRequired:!0,ignorePasswordManager:!0})}),u&&(0,n.Y)($.l.ControlRow,{elementId:g.id,children:(0,n.Y)($.l.PlainInput,{...g.props,onChange:e=>{var i;i=e.target.value,g.setValue(i),g.clearFeedback()},ignorePasswordManager:!0})}),(0,n.Y)(T.G,{isDisabled:!m,onReset:a})]})})}),el=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(er,{onSuccess:e,onReset:e})},es=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(Z,{onSuccess:e,onReset:e})},ed=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(M,{onSuccess:e,onReset:e})},ec=()=>{let{close:e}=(0,x.D5)();return(0,n.Y)(E,{onSuccess:e,onReset:e})},eg=()=>(0,n.Y)(_.fv,{elementDescriptor:S.$z.page,sx:e=>({gap:e.space.$8}),children:(0,n.FD)(_.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationGeneral"),children:[(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__general"),sx:e=>({marginBottom:e.space.$4}),textVariant:"h2"})}),(0,n.Y)(em,{}),(0,n.Y)(b.EH,{permission:"org:sys_domains:read",children:(0,n.Y)(eu,{})}),(0,n.Y)(ep,{}),(0,n.Y)(eh,{})]})}),em=()=>{let{organization:e}=(0,t.Z5)();if(!e)return null;let i=(0,n.Y)(D.Q,{size:"lg",mainIdentifierVariant:"subtitle",organization:e});return(0,n.Y)(y.rd.Root,{title:(0,p.G)("organizationProfile.start.profileSection.title"),id:"organizationProfile",children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(b.EH,{permission:"org:sys_profile:manage",fallback:i,children:(0,n.Y)(G.r.Closed,{value:"edit",children:(0,n.FD)(y.rd.Item,{id:"organizationProfile",children:[i,(0,n.Y)(G.r.Trigger,{value:"edit",children:(0,n.Y)(y.rd.Button,{id:"organizationProfile",localizationKey:(0,p.G)("organizationProfile.start.profileSection.primaryButton")})})]})})}),(0,n.Y)(G.r.Open,{value:"edit",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(el,{})})})]})})},eu=()=>{let{organizationSettings:e}=(0,P.O)(),{organization:i}=(0,t.Z5)();return e&&i&&e.domains.enabled?(0,n.Y)(y.rd.Root,{title:(0,p.G)("organizationProfile.profilePage.domainSection.title"),id:"organizationDomains",centered:!1,children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(en,{}),(0,n.FD)(b.EH,{permission:"org:sys_domains:manage",children:[(0,n.Y)(G.r.Trigger,{value:"add",children:(0,n.FD)(_.fv,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.primaryButton"),id:"organizationDomains"}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.subtitle"),sx:e=>({paddingLeft:e.space.$9}),colorScheme:"secondary"})]})}),(0,n.Y)(G.r.Open,{value:"add",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(es,{})})})]})]})}):null},ep=()=>{let{organization:e}=(0,t.Z5)();return e?(0,n.Y)(y.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"leave",children:(0,n.Y)(y.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"leave",children:(0,n.Y)(y.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"leave",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ed,{})})})]})}):null},eh=()=>{let{organization:e}=(0,t.Z5)(),i=(0,b.Fd)({permission:"org:sys_profile:delete"});if(!e)return null;let a=e.adminDeleteEnabled;return i&&a?(0,n.Y)(y.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),sx:e=>({marginBottom:e.space.$4}),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"delete",children:(0,n.Y)(y.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"delete",children:(0,n.Y)(y.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"delete",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ec,{})})})]})}):null};var ef=a(2960),eb=a(6088),eY=a(5073),ev=a(1703),eP=a(7591),ez=a(9345),eD=a(3486),ey=a(4482);let e_=({memberships:e,pageSize:i})=>{let a=(0,r.f0)(),{organization:o}=(0,t.Z5)(),{options:l,isLoading:s}=(0,eD.x)();return o?(0,n.Y)(ey.bQ,{page:e?.page||1,onPageChange:i=>e?.fetchPage?.(i),itemCount:e?.count||0,pageCount:e?.pageCount||0,itemsPerPage:i,isLoading:e?.isLoading&&!e?.data.length||s,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.detailsTitle__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__joined"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(e?.data||[]).map(i=>(0,n.Y)(eS,{membership:i,options:l,onRoleChange:e=>a.runAsync(()=>i.update({role:e})).catch(e=>(0,R.H4)(e,[],a.setError)),onRemove:async()=>a.runAsync(async()=>{let a=await i.destroy();return await e?.revalidate?.(),a}).catch(e=>(0,R.H4)(e,[],a.setError))},i.id))}):null},eS=e=>{let{membership:i,onRemove:a,onRoleChange:o,options:l}=e,{localizeCustomRole:s}=(0,eD.l)(),d=(0,r.f0)(),{user:c}=(0,t.Jd)(),g=c?.id===i.publicUserData?.userId,m=l?.find(e=>e.value===i.role)?.label;return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:i.publicUserData,subtitle:i.publicUserData?.identifier,subtitleProps:{variant:"caption"},badge:g&&(0,n.Y)(_.Ex,{localizationKey:(0,p.G)("badge__you")})})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",fallback:(0,n.Y)(_.EY,{sx:e=>({opacity:e.opacity.$inactive}),children:s(i.role)||m}),children:(0,n.Y)(ey.Vo,{isDisabled:d.isLoading||!o,value:i.role,fallbackLabel:i.roleName,onChange:o,roles:l})})}),(0,n.Y)(_.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",children:(0,n.Y)(j.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.activeMembersTab.menuAction__remove"),isDestructive:!0,onClick:a,isDisabled:g}],elementId:"member"})})})]})};var eG=a(2717);let ex=({actionSlot:e})=>{let i=(0,b.Fd)({permission:"org:sys_memberships:manage"});return(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.FD)(_.so,{justify:e?"between":"end",sx:e=>({width:"100%",marginLeft:"auto",padding:`${e.space.$none} ${e.space.$1}`}),gap:e?2:void 0,children:[e,i&&(0,n.Y)(G.r.Trigger,{value:"invite",hideOnActive:!e,children:(0,n.Y)(_.$n,{elementDescriptor:S.$z.membersPageInviteButton,"aria-label":"Invite",localizationKey:(0,p.G)("organizationProfile.membersPage.action__invite")})})]})}),i&&(0,n.Y)(ef.k,{children:(0,n.Y)(G.r.Open,{value:"invite",children:(0,n.Y)(_.so,{sx:e=>({paddingBottom:e.space.$6,padding:`${e.space.$none} ${e.space.$1} ${e.space.$6} ${e.space.$1}`}),children:(0,n.Y)(G.r.Card,{sx:{width:"100%"},children:(0,n.Y)(eG.D,{})})})})})]})};var e$=a(4498),eT=a(1503),eF=a(2067),eI=a(4964);let eR=()=>{let{organization:e}=(0,t.Z5)(),{__unstable_manageBillingUrl:i,__unstable_manageBillingLabel:a,__unstable_manageBillingMembersLimit:o}=(0,m.V)(),r=(0,eI.r)();if(!e)return null;let l=e?.membersCount+e?.pendingInvitationsCount,s=(0,e$.r)(o);return(0,n.Y)(_.so,{sx:e=>({background:e.colors.$neutralAlpha50,padding:e.space.$2,borderRadius:e.radii.$md,gap:e.space.$4}),children:(0,n.FD)(_.so,{align:"center",sx:e=>({[eP.g.sm]:{gap:e.space.$3},gap:e.space.$2}),children:[s>0&&(0,n.Y)(eT._,{limit:s,value:l,size:"xs"}),(0,n.FD)(_.so,{sx:e=>({[eP.g.sm]:{flexDirection:"column"},gap:e.space.$0x5}),children:[(0,n.FD)(_.EY,{children:["You can invite ",o?`up to ${s}`:"unlimited"," members."]}),s>0&&(0,n.FD)(_.N_,{sx:e=>({fontWeight:e.fontWeights.$medium}),variant:"body",onClick:()=>r.navigate((0,e$.r)(i)),children:[(0,e$.r)(a)||"Manage billing",(0,n.Y)(_.In,{icon:eF.A})]})]})]})})};var eC=a(78),eL=a(4439),ew=a(7852),ek=a(5013);let eM=({query:e,value:i,memberships:a,onSearchChange:t,onQueryTrigger:r})=>{let{t:l}=(0,eC._)(),s=(0,o.useRef)(null);(0,o.useEffect)(()=>{e&&a?.data&&(a?.count??0)<=ej&&a?.fetchPage?.(1)},[e,a]);let d=i&&!!a?.isLoading&&!!a.data?.length;return(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(_.so,{sx:{width:"50%",[eP.g.sm]:{width:"auto"}},children:(0,n.Y)(ek.e,{value:i,type:"search",autoCapitalize:"none",spellCheck:!1,"aria-label":"Search",placeholder:l((0,p.G)("organizationProfile.membersPage.action__search")),leftIcon:d?(0,n.Y)(ew.y,{size:"xs"}):(0,n.Y)(_.In,{icon:eL.A,elementDescriptor:S.$z.organizationProfileMembersSearchInputIcon,sx:e=>({color:e.colors.$colorMutedForeground})}),onKeyUp:function(){s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{r(i.trim())},500)},onChange:e=>{let i=e.target.value;t(i),""===i&&r(i)},elementDescriptor:S.$z.organizationProfileMembersSearchInput})})})},eE={invitations:{pageSize:10,keepPreviousData:!0}},eO=()=>{let e=(0,r.f0)(),{organization:i,invitations:a}=(0,t.Z5)(eE),{options:o,isLoading:l}=(0,eD.x)();return i?(0,n.Y)(ey.bQ,{page:a?.page||1,onPageChange:a?.fetchPage||(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eE.invitations.pageSize,isLoading:a?.isLoading||l,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.invitedMembersTab.tableHeader__invited"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eA,{options:o,invitation:i,onRevoke:async()=>e.runAsync(async()=>(await i.revoke(),await a?.revalidate?.(),i)).catch(i=>(0,R.H4)(i,[],e.setError))},i.id))}):null},eA=e=>{let{invitation:i,onRevoke:a,options:t}=e,{localizeCustomRole:o}=(0,eD.l)(),r=t?.find(e=>e.value===i.role)?.label;return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:{primaryEmailAddress:{emailAddress:i.emailAddress}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.EY,{colorScheme:"secondary",localizationKey:o(i.role)||r})}),(0,n.Y)(_.Td,{children:(0,n.Y)(j.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.invitedMembersTab.menuAction__revoke"),isDestructive:!0,onClick:a}],elementId:"invitation"})})]})},eK=(0,r.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),{__unstable_manageBillingUrl:i,navigateToGeneralPageRoot:a}=(0,m.V)(),t=e?.domains?.enabled;return(0,n.FD)(_.fv,{gap:4,sx:{width:"100%"},children:[i&&(0,n.Y)(eR,{}),t&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(_.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(_.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(_.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.primaryButton"),id:"manageVerifiedDomains",sx:e=>({gap:e.space.$2}),onClick:a}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_invitation"})})]})}),(0,n.FD)(_.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(ex,{}),(0,n.Y)(eO,{})]})]})}),eq={membershipRequests:{pageSize:10,keepPreviousData:!0}},eB=()=>{let e=(0,r.f0)(),{organization:i,membershipRequests:a}=(0,t.Z5)(eq);return i?(0,n.Y)(ey.bQ,{page:a?.page||1,onPageChange:a?.fetchPage??(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eq.membershipRequests.pageSize,isLoading:a?.isLoading,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.requestsTab.tableHeader__requested"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eH,{request:i,onError:e.setError},i.id))}):null},eH=(0,r.dm)(e=>{let{request:i,onError:a}=e,o=(0,r.f0)(),{membership:l,membershipRequests:s}=(0,t.Z5)(eq);return(0,n.FD)(ey.Yq,{children:[(0,n.Y)(_.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},showAvatar:!1,user:{primaryEmailAddress:{emailAddress:i.publicUserData.identifier}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(_.Td,{children:(0,n.Y)(_.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(_.Td,{children:(0,n.Y)(eV,{onAccept:()=>{if(l&&s)return o.runAsync(async()=>{await i.accept(),await s.revalidate()},"accept").catch(e=>(0,R.H4)(e,[],a))},onReject:()=>{if(l&&s)return o.runAsync(async()=>{await i.reject(),await s.revalidate()},"reject").catch(e=>(0,R.H4)(e,[],a))}})})]})}),eV=e=>{let i=(0,r.f0)();return(0,n.FD)(_.so,{gap:2,children:[(0,n.Y)(_.$n,{textVariant:"buttonSmall",variant:"ghost",isLoading:i.isLoading&&"reject"===i.loadingMetadata,isDisabled:i.isLoading&&"reject"!==i.loadingMetadata,onClick:e.onReject,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__reject")}),(0,n.Y)(_.$n,{textVariant:"buttonSmall",isLoading:i.isLoading&&"accept"===i.loadingMetadata,isDisabled:i.isLoading&&"accept"!==i.loadingMetadata,onClick:e.onAccept,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__approve")})]})},eZ=()=>{let{organizationSettings:e}=(0,P.O)(),{__unstable_manageBillingUrl:i,navigateToGeneralPageRoot:a}=(0,m.V)(),t=e?.domains?.enabled;return(0,n.FD)(_.fv,{gap:4,sx:{width:"100%"},children:[i&&(0,n.Y)(eR,{}),t&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(_.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(_.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(_.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(y.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.primaryButton"),sx:e=>({gap:e.space.$2}),id:"manageVerifiedDomains",onClick:a}),(0,n.Y)(_.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_suggestion"})})]})}),(0,n.FD)(_.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(ex,{}),(0,n.Y)(eB,{})]})]})},ej=10,eN=(0,r.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),i=(0,r.f0)(),a=(0,b.Fd)({permission:"org:sys_memberships:manage"}),l=(0,b.Fd)({permission:"org:sys_memberships:read"}),s=e?.domains?.enabled&&a,[d,c]=(0,o.useState)(""),[g,u]=(0,o.useState)(""),{membershipRequests:h,memberships:f,invitations:Y}=(0,t.Z5)({membershipRequests:s||void 0,invitations:a||void 0,memberships:l?{keepPreviousData:!0,query:d||void 0}:void 0}),{__unstable_manageBillingUrl:v}=(0,m.V)();return null===a?null:(0,n.Y)(_.fv,{elementDescriptor:S.$z.page,gap:2,children:(0,n.Y)(_.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationMembers"),gap:4,children:(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(z.Y.Root,{contentSx:{[eP.g.md]:{flexDirection:"row",width:"100%",justifyContent:"space-between"}},children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__members"),textVariant:"h2"})})}),(0,n.Y)(eb.Z.Alert,{children:i.error}),(0,n.FD)(eY.tU,{children:[(0,n.FD)(eY.j7,{sx:e=>({gap:e.space.$2}),children:[l&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__members"),children:!!f?.count&&(0,n.Y)(ev.a,{shouldAnimate:!d,notificationCount:f.count,colorScheme:"outline"})}),a&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__invitations"),children:Y?.data&&!Y.isLoading&&(0,n.Y)(ev.a,{notificationCount:Y.count,colorScheme:"outline"})}),a&&s&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__requests"),children:h?.data&&!h.isLoading&&(0,n.Y)(ev.a,{notificationCount:h.count,colorScheme:"outline"})})]}),(0,n.FD)(eY.T2,{children:[l&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.FD)(_.so,{gap:4,direction:"col",sx:{width:"100%"},children:[a&&v&&(0,n.Y)(eR,{}),(0,n.FD)(_.so,{gap:2,direction:"col",sx:{width:"100%"},children:[(0,n.Y)(ex,{actionSlot:(0,n.Y)(eM,{query:d,value:g,memberships:f,onSearchChange:e=>u(e),onQueryTrigger:e=>c(e)})}),(0,n.Y)(e_,{pageSize:ej,memberships:f})]})]})}),a&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eK,{})}),a&&s&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eZ,{})})]})]})]})})})}),eJ=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("207"),a.e("289")]).then(a.bind(a,343)).then(e=>({default:e.OrganizationBillingPage}))),eW=(0,o.lazy)(()=>Promise.all([a.e("666"),a.e("326"),a.e("223")]).then(a.bind(a,6518)).then(e=>({default:e.OrganizationAPIKeysPage}))),eU=(0,o.lazy)(()=>Promise.all([a.e("666"),a.e("970"),a.e("264")]).then(a.bind(a,2754)).then(e=>({default:e.OrganizationPlansPage}))),eQ=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("627")]).then(a.bind(a,4425)).then(e=>({default:e.OrganizationStatementPage}))),eX=(0,o.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("122")]).then(a.bind(a,4447)).then(e=>({default:e.OrganizationPaymentAttemptPage}))),e0=()=>{let{pages:e,isMembersPageRoot:i,isGeneralPageRoot:a,isBillingPageRoot:t,isAPIKeysPageRoot:r,shouldShowBilling:l,apiKeysProps:s}=(0,m.V)(),{apiKeysSettings:d,commerceSettings:c}=(0,P.O)(),g=e.contents?.map((e,t)=>{let o=!a&&!i&&0===t;return(0,n.Y)(f.q,{index:o,path:o?void 0:e.url,children:(0,n.Y)(v.H,{mount:e.mount,unmount:e.unmount})},`custom-page-${e.url}`)});return(0,n.FD)(h.d,{children:[g,(0,n.FD)(f.q,{children:[(0,n.Y)(f.q,{path:a?void 0:"organization-general",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(eg,{})})})}),(0,n.Y)(f.q,{path:i?void 0:"organization-members",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"}),redirectTo:a?"../":"./organization-general",children:(0,n.Y)(eN,{})})})})}),c.billing.organization.enabled&&l?(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"}),children:(0,n.Y)(f.q,{path:t?void 0:"organization-billing",children:(0,n.FD)(h.d,{children:[(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eJ,{})})}),c.billing.organization.hasPaidPlans?(0,n.Y)(f.q,{path:"plans",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eU,{})})}):null,(0,n.Y)(f.q,{path:"statement/:statementId",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eQ,{})})}),(0,n.Y)(f.q,{path:"payment-attempt/:paymentAttemptId",children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eX,{})})})]})})}):null,d.orgs_api_keys_enabled&&!s?.hide&&(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_api_keys:read"})||e({permission:"org:sys_api_keys:manage"}),children:(0,n.Y)(f.q,{path:r?void 0:"organization-api-keys",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(o.Suspense,{fallback:"",children:(0,n.Y)(eW,{})})})})})})]})]})},e1=(0,g.G)(()=>{let e=o.useRef(null);return(0,n.Y)(s.a.Root,{sx:e=>({display:"grid",gridTemplateColumns:"1fr 3fr",height:e.sizes.$176,overflow:"hidden"}),children:(0,n.FD)(Y,{contentRef:e,children:[(0,n.Y)(l.oT,{navbarTitleLocalizationKey:(0,p.G)("organizationProfile.navbar.title")}),(0,n.Y)(s.a.Content,{contentRef:e,scrollBoxId:d.qJ,children:(0,n.Y)(e0,{})})]})})}),e5=(0,r.dm)(e=>{let{organization:i}=(0,t.Z5)();return i?(0,n.Y)(u.n.Root,{flow:"organizationProfile",children:(0,n.Y)(u.n.Part,{children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{children:(0,n.Y)(c.m$.Provider,{value:"organization",children:(0,n.Y)(e1,{})})})})})}):null}),e4=e=>{let i={...e,routing:"virtual",componentName:"OrganizationProfile",mode:"modal"};return(0,n.Y)(f.q,{path:"organizationProfile",children:(0,n.Y)(m.o.Provider,{value:i,children:(0,n.Y)("div",{children:(0,n.Y)(e5,{...i})})})})}}}]);

package/dist/{organizationswitcher_ui_cf6e93_1.0.0-canary-core3.v20251203164242.js → browser/organizationswitcher_ui_f213a0_1.0.0-snapshot.v20251203152900.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["364"],{7498:function(e,t,i){i.r(t),i.d(t,{OrganizationSwitcher:()=>ee});var n=i(4518),o=i(5074),r=i(3269),a=i(4373),c=i(2826),l=i(2467),s=i(3264),g=i(4607),d=i(1577),u=i(8909),h=i(2154),z=i(2531),p=i(9001),m=i(781),$=i(9972),S=i(7477),f=i(1703),v=i(7697),w=i(8920),x=i(2861),Y=i(8272),b=i(1005),O=i(8813),P=i(8524),I=i(4964),A=i(750),D=i(4468),B=i(2157),C=i(2364),_=i(9366),k=i(1464),y=i(3689);let U=e=>{let t=(0,r.f0)(),{userSuggestions:i}=(0,u.D_)({userSuggestions:y.mu.userSuggestions});return"accepted"===e.status?(0,n.Y)(Y.EY,{colorScheme:"secondary",localizationKey:(0,x.G)("organizationSwitcher.suggestionsAcceptedLabel")}):(0,n.Y)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"sm",isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,y.l_)(e,t))).catch(e=>(0,D.H4)(e,[],t.setError)),localizationKey:(0,x.G)("organizationSwitcher.action__suggestionsAccept")})},F=e=>{let t=(0,r.f0)();return(0,n.Y)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"xs",isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,x.G)("organizationSwitcher.action__invitationAccept")})},L=e=>{let{children:t,publicOrganizationData:i}=e;return(0,n.FD)(Y.so,{align:"center",gap:2,sx:e=>({justifyContent:"space-between",padding:`${e.space.$4} ${e.space.$5}`}),elementDescriptor:w.$z.organizationSwitcherPopoverInvitationActionsBox,children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:i,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})}),t]})},E=(0,r.dm)(e=>{let{invitation:t,onOrganizationClick:i}=e,{accept:o,publicOrganizationData:a,status:c}=t,s=(0,r.f0)(),{getOrganization:g}=(0,u.ho)(),{organization:d}=(0,u.Z5)(),{userInvitations:h}=(0,u.D_)({userInvitations:y.mu.userInvitations,userMemberships:y.mu.userMemberships}),{acceptedInvitations:z,setAcceptedInvitations:m}=(0,l.b)(),$=z.find(e=>e.invitation.id===t.id)?.organization;return"accepted"===c?t.publicOrganizationData.id===d?.id||$?.id&&d?.id===$.id?null:(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,icon:_.A,onClick:$?()=>i($):void 0,role:"menuitem",children:(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:a,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})})}):(0,n.Y)(L,{publicOrganizationData:a,children:(0,n.Y)(F,{onAccept:()=>s.runAsync(async()=>[await o(),await g(a.id)]).then(([e,t])=>{h?.setData?.(t=>(0,y.l_)(e,t,"negative")),m(i=>[...i,{organization:t,invitation:e}])}).catch(e=>(0,D.H4)(e,[],s.setError))})})}),M=e=>{let{showBorder:t,...i}=e;return(0,n.Y)(z.En,{role:"menu",...i})},R=(0,r.dm)(e=>(0,n.Y)(L,{publicOrganizationData:e.publicOrganizationData,children:(0,n.Y)(U,{...e})})),W=e=>{let{onOrganizationClick:t}=e,{ref:i,userSuggestions:o,userInvitations:r}=(()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(y.mu),{ref:i}=(0,C.W)({threshold:0,onChange:i=>{i&&(e.hasNextPage?e.fetchNext?.():t.fetchNext?.())}});return{userInvitations:e,userSuggestions:t,ref:i}})(),a=r.isLoading||o.isLoading,c=r.hasNextPage||o.hasNextPage,l=r.data?.filter(e=>!!e)||[],s=o.data?.filter(e=>!!e)||[],g=l.length>0||s.length>0;return g||a?(0,n.Y)(M,{showBorder:g||a,elementDescriptor:w.$z.organizationSwitcherPopoverInvitationActions,children:(0,n.FD)(Y.az,{sx:e=>({maxHeight:`calc(4 * ${e.sizes.$17} + 4px)`,overflowY:"auto",...k.s.unstyledScrollbar(e)}),children:[l?.map(e=>(0,n.Y)(E,{invitation:e,onOrganizationClick:t},e.id)),!r.hasNextPage&&s?.map(e=>(0,n.Y)(R,{...e},e.id)),(c||a)&&(0,n.Y)(B.U,{ref:i})]})}):null},G=e=>{let{onPersonalWorkspaceClick:t,onOrganizationClick:i}=e,{hidePersonal:o}=(0,c.l)(),{organization:r}=(0,u.Z5)(),{ref:a,userMemberships:l}=(()=>{let{userMemberships:e}=(0,u.D_)({userMemberships:y.mu.userMemberships}),{ref:t}=(0,C.W)({threshold:0,onChange:t=>{t&&e.hasNextPage&&e.fetchNext?.()}});return{userMemberships:e,ref:t}})(),{user:s}=(0,u.Jd)(),g=((l.count||0)>0&&l.data||[]).map(e=>e.organization).filter(e=>e.id!==r?.id);if(!s)return null;let{username:d,primaryEmailAddress:h,primaryPhoneNumber:z,...$}=s,{isLoading:S,hasNextPage:f}=l;return(0,n.FD)(Y.az,{sx:e=>({maxHeight:`calc((4 * ${e.sizes.$17}) + 4px)`,overflowY:"auto","> button,div":{border:`0 solid ${e.colors.$borderAlpha100}`},">:not([hidden])~:not([hidden])":{borderTopWidth:"1px",borderBottomWidth:"0"},...k.s.unstyledScrollbar(e)}),role:"group","aria-label":o?"List of all organization memberships":"List of all accounts",children:[r&&!o&&(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,elementId:w.$z.organizationSwitcherPreviewButton.setId("personal"),icon:_.A,onClick:t,role:"menuitem",children:(0,n.Y)(m.i,{user:$,mainIdentifierVariant:"buttonLarge",title:(0,x.G)("organizationSwitcher.personalWorkspace")})}),g.map(e=>(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,elementId:w.$z.organizationSwitcherPreviewButton.setId("organization"),icon:_.A,onClick:()=>i(e),role:"menuitem",sx:e=>({border:`0 solid ${e.colors.$borderAlpha100}`}),children:(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:e})},e.id)),(f||S)&&(0,n.Y)(B.U,{ref:a})]})};var N=i(2223);let K=({onCreateOrganizationClick:e})=>(0,n.Y)(N._,{elementDescriptor:w.$z.organizationSwitcherPopoverActionButton,elementId:w.$z.organizationSwitcherPopoverActionButton.setId("createOrganization"),iconBoxElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:w.$z.organizationSwitcherPopoverActionButtonIconBox.setId("createOrganization"),iconElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:w.$z.organizationSwitcherPopoverActionButtonIcon.setId("createOrganization"),label:(0,x.G)("organizationSwitcher.action__createOrganization"),onClick:e,sx:e=>({padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6}),iconBoxSx:e=>({width:e.sizes.$9,height:e.sizes.$6}),spinnerSize:"sm"}),T=e=>{let{onCreateOrganizationClick:t,onPersonalWorkspaceClick:i,onOrganizationClick:o}=e;return(0,n.FD)(n.FK,{children:[(0,n.Y)(W,{onOrganizationClick:o}),(0,n.Y)(G,{onPersonalWorkspaceClick:i,onOrganizationClick:o}),(0,n.Y)(K,{onCreateOrganizationClick:t})]})},Q=o.forwardRef((e,t)=>{let{close:i,...o}=e,a=()=>i?.(!1),l=(0,r.f0)(),{__experimental_asStandalone:s}=(0,c.l)(),{openOrganizationProfile:g,openCreateOrganization:d}=(0,u.ho)(),{organization:S}=(0,u.Z5)(),{isLoaded:f,setActive:v}=(0,u.D_)(),A=(0,I.r)(),{hidePersonal:D,__unstable_manageBillingUrl:B,__unstable_manageBillingLabel:C,__unstable_manageBillingMembersLimit:_,createOrganizationMode:k,organizationProfileMode:y,afterLeaveOrganizationUrl:U,afterCreateOrganizationUrl:F,navigateCreateOrganization:L,navigateOrganizationProfile:E,afterSelectOrganizationUrl:M,afterSelectPersonalUrl:R,organizationProfileProps:W,skipInvitationScreen:G}=(0,c.l)(),{user:N}=(0,u.Jd)();if(!N)return null;let{username:K,primaryEmailAddress:Q,primaryPhoneNumber:H,...V}=N;if(!f)return null;let j=(0,n.Y)(z.K5,{elementDescriptor:w.$z.organizationSwitcherPopoverActionButton,elementId:w.$z.organizationSwitcherPopoverActionButton.setId("manageOrganization"),iconBoxElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:w.$z.organizationSwitcherPopoverActionButtonIconBox.setId("manageOrganization"),iconElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:w.$z.organizationSwitcherPopoverActionButtonIcon.setId("manageOrganization"),icon:O.A,label:(0,x.G)("organizationSwitcher.action__manageOrganization"),onClick:()=>(a(),"navigation"===y)?E():g({...W,afterLeaveOrganizationUrl:U,__unstable_manageBillingUrl:B,__unstable_manageBillingLabel:C,__unstable_manageBillingMembersLimit:_}),trailing:(0,n.Y)(Z,{}),focusRing:!0}),J=(0,n.Y)(z.K5,{icon:P.A,label:(0,h.r)(C)||"Upgrade",onClick:()=>A.navigate((0,h.r)(B)),focusRing:!0});return(0,n.Y)(b.M,{elementDescriptor:w.$z.organizationSwitcherPopoverRootBox,children:(0,n.FD)($.Y.Root,{elementDescriptor:w.$z.organizationSwitcherPopoverCard,ref:t,role:"dialog","aria-label":`${S?.name} is active`,shouldEntryAnimate:!s,...o,children:[(0,n.Y)($.Y.Content,{elementDescriptor:w.$z.organizationSwitcherPopoverMain,children:(0,n.FD)(z.En,{elementDescriptor:w.$z.organizationSwitcherPopoverActions,role:"menu",children:[S?B?(0,n.FD)(n.FK,{children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherActiveOrganization",organization:S,user:N,mainIdentifierVariant:"buttonLarge",sx:e=>({padding:`${e.space.$4} ${e.space.$5}`})}),(0,n.Y)(z.En,{role:"menu",sx:e=>({borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,n.FD)(Y.so,{justify:"between",sx:e=>({marginLeft:e.space.$12,padding:`0 ${e.space.$5} ${e.space.$4}`,gap:e.space.$2}),children:[j,J]})})]}):(0,n.FD)(Y.so,{justify:"between",align:"center",sx:e=>({width:"100%",paddingRight:e.space.$5}),children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherActiveOrganization",organization:S,user:N,mainIdentifierVariant:"buttonLarge",sx:e=>({padding:`${e.space.$4} ${e.space.$5}`})}),(0,n.Y)(z.En,{role:"menu",children:j})]}):!D&&(0,n.Y)(m.i,{user:V,sx:e=>({padding:`${e.space.$4} ${e.space.$5}`,width:"100%"}),title:(0,x.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(T,{onCreateOrganizationClick:()=>(a(),"navigation"===k)?L():d({afterCreateOrganizationUrl:F,skipInvitationScreen:G}),onPersonalWorkspaceClick:()=>l.runAsync(()=>v({organization:null,redirectUrl:R(N)})).then(a),onOrganizationClick:e=>l.runAsync(()=>v({organization:e,redirectUrl:M(e)})).then(a)})]})}),(0,n.Y)($.Y.Footer,{elementDescriptor:w.$z.organizationSwitcherPopoverFooter})]})})}),Z=(0,S.cb)(({sx:e})=>{let{organizationSettings:t}=(0,v.O)(),i=t?.domains?.enabled,{membershipRequests:o}=(0,u.Z5)({membershipRequests:i||void 0});return o?.count?(0,n.Y)(f.a,{notificationCount:o.count,containerSx:e}):null},{permission:"org:sys_memberships:manage"});var H=i(1778),V=i(78),j=i(7649);let J=(0,H.H)((0,o.forwardRef)((e,t)=>{let{sx:i,...o}=e,{user:r}=(0,u.Jd)(),{organization:a}=(0,u.Z5)(),{hidePersonal:l}=(0,c.l)(),{t:s}=(0,V._)();if(!r)return null;let{username:g,primaryEmailAddress:d,primaryPhoneNumber:h,...z}=r;return(0,n.FD)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherTrigger,elementId:w.$z.organizationSwitcherTrigger.setId(a?"organization":"personal"),variant:"ghost",colorScheme:"neutral",hoverAsFocus:!0,focusRing:!1,sx:[e=>({padding:`${e.space.$1} ${e.space.$2}`,position:"relative"}),i],ref:t,"aria-label":`${s(e.isOpen?(0,x.G)("organizationSwitcher.action__closeOrganizationSwitcher"):(0,x.G)("organizationSwitcher.action__openOrganizationSwitcher"))}`,"aria-expanded":e.isOpen,"aria-haspopup":"dialog",...o,children:[a&&(0,n.Y)(p.Q,{elementId:"organizationSwitcherTrigger",gap:3,size:"xs",organization:a,sx:{maxWidth:"30ch"}}),!a&&(0,n.Y)(m.i,{size:"xs",gap:3,user:z,showAvatar:!l,sx:e=>({color:e.colors.$colorMutedForeground}),title:l?(0,x.G)("organizationSwitcher.notSelected"):(0,x.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(q,{}),(0,n.Y)(Y.In,{elementDescriptor:w.$z.organizationSwitcherTriggerIcon,icon:j.A,sx:e=>({marginLeft:`${e.space.$2}`})})]})})),q=()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(y.mu),{organizationSettings:i}=(0,v.O)(),o=(0,S.Fd)({permission:"org:sys_memberships:manage"}),r=i?.domains?.enabled,{membershipRequests:a}=(0,u.Z5)({membershipRequests:r&&o||void 0}),c=(e.count||0)+(t.count||0)+(a?.count||0);return c?(0,n.Y)(f.a,{containerSx:e=>({position:"absolute",top:`calc(${e.space.$2} * -1)`,right:`calc(${e.space.$2} * -1)`}),notificationCount:c}):null},X=(0,r.P4)(({children:e})=>{let{defaultOpen:t}=(0,c.l)(),{floating:i,reference:r,styles:l,toggle:s,isOpen:g,nodeId:u,context:h}=(0,d.f)({defaultOpen:t,placement:"bottom-start",offset:8}),z=(0,o.useId)();return(0,n.FD)(n.FK,{children:[(0,n.Y)(J,{ref:r,onClick:s,isOpen:g,"aria-controls":g?z:void 0,"aria-expanded":g}),(0,n.Y)(a.A,{nodeId:u,context:h,isOpen:g,children:(0,o.cloneElement)(e,{id:z,close:s,ref:i,style:l})})]})}),ee=(0,s.G)((0,r.dm)(()=>{let{__experimental_asStandalone:e}=(0,c.l)();return(0,n.Y)(g.n.Root,{flow:"organizationSwitcher",sx:{display:"inline-flex"},children:(0,n.Y)(l.h,{children:e?(0,n.Y)(Q,{close:"function"==typeof e?e:void 0}):(0,n.Y)(X,{children:(0,n.Y)(Q,{})})})})}))},3689:function(e,t,i){i.d(t,{l_:()=>o,mu:()=>n});let n={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},o=(e,t,i)=>{if(void 0===t)return[{data:[e],total_count:1}];let n=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let o=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:o,total_count:"negative"===i?n-1:n}})}},2826:function(e,t,i){i.d(t,{U:()=>c,l:()=>l});var n=i(5074),o=i(7697),r=i(4964),a=i(2117);let c=(0,n.createContext)(null),l=()=>{let e=(0,n.useContext)(c),{navigate:t}=(0,r.r)(),{displayConfig:i,organizationSettings:l}=(0,o.O)();if(!e||"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:s,...g}=e,d=g.afterCreateOrganizationUrl||i.afterCreateOrganizationUrl,u=g.afterLeaveOrganizationUrl||i.afterLeaveOrganizationUrl,h=({organization:e,user:i})=>{let n=z({organization:e,user:i});return n?t(n):Promise.resolve()},z=({organization:e,user:t})=>"function"==typeof g.afterSelectPersonalUrl&&t?g.afterSelectPersonalUrl(t):"function"==typeof g.afterSelectOrganizationUrl&&e?g.afterSelectOrganizationUrl(e):g.afterSelectPersonalUrl&&t?(0,a.tR)({urlWithParam:g.afterSelectPersonalUrl,entity:t}):g.afterSelectOrganizationUrl&&e?(0,a.tR)({urlWithParam:g.afterSelectOrganizationUrl,entity:e}):void 0,p=g.organizationProfileUrl&&!g.organizationProfileMode?"navigation":g.organizationProfileMode,m=g.createOrganizationUrl&&!g.createOrganizationMode?"navigation":g.createOrganizationMode;return{...g,hidePersonal:l.forceOrganizationSelection||g.hidePersonal||!1,organizationProfileMode:p||"modal",createOrganizationMode:m||"modal",skipInvitationScreen:g.skipInvitationScreen||!1,afterCreateOrganizationUrl:d,afterLeaveOrganizationUrl:u,navigateOrganizationProfile:()=>t(g.organizationProfileUrl||i.organizationProfileUrl),navigateCreateOrganization:()=>t(g.createOrganizationUrl||i.createOrganizationUrl),navigateAfterSelectOrganization:e=>h({organization:e}),navigateAfterSelectPersonal:e=>h({user:e}),afterSelectOrganizationUrl:e=>z({organization:e}),afterSelectPersonalUrl:e=>z({user:e}),componentName:s}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["364"],{7498:function(e,t,i){i.r(t),i.d(t,{OrganizationSwitcher:()=>ee});var n=i(4518),o=i(5074),r=i(3269),a=i(4373),c=i(2826),l=i(2467),s=i(3264),g=i(4607),d=i(1577),u=i(8909),h=i(4498),z=i(2531),p=i(9001),m=i(781),$=i(9972),S=i(7477),f=i(1703),v=i(7697),w=i(8920),x=i(2861),Y=i(8272),b=i(1005),O=i(8813),P=i(8524),I=i(4964),A=i(750),D=i(4468),B=i(2157),C=i(2364),_=i(9366),k=i(1464),y=i(3689);let U=e=>{let t=(0,r.f0)(),{userSuggestions:i}=(0,u.D_)({userSuggestions:y.mu.userSuggestions});return"accepted"===e.status?(0,n.Y)(Y.EY,{colorScheme:"secondary",localizationKey:(0,x.G)("organizationSwitcher.suggestionsAcceptedLabel")}):(0,n.Y)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"sm",isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,y.l_)(e,t))).catch(e=>(0,D.H4)(e,[],t.setError)),localizationKey:(0,x.G)("organizationSwitcher.action__suggestionsAccept")})},F=e=>{let t=(0,r.f0)();return(0,n.Y)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"xs",isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,x.G)("organizationSwitcher.action__invitationAccept")})},L=e=>{let{children:t,publicOrganizationData:i}=e;return(0,n.FD)(Y.so,{align:"center",gap:2,sx:e=>({justifyContent:"space-between",padding:`${e.space.$4} ${e.space.$5}`}),elementDescriptor:w.$z.organizationSwitcherPopoverInvitationActionsBox,children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:i,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})}),t]})},E=(0,r.dm)(e=>{let{invitation:t,onOrganizationClick:i}=e,{accept:o,publicOrganizationData:a,status:c}=t,s=(0,r.f0)(),{getOrganization:g}=(0,u.ho)(),{organization:d}=(0,u.Z5)(),{userInvitations:h}=(0,u.D_)({userInvitations:y.mu.userInvitations,userMemberships:y.mu.userMemberships}),{acceptedInvitations:z,setAcceptedInvitations:m}=(0,l.b)(),$=z.find(e=>e.invitation.id===t.id)?.organization;return"accepted"===c?t.publicOrganizationData.id===d?.id||$?.id&&d?.id===$.id?null:(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,icon:_.A,onClick:$?()=>i($):void 0,role:"menuitem",children:(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:a,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})})}):(0,n.Y)(L,{publicOrganizationData:a,children:(0,n.Y)(F,{onAccept:()=>s.runAsync(async()=>[await o(),await g(a.id)]).then(([e,t])=>{h?.setData?.(t=>(0,y.l_)(e,t,"negative")),m(i=>[...i,{organization:t,invitation:e}])}).catch(e=>(0,D.H4)(e,[],s.setError))})})}),M=e=>{let{showBorder:t,...i}=e;return(0,n.Y)(z.En,{role:"menu",...i})},R=(0,r.dm)(e=>(0,n.Y)(L,{publicOrganizationData:e.publicOrganizationData,children:(0,n.Y)(U,{...e})})),W=e=>{let{onOrganizationClick:t}=e,{ref:i,userSuggestions:o,userInvitations:r}=(()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(y.mu),{ref:i}=(0,C.W)({threshold:0,onChange:i=>{i&&(e.hasNextPage?e.fetchNext?.():t.fetchNext?.())}});return{userInvitations:e,userSuggestions:t,ref:i}})(),a=r.isLoading||o.isLoading,c=r.hasNextPage||o.hasNextPage,l=r.data?.filter(e=>!!e)||[],s=o.data?.filter(e=>!!e)||[],g=l.length>0||s.length>0;return g||a?(0,n.Y)(M,{showBorder:g||a,elementDescriptor:w.$z.organizationSwitcherPopoverInvitationActions,children:(0,n.FD)(Y.az,{sx:e=>({maxHeight:`calc(4 * ${e.sizes.$17} + 4px)`,overflowY:"auto",...k.s.unstyledScrollbar(e)}),children:[l?.map(e=>(0,n.Y)(E,{invitation:e,onOrganizationClick:t},e.id)),!r.hasNextPage&&s?.map(e=>(0,n.Y)(R,{...e},e.id)),(c||a)&&(0,n.Y)(B.U,{ref:i})]})}):null},G=e=>{let{onPersonalWorkspaceClick:t,onOrganizationClick:i}=e,{hidePersonal:o}=(0,c.l)(),{organization:r}=(0,u.Z5)(),{ref:a,userMemberships:l}=(()=>{let{userMemberships:e}=(0,u.D_)({userMemberships:y.mu.userMemberships}),{ref:t}=(0,C.W)({threshold:0,onChange:t=>{t&&e.hasNextPage&&e.fetchNext?.()}});return{userMemberships:e,ref:t}})(),{user:s}=(0,u.Jd)(),g=((l.count||0)>0&&l.data||[]).map(e=>e.organization).filter(e=>e.id!==r?.id);if(!s)return null;let{username:d,primaryEmailAddress:h,primaryPhoneNumber:z,...$}=s,{isLoading:S,hasNextPage:f}=l;return(0,n.FD)(Y.az,{sx:e=>({maxHeight:`calc((4 * ${e.sizes.$17}) + 4px)`,overflowY:"auto","> button,div":{border:`0 solid ${e.colors.$borderAlpha100}`},">:not([hidden])~:not([hidden])":{borderTopWidth:"1px",borderBottomWidth:"0"},...k.s.unstyledScrollbar(e)}),role:"group","aria-label":o?"List of all organization memberships":"List of all accounts",children:[r&&!o&&(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,elementId:w.$z.organizationSwitcherPreviewButton.setId("personal"),icon:_.A,onClick:t,role:"menuitem",children:(0,n.Y)(m.i,{user:$,mainIdentifierVariant:"buttonLarge",title:(0,x.G)("organizationSwitcher.personalWorkspace")})}),g.map(e=>(0,n.Y)(A.P,{elementDescriptor:w.$z.organizationSwitcherPreviewButton,elementId:w.$z.organizationSwitcherPreviewButton.setId("organization"),icon:_.A,onClick:()=>i(e),role:"menuitem",sx:e=>({border:`0 solid ${e.colors.$borderAlpha100}`}),children:(0,n.Y)(p.Q,{elementId:"organizationSwitcherListedOrganization",organization:e})},e.id)),(f||S)&&(0,n.Y)(B.U,{ref:a})]})};var N=i(2223);let K=({onCreateOrganizationClick:e})=>(0,n.Y)(N._,{elementDescriptor:w.$z.organizationSwitcherPopoverActionButton,elementId:w.$z.organizationSwitcherPopoverActionButton.setId("createOrganization"),iconBoxElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:w.$z.organizationSwitcherPopoverActionButtonIconBox.setId("createOrganization"),iconElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:w.$z.organizationSwitcherPopoverActionButtonIcon.setId("createOrganization"),label:(0,x.G)("organizationSwitcher.action__createOrganization"),onClick:e,sx:e=>({padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6}),iconBoxSx:e=>({width:e.sizes.$9,height:e.sizes.$6}),spinnerSize:"sm"}),T=e=>{let{onCreateOrganizationClick:t,onPersonalWorkspaceClick:i,onOrganizationClick:o}=e;return(0,n.FD)(n.FK,{children:[(0,n.Y)(W,{onOrganizationClick:o}),(0,n.Y)(G,{onPersonalWorkspaceClick:i,onOrganizationClick:o}),(0,n.Y)(K,{onCreateOrganizationClick:t})]})},Q=o.forwardRef((e,t)=>{let{close:i,...o}=e,a=()=>i?.(!1),l=(0,r.f0)(),{__experimental_asStandalone:s}=(0,c.l)(),{openOrganizationProfile:g,openCreateOrganization:d}=(0,u.ho)(),{organization:S}=(0,u.Z5)(),{isLoaded:f,setActive:v}=(0,u.D_)(),A=(0,I.r)(),{hidePersonal:D,__unstable_manageBillingUrl:B,__unstable_manageBillingLabel:C,__unstable_manageBillingMembersLimit:_,createOrganizationMode:k,organizationProfileMode:y,afterLeaveOrganizationUrl:U,afterCreateOrganizationUrl:F,navigateCreateOrganization:L,navigateOrganizationProfile:E,afterSelectOrganizationUrl:M,afterSelectPersonalUrl:R,organizationProfileProps:W,skipInvitationScreen:G}=(0,c.l)(),{user:N}=(0,u.Jd)();if(!N)return null;let{username:K,primaryEmailAddress:Q,primaryPhoneNumber:H,...V}=N;if(!f)return null;let j=(0,n.Y)(z.K5,{elementDescriptor:w.$z.organizationSwitcherPopoverActionButton,elementId:w.$z.organizationSwitcherPopoverActionButton.setId("manageOrganization"),iconBoxElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:w.$z.organizationSwitcherPopoverActionButtonIconBox.setId("manageOrganization"),iconElementDescriptor:w.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:w.$z.organizationSwitcherPopoverActionButtonIcon.setId("manageOrganization"),icon:O.A,label:(0,x.G)("organizationSwitcher.action__manageOrganization"),onClick:()=>(a(),"navigation"===y)?E():g({...W,afterLeaveOrganizationUrl:U,__unstable_manageBillingUrl:B,__unstable_manageBillingLabel:C,__unstable_manageBillingMembersLimit:_}),trailing:(0,n.Y)(Z,{}),focusRing:!0}),J=(0,n.Y)(z.K5,{icon:P.A,label:(0,h.r)(C)||"Upgrade",onClick:()=>A.navigate((0,h.r)(B)),focusRing:!0});return(0,n.Y)(b.M,{elementDescriptor:w.$z.organizationSwitcherPopoverRootBox,children:(0,n.FD)($.Y.Root,{elementDescriptor:w.$z.organizationSwitcherPopoverCard,ref:t,role:"dialog","aria-label":`${S?.name} is active`,shouldEntryAnimate:!s,...o,children:[(0,n.Y)($.Y.Content,{elementDescriptor:w.$z.organizationSwitcherPopoverMain,children:(0,n.FD)(z.En,{elementDescriptor:w.$z.organizationSwitcherPopoverActions,role:"menu",children:[S?B?(0,n.FD)(n.FK,{children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherActiveOrganization",organization:S,user:N,mainIdentifierVariant:"buttonLarge",sx:e=>({padding:`${e.space.$4} ${e.space.$5}`})}),(0,n.Y)(z.En,{role:"menu",sx:e=>({borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100}),children:(0,n.FD)(Y.so,{justify:"between",sx:e=>({marginLeft:e.space.$12,padding:`0 ${e.space.$5} ${e.space.$4}`,gap:e.space.$2}),children:[j,J]})})]}):(0,n.FD)(Y.so,{justify:"between",align:"center",sx:e=>({width:"100%",paddingRight:e.space.$5}),children:[(0,n.Y)(p.Q,{elementId:"organizationSwitcherActiveOrganization",organization:S,user:N,mainIdentifierVariant:"buttonLarge",sx:e=>({padding:`${e.space.$4} ${e.space.$5}`})}),(0,n.Y)(z.En,{role:"menu",children:j})]}):!D&&(0,n.Y)(m.i,{user:V,sx:e=>({padding:`${e.space.$4} ${e.space.$5}`,width:"100%"}),title:(0,x.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(T,{onCreateOrganizationClick:()=>(a(),"navigation"===k)?L():d({afterCreateOrganizationUrl:F,skipInvitationScreen:G}),onPersonalWorkspaceClick:()=>l.runAsync(()=>v({organization:null,redirectUrl:R(N)})).then(a),onOrganizationClick:e=>l.runAsync(()=>v({organization:e,redirectUrl:M(e)})).then(a)})]})}),(0,n.Y)($.Y.Footer,{elementDescriptor:w.$z.organizationSwitcherPopoverFooter})]})})}),Z=(0,S.cb)(({sx:e})=>{let{organizationSettings:t}=(0,v.O)(),i=t?.domains?.enabled,{membershipRequests:o}=(0,u.Z5)({membershipRequests:i||void 0});return o?.count?(0,n.Y)(f.a,{notificationCount:o.count,containerSx:e}):null},{permission:"org:sys_memberships:manage"});var H=i(1778),V=i(78),j=i(7649);let J=(0,H.H)((0,o.forwardRef)((e,t)=>{let{sx:i,...o}=e,{user:r}=(0,u.Jd)(),{organization:a}=(0,u.Z5)(),{hidePersonal:l}=(0,c.l)(),{t:s}=(0,V._)();if(!r)return null;let{username:g,primaryEmailAddress:d,primaryPhoneNumber:h,...z}=r;return(0,n.FD)(Y.$n,{elementDescriptor:w.$z.organizationSwitcherTrigger,elementId:w.$z.organizationSwitcherTrigger.setId(a?"organization":"personal"),variant:"ghost",colorScheme:"neutral",hoverAsFocus:!0,focusRing:!1,sx:[e=>({padding:`${e.space.$1} ${e.space.$2}`,position:"relative"}),i],ref:t,"aria-label":`${s(e.isOpen?(0,x.G)("organizationSwitcher.action__closeOrganizationSwitcher"):(0,x.G)("organizationSwitcher.action__openOrganizationSwitcher"))}`,"aria-expanded":e.isOpen,"aria-haspopup":"dialog",...o,children:[a&&(0,n.Y)(p.Q,{elementId:"organizationSwitcherTrigger",gap:3,size:"xs",organization:a,sx:{maxWidth:"30ch"}}),!a&&(0,n.Y)(m.i,{size:"xs",gap:3,user:z,showAvatar:!l,sx:e=>({color:e.colors.$colorMutedForeground}),title:l?(0,x.G)("organizationSwitcher.notSelected"):(0,x.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(q,{}),(0,n.Y)(Y.In,{elementDescriptor:w.$z.organizationSwitcherTriggerIcon,icon:j.A,sx:e=>({marginLeft:`${e.space.$2}`})})]})})),q=()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(y.mu),{organizationSettings:i}=(0,v.O)(),o=(0,S.Fd)({permission:"org:sys_memberships:manage"}),r=i?.domains?.enabled,{membershipRequests:a}=(0,u.Z5)({membershipRequests:r&&o||void 0}),c=(e.count||0)+(t.count||0)+(a?.count||0);return c?(0,n.Y)(f.a,{containerSx:e=>({position:"absolute",top:`calc(${e.space.$2} * -1)`,right:`calc(${e.space.$2} * -1)`}),notificationCount:c}):null},X=(0,r.P4)(({children:e})=>{let{defaultOpen:t}=(0,c.l)(),{floating:i,reference:r,styles:l,toggle:s,isOpen:g,nodeId:u,context:h}=(0,d.f)({defaultOpen:t,placement:"bottom-start",offset:8}),z=(0,o.useId)();return(0,n.FD)(n.FK,{children:[(0,n.Y)(J,{ref:r,onClick:s,isOpen:g,"aria-controls":g?z:void 0,"aria-expanded":g}),(0,n.Y)(a.A,{nodeId:u,context:h,isOpen:g,children:(0,o.cloneElement)(e,{id:z,close:s,ref:i,style:l})})]})}),ee=(0,s.G)((0,r.dm)(()=>{let{__experimental_asStandalone:e}=(0,c.l)();return(0,n.Y)(g.n.Root,{flow:"organizationSwitcher",sx:{display:"inline-flex"},children:(0,n.Y)(l.h,{children:e?(0,n.Y)(Q,{close:"function"==typeof e?e:void 0}):(0,n.Y)(X,{children:(0,n.Y)(Q,{})})})})}))},3689:function(e,t,i){i.d(t,{l_:()=>o,mu:()=>n});let n={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},o=(e,t,i)=>{if(void 0===t)return[{data:[e],total_count:1}];let n=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let o=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:o,total_count:"negative"===i?n-1:n}})}},2826:function(e,t,i){i.d(t,{U:()=>c,l:()=>l});var n=i(5074),o=i(7697),r=i(4964),a=i(2117);let c=(0,n.createContext)(null),l=()=>{let e=(0,n.useContext)(c),{navigate:t}=(0,r.r)(),{displayConfig:i,organizationSettings:l}=(0,o.O)();if(!e||"OrganizationSwitcher"!==e.componentName)throw Error("Clerk: useOrganizationSwitcherContext called outside OrganizationSwitcher.");let{componentName:s,...g}=e,d=g.afterCreateOrganizationUrl||i.afterCreateOrganizationUrl,u=g.afterLeaveOrganizationUrl||i.afterLeaveOrganizationUrl,h=({organization:e,user:i})=>{let n=z({organization:e,user:i});return n?t(n):Promise.resolve()},z=({organization:e,user:t})=>"function"==typeof g.afterSelectPersonalUrl&&t?g.afterSelectPersonalUrl(t):"function"==typeof g.afterSelectOrganizationUrl&&e?g.afterSelectOrganizationUrl(e):g.afterSelectPersonalUrl&&t?(0,a.tR)({urlWithParam:g.afterSelectPersonalUrl,entity:t}):g.afterSelectOrganizationUrl&&e?(0,a.tR)({urlWithParam:g.afterSelectOrganizationUrl,entity:e}):void 0,p=g.organizationProfileUrl&&!g.organizationProfileMode?"navigation":g.organizationProfileMode,m=g.createOrganizationUrl&&!g.createOrganizationMode?"navigation":g.createOrganizationMode;return{...g,hidePersonal:l.forceOrganizationSelection||g.hidePersonal||!1,organizationProfileMode:p||"modal",createOrganizationMode:m||"modal",skipInvitationScreen:g.skipInvitationScreen||!1,afterCreateOrganizationUrl:d,afterLeaveOrganizationUrl:u,navigateOrganizationProfile:()=>t(g.organizationProfileUrl||i.organizationProfileUrl),navigateCreateOrganization:()=>t(g.createOrganizationUrl||i.createOrganizationUrl),navigateAfterSelectOrganization:e=>h({organization:e}),navigateAfterSelectPersonal:e=>h({user:e}),afterSelectOrganizationUrl:e=>z({organization:e}),afterSelectPersonalUrl:e=>z({user:e}),componentName:s}}}}]);