@clerk/ui 1.0.0-canary.v20260107202600 → 1.0.0-canary.v20260108154421

package/dist/taskChooseOrganization_ui_9fe9f6_1.0.0-canary.v20260108154421.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["723"],{3689:function(e,t,n){n.d(t,{l_:()=>i,mu:()=>a});let a={userMemberships:{infinite:!0},userInvitations:{infinite:!0},userSuggestions:{infinite:!0,status:["pending","accepted"]}},i=(e,t,n)=>{if(void 0===t)return[{data:[e],total_count:1}];let a=t?.[t.length-1]?.total_count||1;return t.map(t=>{if(void 0===t)return t;let i=t.data.map(t=>t.id===e.id?{...e}:t);return{...t,data:i,total_count:"negative"===n?a-1:a}})}},9024:function(e,t,n){n.r(t),n.d(t,{TaskChooseOrganization:()=>Z});var a=n(4518),i=n(1210),r=n(5074),o=n(9599),s=n(5577),l=n(4607),c=n(8272),u=n(8920),g=n(2861),d=n(6088),h=n(3269),p=n(6153),z=n(8691),m=n(2227),k=n(179),C=n(3610),f=n(2223),O=n(72),b=n(3689),_=n(1616),Y=n(78),S=n(2531),U=n(9001),$=n(4468);let w=e=>{let t=(0,h.f0)(),{ref:n,userMemberships:i,userSuggestions:r,userInvitations:o}=(0,m.f)(),s=i?.isLoading||o?.isLoading||r?.isLoading,l=i?.hasNextPage||o?.hasNextPage||r?.hasNextPage,z=o.data?.filter(e=>!!e),k=r.data?.filter(e=>!!e);return(0,a.FD)(a.FK,{children:[(0,a.FD)(p.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,a.Y)(p.Y.Title,{localizationKey:(0,g.G)("taskChooseOrganization.chooseOrganization.title")}),(0,a.Y)(p.Y.Subtitle,{localizationKey:(0,g.G)("taskChooseOrganization.chooseOrganization.subtitle")})]}),(0,a.Y)(d.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$8}`}),children:t.error}),(0,a.Y)(c.fv,{elementDescriptor:u.$z.main,children:(0,a.Y)(O.os,{elementDescriptor:u.$z.taskChooseOrganizationPreviewItems,children:(0,a.FD)(S.En,{role:"menu",children:[(i.count||0)>0&&i.data?.map(e=>(0,a.Y)(y,{...e},e.id)),!i.hasNextPage&&z?.map(e=>(0,a.Y)(x,{...e},e.id)),!i.hasNextPage&&!o.hasNextPage&&k?.map(e=>(0,a.Y)(D,{...e},e.id)),(l||s)&&(0,a.Y)(O.JF,{ref:n}),(0,a.Y)(v,{onCreateOrganizationClick:()=>{t.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},y=e=>{let{user:t}=(0,i.Jd)(),n=(0,h.f0)(),{navigateOnSetActive:r}=(0,_.z1)(),{redirectUrlComplete:o}=(0,_.u3)(),{isLoaded:s,setActive:l}=(0,i.D_)(),{t:c}=(0,Y._)();return s?(0,a.Y)(O.SH,{elementDescriptor:u.$z.taskChooseOrganizationPreviewButton,onClick:()=>{let a;return a=e.organization,n.runAsync(async()=>{try{await l({organization:a,navigate:async({session:e})=>{await r?.({session:e,redirectUrlComplete:o})}})}catch(e){if(!(0,C.$R)(e))return void(0,$.H4)(e,[],n.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":t?.createOrganizationEnabled?n.setError(c((0,g.G)("unstable__errors.organization_not_found_or_unauthorized"))):n.setError(c((0,g.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,$.H4)(e,[],n.setError)}}})},children:(0,a.Y)(U.Q,{elementId:"taskChooseOrganization",mainIdentifierSx:O.Vc,organization:e.organization})}):null},x=e=>{let t=(0,h.f0)(),{getOrganization:n}=(0,i.ho)(),[o,s]=(0,r.useState)(null),{userInvitations:l}=(0,i.D_)({userInvitations:b.mu.userInvitations});return o?(0,a.Y)(y,{organization:o}):(0,a.Y)(O.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:(0,a.Y)(O.D3,{isLoading:t.isLoading,onClick:()=>t.runAsync(async()=>[await e.accept(),await n(e.publicOrganizationData.id)]).then(([e,t])=>{l?.setData?.(t=>(0,b.l_)(e,t,"negative")),s(t)}).catch(e=>(0,$.H4)(e,[],t.setError)),localizationKey:(0,g.G)("taskChooseOrganization.chooseOrganization.action__invitationAccept")})})},D=(0,h.dm)(e=>{let t=(0,h.f0)(),{userSuggestions:n}=(0,i.D_)({userSuggestions:b.mu.userSuggestions});return(0,a.Y)(O.zJ,{organizationData:e.publicOrganizationData,elementId:"taskChooseOrganization",elementDescriptor:u.$z.taskChooseOrganizationPreviewItem,children:"accepted"===e.status?(0,a.Y)(c.EY,{colorScheme:"secondary",localizationKey:(0,g.G)("taskChooseOrganization.chooseOrganization.suggestionsAcceptedLabel")}):(0,a.Y)(O.D3,{onClick:()=>t.runAsync(e.accept).then(e=>n?.setData?.(t=>(0,b.l_)(e,t))).catch(e=>(0,$.H4)(e,[],t.setError)),isLoading:t.isLoading,localizationKey:(0,g.G)("taskChooseOrganization.chooseOrganization.action__suggestionsAccept")})})}),v=({onCreateOrganizationClick:e})=>(0,a.Y)(f._,{elementDescriptor:u.$z.taskChooseOrganizationCreateOrganizationActionButton,label:(0,g.G)("taskChooseOrganization.chooseOrganization.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})});var I=n(7697),P=n(2454),F=n(1475),A=n(3549),R=n(5485),T=n(8640);let G=e=>{let t=(0,h.f0)(),{navigateOnSetActive:n}=(0,_.z1)(),{redirectUrlComplete:r}=(0,_.u3)(),{createOrganization:o,isLoaded:s,setActive:l}=(0,i.D_)({userMemberships:b.mu.userMemberships}),{organizationSettings:c}=(0,I.O)(),u=(0,T.tJ)("name","",{type:"text",label:(0,g.G)("taskChooseOrganization.createOrganization.formFieldLabel__name"),placeholder:(0,g.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name")}),d=(0,T.tJ)("slug","",{type:"text",label:(0,g.G)("taskChooseOrganization.createOrganization.formFieldLabel__slug"),placeholder:(0,g.G)("taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug")}),z=!c.slug.disabled,m=async e=>{if(e.preventDefault(),s)try{let e={name:u.value};z&&(e.slug=d.value);let t=await o(e);await l({organization:t,navigate:async({session:e})=>{await n?.({session:e,redirectUrlComplete:r})}})}catch(e){(0,$.H4)(e,[u,d],t.setError)}},k=e=>{d.setValue(e)},C=!u.value||!s;return(0,a.FD)(a.FK,{children:[(0,a.FD)(p.Y.Root,{showLogo:!0,sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,a.Y)(p.Y.Title,{localizationKey:(0,g.G)("taskChooseOrganization.createOrganization.title")}),(0,a.Y)(p.Y.Subtitle,{localizationKey:(0,g.G)("taskChooseOrganization.createOrganization.subtitle")})]}),(0,a.Y)(A.M,{sx:e=>({padding:`${e.space.$none} ${e.space.$10} ${e.space.$8}`}),children:(0,a.FD)(P.l.Root,{onSubmit:m,children:[(0,a.Y)(P.l.ControlRow,{elementId:u.id,children:(0,a.Y)(P.l.PlainInput,{...u.props,onChange:e=>{u.setValue(e.target.value),k((0,R.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),z&&(0,a.Y)(P.l.ControlRow,{elementId:d.id,children:(0,a.Y)(P.l.PlainInput,{...d.props,onChange:e=>k(e.target.value),isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,a.FD)(F.c,{sx:()=>({flexDirection:"column"}),children:[(0,a.Y)(P.l.SubmitButton,{block:!0,isDisabled:C,localizationKey:(0,g.G)("taskChooseOrganization.createOrganization.formButtonSubmit")}),e.onCancel&&(0,a.Y)(P.l.ResetButton,{localizationKey:(0,g.G)("taskChooseOrganization.createOrganization.formButtonReset"),onClick:e.onCancel})]})]})})]})},E=()=>{let{signOut:e}=(0,i.ho)(),{user:t}=(0,i.Jd)(),{session:n}=(0,i.wV)(),{otherSessions:r}=(0,z.z)({user:t}),{navigateAfterSignOut:s,navigateAfterMultiSessionSingleSignOutUrl:l}=(0,o.g)(),c=t?.primaryEmailAddress?.emailAddress??t?.username;return(0,a.Y)(d.Z.Footer,{children:(0,a.FD)(d.Z.Action,{elementId:"signOut",gap:2,justify:"center",sx:()=>({width:"100%"}),children:[c&&(0,a.Y)(d.Z.ActionText,{truncate:!0,localizationKey:(0,g.G)("taskChooseOrganization.signOut.actionText",{identifier:c})}),(0,a.Y)(d.Z.ActionLink,{sx:()=>({flexShrink:0}),onClick:()=>0===r.length?e(s):e(l,{sessionId:n?.id}),localizationKey:(0,g.G)("taskChooseOrganization.signOut.actionLink")})]})})},L=(0,h.dm)(e=>{let[t,n]=(0,r.useState)(e.initialFlow);return"create"===t?(0,a.Y)(G,{onCancel:"choose"===e.initialFlow?()=>n("choose"):void 0}):(0,a.Y)(w,{onCreateOrganizationClick:()=>n("create")})});function K(){return(0,a.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,a.Y)(l.n.Part,{part:"organizationCreationDisabled",children:(0,a.FD)(d.Z.Root,{children:[(0,a.Y)(d.Z.Content,{children:(0,a.FD)(p.Y.Root,{showLogo:!0,children:[(0,a.Y)(p.Y.Title,{localizationKey:(0,g.G)("taskChooseOrganization.organizationCreationDisabled.title")}),(0,a.Y)(p.Y.Subtitle,{localizationKey:(0,g.G)("taskChooseOrganization.organizationCreationDisabled.subtitle")})]})}),(0,a.Y)(E,{})]})})})}let Z=(0,s.Z)((0,k.d)((0,h.dm)(()=>{let{user:e}=(0,i.Jd)(),{userMemberships:t,userSuggestions:n,userInvitations:r}=(0,m.f)(),o=t?.isLoading||r?.isLoading||n?.isLoading,s=!!(t?.count||r?.count||n?.count);return o||e?.createOrganizationEnabled||s?(0,a.Y)(l.n.Root,{flow:"taskChooseOrganization",children:(0,a.Y)(l.n.Part,{part:"chooseOrganization",children:(0,a.FD)(d.Z.Root,{children:[(0,a.Y)(d.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`,gap:e.space.$7}),children:o?(0,a.Y)(c.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$100}),children:(0,a.Y)(c.y$,{size:"lg",colorScheme:"primary",elementDescriptor:u.$z.spinner})}):(0,a.Y)(L,{initialFlow:s?"choose":"create"})}),(0,a.Y)(E,{})]})})}):(0,a.Y)(K,{})}),"choose-organization"))},179:function(e,t,n){n.d(t,{d:()=>o});var a=n(2049),i=n(656),r=n(1616);let o=(e,t)=>{let n=e.displayName||e.name||"Component";e.displayName=n;let o=n=>{let o=(0,r.z1)();return(0,i.RE)(e,e=>!e.session?.currentTask||e.session.currentTask.key!==t&&!e.__internal_setActiveInProgress,({clerk:e})=>e.session?o.redirectUrlComplete??e.buildAfterSignInUrl():e.buildSignInUrl(),a.A.cannotRenderComponentWhenTaskDoesNotExist)(n)};return o.displayName=`withTaskGuard(${n})`,o}},1616:function(e,t,n){n.d(t,{O_:()=>g,lY:()=>l,pq:()=>u,qx:()=>o,u3:()=>c,z1:()=>s});var a=n(5580),i=n(5074),r=n(4964);let o=(0,i.createContext)(null),s=()=>{let e=(0,i.useContext)(o),{navigate:t,basePath:n,startPath:s}=(0,r.r)();if(null===e)throw Error("Clerk: useSessionTasksContext called outside of the mounted SessionTasks component.");let l=async({session:e,redirectUrlComplete:i})=>{let r=e.currentTask;if(!r)return t(i);let o=(0,a.ru)(r);return t(`/${n+s+o}`)};return{...e,navigateOnSetActive:l}},l=(0,i.createContext)(null),c=()=>{let e=(0,i.useContext)(l);if(null===e)throw Error("Clerk: useTaskChooseOrganizationContext called outside of the mounted TaskChooseOrganization component.");return e},u=(0,i.createContext)(null),g=()=>{let e=(0,i.useContext)(u);if(null===e)throw Error("Clerk: useTaskResetPasswordContext called outside of the mounted TaskResetPassword component.");return e}},4:function(e,t,n){n.d(t,{Q:()=>z,r:()=>m});var a=n(2166),i=n(8380),r=n(5580),o=n(4173),s=n(1210),l=n(5993),c=n(5074),u=n(8051),g=n(7697),d=n(2366),h=n(4964),p=n(2117);let z=(0,c.createContext)(null),m=()=>{let e=(0,c.useContext)(z),{navigate:t,basePath:n,startPath:m}=(0,h.r)(),{displayConfig:k,userSettings:C}=(0,g.O)(),{queryParams:f,queryString:O}=(0,h.r)(),b=C.signUp.mode,_=(0,d.II)(),Y=(0,s.ho)();if(null===e||"SignIn"!==e.componentName)throw Error("Clerk: useSignInContext called outside of the mounted SignIn component.");let S="restricted"!==b&&!!(!_.signUpUrl&&_.signInUrl&&!(0,l.s)(_.signInUrl))&&!1!==e.withSignUp||e.withSignUp||!1,{componentName:U,mode:$,...w}=e,y=(0,c.useMemo)(()=>(0,p.tf)(O,a.u),[]),x=new i.n(_,{...w,signInFallbackRedirectUrl:w.signInFallbackRedirectUrl||w.fallbackRedirectUrl,signInForceRedirectUrl:w.signInForceRedirectUrl||w.forceRedirectUrl},f,$);delete w.fallbackRedirectUrl,delete w.forceRedirectUrl;let D=Y.buildUrlWithAuth(x.getAfterSignInUrl()),v=Y.buildUrlWithAuth(x.getAfterSignUpUrl()),I="path"===w.routing&&w.path||_.signInUrl||k.signInUrl,P=S?"path"===w.routing&&w.path||_.signUpUrl||k.signUpUrl:w.signUpUrl||_.signUpUrl||k.signUpUrl,F=w.waitlistUrl||_.waitlistUrl||k.waitlistUrl,A=x.getPreservedSearchParams();I=(0,o.kZ)({base:I,hashSearchParams:[f,A]},{stringify:!0}),P=(0,o.kZ)({base:P,hashSearchParams:[f,A]},{stringify:!0}),F=(0,o.kZ)({base:F,hashSearchParams:[f,A]},{stringify:!0});let R=x.toSearchParams().toString(),T=(0,u.aQ)({routing:w.routing,baseUrl:P,authQueryString:R,path:w.path,endpoint:S?"/create"+u.Vu:u.Vu}),G=(0,u.aQ)({routing:w.routing,baseUrl:P,authQueryString:R,path:w.path,endpoint:S?"/create"+u.aB:u.aB});S&&(P=(0,o.kZ)({base:I,hashPath:"/create",hashSearchParams:[f,A]},{stringify:!0}));let E=(0,o.kZ)({base:P,hashPath:"/continue"},{stringify:!0}),L=async({session:e,redirectUrl:a})=>{let i=e.currentTask;if(!i)return t(a);let o=(0,r.ru)(i);return t(`/${n+m+(S?"/create"+o:o)}`)},K=Y.session?.currentTask?Y.__internal_getOption("taskUrls")?.[Y.session?.currentTask.key]??(0,u.aQ)({routing:w.routing,baseUrl:I,authQueryString:R,path:w.path,endpoint:S?"/create"+(0,r.ru)(Y.session?.currentTask):(0,r.ru)(Y.session?.currentTask)}):null;return{...w,transferable:w.transferable??!0,oauthFlow:w.oauthFlow||"auto",componentName:U,signUpUrl:P,signInUrl:I,waitlistUrl:F,afterSignInUrl:D,afterSignUpUrl:v,emailLinkRedirectUrl:T,ssoCallbackUrl:G,navigateAfterSignIn:()=>t(D),signUpContinueUrl:E,queryParams:f,initialValues:{...w.initialValues,...y},authQueryString:R,isCombinedFlow:S,navigateOnSetActive:L,taskUrl:K}}},9599:function(e,t,n){n.d(t,{g:()=>r});var a=n(1210),i=n(4964);let r=()=>{let{navigate:e}=(0,i.r)(),t=(0,a.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);