@clerk/ui 1.0.0-snapshot.v20251218183643 → 1.0.0-snapshot.v20260105214115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clerk/ui",
-  "version": "1.0.0-snapshot.v20251218183643",
+  "version": "1.0.0-snapshot.v20260105214115",
   "description": "Internal package that contains the UI components for the Clerk frontend SDKs",
   "repository": {
     "type": "git",
@@ -54,16 +54,18 @@
     "@solana/wallet-adapter-base": "0.9.27",
     "@solana/wallet-adapter-react": "0.15.39",
     "@solana/wallet-standard": "1.1.4",
+    "@swc/helpers": "0.5.17",
     "copy-to-clipboard": "3.3.3",
+    "core-js": "3.47.0",
     "csstype": "3.1.3",
     "dequal": "2.0.3",
     "input-otp": "1.4.2",
     "qrcode.react": "4.2.0",
-    "react": "^18.0.0 || ^19.0.3 || ^19.1.4 || ^19.2.3 || ^19.3.0-0",
-    "react-dom": "^18.0.0 || ^19.0.3 || ^19.1.4 || ^19.2.3 || ^19.3.0-0",
+    "react": "^18.0.0 || ~19.0.3 || ~19.1.4 || ~19.2.3 || ~19.3.0-0",
+    "react-dom": "^18.0.0 || ~19.0.3 || ~19.1.4 || ~19.2.3 || ~19.3.0-0",
     "swr": "2.3.4",
-    "@clerk/localizations": "4.0.0-snapshot.v20251218183643",
-    "@clerk/shared": "4.0.0-snapshot.v20251218183643"
+    "@clerk/localizations": "4.0.0-snapshot.v20260105214115",
+    "@clerk/shared": "4.0.0-snapshot.v20260105214115"
   },
   "devDependencies": {
     "@floating-ui/react-dom": "^2.1.6",
@@ -85,6 +87,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "browserslistLegacy": "Chrome > 73, Firefox > 66, Safari > 12, iOS > 12, Edge > 18, Opera > 58",
   "scripts": {
     "build": "pnpm build:umd && pnpm build:esm",
     "build:analyze": "rspack build --config rspack.config.js --env production --analyze",

package/dist/organizationlist_ui_b31bc8_1.0.0-snapshot.v20251218183643.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["799"],{9302:function(e,t,i){i.d(t,{A:()=>x});var a=i(4518),n=i(1210),r=i(5074),o=i(7697),l=i(3269),s=i(2454),c=i(1475),d=i(3549),g=i(6153),u=i(155),h=i(6370),z=i(5485),p=i(4468),f=i(8640),m=i(6245),Y=i(8272),$=i(7068),b=i(2861),_=i(3934),v=i(3100),C=i(5377),S=i(3689);let x=(0,l.dm)(e=>{let t=(0,l.f0)(),i=(0,m.X)({onNextStep:()=>t.setError(void 0)}),x=r.useRef(null),{createOrganization:P,isLoaded:L,setActive:y,userMemberships:D}=(0,n.D_)({userMemberships:S.mu.userMemberships}),{organization:O}=(0,n.Z5)(),{organizationSettings:w}=(0,o.O)(),[A,k]=r.useState(),F=(0,f.tJ)("name","",{type:"text",label:(0,b.G)("formFieldLabel__organizationName"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationName")}),I=(0,f.tJ)("slug","",{type:"text",label:(0,b.G)("formFieldLabel__organizationSlug"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationSlug")}),G=!!F.value,R=!w.slug.disabled,T=async a=>{if((a.preventDefault(),G)&&L)try{let t={name:F.value};R&&(t.slug=I.value);let a=await P(t);if(A&&await a.setLogo({file:A}),x.current=a,await y({organization:a}),D.revalidate?.(),e.skipInvitationScreen??1===a.maxAllowedMemberships)return U();i.nextStep()}catch(e){(0,p.H4)(e,[F,I],t.setError)}},U=()=>{e.navigateAfterCreateOrganization?.(x.current),e.onComplete?.()},E=e=>{I.setValue(e)},K="organizationList"===e.flow?"subtitle":void 0;return(0,a.FD)(m.s,{...i.props,children:[(0,a.Y)(d.M,{headerTitle:e?.startPage?.headerTitle,headerSubtitle:e?.startPage?.headerSubtitle,headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,gap:e.space.$6,textAlign:"left"}),children:(0,a.FD)(s.l.Root,{onSubmit:T,sx:e=>({gap:e.space.$6}),children:[(0,a.Y)(Y.fv,{children:(0,a.Y)(C.i,{organization:{name:F.value},onAvatarChange:async e=>await k(e),onAvatarRemove:A?()=>(t.setIdle(),k(null)):null,avatarPreviewPlaceholder:(0,a.Y)(u.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,a.Y)(Y.In,{size:"md",icon:$.A,sx:e=>({color:e.colors.$colorMutedForeground,transitionDuration:e.transitionDuration.$controls})}),sx:e=>({width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$dashed,borderColor:e.colors.$borderAlpha200,backgroundColor:e.colors.$neutralAlpha50,":hover":{backgroundColor:e.colors.$neutralAlpha50,svg:{transform:"scale(1.2)"}}})})})}),(0,a.Y)(s.l.ControlRow,{elementId:F.id,children:(0,a.Y)(s.l.PlainInput,{...F.props,onChange:e=>{F.setValue(e.target.value),E((0,z.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),R&&(0,a.Y)(s.l.ControlRow,{elementId:I.id,children:(0,a.Y)(s.l.PlainInput,{...I.props,onChange:e=>{E(e.target.value)},isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,a.FD)(c.c,{sx:e=>({marginTop:e.space.$none}),children:[(0,a.Y)(s.l.SubmitButton,{block:!1,isDisabled:!G,localizationKey:(0,b.G)("createOrganization.formButtonSubmit")}),e.onCancel&&(0,a.Y)(s.l.ResetButton,{localizationKey:(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:e.onCancel})]})]})}),(0,a.Y)(d.M,{headerTitle:(0,b.G)("organizationProfile.invitePage.title"),headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,textAlign:"left"}),children:O&&(0,a.Y)(_.B,{resetButtonLabel:(0,b.G)("createOrganization.invitePage.formButtonReset"),onSuccess:i.nextStep,onReset:U})}),(0,a.FD)(Y.fv,{children:[(0,a.Y)(g.Y.Root,{children:(0,a.Y)(g.Y.Title,{localizationKey:(0,b.G)("organizationProfile.invitePage.title"),sx:{textAlign:"left"}})}),(0,a.Y)(h.B,{contents:(0,a.Y)(v.k,{}),sx:e=>({minHeight:e.sizes.$60}),onFinish:U})]})]})})},4013:function(e,t,i){i.r(t),i.d(t,{OrganizationList:()=>V});var a=i(4518),n=i(3264),r=i(4607),o=i(7831),l=i(2265),s=i(5074),c=i(2223),d=i(72),g=i(2531),u=i(6088),h=i(3269),z=i(6153),p=i(2227),f=i(9953),m=i(7697),Y=i(8920),$=i(2861),b=i(8272),_=i(9302);let v=e=>(0,a.Y)(d.os,{elementDescriptor:Y.$z.organizationListPreviewItems,...e}),C=e=>(0,a.Y)(d.zJ,{elementId:"organizationList",elementDescriptor:Y.$z.organizationListPreviewItem,...e}),S=e=>(0,a.Y)(d.D3,{elementDescriptor:Y.$z.organizationListPreviewItemActionButton,...e}),x=e=>(0,a.Y)(d.SH,{elementDescriptor:Y.$z.organizationListPreviewButton,...e});var P=i(1210),L=i(4468),y=i(3689),D=i(3610),O=i(78),w=i(9001),A=i(781);let k=e=>{let{user:t}=(0,P.Jd)(),i=(0,h.f0)(),{navigateAfterSelectOrganization:n}=(0,f.e)(),{t:r}=(0,O._)(),{isLoaded:o,setActive:l}=(0,P.D_)();return o?(0,a.Y)(x,{onClick:()=>{let a;return a=e.organization,i.runAsync(async()=>{try{await l({organization:a}),await n(a)}catch(e){if(!(0,D.$R)(e))return void(0,L.H4)(e,[],i.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":t?.createOrganizationEnabled?i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized"))):i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,L.H4)(e,[],i.setError)}}})},children:(0,a.Y)(w.Q,{elementId:"organizationList",mainIdentifierSx:d.Vc,organization:e.organization})}):null},F=(0,h.dm)(()=>{let e=(0,h.f0)(),{hidePersonal:t,navigateAfterSelectPersonal:i}=(0,f.e)(),{isLoaded:n,setActive:r}=(0,P.D_)(),{user:o}=(0,P.Jd)();if(!o)return null;let{username:l,primaryEmailAddress:s,primaryPhoneNumber:c,...g}=o;return t?null:(0,a.Y)(x,{onClick:()=>{if(n)return e.runAsync(async()=>{await r({organization:null}),await i(o)})},children:(0,a.Y)(A.i,{user:g,mainIdentifierSx:d.Vc,title:(0,$.G)("organizationSwitcher.personalWorkspace")})})}),I={infinite:!0},G={infinite:!0},R={infinite:!0,status:["pending","accepted"]},T=e=>{let t=(0,h.f0)();return(0,a.Y)(S,{isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,$.G)("organizationList.action__invitationAccept")})},U=(0,h.dm)(e=>{let t=(0,h.f0)(),{getOrganization:i}=(0,P.ho)(),[n,r]=(0,s.useState)(null),{userInvitations:o}=(0,P.D_)({userInvitations:G,userMemberships:I});return n?(0,a.Y)(k,{organization:n}):(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(T,{onAccept:()=>t.runAsync(async()=>[await e.accept(),await i(e.publicOrganizationData.id)]).then(([e,t])=>{o?.setData?.(t=>(0,y.l_)(e,t,"negative")),r(t)}).catch(e=>(0,L.H4)(e,[],t.setError))})})}),E=e=>{let t=(0,h.f0)(),{userSuggestions:i}=(0,P.D_)({userSuggestions:R});return"accepted"===e.status?(0,a.Y)(b.EY,{colorScheme:"secondary",localizationKey:(0,$.G)("organizationList.suggestionsAcceptedLabel")}):(0,a.Y)(S,{isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,y.l_)(e,t))).catch(e=>(0,L.H4)(e,[],t.setError)),localizationKey:(0,$.G)("organizationList.action__suggestionsAccept")})},K=(0,h.dm)(e=>(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(E,{...e})})),N=({onCreateOrganizationClick:e})=>(0,a.Y)(c._,{elementDescriptor:Y.$z.organizationListCreateOrganizationActionButton,label:(0,$.G)("organizationList.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})}),B=(0,h.dm)(()=>{let{userMemberships:e,userSuggestions:t,userInvitations:i}=(0,p.f)(),n=e?.isLoading||i?.isLoading||t?.isLoading,r=!!(e?.count||i?.count||t?.count),{hidePersonal:o}=(0,f.e)();return(0,a.FD)(u.Z.Root,{children:[(0,a.FD)(u.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`}),children:[n&&(0,a.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$60}),children:(0,a.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})}),!n&&(0,a.Y)(H,{showListInitially:!(o&&!r)})]}),(0,a.Y)(u.Z.Footer,{})]})}),H=({showListInitially:e})=>{let t=(0,h.f0)(),{navigateAfterCreateOrganization:i,skipInvitationScreen:n}=(0,f.e)(),[r,o]=(0,s.useState)(!e);return(0,a.FD)(a.FK,{children:[!r&&(0,a.Y)(M,{onCreateOrganizationClick:()=>o(!0)}),r&&(0,a.FD)(a.FK,{children:[(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.az,{sx:e=>({padding:`${e.space.$none} ${e.space.$5} ${e.space.$5}`}),children:(0,a.Y)(_.A,{flow:"organizationList",startPage:{headerTitle:(0,$.G)("organizationList.createOrganization")},skipInvitationScreen:n,navigateAfterCreateOrganization:e=>i(e).then(()=>o(!1)),onCancel:e&&r?()=>o(!1):void 0})})]})]})},M=e=>{let t=(0,h.f0)(),i=(0,m.O)(),{ref:n,userMemberships:r,userSuggestions:o,userInvitations:l}=(0,p.f)(),{hidePersonal:s}=(0,f.e)(),c=r?.isLoading||l?.isLoading||o?.isLoading,_=r?.hasNextPage||l?.hasNextPage||o?.hasNextPage,C=l.data?.filter(e=>!!e),S=o.data?.filter(e=>!!e);return(0,a.FD)(a.FK,{children:[(0,a.FD)(z.Y.Root,{sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,a.Y)(z.Y.Title,{localizationKey:(0,$.G)(s?"organizationList.titleWithoutPersonal":"organizationList.title")}),(0,a.Y)(z.Y.Subtitle,{localizationKey:(0,$.G)("organizationList.subtitle",{applicationName:i.displayConfig.applicationName})})]}),(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.fv,{elementDescriptor:Y.$z.main,children:(0,a.Y)(v,{children:(0,a.FD)(g.En,{role:"menu",children:[(0,a.Y)(F,{}),(r.count||0)>0&&r.data?.map(e=>(0,a.Y)(k,{...e},e.id)),!r.hasNextPage&&C?.map(e=>(0,a.Y)(U,{...e},e.id)),!r.hasNextPage&&!l.hasNextPage&&S?.map(e=>(0,a.Y)(K,{...e},e.id)),(_||c)&&(0,a.Y)(d.JF,{ref:n}),(0,a.Y)(N,{onCreateOrganizationClick:()=>{t.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},W=(0,n.G)(B),V=()=>(0,a.Y)(r.n.Root,{flow:"organizationList",children:(0,a.Y)(r.n.Part,{children:(0,a.Y)(o.d,{children:(0,a.Y)(l.q,{children:(0,a.Y)(W,{})})})})})},9953:function(e,t,i){i.d(t,{e:()=>s,f:()=>l});var a=i(5074),n=i(7697),r=i(4964),o=i(2117);let l=(0,a.createContext)(null),s=()=>{let e=(0,a.useContext)(l),{navigate:t}=(0,r.r)(),{displayConfig:i,organizationSettings:s}=(0,n.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:c,...d}=e,g=d.afterCreateOrganizationUrl||i.afterCreateOrganizationUrl,u=({organization:e,user:i})=>"function"==typeof d.afterSelectPersonalUrl&&i?t(d.afterSelectPersonalUrl(i)):"function"==typeof d.afterSelectOrganizationUrl&&e?t(d.afterSelectOrganizationUrl(e)):d.afterSelectPersonalUrl&&i?t((0,o.tR)({urlWithParam:d.afterSelectPersonalUrl,entity:i})):d.afterSelectOrganizationUrl&&e?t((0,o.tR)({urlWithParam:d.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...d,afterCreateOrganizationUrl:g,skipInvitationScreen:d.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||d.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof d.afterCreateOrganizationUrl?t(d.afterCreateOrganizationUrl(e)):d.afterCreateOrganizationUrl?t((0,o.tR)({urlWithParam:d.afterCreateOrganizationUrl,entity:e})):t(i.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>u({organization:e}),navigateAfterSelectPersonal:e=>u({user:e}),componentName:c}}}}]);

package/dist/organizationswitcher_ui_b31bc8_1.0.0-snapshot.v20251218183643.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["364"],{7498:function(e,t,i){i.r(t),i.d(t,{OrganizationSwitcher:()=>j});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(1210),z=i(2531),h=i(9001),p=i(781),m=i(9972),S=i(7477),f=i(1703),$=i(7697),v=i(8920),w=i(2861),x=i(8272),O=i(1005),P=i(8813),Y=i(750),I=i(4468),b=i(2157),D=i(2364),A=i(9366),B=i(1464),_=i(3689);let C=e=>{let t=(0,r.f0)(),{userSuggestions:i}=(0,u.D_)({userSuggestions:_.mu.userSuggestions});return"accepted"===e.status?(0,n.Y)(x.EY,{colorScheme:"secondary",localizationKey:(0,w.G)("organizationSwitcher.suggestionsAcceptedLabel")}):(0,n.Y)(x.$n,{elementDescriptor:v.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"sm",isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,_.l_)(e,t))).catch(e=>(0,I.H4)(e,[],t.setError)),localizationKey:(0,w.G)("organizationSwitcher.action__suggestionsAccept")})},k=e=>{let t=(0,r.f0)();return(0,n.Y)(x.$n,{elementDescriptor:v.$z.organizationSwitcherInvitationAcceptButton,textVariant:"buttonSmall",variant:"outline",colorScheme:"neutral",size:"xs",isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,w.G)("organizationSwitcher.action__invitationAccept")})},U=e=>{let{children:t,publicOrganizationData:i}=e;return(0,n.FD)(x.so,{align:"center",gap:2,sx:e=>({justifyContent:"space-between",padding:`${e.space.$4} ${e.space.$5}`}),elementDescriptor:v.$z.organizationSwitcherPopoverInvitationActionsBox,children:[(0,n.Y)(h.Q,{elementId:"organizationSwitcherListedOrganization",organization:i,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})}),t]})},y=(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:z}=(0,u.D_)({userInvitations:_.mu.userInvitations,userMemberships:_.mu.userMemberships}),{acceptedInvitations:p,setAcceptedInvitations:m}=(0,l.b)(),S=p.find(e=>e.invitation.id===t.id)?.organization;return"accepted"===c?t.publicOrganizationData.id===d?.id||S?.id&&d?.id===S.id?null:(0,n.Y)(Y.P,{elementDescriptor:v.$z.organizationSwitcherPreviewButton,icon:A.A,onClick:S?()=>i(S):void 0,role:"menuitem",children:(0,n.Y)(h.Q,{elementId:"organizationSwitcherListedOrganization",organization:a,sx:e=>({color:e.colors.$colorMutedForeground,":hover":{color:e.colors.$colorMutedForeground}})})}):(0,n.Y)(U,{publicOrganizationData:a,children:(0,n.Y)(k,{onAccept:()=>s.runAsync(async()=>[await o(),await g(a.id)]).then(([e,t])=>{z?.setData?.(t=>(0,_.l_)(e,t,"negative")),m(i=>[...i,{organization:t,invitation:e}])}).catch(e=>(0,I.H4)(e,[],s.setError))})})}),F=e=>{let{showBorder:t,...i}=e;return(0,n.Y)(z.En,{role:"menu",...i})},M=(0,r.dm)(e=>(0,n.Y)(U,{publicOrganizationData:e.publicOrganizationData,children:(0,n.Y)(C,{...e})})),E=e=>{let{onOrganizationClick:t}=e,{ref:i,userSuggestions:o,userInvitations:r}=(()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(_.mu),{ref:i}=(0,D.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)(F,{showBorder:g||a,elementDescriptor:v.$z.organizationSwitcherPopoverInvitationActions,children:(0,n.FD)(x.az,{sx:e=>({maxHeight:`calc(4 * ${e.sizes.$17} + 4px)`,overflowY:"auto",...B.s.unstyledScrollbar(e)}),children:[l?.map(e=>(0,n.Y)(y,{invitation:e,onOrganizationClick:t},e.id)),!r.hasNextPage&&s?.map(e=>(0,n.Y)(M,{...e},e.id)),(c||a)&&(0,n.Y)(b.U,{ref:i})]})}):null},L=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:_.mu.userMemberships}),{ref:t}=(0,D.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:z,primaryPhoneNumber:m,...S}=s,{isLoading:f,hasNextPage:$}=l;return(0,n.FD)(x.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"},...B.s.unstyledScrollbar(e)}),role:"group","aria-label":o?"List of all organization memberships":"List of all accounts",children:[r&&!o&&(0,n.Y)(Y.P,{elementDescriptor:v.$z.organizationSwitcherPreviewButton,elementId:v.$z.organizationSwitcherPreviewButton.setId("personal"),icon:A.A,onClick:t,role:"menuitem",children:(0,n.Y)(p.i,{user:S,mainIdentifierVariant:"buttonLarge",title:(0,w.G)("organizationSwitcher.personalWorkspace")})}),g.map(e=>(0,n.Y)(Y.P,{elementDescriptor:v.$z.organizationSwitcherPreviewButton,elementId:v.$z.organizationSwitcherPreviewButton.setId("organization"),icon:A.A,onClick:()=>i(e),role:"menuitem",sx:e=>({border:`0 solid ${e.colors.$borderAlpha100}`}),children:(0,n.Y)(h.Q,{elementId:"organizationSwitcherListedOrganization",organization:e})},e.id)),($||f)&&(0,n.Y)(b.U,{ref:a})]})};var G=i(2223);let R=({onCreateOrganizationClick:e})=>(0,n.Y)(G._,{elementDescriptor:v.$z.organizationSwitcherPopoverActionButton,elementId:v.$z.organizationSwitcherPopoverActionButton.setId("createOrganization"),iconBoxElementDescriptor:v.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:v.$z.organizationSwitcherPopoverActionButtonIconBox.setId("createOrganization"),iconElementDescriptor:v.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:v.$z.organizationSwitcherPopoverActionButtonIcon.setId("createOrganization"),label:(0,w.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"}),W=e=>{let{onCreateOrganizationClick:t,onPersonalWorkspaceClick:i,onOrganizationClick:o}=e;return(0,n.FD)(n.FK,{children:[(0,n.Y)(E,{onOrganizationClick:o}),(0,n.Y)(L,{onPersonalWorkspaceClick:i,onOrganizationClick:o}),(0,n.Y)(R,{onCreateOrganizationClick:t})]})},N=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:$}=(0,u.D_)(),{hidePersonal:Y,createOrganizationMode:I,organizationProfileMode:b,afterLeaveOrganizationUrl:D,afterCreateOrganizationUrl:A,navigateCreateOrganization:B,navigateOrganizationProfile:_,afterSelectOrganizationUrl:C,afterSelectPersonalUrl:k,organizationProfileProps:U,skipInvitationScreen:y}=(0,c.l)(),{user:F}=(0,u.Jd)();if(!F)return null;let{username:M,primaryEmailAddress:E,primaryPhoneNumber:L,...G}=F;if(!f)return null;let R=(0,n.Y)(z.K5,{elementDescriptor:v.$z.organizationSwitcherPopoverActionButton,elementId:v.$z.organizationSwitcherPopoverActionButton.setId("manageOrganization"),iconBoxElementDescriptor:v.$z.organizationSwitcherPopoverActionButtonIconBox,iconBoxElementId:v.$z.organizationSwitcherPopoverActionButtonIconBox.setId("manageOrganization"),iconElementDescriptor:v.$z.organizationSwitcherPopoverActionButtonIcon,iconElementId:v.$z.organizationSwitcherPopoverActionButtonIcon.setId("manageOrganization"),icon:P.A,label:(0,w.G)("organizationSwitcher.action__manageOrganization"),onClick:()=>(a(),"navigation"===b)?_():g({...U,afterLeaveOrganizationUrl:D}),trailing:(0,n.Y)(T,{}),focusRing:!0});return(0,n.Y)(O.M,{elementDescriptor:v.$z.organizationSwitcherPopoverRootBox,children:(0,n.FD)(m.Y.Root,{elementDescriptor:v.$z.organizationSwitcherPopoverCard,ref:t,role:"dialog","aria-label":`${S?.name} is active`,shouldEntryAnimate:!s,...o,children:[(0,n.Y)(m.Y.Content,{elementDescriptor:v.$z.organizationSwitcherPopoverMain,children:(0,n.FD)(z.En,{elementDescriptor:v.$z.organizationSwitcherPopoverActions,role:"menu",children:[S?(0,n.FD)(x.so,{justify:"between",align:"center",sx:e=>({width:"100%",paddingRight:e.space.$5}),children:[(0,n.Y)(h.Q,{elementId:"organizationSwitcherActiveOrganization",organization:S,user:F,mainIdentifierVariant:"buttonLarge",sx:e=>({padding:`${e.space.$4} ${e.space.$5}`})}),(0,n.Y)(z.En,{role:"menu",children:R})]}):!Y&&(0,n.Y)(p.i,{user:G,sx:e=>({padding:`${e.space.$4} ${e.space.$5}`,width:"100%"}),title:(0,w.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(W,{onCreateOrganizationClick:()=>(a(),"navigation"===I)?B():d({afterCreateOrganizationUrl:A,skipInvitationScreen:y}),onPersonalWorkspaceClick:()=>l.runAsync(()=>$({organization:null,redirectUrl:k(F)})).then(a),onOrganizationClick:e=>l.runAsync(()=>$({organization:e,redirectUrl:C(e)})).then(a)})]})}),(0,n.Y)(m.Y.Footer,{elementDescriptor:v.$z.organizationSwitcherPopoverFooter})]})})}),T=(0,S.cb)(({sx:e})=>{let{organizationSettings:t}=(0,$.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 K=i(1778),Z=i(78),H=i(7649);let Q=(0,K.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,Z._)();if(!r)return null;let{username:g,primaryEmailAddress:d,primaryPhoneNumber:z,...m}=r;return(0,n.FD)(x.$n,{elementDescriptor:v.$z.organizationSwitcherTrigger,elementId:v.$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,w.G)("organizationSwitcher.action__closeOrganizationSwitcher"):(0,w.G)("organizationSwitcher.action__openOrganizationSwitcher"))}`,"aria-expanded":e.isOpen,"aria-haspopup":"dialog",...o,children:[a&&(0,n.Y)(h.Q,{elementId:"organizationSwitcherTrigger",gap:3,size:"xs",organization:a,sx:{maxWidth:"30ch"}}),!a&&(0,n.Y)(p.i,{size:"xs",gap:3,user:m,showAvatar:!l,sx:e=>({color:e.colors.$colorMutedForeground}),title:l?(0,w.G)("organizationSwitcher.notSelected"):(0,w.G)("organizationSwitcher.personalWorkspace")}),(0,n.Y)(V,{}),(0,n.Y)(x.In,{elementDescriptor:v.$z.organizationSwitcherTriggerIcon,icon:H.A,sx:e=>({marginLeft:`${e.space.$2}`})})]})})),V=()=>{let{userInvitations:e,userSuggestions:t}=(0,u.D_)(_.mu),{organizationSettings:i}=(0,$.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},J=(0,r.P4)(({children:e})=>{let{defaultOpen:t}=(0,c.l)(),{floating:i,reference:r,styles:l,toggle:s,isOpen:g,nodeId:u,context:z}=(0,d.f)({defaultOpen:t,placement:"bottom-start",offset:8}),h=(0,o.useId)();return(0,n.FD)(n.FK,{children:[(0,n.Y)(Q,{ref:r,onClick:s,isOpen:g,"aria-controls":g?h:void 0,"aria-expanded":g}),(0,n.Y)(a.A,{nodeId:u,context:z,isOpen:g,children:(0,o.cloneElement)(e,{id:h,close:s,ref:i,style:l})})]})}),j=(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)(N,{close:"function"==typeof e?e:void 0}):(0,n.Y)(J,{children:(0,n.Y)(N,{})})})})}))},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,z=({organization:e,user:i})=>{let n=h({organization:e,user:i});return n?t(n):Promise.resolve()},h=({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=>z({organization:e}),navigateAfterSelectPersonal:e=>z({user:e}),afterSelectOrganizationUrl:e=>h({organization:e}),afterSelectPersonalUrl:e=>h({user:e}),componentName:s}}}}]);