@clerk/ui 1.0.0-snapshot.v20251216175437 → 1.0.0-snapshot.v20251217162523
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{207_ui_338113_1.0.0-snapshot.v20251216175437.js → 207_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{217_ui_338113_1.0.0-snapshot.v20251216175437.js → 217_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{360_ui_338113_1.0.0-snapshot.v20251216175437.js → 360_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{444_ui_338113_1.0.0-snapshot.v20251216175437.js → 444_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{573_ui_338113_1.0.0-snapshot.v20251216175437.js → 573_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{970_ui_338113_1.0.0-snapshot.v20251216175437.js → 970_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/ClerkUi.js +2 -2
- package/dist/{apiKeys_ui_338113_1.0.0-snapshot.v20251216175437.js → apiKeys_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{checkout_ui_338113_1.0.0-snapshot.v20251216175437.js → checkout_ui_d63654_1.0.0-snapshot.v20251217162523.js} +2 -2
- package/dist/components/OrganizationProfile/index.js +4 -3
- package/dist/components/OrganizationProfile/index.js.map +1 -1
- package/dist/components/SignIn/SignInFactorTwoAlternativeMethods.js +3 -1
- package/dist/components/SignIn/SignInFactorTwoAlternativeMethods.js.map +1 -1
- package/dist/components/SignIn/index.js +2 -1
- package/dist/components/SignIn/index.js.map +1 -1
- package/dist/components/SignUp/index.js +2 -1
- package/dist/components/SignUp/index.js.map +1 -1
- package/dist/components/UserProfile/index.js +3 -2
- package/dist/components/UserProfile/index.js.map +1 -1
- package/dist/components/UserVerification/UserVerificationFactorTwo.js +1 -1
- package/dist/components/UserVerification/UserVerificationFactorTwo.js.map +1 -1
- package/dist/components/UserVerification/index.js.map +1 -1
- package/dist/{createorganization_ui_338113_1.0.0-snapshot.v20251216175437.js → createorganization_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/customizables/parseAppearance.d.ts +2 -2
- package/dist/customizables/parseAppearance.d.ts.map +1 -1
- package/dist/customizables/parseAppearance.js.map +1 -1
- package/dist/{enableOrganizationsPrompt_ui_338113_1.0.0-snapshot.v20251216175437.js → enableOrganizationsPrompt_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{impersonationfab_ui_338113_1.0.0-snapshot.v20251216175437.js → impersonationfab_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/index.js +1 -1
- package/dist/internal/index.d.ts +2 -1
- package/dist/internal/index.d.ts.map +1 -1
- package/dist/internal/index.js +1 -1
- package/dist/internal/index.js.map +1 -1
- package/dist/internal/routing.d.ts +13 -0
- package/dist/internal/routing.d.ts.map +1 -0
- package/dist/{keylessPrompt_ui_338113_1.0.0-snapshot.v20251216175437.js → keylessPrompt_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/lazyModules/components.d.ts +4 -3
- package/dist/lazyModules/components.d.ts.map +1 -1
- package/dist/{oauthConsent_ui_338113_1.0.0-snapshot.v20251216175437.js → oauthConsent_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{onetap_ui_338113_1.0.0-snapshot.v20251216175437.js → onetap_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{op-api-keys-page_ui_338113_1.0.0-snapshot.v20251216175437.js → op-api-keys-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{organizationlist_ui_338113_1.0.0-snapshot.v20251216175437.js → organizationlist_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{organizationprofile_ui_338113_1.0.0-snapshot.v20251216175437.js → organizationprofile_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{organizationswitcher_ui_338113_1.0.0-snapshot.v20251216175437.js → organizationswitcher_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{payment-attempt-page_ui_338113_1.0.0-snapshot.v20251216175437.js → payment-attempt-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{planDetails_ui_338113_1.0.0-snapshot.v20251216175437.js → planDetails_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{prefetchorganizationlist_ui_338113_1.0.0-snapshot.v20251216175437.js → prefetchorganizationlist_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{pricingTable_ui_338113_1.0.0-snapshot.v20251216175437.js → pricingTable_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{revoke-api-key-modal_ui_338113_1.0.0-snapshot.v20251216175437.js → revoke-api-key-modal_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{sessionTasks_ui_338113_1.0.0-snapshot.v20251216175437.js → sessionTasks_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/signin_ui_d63654_1.0.0-snapshot.v20251217162523.js +1 -0
- package/dist/{signup_ui_338113_1.0.0-snapshot.v20251216175437.js → signup_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{statement-page_ui_338113_1.0.0-snapshot.v20251216175437.js → statement-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{subscriptionDetails_ui_338113_1.0.0-snapshot.v20251216175437.js → subscriptionDetails_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{taskChooseOrganization_ui_338113_1.0.0-snapshot.v20251216175437.js → taskChooseOrganization_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{taskResetPassword_ui_338113_1.0.0-snapshot.v20251216175437.js → taskResetPassword_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/{ui-common_ui_338113_1.0.0-snapshot.v20251216175437.js → ui-common_ui_d63654_1.0.0-snapshot.v20251217162523.js} +4 -4
- package/dist/ui.browser.js +1 -1
- package/dist/{up-api-keys-page_ui_338113_1.0.0-snapshot.v20251216175437.js → up-api-keys-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{useravatar_ui_338113_1.0.0-snapshot.v20251216175437.js → useravatar_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{userbutton_ui_338113_1.0.0-snapshot.v20251216175437.js → userbutton_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{userprofile_ui_338113_1.0.0-snapshot.v20251216175437.js → userprofile_ui_d63654_1.0.0-snapshot.v20251217162523.js} +2 -2
- package/dist/{userverification_ui_338113_1.0.0-snapshot.v20251216175437.js → userverification_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/dist/{waitlist_ui_338113_1.0.0-snapshot.v20251216175437.js → waitlist_ui_d63654_1.0.0-snapshot.v20251217162523.js} +1 -1
- package/package.json +6 -6
- package/dist/signin_ui_338113_1.0.0-snapshot.v20251216175437.js +0 -1
- /package/dist/{blankcaptcha_ui_338113_1.0.0-snapshot.v20251216175437.js → blankcaptcha_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{copy-api-key-modal_ui_338113_1.0.0-snapshot.v20251216175437.js → copy-api-key-modal_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{framework_ui_338113_1.0.0-snapshot.v20251216175437.js → framework_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{op-billing-page_ui_338113_1.0.0-snapshot.v20251216175437.js → op-billing-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{op-plans-page_ui_338113_1.0.0-snapshot.v20251216175437.js → op-plans-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{up-billing-page_ui_338113_1.0.0-snapshot.v20251216175437.js → up-billing-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{up-plans-page_ui_338113_1.0.0-snapshot.v20251216175437.js → up-plans-page_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
- /package/dist/{vendors_ui_338113_1.0.0-snapshot.v20251216175437.js → vendors_ui_d63654_1.0.0-snapshot.v20251217162523.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(1210),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l||!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)||(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(1210),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Default ui object for Clerk UI components
|
|
4
4
|
* Tagged with the internal Appearance type for type-safe appearance prop inference
|
|
5
5
|
*/
|
|
6
|
-
const ui = { version: "1.0.0-snapshot.
|
|
6
|
+
const ui = { version: "1.0.0-snapshot.v20251217162523" };
|
|
7
7
|
|
|
8
8
|
//#endregion
|
|
9
9
|
export { ui };
|
package/dist/internal/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { APIKeysTheme, AlphaColorScale, Appearance, BaseTheme, CaptchaAppearanceOptions, CheckoutTheme, ColorScale, ColorScaleWithRequiredBase, CreateOrganizationTheme, CssColorOrAlphaScale, CssColorOrScale, ElementObjectKey, ElementState, Elements, ElementsConfig, FontFamily, IdSelectors, OAuthConsentTheme, Options, OrganizationListTheme, OrganizationProfileTheme, OrganizationSwitcherTheme, PlanDetailTheme, PricingTableTheme, SignInTheme, SignUpTheme, StateSelectors, SubscriptionDetailsTheme, TaskChooseOrganizationTheme, Theme, UserAvatarTheme, UserButtonTheme, UserProfileTheme, UserVerificationTheme, Variables, WaitlistTheme } from "./appearance.js";
|
|
2
2
|
import { ComponentControls, MountComponentRenderer } from "../Components.js";
|
|
3
|
+
import { WithInternalRouting } from "./routing.js";
|
|
3
4
|
|
|
4
5
|
//#region src/internal/index.d.ts
|
|
5
6
|
|
|
@@ -38,5 +39,5 @@ declare const localUiForTesting: Ui<Appearance & {
|
|
|
38
39
|
newprop?: string;
|
|
39
40
|
}>;
|
|
40
41
|
//#endregion
|
|
41
|
-
export { type APIKeysTheme, type AlphaColorScale, type Appearance, type BaseTheme, type CaptchaAppearanceOptions, type CheckoutTheme, type ColorScale, type ColorScaleWithRequiredBase, type ComponentControls, type CreateOrganizationTheme, type CssColorOrAlphaScale, type CssColorOrScale, type ElementObjectKey, type ElementState, type Elements, type ElementsConfig, ExtractAppearanceType, type FontFamily, type IdSelectors, type MountComponentRenderer, type OAuthConsentTheme, type Options, type OrganizationListTheme, type OrganizationProfileTheme, type OrganizationSwitcherTheme, type PlanDetailTheme, type PricingTableTheme, type SignInTheme, type SignUpTheme, type StateSelectors, type SubscriptionDetailsTheme, type TaskChooseOrganizationTheme, type Theme, Ui, type UserAvatarTheme, type UserButtonTheme, type UserProfileTheme, type UserVerificationTheme, type Variables, type WaitlistTheme, localUiForTesting };
|
|
42
|
+
export { type APIKeysTheme, type AlphaColorScale, type Appearance, type BaseTheme, type CaptchaAppearanceOptions, type CheckoutTheme, type ColorScale, type ColorScaleWithRequiredBase, type ComponentControls, type CreateOrganizationTheme, type CssColorOrAlphaScale, type CssColorOrScale, type ElementObjectKey, type ElementState, type Elements, type ElementsConfig, ExtractAppearanceType, type FontFamily, type IdSelectors, type MountComponentRenderer, type OAuthConsentTheme, type Options, type OrganizationListTheme, type OrganizationProfileTheme, type OrganizationSwitcherTheme, type PlanDetailTheme, type PricingTableTheme, type SignInTheme, type SignUpTheme, type StateSelectors, type SubscriptionDetailsTheme, type TaskChooseOrganizationTheme, type Theme, Ui, type UserAvatarTheme, type UserButtonTheme, type UserProfileTheme, type UserVerificationTheme, type Variables, type WaitlistTheme, type WithInternalRouting, localUiForTesting };
|
|
42
43
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/internal/index.ts"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/internal/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;AAWA;;;;AAGM,KAHM,qBAGN,CAAA,CAAA,EAAA,OAAA,CAAA,GAH0C,CAG1C,SAAA;EACF,gBAAA,CAAA,EAAA,KAAA,EAAA;CAAO,GAAA,CAAA,SAAA,CAAA,GAHO,CAGP,GAFL,OAEK,GADL,CACK,GAAP,OAAO;AAAC,cAEE,IAAmB,EAAA,OAAA,MAAA;AAAA,KAC5B,MAAA,CAAA,QAAM,EAAA,YAAuB,WAAvB,CAAA,GAAsC,QAAtC,GAAA;EAAuB,CAA6B,IAAA,CAA7B,EAAA,QAA4C,GAA7B,GAAA,IAAA,EAA6B;CAAf;;AAM/D;AAqEA;;KArEY,gBAAc;;;;;;;qBAQH;;;;;;;cA6DV,mBAGR,GAAG"}
|
package/dist/internal/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/internal/index.ts"],"sourcesContent":["import type { Appearance } from './appearance';\n\nexport type { ComponentControls, MountComponentRenderer } from '../Components';\n\n/**\n * Extracts the appearance type from a Ui object. We got 3 cases:\n * - If the Ui type has __appearanceType with a specific type, extract it\n * - If __appearanceType is 'any', fallback to base Appearance type\n * - Otherwise, fallback to the base Appearance type\n */\nexport type ExtractAppearanceType<T, Default> = T extends { __appearanceType?: infer A }\n ? 0 extends 1 & A // Check if A is 'any' (this trick works because 1 & any = any, and 0 extends any)\n ? Default\n : A\n : Default;\n\ndeclare const Tags: unique symbol;\ntype Tagged<BaseType, Tag extends PropertyKey> = BaseType & { [Tags]: { [K in Tag]: void } };\n\n/**\n * Ui type that carries appearance type information via phantom property\n * Tagged to ensure only official ui objects from @clerk/ui can be used\n */\nexport type Ui<A = any> = Tagged<\n {\n version: string;\n url?: string;\n /**\n * Phantom property for type-level appearance inference\n * This property never exists at runtime\n */\n __appearanceType?: A;\n },\n 'ClerkUi'\n>;\n\nexport type {\n AlphaColorScale,\n Appearance,\n APIKeysTheme,\n BaseTheme,\n CaptchaAppearanceOptions,\n CheckoutTheme,\n ColorScale,\n ColorScaleWithRequiredBase,\n CreateOrganizationTheme,\n CssColorOrAlphaScale,\n CssColorOrScale,\n ElementObjectKey,\n Elements,\n ElementsConfig,\n ElementState,\n FontFamily,\n IdSelectors,\n Options,\n OAuthConsentTheme,\n OrganizationListTheme,\n OrganizationProfileTheme,\n OrganizationSwitcherTheme,\n PlanDetailTheme,\n PricingTableTheme,\n SignInTheme,\n SignUpTheme,\n StateSelectors,\n SubscriptionDetailsTheme,\n TaskChooseOrganizationTheme,\n Theme,\n UserAvatarTheme,\n UserButtonTheme,\n UserProfileTheme,\n UserVerificationTheme,\n Variables,\n WaitlistTheme,\n} from './appearance';\n\n// export type {\n// AlertId,\n// CardActionId,\n// FieldId,\n// MenuId,\n// OrganizationPreviewId,\n// ProfilePageId,\n// ProfileSectionId,\n// SelectId,\n// UserPreviewId,\n// } from './internal/elementIds';\n\n/**\n * @internal\n * Local ui object for testing purposes\n * Do not use\n */\nexport const localUiForTesting = {\n version: PACKAGE_VERSION,\n url: 'http://localhost:4011/npm/ui.browser.js',\n} as Ui<Appearance & { newprop?: string }>;\n"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/internal/index.ts"],"sourcesContent":["import type { Appearance } from './appearance';\n\nexport type { ComponentControls, MountComponentRenderer } from '../Components';\nexport type { WithInternalRouting } from './routing';\n\n/**\n * Extracts the appearance type from a Ui object. We got 3 cases:\n * - If the Ui type has __appearanceType with a specific type, extract it\n * - If __appearanceType is 'any', fallback to base Appearance type\n * - Otherwise, fallback to the base Appearance type\n */\nexport type ExtractAppearanceType<T, Default> = T extends { __appearanceType?: infer A }\n ? 0 extends 1 & A // Check if A is 'any' (this trick works because 1 & any = any, and 0 extends any)\n ? Default\n : A\n : Default;\n\ndeclare const Tags: unique symbol;\ntype Tagged<BaseType, Tag extends PropertyKey> = BaseType & { [Tags]: { [K in Tag]: void } };\n\n/**\n * Ui type that carries appearance type information via phantom property\n * Tagged to ensure only official ui objects from @clerk/ui can be used\n */\nexport type Ui<A = any> = Tagged<\n {\n version: string;\n url?: string;\n /**\n * Phantom property for type-level appearance inference\n * This property never exists at runtime\n */\n __appearanceType?: A;\n },\n 'ClerkUi'\n>;\n\nexport type {\n AlphaColorScale,\n Appearance,\n APIKeysTheme,\n BaseTheme,\n CaptchaAppearanceOptions,\n CheckoutTheme,\n ColorScale,\n ColorScaleWithRequiredBase,\n CreateOrganizationTheme,\n CssColorOrAlphaScale,\n CssColorOrScale,\n ElementObjectKey,\n Elements,\n ElementsConfig,\n ElementState,\n FontFamily,\n IdSelectors,\n Options,\n OAuthConsentTheme,\n OrganizationListTheme,\n OrganizationProfileTheme,\n OrganizationSwitcherTheme,\n PlanDetailTheme,\n PricingTableTheme,\n SignInTheme,\n SignUpTheme,\n StateSelectors,\n SubscriptionDetailsTheme,\n TaskChooseOrganizationTheme,\n Theme,\n UserAvatarTheme,\n UserButtonTheme,\n UserProfileTheme,\n UserVerificationTheme,\n Variables,\n WaitlistTheme,\n} from './appearance';\n\n// export type {\n// AlertId,\n// CardActionId,\n// FieldId,\n// MenuId,\n// OrganizationPreviewId,\n// ProfilePageId,\n// ProfileSectionId,\n// SelectId,\n// UserPreviewId,\n// } from './internal/elementIds';\n\n/**\n * @internal\n * Local ui object for testing purposes\n * Do not use\n */\nexport const localUiForTesting = {\n version: PACKAGE_VERSION,\n url: 'http://localhost:4011/npm/ui.browser.js',\n} as Ui<Appearance & { newprop?: string }>;\n"],"mappings":";;;;;;AA6FA,MAAa,oBAAoB;CAC/B;CACA,KAAK;CACN"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RoutingStrategy } from "@clerk/shared/types";
|
|
2
|
+
|
|
3
|
+
//#region src/internal/routing.d.ts
|
|
4
|
+
type WithInternalRouting<T> = (Omit<T, 'routing' | 'path'> & {
|
|
5
|
+
path: string | undefined;
|
|
6
|
+
routing?: Extract<RoutingStrategy, 'path'>;
|
|
7
|
+
}) | (Omit<T, 'routing' | 'path'> & {
|
|
8
|
+
path?: never;
|
|
9
|
+
routing?: Extract<RoutingStrategy, 'hash' | 'virtual'>;
|
|
10
|
+
});
|
|
11
|
+
//#endregion
|
|
12
|
+
export { WithInternalRouting };
|
|
13
|
+
//# sourceMappingURL=routing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"routing.d.ts","names":[],"sources":["../../src/internal/routing.ts"],"sourcesContent":[],"mappings":";;;KAEY,0BACP,KAAK;;EADE,OAAA,CAAA,EAC6D,OAD7D,CACqE,eADlD,EAAA,MAAA,CAAA;CACrB,CAAA,GAAA,CACL,IADK,CACA,CADA,EAAA,SAAA,GAAA,MAAA,CAAA,GAAA;EAAL,IAAA,CAAA,EAAA,KAAA;EAA4E,OAAA,CAAA,EACpB,OADoB,CACZ,eADY,EAAA,MAAA,GAAA,SAAA,CAAA;CAAR,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(1210),o=t(8802),a=t(5074),s=t(5323),l=t(8272),c=t(1986),d=t(9406),p=t(8307);function h(){return(0,r.Y)("svg",{width:"1rem",height:"1rem",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M2.75 2.75L13.25 13.25M7.02665 6.38227C7.00046 6.21924 6.98684 6.052 6.98684 5.88158C6.98684 4.15206 8.3889 2.75 10.1184 2.75C11.8479 2.75 13.25 4.15206 13.25 5.88158C13.25 7.6111 11.8479 9.01316 10.1184 9.01316C9.89357 9.01316 9.67425 8.98946 9.46283 8.94442M4.39638 8.74013L3.21279 9.92371C2.91768 10.1977 2.75 10.5823 2.75 10.985V13.25H5.25V11.25H6.55172L7.02665 10.7751M10 5.97998V5.99998",stroke:"#F0D653",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var m=t(7697);let f="--clerk-keyless-prompt",u=`${f}-button`,x=`${f}-content`;function g(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}}let b=e=>{let{isSignedIn:i}=(0,n.Jd)(),[t,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i&&s(!0)},[i]);let d=function(){let e=(0,n.ho)(),i=(0,a.useRef)(Date.now()),[,t]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let n=e.__internal_environment;if(n){if(null!==n.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await n.fetch();if(i.current=Date.now(),null!==e){t();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,m.O)()}(),f=!!d.authConfig.claimedAt,b="function"==typeof e.onDismiss&&f,w=d.displayConfig.applicationName,y=f||b||t,k=(0,a.useMemo)(()=>{if(f)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[f,e.copyKeysUrl,e.claimUrl]),v=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]),$=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/last-active?path=api-keys`).href}),[e.copyKeysUrl]),Y=(0,o.AH)`
|
|
2
2
|
${p.mk};
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BlankCaptchaModal } from "../components/BlankCaptchaModal/index.js";
|
|
2
2
|
import { AvailableComponentProps } from "../types.js";
|
|
3
|
+
import { WithInternalRouting } from "../internal/routing.js";
|
|
3
4
|
import * as react0 from "react";
|
|
4
5
|
import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
|
|
5
6
|
import * as _clerk_shared_types455 from "@clerk/shared/types";
|
|
@@ -11,12 +12,12 @@ declare const ClerkComponents: {
|
|
|
11
12
|
SignUp: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.SignUpProps>>;
|
|
12
13
|
UserAvatar: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.UserAvatarProps>>;
|
|
13
14
|
UserButton: react0.LazyExoticComponent<react0.ComponentType<unknown>>;
|
|
14
|
-
UserProfile: react0.LazyExoticComponent<
|
|
15
|
-
UserVerification: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.__internal_UserVerificationProps
|
|
15
|
+
UserProfile: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.UserProfileProps>>;
|
|
16
|
+
UserVerification: react0.LazyExoticComponent<react0.ComponentType<WithInternalRouting<_clerk_shared_types455.__internal_UserVerificationProps>>>;
|
|
16
17
|
EnableOrganizationsPrompt: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_EnableOrganizationsPromptProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
17
18
|
OrganizationSwitcher: react0.LazyExoticComponent<react0.ComponentType<unknown>>;
|
|
18
19
|
OrganizationList: react0.LazyExoticComponent<() => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
19
|
-
OrganizationProfile: react0.LazyExoticComponent<
|
|
20
|
+
OrganizationProfile: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.OrganizationProfileProps>>;
|
|
20
21
|
CreateOrganization: react0.LazyExoticComponent<(props: unknown) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
21
22
|
SignInModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.SignInModalProps) => JSX.Element>;
|
|
22
23
|
SignUpModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.SignUpModalProps) => JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/lazyModules/components.ts"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/lazyModules/components.ts"],"sourcesContent":[],"mappings":";;;;;;;;;cAuJa;0DA8BZ,sBAAA,CAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEW,kBAAA,gBAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["591"],{9576:function(e,o,r){r.r(o),r.d(o,{OAuthConsent:()=>A,OAuthConsentInternal:()=>x});var n=r(4518),t=r(
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["591"],{9576:function(e,o,r){r.r(o),r.d(o,{OAuthConsent:()=>A,OAuthConsentInternal:()=>x});var n=r(4518),t=r(1210),l=r(5074),i=r(2121),a=r(7697),c=r(4607),s=r(8272),d=r(2037),h=r(6088),u=r(3269),p=r(6153),Y=r(6705),b=r(6455),g=r(4380),y=r(2349),$=r(2204),f=r(1464),m=r(4620);function x(){let{scopes:e,oAuthApplicationName:o,oAuthApplicationLogoUrl:r,oAuthApplicationUrl:u,redirectUrl:Y,onDeny:g,onAllow:$}=(0,i.W)(),{user:x}=(0,t.Jd)(),{applicationName:A,logoImageUrl:R}=(0,a.O)().displayConfig,[z,S]=(0,l.useState)(!1),v=x?.emailAddresses.find(e=>e.id===x.primaryEmailAddress?.id);function T(){try{let{hostname:e}=new URL(Y);return e.split(".").slice(-2).join(".")}catch{return""}}return(0,n.FD)(c.n.Root,{flow:"oauthConsent",children:[(0,n.FD)(h.Z.Root,{children:[(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),r&&!R&&(0,n.Y)(C,{children:(0,n.FD)(s.az,{sx:{position:"relative"},children:[(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0}),(0,n.Y)(D,{size:"sm",sx:e=>({position:"absolute",bottom:`calc(${e.space.$3} * -1)`,right:`calc(${e.space.$3} * -1)`})})]})}),!r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(D,{})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),!r&&!R&&(0,n.Y)(C,{children:(0,n.Y)(D,{})}),(0,n.Y)(p.Y.Title,{localizationKey:o}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`wants to access ${A} on behalf of ${v}`})]}),(0,n.FD)(s.az,{sx:e=>({textAlign:"left",borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,borderRadius:e.radii.$lg,overflow:"hidden"}),children:[(0,n.Y)(s.az,{sx:e=>({padding:e.space.$3,background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50)}),children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:`This will allow ${o} access to:`})}),(0,n.Y)(s.az,{as:"ul",sx:e=>({margin:e.sizes.$none,padding:e.sizes.$none}),children:(e||[]).map(e=>(0,n.Y)(s.az,{sx:e=>({display:"flex",alignItems:"baseline",paddingInline:e.space.$3,paddingBlock:e.space.$2,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,"&::before":{content:'""',display:"inline-block",width:e.space.$1,height:e.space.$1,background:e.colors.$colorMutedForeground,borderRadius:e.radii.$circle,transform:"translateY(-0.1875rem)",marginRight:e.space.$2,flexShrink:0}}),as:"li",children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:e.description||e.scope||""})},e.scope))})]}),(0,n.Y)(y.F,{colorScheme:"warning",children:(0,n.FD)(s.EY,{colorScheme:"warning",variant:"caption",children:["Make sure that you trust ",o," ","",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.FD)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:["(",T(),")"]})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]}),"",". You may be sharing sensitive data with this site or app."]})}),(0,n.FD)(s.xA,{columns:2,gap:3,children:[(0,n.Y)(s.$n,{colorScheme:"secondary",variant:"outline",localizationKey:"Deny",onClick:g}),(0,n.Y)(s.$n,{localizationKey:"Allow",onClick:$}),(0,n.FD)(s.EY,{sx:{gridColumn:"span 2"},colorScheme:"secondary",variant:"caption",children:["If you allow access, this app will redirect you to"," ",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.Y)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:T()})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]})]})]})]}),(0,n.Y)(h.Z.Footer,{})]}),(0,n.Y)(k,{isOpen:z,onOpen:()=>S(!0),onClose:()=>S(!1),redirectUri:Y,oAuthApplicationName:o})]})}function k({onOpen:e,onClose:o,isOpen:r,redirectUri:t,oAuthApplicationName:l}){return r?(0,n.Y)(Y.Modal,{handleOpen:e,handleClose:o,children:(0,n.Y)(h.Z.Root,{children:(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[(0,n.Y)(p.Y.Title,{localizationKey:"Redirect URL"}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`Make sure you trust ${l} and that this URL belongs to ${l}.`})]}),(0,n.Y)($.TM,{style:{maxHeight:"none"},cols:50,rows:6,defaultValue:t,readOnly:!0})]})})}):null}function C({children:e}){return(0,n.Y)(s.so,{justify:"center",align:"center",gap:4,sx:e=>({marginBlockEnd:e.space.$6}),children:e})}function w({children:e,sx:o,...r}){return(0,n.Y)(s.so,{...r,sx:[{flex:1},o],children:e})}function D({size:e="md",sx:o}){let r=o=>{let r="sm"===e?o.space.$6:o.space.$12;return{width:r,height:r}};return(0,n.Y)(s.az,{sx:e=>[{background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50),borderRadius:e.radii.$circle,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",alignItems:"center",justifyContent:"center"},r,o],children:(0,n.Y)(s.In,{icon:g.A,sx:e=>({color:e.colors.$primary500})})})}function F(){return(0,n.Y)(s.az,{as:"svg",fill:"none",viewBox:"0 0 16 2",height:2,"aria-hidden":!0,sx:e=>({color:e.colors.$colorMutedForeground}),children:(0,n.Y)("path",{stroke:"currentColor",strokeDasharray:"0.1 4",strokeLinecap:"round",strokeWidth:"2",d:"M1 1h14"})})}let A=(0,u.dm)(x)},2121:function(e,o,r){r.d(o,{W:()=>l,n:()=>t});var n=r(5074);let t=(0,n.createContext)(null),l=()=>{let e=(0,n.useContext)(t);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["721"],{3109:function(e,n,t){t.r(n),t.d(n,{OneTap:()=>k});var r=t(4518),a=t(5074),i=t(5577),c=t(4607),l=t(2265),o=t(7831),s=t(
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["721"],{3109:function(e,n,t){t.r(n),t.d(n,{OneTap:()=>k});var r=t(4518),a=t(5074),i=t(5577),c=t(4607),l=t(2265),o=t(7831),s=t(1210),u=t(3269),h=t(7697),p=t(7032),g=t(7896),d=t(4964),f=t(3202);let _=(0,u.dm)(function(){let e=(0,s.ho)(),{user:n}=(0,s.Jd)(),t=(0,h.O)(),r=(0,a.useRef)(!1),{navigate:i}=(0,d.r)(),c=(0,p.H)();async function l(n){r.current=!1;try{let t=await e.authenticateWithGoogleOneTap({token:n.credential});await e.handleGoogleOneTapCallback(t,c.generateCallbackUrls(window.location.href),i)}catch(e){console.error(e)}}let o=t.displayConfig.googleOneTapClientId,u=!n?.id&&!!o;async function _(){let e=await (0,f.u)();return e.accounts.id.initialize({client_id:o,callback:l,itp_support:c.itpSupport,cancel_on_tap_outside:c.cancelOnTapOutside,auto_select:!1,use_fedcm_for_prompt:c.fedCmSupport}),e}let{data:U}=(0,g.s)(u?_:void 0,"google-identity-services-script");return(0,a.useEffect)(()=>{!U||n?.id||r.current||(U.accounts.id.prompt(n=>{"skipped"===n.getMomentType()&&e.closeGoogleOneTap()}),r.current=!0)},[e,U,n?.id]),(0,a.useEffect)(()=>()=>{U&&r.current&&(r.current=!1,U.accounts.id.cancel())},[U]),null});function U(){return(0,r.Y)(l.q,{path:"one-tap",children:(0,r.Y)(c.n.Root,{flow:"oneTap",children:(0,r.Y)(o.d,{children:(0,r.Y)(l.q,{index:!0,children:(0,r.Y)(_,{})})})})})}U.displayName="OneTap";let k=(0,i.Z)(U)},7032:function(e,n,t){t.d(n,{H:()=>u,Q:()=>s});var r=t(8380),a=t(4173),i=t(5074),c=t(2366),l=t(7697),o=t(4964);let s=(0,i.createContext)(null),u=()=>{let e=(0,i.useContext)(s),n=(0,c.II)(),{displayConfig:t}=(0,l.O)(),{queryParams:u}=(0,o.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:h,...p}=e,g=(0,i.useCallback)(e=>{let i=new r.n(n,{...p,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},u),c=n.signUpUrl||t.signUpUrl,l=n.signInUrl||t.signInUrl,o=i.getPreservedSearchParams();l=(0,a.kZ)({base:l,hashSearchParams:[u,o]},{stringify:!0}),c=(0,a.kZ)({base:c,hashSearchParams:[u,o]},{stringify:!0});let s=i.getAfterSignInUrl(),h=i.getAfterSignUpUrl(),g=(0,a.kZ)({base:c,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:h}).toString()},{stringify:!0}),d=(0,a.kZ)({base:l,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0}),f=(0,a.kZ)({base:l,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0});return{signInUrl:l,signUpUrl:c,firstFactorUrl:d,secondFactorUrl:f,continueSignUpUrl:g,signInForceRedirectUrl:s,signUpForceRedirectUrl:h}},[p,t.signInUrl,t.signUpUrl,n,u]);return{...p,componentName:h,generateCallbackUrls:g}}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["223"],{6518:function(e,i,a){a.d(i,{OrganizationAPIKeysPage:()=>g});var l=a(4518),t=a(
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["223"],{6518:function(e,i,a){a.d(i,{OrganizationAPIKeysPage:()=>g});var l=a(4518),t=a(1210),n=a(5892),o=a(8188),r=a(8272),c=a(2861),u=a(6153),s=a(9764),h=a(4875);let g=()=>{let{organization:e}=(0,t.Z5)(),{contentRef:i}=(0,s.n8)(),{apiKeysProps:a}=(0,n.V)();return e?(0,l.FD)(r.fv,{gap:4,children:[(0,l.Y)(u.Y.Root,{children:(0,l.Y)(u.Y.Title,{localizationKey:(0,c.G)("organizationProfile.apiKeysPage.title"),textVariant:"h2"})}),(0,l.Y)(o.w.Provider,{value:{...a,componentName:"APIKeys"},children:(0,l.Y)(h.APIKeysPage,{subject:e.id,revokeModalRoot:i})})]}):null}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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(5543),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(5543),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}}}}]);
|
|
1
|
+
"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}}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["310"],{6568:function(e,i,a){a.r(i),a.d(i,{OrganizationProfileModal:()=>eW,OrganizationProfile:()=>eU});var n=a(4518),t=a(5543),r=a(5074),o=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:r}=(0,m.V)(),o=(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=r.routes.filter(e=>e.id!==d.jc.MEMBERS||e.id===d.jc.MEMBERS&&o).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),_=a(4003),y=a(8272),S=a(8920),G=a(3453),T=a(2513),x=a(2454),C=a(1475),I=a(3549),F=a(6370),R=a(4468),$=a(8640),L=a(6245),w=a(3689);let k=e=>{let i=(0,o.f0)(),{navigateAfterLeaveOrganization:a}=(0,m.V)(),{userMemberships:n,userInvitations:r}=(0,t.D_)({userMemberships:w.mu.userMemberships,userInvitations:w.mu.userInvitations});return()=>i.runAsync(async()=>{await e?.()}).then(()=>{n.revalidate?.(),r.revalidate?.(),a()})},A=e=>{let{organization:i}=(0,t.Z5)(),{user:a}=(0,t.Jd)(),r=k(()=>a.leaveOrganization(i.id));return i&&a?(0,n.Y)(M,{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:r,...e}):null},E=e=>{let{organization:i,membership:a}=(0,t.Z5)(),r=k(i?.destroy);return i&&a?(0,n.Y)(M,{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:r,...e}):null},M=(0,o.dm)(e=>{let{title:i,messageLine1:a,messageLine2:t,actionDescription:r,organizationName:l,successMessage:s,submitLabel:d,onSuccess:c,onReset:g,onConfirmation:m,colorScheme:u="danger"}=e,h=(0,L.X)(),f=(0,o.f0)(),b=(0,$.tJ)("deleteOrganizationConfirmation","",{type:"text",label:r,isRequired:!0,placeholder:l}),Y=!r||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)(I.M,{headerTitle:i,gap:1,children:(0,n.FD)(x.l.Root,{onSubmit:v,children:[(0,n.FD)(y.fv,{children:[(0,n.Y)(y.EY,{localizationKey:a,colorScheme:"secondary"}),(0,n.Y)(y.EY,{localizationKey:t,colorScheme:"danger"})]}),(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.PlainInput,{...b.props})}),(0,n.FD)(C.c,{children:[(0,n.Y)(x.l.SubmitButton,{block:!1,colorScheme:u,localizationKey:d,isDisabled:!Y}),(0,n.Y)(x.l.ResetButton,{localizationKey:(0,p.G)("userProfile.formButtonReset"),block:!1,onClick:g})]})]})}),(0,n.Y)(F.B,{title:i,text:s,onFinish:c})]})});var O=a(3356),K=a(7896),B=a(4916),q=a(9068);let H=(0,o.dm)(e=>{let{domainId:i,mode:a="edit",onSuccess:l,onReset:s}=e,d=(0,o.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,$.tJ)("enrollmentMode","",{type:"radio",radioOptions:f,isRequired:!0}),Y=(0,$.tJ)("deleteExistingInvitationsSuggestions","",{label:(0,p.G)("formFieldLabel__organizationDomainDeletePending"),type:"checkbox"}),{data:v,isLoading:D}=(0,K.s)(m?.getDomain,{domainId:i});(0,r.useEffect)(()=>{v&&b.setValue(v.enrollmentMode)},[v?.id]);let _=(0,p.G)("organizationProfile.verifiedDomainPage.title",{domain:v?.name||""}),G=(0,p.G)("organizationProfile.verifiedDomainPage.subtitle",{domain:v?.name||""}),T=((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")}),F=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)(y.so,{direction:"row",align:"center",justify:"center",sx:{height:"100%"},children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(v.verification&&"verified"===v.verification.status||s(),(0,n.Y)(I.M,{headerTitle:_,headerSubtitle:h?void 0:G,gap:4,children:(0,n.FD)(y.fv,{gap:6,children:[T.length>0&&(0,n.Y)(B.D,{icon:q.A,children:T.map((e,i)=>(0,n.Y)(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)(x.l.Root,{onSubmit:F,gap:6,children:[(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.RadioGroup,{...b.props})}),h&&"manual_invitation"===b.value&&(0,n.Y)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.Checkbox,{...Y.props})}),(0,n.Y)(C.G,{isDisabled:D||!v,onReset:s})]})]})})):null}),V=(0,o.dm)(e=>{let{domainId:i,onSuccess:a,onReset:l,skipToVerified:s}=e,d=(0,o.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,$.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,r.useRef)(),z=(0,p.G)("organizationProfile.verifyDomainPage.subtitleVerificationCodeScreen",{emailAddress:v.current||""}),D=(0,O.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 _=g.name!==Y.value,G=`@${m?.name}`;return!u&&m||s?(0,n.FD)(L.s,{...b.props,children:[(0,n.Y)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.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)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.InputGroup,{...Y.props,autoFocus:!0,groupSuffix:G,ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!_,onReset:l})]})}),(0,n.FD)(I.M,{headerTitle:h,headerSubtitle:z,children:[(0,n.Y)(x.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)(C.c,{children:(0,n.Y)(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)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})})}),j=(0,o.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,r.useState)(""),[m,u]=(0,r.useState)(!1),h=(0,p.G)("organizationProfile.createDomainPage.title"),f=(0,p.G)("organizationProfile.createDomainPage.subtitle"),b=(0,o.f0)(),{organization:Y}=(0,t.Z5)(),v=(0,$.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)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.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)(x.l.ControlRow,{elementId:v.id,children:(0,n.Y)(x.l.PlainInput,{...v.props,autoFocus:!0,ignorePasswordManager:!0,isRequired:!0})}),(0,n.Y)(C.G,{isDisabled:!z,onReset:a})]})}),(0,n.Y)(V,{domainId:c,onSuccess:()=>{s?.revalidate?.(),i?.()},skipToVerified:m,onReset:a})]})});var Z=a(8080),N=a(2364);let X={manual_invitation:(0,p.G)("organizationProfile.badge__manualInvitation"),automatic_invitation:(0,p.G)("organizationProfile.badge__automaticInvitation"),automatic_suggestion:(0,p.G)("organizationProfile.badge__automaticSuggestion")},J=e=>{let{organizationDomain:i}=e;return i?i.verification&&"verified"===i.verification.status?(0,n.Y)(y.Ex,{localizationKey:X[i.enrollmentMode],colorScheme:"manual_invitation"===i.enrollmentMode?"primary":"success"}):(0,n.Y)(y.Ex,{localizationKey:(0,p.G)("organizationProfile.badge__unverified"),colorScheme:"warning"}):null};var U=a(8046);let W=e=>{let{organizationSettings:i}=(0,P.O)(),{organization:a}=(0,t.Z5)(),{domainId:o,onSuccess:l,onReset:s}=e,d=r.useRef(),{data:c,isLoading:g}=(0,K.s)(a?.getDomain,{domainId:o},{onSuccess(e){d.current={...e}}}),{domains:m}=(0,t.Z5)({domains:{infinite:!0}});return a&&i?g||!c?(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(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},Q=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(W,{onSuccess:i,onReset:i,...e})},ee=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(H,{onSuccess:i,onReset:i,...e})},ei=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(V,{onSuccess:i,onReset:i,skipToVerified:!1,...e})},ea=({domain:e})=>{let i=(e=>{let{open:i}=(0,T.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)(Z.o,{actions:i})},en=(0,b.cb)(e=>{let{verificationStatus:i,enrollmentMode:a,fallback:o,...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,r.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||o?(0,n.FD)(_.rd.ItemList,{id:"organizationDomains",children:[0===g.length&&!d?.isLoading&&o,g.map(e=>(0,n.FD)(G.r.Root,{children:[(0,n.FD)(_.rd.Item,{id:"organizationDomains",hoverable:!0,children:[(0,n.FD)(y.so,{sx:e=>({gap:e.space.$1}),children:[(0,n.Y)(y.EY,{children:e.name}),(0,n.Y)(J,{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)(Q,{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)(y.az,{ref:d?.hasNextPage&&!d.isFetching?c:void 0,sx:{visibility:"hidden"}}),m&&0===d.data.length&&(0,n.Y)(y.az,{sx:[e=>({width:"100%",height:e.space.$10,position:"relative"})],children:(0,n.Y)(y.az,{sx:{display:"flex",margin:"auto",position:"absolute",left:"50%",top:"50%",transform:"translateY(-50%) translateX(-50%)"},children:(0,n.Y)(y.y$,{size:"sm",colorScheme:"primary",elementDescriptor:S.$z.spinner})})})]}):null},{permission:"org:sys_domains:read"});var et=a(8225),er=a(5377);let eo=(0,o.dm)(e=>{let{onSuccess:i,onReset:a}=e,r=(0,p.G)("organizationProfile.profilePage.title"),l=(0,o.f0)(),{organization:s}=(0,t.Z5)(),{organizationSettings:d}=(0,P.O)(),c=(0,$.tJ)("name",s?.name||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationName"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationName")}),g=(0,$.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)(I.M,{headerTitle:r,children:(0,n.FD)(x.l.Root,{onSubmit:h,children:[(0,n.Y)(er.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)(x.l.ControlRow,{elementId:c.id,children:(0,n.Y)(x.l.PlainInput,{...c.props,autoFocus:!0,isRequired:!0,ignorePasswordManager:!0})}),u&&(0,n.Y)(x.l.ControlRow,{elementId:g.id,children:(0,n.Y)(x.l.PlainInput,{...g.props,onChange:e=>{var i;i=e.target.value,g.setValue(i),g.clearFeedback()},ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!m,onReset:a})]})})}),el=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(eo,{onSuccess:e,onReset:e})},es=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(j,{onSuccess:e,onReset:e})},ed=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(A,{onSuccess:e,onReset:e})},ec=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(E,{onSuccess:e,onReset:e})},eg=()=>(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,sx:e=>({gap:e.space.$8}),children:(0,n.FD)(y.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)(_.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)(_.rd.Item,{id:"organizationProfile",children:[i,(0,n.Y)(G.r.Trigger,{value:"edit",children:(0,n.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)(_.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)(y.fv,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.primaryButton"),id:"organizationDomains"}),(0,n.Y)(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)(_.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)(_.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)(_.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)(_.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)(_.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)(_.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(579),eb=a(6088),eY=a(5073),ev=a(1703),eP=a(7591),ez=a(9345),eD=a(3486),e_=a(4482);let ey=({memberships:e,pageSize:i})=>{let a=(0,o.f0)(),{organization:r}=(0,t.Z5)(),{options:l,isLoading:s}=(0,eD.x)();return r?(0,n.Y)(e_.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:r,options:l}=e,{localizeCustomRole:s}=(0,eD.l)(),d=(0,o.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)(e_.Yq,{children:[(0,n.Y)(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)(y.Ex,{localizationKey:(0,p.G)("badge__you")})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",fallback:(0,n.Y)(y.EY,{sx:e=>({opacity:e.opacity.$inactive}),children:s(i.role)||m}),children:(0,n.Y)(e_.Vo,{isDisabled:d.isLoading||!r,value:i.role,fallbackLabel:i.roleName,onChange:r,roles:l})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",children:(0,n.Y)(Z.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.activeMembersTab.menuAction__remove"),isDestructive:!0,onClick:a,isDisabled:g}],elementId:"member"})})})]})};var eG=a(3100);let eT=({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)(y.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)(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)(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 ex=a(78),eC=a(4439),eI=a(7852),eF=a(5013);let eR=({query:e,value:i,memberships:a,onSearchChange:t,onQueryTrigger:o})=>{let{t:l}=(0,ex._)(),s=(0,r.useRef)(null);(0,r.useEffect)(()=>{e&&a?.data&&(a?.count??0)<=eB&&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)(y.so,{sx:{width:"50%",[eP.g.sm]:{width:"auto"}},children:(0,n.Y)(eF.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)(eI.y,{size:"xs"}):(0,n.Y)(y.In,{icon:eC.A,elementDescriptor:S.$z.organizationProfileMembersSearchInputIcon,sx:e=>({color:e.colors.$colorMutedForeground})}),onKeyUp:function(){s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o(i.trim())},500)},onChange:e=>{let i=e.target.value;t(i),""===i&&o(i)},elementDescriptor:S.$z.organizationProfileMembersSearchInput})})})},e$={invitations:{pageSize:10,keepPreviousData:!0}},eL=()=>{let e=(0,o.f0)(),{organization:i,invitations:a}=(0,t.Z5)(e$),{options:r,isLoading:l}=(0,eD.x)();return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage||(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:e$.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)(ew,{options:r,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},ew=e=>{let{invitation:i,onRevoke:a,options:t}=e,{localizeCustomRole:r}=(0,eD.l)(),o=t?.find(e=>e.value===i.role)?.label;return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:{primaryEmailAddress:{emailAddress:i.emailAddress}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.EY,{colorScheme:"secondary",localizationKey:r(i.role)||o})}),(0,n.Y)(y.Td,{children:(0,n.Y)(Z.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.invitedMembersTab.menuAction__revoke"),isDestructive:!0,onClick:a}],elementId:"invitation"})})]})},ek=(0,o.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,m.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.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)(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)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.primaryButton"),id:"manageVerifiedDomains",sx:e=>({gap:e.space.$2}),onClick:i}),(0,n.Y)(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)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eL,{})]})]})}),eA={membershipRequests:{pageSize:10,keepPreviousData:!0}},eE=()=>{let e=(0,o.f0)(),{organization:i,membershipRequests:a}=(0,t.Z5)(eA);return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage??(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eA.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)(eM,{request:i,onError:e.setError},i.id))}):null},eM=(0,o.dm)(e=>{let{request:i,onError:a}=e,r=(0,o.f0)(),{membership:l,membershipRequests:s}=(0,t.Z5)(eA);return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(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)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(eO,{onAccept:()=>{if(l&&s)return r.runAsync(async()=>{await i.accept(),await s.revalidate()},"accept").catch(e=>(0,R.H4)(e,[],a))},onReject:()=>{if(l&&s)return r.runAsync(async()=>{await i.reject(),await s.revalidate()},"reject").catch(e=>(0,R.H4)(e,[],a))}})})]})}),eO=e=>{let i=(0,o.f0)();return(0,n.FD)(y.so,{gap:2,children:[(0,n.Y)(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)(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")})]})},eK=()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,m.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.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)(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)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.primaryButton"),sx:e=>({gap:e.space.$2}),id:"manageVerifiedDomains",onClick:i}),(0,n.Y)(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)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eE,{})]})]})},eB=10,eq=(0,o.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),i=(0,o.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,r.useState)(""),[g,m]=(0,r.useState)(""),{membershipRequests:u,memberships:h,invitations:f}=(0,t.Z5)({membershipRequests:s||void 0,invitations:a||void 0,memberships:l?{keepPreviousData:!0,query:d||void 0}:void 0});return null===a?null:(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,gap:2,children:(0,n.Y)(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:!!h?.count&&(0,n.Y)(ev.a,{shouldAnimate:!d,notificationCount:h.count,colorScheme:"outline"})}),a&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__invitations"),children:f?.data&&!f.isLoading&&(0,n.Y)(ev.a,{notificationCount:f.count,colorScheme:"outline"})}),a&&s&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__requests"),children:u?.data&&!u.isLoading&&(0,n.Y)(ev.a,{notificationCount:u.count,colorScheme:"outline"})})]}),(0,n.FD)(eY.T2,{children:[l&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(y.so,{gap:4,direction:"col",sx:{width:"100%"},children:(0,n.FD)(y.so,{gap:2,direction:"col",sx:{width:"100%"},children:[(0,n.Y)(eT,{actionSlot:(0,n.Y)(eR,{query:d,value:g,memberships:h,onSearchChange:e=>m(e),onQueryTrigger:e=>c(e)})}),(0,n.Y)(ey,{pageSize:eB,memberships:h})]})})}),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)(eK,{})})]})]})]})})})}),eH=(0,r.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}))),eV=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("326"),a.e("223")]).then(a.bind(a,6518)).then(e=>({default:e.OrganizationAPIKeysPage}))),ej=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("970"),a.e("264")]).then(a.bind(a,2754)).then(e=>({default:e.OrganizationPlansPage}))),eZ=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("627")]).then(a.bind(a,4425)).then(e=>({default:e.OrganizationStatementPage}))),eN=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("122")]).then(a.bind(a,4447)).then(e=>({default:e.OrganizationPaymentAttemptPage}))),eX=()=>{let{pages:e,isMembersPageRoot:i,isGeneralPageRoot:a,isBillingPageRoot:t,isAPIKeysPageRoot:o,shouldShowBilling:l,apiKeysProps:s}=(0,m.V)(),{apiKeysSettings:d,commerceSettings:c}=(0,P.O)(),g=e.contents?.map((e,t)=>{let r=!a&&!i&&0===t;return(0,n.Y)(f.q,{index:r,path:r?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)(eq,{})})})})}),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)(r.Suspense,{fallback:"",children:(0,n.Y)(eH,{})})}),c.billing.organization.hasPaidPlans?(0,n.Y)(f.q,{path:"plans",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(ej,{})})}):null,(0,n.Y)(f.q,{path:"statement/:statementId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eZ,{})})}),(0,n.Y)(f.q,{path:"payment-attempt/:paymentAttemptId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eN,{})})})]})})}):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:o?void 0:"organization-api-keys",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eV,{})})})})})})]})]})},eJ=(0,g.G)(()=>{let e=r.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)(eX,{})})]})})}),eU=(0,o.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)(eJ,{})})})})})}):null}),eW=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)(eU,{...i})})})})}},5892:function(e,i,a){a.d(i,{V:()=>g,o:()=>c});var n=a(5543),t=a(5074),r=a(3121),o=a(1227),l=a(4964),s=a(7697),d=a(7288);let c=(0,t.createContext)(null),g=()=>{let e=(0,t.useContext)(c),{navigate:i}=(0,l.r)(),a=(0,s.O)(),g=(0,n.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:m,customPages:u,...p}=e,h=(0,d.Rs)(),f=(0,d.eT)(),b=h.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),Y=a.commerceSettings.billing.organization.hasPaidPlans||b||f.data.length>0,v=(0,t.useMemo)(()=>(0,r.q)(u||[],g,Y,a),[u,Y]),P=v.routes[0].id===o.jc.MEMBERS,z=v.routes[0].id===o.jc.GENERAL,D=v.routes[0].id===o.jc.BILLING,_=v.routes[0].id===o.jc.API_KEYS;return{...p,pages:v,navigateAfterLeaveOrganization:()=>i(p.afterLeaveOrganizationUrl||a.displayConfig.afterLeaveOrganizationUrl),componentName:m,navigateToGeneralPageRoot:()=>i(z?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:z,isBillingPageRoot:D,isAPIKeysPageRoot:_,shouldShowBilling:Y}}},7288:function(e,i,a){a.d(i,{A$:()=>h,D:()=>f,Ij:()=>d,Rs:()=>p,eT:()=>u,mu:()=>g,wD:()=>m});var n=a(5543),t=a(5074),r=a(7477),o=a(5424),l=a(2861),s=a(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"})),a=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a?.organization&&i}},g=()=>{let e=c();return(0,n.X$)(e)},m=()=>{let e=c();return(0,n.t7)(e)},u=e=>{let i=c();return(0,n.tr)({...i,__experimental_mode:e?.mode})},p=()=>{let e=c(),i=(0,n.kH)(e),a=(0,t.useMemo)(()=>i.data?.subscriptionItems||[],[i.data?.subscriptionItems]);return{...i,subscriptionItems:a}},h=e=>{let i=(0,s.XX)();return(0,n.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},f=()=>{let e=(0,n.ho)(),{session:i}=(0,n.wV)(),a=(0,s.XX)(),r=(0,t.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:d,revalidate:c,data:m}=p(),{data:f,revalidate:b}=h({mode:"cache"}),{revalidate:Y}=u({mode:"cache"}),{revalidate:v}=g(),P=(0,t.useCallback)(()=>{c(),b(),Y(),v()},[c,b,Y,v]),z=(0,t.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),D=(0,t.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),_=(0,t.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),y=(0,t.useCallback)((e,i="month")=>{let a=_(e);if(a.length>1){let e=a.find(e=>e.planPeriod===i);return e||a[0]}if(1===a.length)return a[0]},[_]),S=(0,t.useCallback)(({plan:e,subscription:i})=>{let a=i??(e?D(e):void 0);return!a||!a.canceledAt},[D]),G=(0,t.useCallback)(({plan:e,subscription:a,isCompact:n=!1,selectedPlanPeriod:t="annual"})=>{let o=a??(e?y(e,t):void 0),s=t,c=!!e?.annualMonthlyFee;"annual"!==s||c||(s="month");let g=a=>{if(e?.freeTrialEnabled){let a=!i,n=m?.eligibleForFreeTrial;if(a||n)return(0,l.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:g((()=>{if(o){if(s!==o.planPeriod&&o.canceledAt){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}if(o.canceledAt)return(0,l.G)("billing.reSubscribe");if(s!==o.planPeriod){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}return(0,l.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,l.G)("billing.switchPlan"):g((0,l.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!r,disabled:!r}},[y,r,d,m]),T=(0,t.useCallback)(e=>e.pastDueAt?(0,l.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,l.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,l.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,l.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),x=(0,t.useCallback)(i=>{let n=(0,o.J)("modal",i);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,a,P]);return{activeOrUpcomingSubscription:D,activeAndUpcomingSubscriptions:_,activeOrUpcomingSubscriptionBasedOnPlanPeriod:y,isDefaultPlanImplicitlyActiveOrUpcoming:z,handleSelectPlan:(0,t.useCallback)(({plan:n,planPeriod:t,mode:r="mounted",event:l,appearance:s,newSubscriptionRedirectUrl:d})=>{let c=(0,o.J)(r,l);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==t||n.annualMonthlyFee?t:"month",for:a,onSubscriptionComplete:()=>{P()},onClose:()=>{i?.id&&e.setActive({session:i.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:d})},[e,P,a,i?.id]),openSubscriptionDetails:x,buttonPropsForPlan:G,canManageSubscription:S,captionForSubscription:T,defaultFreePlan:(0,t.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:P}}},6256:function(e,i,a){a.d(i,{N7:()=>l,XX:()=>o,m$:()=>r});var n=a(5074);let t="user",r=(0,n.createContext)(t),o=()=>(0,n.useContext)(r)||t,l=()=>"user"===o()?"userProfile":"organizationProfile"}}]);
|
|
1
|
+
"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["310"],{6568:function(e,i,a){a.r(i),a.d(i,{OrganizationProfileModal:()=>e0,OrganizationProfile:()=>eW});var n=a(4518),t=a(1210),r=a(5074),o=a(1227),l=a(6256),s=a(3264),d=a(5892),c=a(4607),g=a(2861),m=a(3269),u=a(9764),p=a(5396),h=a(7831),f=a(2265),b=a(7477);let Y=e=>{let{organization:i}=(0,t.Z5)(),{apiKeysProps:a,pages:r}=(0,d.V)(),l=(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=r.routes.filter(e=>e.id!==o.jc.MEMBERS||e.id===o.jc.MEMBERS&&l).filter(e=>e.id!==o.jc.BILLING||e.id===o.jc.BILLING&&s).filter(e=>e.id!==o.jc.API_KEYS||!a?.hide);return i?(0,n.FD)(u.XM,{contentRef:e.contentRef,children:[(0,n.Y)(u.jq,{title:(0,g.G)("organizationProfile.navbar.title"),description:(0,g.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),_=a(4003),y=a(8272),S=a(8920),G=a(3453),T=a(2513),x=a(2454),C=a(1475),I=a(3549),F=a(6370),R=a(4468),$=a(8640),L=a(6245),w=a(3689);let k=e=>{let i=(0,m.f0)(),{navigateAfterLeaveOrganization:a}=(0,d.V)(),{userMemberships:n,userInvitations:r}=(0,t.D_)({userMemberships:w.mu.userMemberships,userInvitations:w.mu.userInvitations});return()=>i.runAsync(async()=>{await e?.()}).then(()=>{n.revalidate?.(),r.revalidate?.(),a()})},A=e=>{let{organization:i}=(0,t.Z5)(),{user:a}=(0,t.Jd)(),r=k(()=>a.leaveOrganization(i.id));return i&&a?(0,n.Y)(M,{organizationName:i.name,title:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),messageLine1:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine1"),messageLine2:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine2"),actionDescription:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),successMessage:(0,g.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.successMessage"),onConfirmation:r,...e}):null},E=e=>{let{organization:i,membership:a}=(0,t.Z5)(),r=k(i?.destroy);return i&&a?(0,n.Y)(M,{organizationName:i.name,title:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),messageLine1:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine1"),messageLine2:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine2"),actionDescription:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),successMessage:(0,g.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.successMessage"),onConfirmation:r,...e}):null},M=(0,m.dm)(e=>{let{title:i,messageLine1:a,messageLine2:t,actionDescription:r,organizationName:o,successMessage:l,submitLabel:s,onSuccess:d,onReset:c,onConfirmation:u,colorScheme:p="danger"}=e,h=(0,L.X)(),f=(0,m.f0)(),b=(0,$.tJ)("deleteOrganizationConfirmation","",{type:"text",label:r,isRequired:!0,placeholder:o}),Y=!r||b.value===o,v=async()=>{if(Y)try{await u().then(()=>h.nextStep())}catch(e){(0,R.H4)(e,[],f.setError)}};return(0,n.FD)(L.s,{...h.props,children:[(0,n.Y)(I.M,{headerTitle:i,gap:1,children:(0,n.FD)(x.l.Root,{onSubmit:v,children:[(0,n.FD)(y.fv,{children:[(0,n.Y)(y.EY,{localizationKey:a,colorScheme:"secondary"}),(0,n.Y)(y.EY,{localizationKey:t,colorScheme:"danger"})]}),(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.PlainInput,{...b.props})}),(0,n.FD)(C.c,{children:[(0,n.Y)(x.l.SubmitButton,{block:!1,colorScheme:p,localizationKey:s,isDisabled:!Y}),(0,n.Y)(x.l.ResetButton,{localizationKey:(0,g.G)("userProfile.formButtonReset"),block:!1,onClick:c})]})]})}),(0,n.Y)(F.B,{title:i,text:l,onFinish:d})]})});var O=a(3356),K=a(7896),B=a(4916),q=a(9068);let H=(0,m.dm)(e=>{let{domainId:i,mode:a="edit",onSuccess:o,onReset:l}=e,s=(0,m.f0)(),{organizationSettings:d}=(0,P.O)(),{membership:c,organization:u,domains:p}=(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,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__label"),description:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_invitation")&&e.push({value:"automatic_invitation",label:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__label"),description:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_suggestion")&&e.push({value:"automatic_suggestion",label:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__label"),description:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__description")}),e})(),b=(0,$.tJ)("enrollmentMode","",{type:"radio",radioOptions:f,isRequired:!0}),Y=(0,$.tJ)("deleteExistingInvitationsSuggestions","",{label:(0,g.G)("formFieldLabel__organizationDomainDeletePending"),type:"checkbox"}),{data:v,isLoading:D}=(0,K.s)(u?.getDomain,{domainId:i});(0,r.useEffect)(()=>{v&&b.setValue(v.enrollmentMode)},[v?.id]);let _=(0,g.G)("organizationProfile.verifiedDomainPage.title",{domain:v?.name||""}),G=(0,g.G)("organizationProfile.verifiedDomainPage.subtitle",{domain:v?.name||""}),T=((e,{infoLabel:i})=>{let a=e?.totalPendingInvitations||0;return 0===(e?.totalPendingSuggestions||0)+a?[]:[i,(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInvitationCountLabel",{count:a}),(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutSuggestionCountLabel",{count:a})]})(v,{infoLabel:(0,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInfoLabel")}),F=async()=>{if(v&&u&&c&&p)try{await v.updateEnrollmentMode({enrollmentMode:b.value,deletePending:Y.checked}),await p.revalidate(),o()}catch(e){(0,R.H4)(e,[b],s.setError)}};return u&&d?D||!v?(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",sx:{height:"100%"},children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(v.verification&&"verified"===v.verification.status||l(),(0,n.Y)(I.M,{headerTitle:_,headerSubtitle:h?void 0:G,gap:4,children:(0,n.FD)(y.fv,{gap:6,children:[T.length>0&&(0,n.Y)(B.D,{icon:q.A,children:T.map((e,i)=>(0,n.Y)(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,g.G)("organizationProfile.verifiedDomainPage.enrollmentTab.subtitle"),variant:"subtitle"})}),(0,n.FD)(x.l.Root,{onSubmit:F,gap:6,children:[(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.RadioGroup,{...b.props})}),h&&"manual_invitation"===b.value&&(0,n.Y)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.Checkbox,{...Y.props})}),(0,n.Y)(C.G,{isDisabled:D||!v,onReset:l})]})]})})):null}),V=(0,m.dm)(e=>{let{domainId:i,onSuccess:a,onReset:o,skipToVerified:l}=e,s=(0,m.f0)(),{organizationSettings:d}=(0,P.O)(),{organization:c}=(0,t.Z5)(),{data:u,isLoading:p}=(0,K.s)(l?void 0:c?.getDomain,{domainId:i}),h=(0,g.G)("organizationProfile.verifyDomainPage.title"),f=(0,g.G)("organizationProfile.verifyDomainPage.subtitle",{domainName:u?.name??""}),b=(0,L.X)({defaultStep:2*!!l,onNextStep:()=>s.setError(void 0)}),Y=(0,$.tJ)("affiliationEmailAddress","",{type:"text",label:(0,g.G)("formFieldLabel__organizationDomainEmailAddress"),placeholder:(0,g.G)("formFieldInputPlaceholder__organizationDomainEmailAddress"),infoText:(0,g.G)("formFieldLabel__organizationDomainEmailAddressDescription"),isRequired:!0}),v=(0,r.useRef)(),z=(0,g.G)("organizationProfile.verifyDomainPage.subtitleVerificationCodeScreen",{emailAddress:v.current||""}),D=(0,O.xM)({onCodeEntryFinished:(e,i,n)=>{u?.attemptAffiliationVerification?.({code:e}).then(async e=>{await i(),e.verification?.status==="verified"?b.nextStep():a?.()}).catch(e=>n(e))},onResendCodeClicked:()=>{u?.prepareAffiliationVerification({affiliationEmailAddress:Y.value}).catch(e=>{(0,R.H4)(e,[Y],s.setError)})}});if(!c||!d)return null;let _=c.name!==Y.value,G=`@${u?.name}`;return!p&&u||l?(0,n.FD)(L.s,{...b.props,children:[(0,n.Y)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.l.Root,{onSubmit:e=>{if(e.preventDefault(),u)return v.current=`${Y.value}${G}`,u.prepareAffiliationVerification({affiliationEmailAddress:v.current}).then(b.nextStep).catch(e=>{(0,R.H4)(e,[Y],s.setError)})},children:[(0,n.Y)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.InputGroup,{...Y.props,autoFocus:!0,groupSuffix:G,ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!_,onReset:o})]})}),(0,n.FD)(I.M,{headerTitle:h,headerSubtitle:z,children:[(0,n.Y)(x.l.OTPInput,{...D,label:(0,g.G)("organizationProfile.verifyDomainPage.formTitle"),description:(0,g.G)("organizationProfile.verifyDomainPage.formSubtitle"),resendButton:(0,g.G)("organizationProfile.verifyDomainPage.resendButton")}),(0,n.Y)(C.c,{children:(0,n.Y)(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,g.G)("userProfile.formButtonReset")})})]}),(0,n.Y)(H,{domainId:i,mode:"select",onSuccess:a,onReset:o})]}):(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})})}),j=(0,m.dm)(e=>{let{onSuccess:i,onReset:a}=e,{organizationSettings:o}=(0,P.O)(),{domains:l}=(0,t.Z5)({domains:{infinite:!0}}),s=(0,L.X)({onNextStep:()=>b.setError(void 0)}),[d,c]=(0,r.useState)(""),[u,p]=(0,r.useState)(!1),h=(0,g.G)("organizationProfile.createDomainPage.title"),f=(0,g.G)("organizationProfile.createDomainPage.subtitle"),b=(0,m.f0)(),{organization:Y}=(0,t.Z5)(),v=(0,$.tJ)("name","",{type:"text",label:(0,g.G)("formFieldLabel__organizationDomain"),placeholder:(0,g.G)("formFieldInputPlaceholder__organizationDomain")});if(!Y||!o)return null;let z=""!==v.value.trim();return(0,n.FD)(L.s,{...s.props,children:[(0,n.Y)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.l.Root,{onSubmit:e=>(v.clearFeedback(),e.preventDefault(),Y.createDomain(v.value).then(async e=>{c(e.id),l?.revalidate?.(),e.verification&&"verified"===e.verification.status&&p(!0),s.nextStep()}).catch(e=>{(0,R.H4)(e,[v],b.setError)})),children:[(0,n.Y)(x.l.ControlRow,{elementId:v.id,children:(0,n.Y)(x.l.PlainInput,{...v.props,autoFocus:!0,ignorePasswordManager:!0,isRequired:!0})}),(0,n.Y)(C.G,{isDisabled:!z,onReset:a})]})}),(0,n.Y)(V,{domainId:d,onSuccess:()=>{l?.revalidate?.(),i?.()},skipToVerified:u,onReset:a})]})});var Z=a(8080),N=a(2364);let X={manual_invitation:(0,g.G)("organizationProfile.badge__manualInvitation"),automatic_invitation:(0,g.G)("organizationProfile.badge__automaticInvitation"),automatic_suggestion:(0,g.G)("organizationProfile.badge__automaticSuggestion")},J=e=>{let{organizationDomain:i}=e;return i?i.verification&&"verified"===i.verification.status?(0,n.Y)(y.Ex,{localizationKey:X[i.enrollmentMode],colorScheme:"manual_invitation"===i.enrollmentMode?"primary":"success"}):(0,n.Y)(y.Ex,{localizationKey:(0,g.G)("organizationProfile.badge__unverified"),colorScheme:"warning"}):null};var U=a(8046);let W=e=>{let{organizationSettings:i}=(0,P.O)(),{organization:a}=(0,t.Z5)(),{domainId:o,onSuccess:l,onReset:s}=e,d=r.useRef(),{data:c,isLoading:m}=(0,K.s)(a?.getDomain,{domainId:o},{onSuccess(e){d.current={...e}}}),{domains:u}=(0,t.Z5)({domains:{infinite:!0}});return a&&i?m||!c?(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(0,n.Y)(U.P,{title:(0,g.G)("organizationProfile.removeDomainPage.title"),messageLine1:(0,g.G)("organizationProfile.removeDomainPage.messageLine1",{domain:d.current?.name||""}),messageLine2:(0,g.G)("organizationProfile.removeDomainPage.messageLine2"),deleteResource:()=>c?.delete().then(async()=>{await u?.revalidate?.(),l()}),onSuccess:l,onReset:s}):null},Q=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(W,{onSuccess:i,onReset:i,...e})},ee=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(H,{onSuccess:i,onReset:i,...e})},ei=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(V,{onSuccess:i,onReset:i,skipToVerified:!1,...e})},ea=({domain:e})=>{let i=(e=>{let{open:i}=(0,T.D5)(),a=[];return e.verification&&"verified"===e.verification.status?a.push({label:(0,g.G)("organizationProfile.profilePage.domainSection.menuAction__manage"),onClick:()=>i("manage")}):a.push({label:(0,g.G)("organizationProfile.profilePage.domainSection.menuAction__verify"),onClick:()=>i("verify")}),a.push({label:(0,g.G)("organizationProfile.profilePage.domainSection.menuAction__remove"),isDestructive:!0,onClick:()=>i("remove")}),a})(e);return(0,n.Y)(Z.o,{actions:i})},en=(0,b.cb)(e=>{let{verificationStatus:i,enrollmentMode:a,fallback:o,...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,r.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||o?(0,n.FD)(_.rd.ItemList,{id:"organizationDomains",children:[0===g.length&&!d?.isLoading&&o,g.map(e=>(0,n.FD)(G.r.Root,{children:[(0,n.FD)(_.rd.Item,{id:"organizationDomains",hoverable:!0,children:[(0,n.FD)(y.so,{sx:e=>({gap:e.space.$1}),children:[(0,n.Y)(y.EY,{children:e.name}),(0,n.Y)(J,{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)(Q,{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)(y.az,{ref:d?.hasNextPage&&!d.isFetching?c:void 0,sx:{visibility:"hidden"}}),m&&0===d.data.length&&(0,n.Y)(y.az,{sx:[e=>({width:"100%",height:e.space.$10,position:"relative"})],children:(0,n.Y)(y.az,{sx:{display:"flex",margin:"auto",position:"absolute",left:"50%",top:"50%",transform:"translateY(-50%) translateX(-50%)"},children:(0,n.Y)(y.y$,{size:"sm",colorScheme:"primary",elementDescriptor:S.$z.spinner})})})]}):null},{permission:"org:sys_domains:read"});var et=a(8225),er=a(5377);let eo=(0,m.dm)(e=>{let{onSuccess:i,onReset:a}=e,r=(0,g.G)("organizationProfile.profilePage.title"),o=(0,m.f0)(),{organization:l}=(0,t.Z5)(),{organizationSettings:s}=(0,P.O)(),d=(0,$.tJ)("name",l?.name||"",{type:"text",label:(0,g.G)("formFieldLabel__organizationName"),placeholder:(0,g.G)("formFieldInputPlaceholder__organizationName")}),c=(0,$.tJ)("slug",l?.slug||"",{type:"text",label:(0,g.G)("formFieldLabel__organizationSlug"),placeholder:(0,g.G)("formFieldInputPlaceholder__organizationSlug")});if(!l)return null;let u=(l.name!==d.value||l.slug!==c.value)&&"error"!==c.feedbackType,p=!s.slug.disabled,h=async e=>{e.preventDefault();let a={name:d.value};return p&&(a.slug=c.value),(u?l.update(a):Promise.resolve()).then(i).catch(e=>{(0,R.H4)(e,[d,c],o.setError)})};return(0,n.Y)(I.M,{headerTitle:r,children:(0,n.FD)(x.l.Root,{onSubmit:h,children:[(0,n.Y)(er.i,{organization:l,onAvatarChange:e=>l.setLogo({file:e}).then(()=>{o.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],o.setError)),onAvatarRemove:(0,et.p)(l.imageUrl)?null:()=>{l.setLogo({file:null}).then(()=>{o.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],o.setError))}}),(0,n.Y)(x.l.ControlRow,{elementId:d.id,children:(0,n.Y)(x.l.PlainInput,{...d.props,autoFocus:!0,isRequired:!0,ignorePasswordManager:!0})}),p&&(0,n.Y)(x.l.ControlRow,{elementId:c.id,children:(0,n.Y)(x.l.PlainInput,{...c.props,onChange:e=>{var i;i=e.target.value,c.setValue(i),c.clearFeedback()},ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!u,onReset:a})]})})}),el=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(eo,{onSuccess:e,onReset:e})},es=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(j,{onSuccess:e,onReset:e})},ed=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(A,{onSuccess:e,onReset:e})},ec=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(E,{onSuccess:e,onReset:e})},eg=()=>(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,sx:e=>({gap:e.space.$8}),children:(0,n.FD)(y.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,g.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)(_.rd.Root,{title:(0,g.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)(_.rd.Item,{id:"organizationProfile",children:[i,(0,n.Y)(G.r.Trigger,{value:"edit",children:(0,n.Y)(_.rd.Button,{id:"organizationProfile",localizationKey:(0,g.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)(_.rd.Root,{title:(0,g.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)(y.fv,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,g.G)("organizationProfile.profilePage.domainSection.primaryButton"),id:"organizationDomains"}),(0,n.Y)(y.EY,{localizationKey:(0,g.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)(_.rd.Root,{id:"organizationDanger",title:(0,g.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)(_.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)(_.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,g.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)(_.rd.Root,{id:"organizationDanger",title:(0,g.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)(_.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)(_.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,g.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(579),eb=a(6088),eY=a(5073),ev=a(1703),eP=a(7591),ez=a(9345),eD=a(3486),e_=a(4482);let ey=({memberships:e,pageSize:i})=>{let a=(0,m.f0)(),{organization:r}=(0,t.Z5)(),{options:o,isLoading:l}=(0,eD.x)();return r?(0,n.Y)(e_.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||l,emptyStateLocalizationKey:(0,g.G)("organizationProfile.membersPage.detailsTitle__emptyRow"),headers:[(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__joined"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(e?.data||[]).map(i=>(0,n.Y)(eS,{membership:i,options:o,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:r,options:o}=e,{localizeCustomRole:l}=(0,eD.l)(),s=(0,m.f0)(),{user:d}=(0,t.Jd)(),c=d?.id===i.publicUserData?.userId,u=o?.find(e=>e.value===i.role)?.label;return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:i.publicUserData,subtitle:i.publicUserData?.identifier,subtitleProps:{variant:"caption"},badge:c&&(0,n.Y)(y.Ex,{localizationKey:(0,g.G)("badge__you")})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",fallback:(0,n.Y)(y.EY,{sx:e=>({opacity:e.opacity.$inactive}),children:l(i.role)||u}),children:(0,n.Y)(e_.Vo,{isDisabled:s.isLoading||!r,value:i.role,fallbackLabel:i.roleName,onChange:r,roles:o})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",children:(0,n.Y)(Z.o,{actions:[{label:(0,g.G)("organizationProfile.membersPage.activeMembersTab.menuAction__remove"),isDestructive:!0,onClick:a,isDisabled:c}],elementId:"member"})})})]})};var eG=a(3100);let eT=({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)(y.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)(y.$n,{elementDescriptor:S.$z.membersPageInviteButton,"aria-label":"Invite",localizationKey:(0,g.G)("organizationProfile.membersPage.action__invite")})})]})}),i&&(0,n.Y)(ef.k,{children:(0,n.Y)(G.r.Open,{value:"invite",children:(0,n.Y)(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 ex=a(78),eC=a(4439),eI=a(7852),eF=a(5013);let eR=({query:e,value:i,memberships:a,onSearchChange:t,onQueryTrigger:o})=>{let{t:l}=(0,ex._)(),s=(0,r.useRef)(null);(0,r.useEffect)(()=>{e&&a?.data&&(a?.count??0)<=eB&&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)(y.so,{sx:{width:"50%",[eP.g.sm]:{width:"auto"}},children:(0,n.Y)(eF.e,{value:i,type:"search",autoCapitalize:"none",spellCheck:!1,"aria-label":"Search",placeholder:l((0,g.G)("organizationProfile.membersPage.action__search")),leftIcon:d?(0,n.Y)(eI.y,{size:"xs"}):(0,n.Y)(y.In,{icon:eC.A,elementDescriptor:S.$z.organizationProfileMembersSearchInputIcon,sx:e=>({color:e.colors.$colorMutedForeground})}),onKeyUp:function(){s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o(i.trim())},500)},onChange:e=>{let i=e.target.value;t(i),""===i&&o(i)},elementDescriptor:S.$z.organizationProfileMembersSearchInput})})})},e$={invitations:{pageSize:10,keepPreviousData:!0}},eL=()=>{let e=(0,m.f0)(),{organization:i,invitations:a}=(0,t.Z5)(e$),{options:r,isLoading:o}=(0,eD.x)();return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage||(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:e$.invitations.pageSize,isLoading:a?.isLoading||o,emptyStateLocalizationKey:(0,g.G)("organizationProfile.membersPage.invitationsTab.table__emptyRow"),headers:[(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,g.G)("organizationProfile.membersPage.invitedMembersTab.tableHeader__invited"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(ew,{options:r,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},ew=e=>{let{invitation:i,onRevoke:a,options:t}=e,{localizeCustomRole:r}=(0,eD.l)(),o=t?.find(e=>e.value===i.role)?.label;return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:{primaryEmailAddress:{emailAddress:i.emailAddress}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.EY,{colorScheme:"secondary",localizationKey:r(i.role)||o})}),(0,n.Y)(y.Td,{children:(0,n.Y)(Z.o,{actions:[{label:(0,g.G)("organizationProfile.membersPage.invitedMembersTab.menuAction__revoke"),isDestructive:!0,onClick:a}],elementId:"invitation"})})]})},ek=(0,m.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,d.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.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)(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,g.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,g.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.primaryButton"),id:"manageVerifiedDomains",sx:e=>({gap:e.space.$2}),onClick:i}),(0,n.Y)(y.EY,{localizationKey:(0,g.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)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eL,{})]})]})}),eA={membershipRequests:{pageSize:10,keepPreviousData:!0}},eE=()=>{let e=(0,m.f0)(),{organization:i,membershipRequests:a}=(0,t.Z5)(eA);return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage??(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eA.membershipRequests.pageSize,isLoading:a?.isLoading,emptyStateLocalizationKey:(0,g.G)("organizationProfile.membersPage.requestsTab.table__emptyRow"),headers:[(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,g.G)("organizationProfile.membersPage.requestsTab.tableHeader__requested"),(0,g.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eM,{request:i,onError:e.setError},i.id))}):null},eM=(0,m.dm)(e=>{let{request:i,onError:a}=e,r=(0,m.f0)(),{membership:o,membershipRequests:l}=(0,t.Z5)(eA);return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(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)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(eO,{onAccept:()=>{if(o&&l)return r.runAsync(async()=>{await i.accept(),await l.revalidate()},"accept").catch(e=>(0,R.H4)(e,[],a))},onReject:()=>{if(o&&l)return r.runAsync(async()=>{await i.reject(),await l.revalidate()},"reject").catch(e=>(0,R.H4)(e,[],a))}})})]})}),eO=e=>{let i=(0,m.f0)();return(0,n.FD)(y.so,{gap:2,children:[(0,n.Y)(y.$n,{textVariant:"buttonSmall",variant:"ghost",isLoading:i.isLoading&&"reject"===i.loadingMetadata,isDisabled:i.isLoading&&"reject"!==i.loadingMetadata,onClick:e.onReject,localizationKey:(0,g.G)("organizationProfile.membersPage.requestsTab.menuAction__reject")}),(0,n.Y)(y.$n,{textVariant:"buttonSmall",isLoading:i.isLoading&&"accept"===i.loadingMetadata,isDisabled:i.isLoading&&"accept"!==i.loadingMetadata,onClick:e.onAccept,localizationKey:(0,g.G)("organizationProfile.membersPage.requestsTab.menuAction__approve")})]})},eK=()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,d.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.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)(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,g.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,g.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.primaryButton"),sx:e=>({gap:e.space.$2}),id:"manageVerifiedDomains",onClick:i}),(0,n.Y)(y.EY,{localizationKey:(0,g.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)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eE,{})]})]})},eB=10,eq=(0,m.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),i=(0,m.f0)(),a=(0,b.Fd)({permission:"org:sys_memberships:manage"}),o=(0,b.Fd)({permission:"org:sys_memberships:read"}),l=e?.domains?.enabled&&a,[s,d]=(0,r.useState)(""),[c,u]=(0,r.useState)(""),{membershipRequests:p,memberships:h,invitations:f}=(0,t.Z5)({membershipRequests:l||void 0,invitations:a||void 0,memberships:o?{keepPreviousData:!0,query:s||void 0}:void 0});return null===a?null:(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,gap:2,children:(0,n.Y)(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,g.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:[o&&(0,n.Y)(eY.oz,{localizationKey:(0,g.G)("organizationProfile.membersPage.start.headerTitle__members"),children:!!h?.count&&(0,n.Y)(ev.a,{shouldAnimate:!s,notificationCount:h.count,colorScheme:"outline"})}),a&&(0,n.Y)(eY.oz,{localizationKey:(0,g.G)("organizationProfile.membersPage.start.headerTitle__invitations"),children:f?.data&&!f.isLoading&&(0,n.Y)(ev.a,{notificationCount:f.count,colorScheme:"outline"})}),a&&l&&(0,n.Y)(eY.oz,{localizationKey:(0,g.G)("organizationProfile.membersPage.start.headerTitle__requests"),children:p?.data&&!p.isLoading&&(0,n.Y)(ev.a,{notificationCount:p.count,colorScheme:"outline"})})]}),(0,n.FD)(eY.T2,{children:[o&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(y.so,{gap:4,direction:"col",sx:{width:"100%"},children:(0,n.FD)(y.so,{gap:2,direction:"col",sx:{width:"100%"},children:[(0,n.Y)(eT,{actionSlot:(0,n.Y)(eR,{query:s,value:c,memberships:h,onSearchChange:e=>u(e),onQueryTrigger:e=>d(e)})}),(0,n.Y)(ey,{pageSize:eB,memberships:h})]})})}),a&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(ek,{})}),a&&l&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eK,{})})]})]})]})})})}),eH=(0,r.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}))),eV=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("326"),a.e("223")]).then(a.bind(a,6518)).then(e=>({default:e.OrganizationAPIKeysPage}))),ej=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("970"),a.e("264")]).then(a.bind(a,2754)).then(e=>({default:e.OrganizationPlansPage}))),eZ=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("627")]).then(a.bind(a,4425)).then(e=>({default:e.OrganizationStatementPage}))),eN=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("122")]).then(a.bind(a,4447)).then(e=>({default:e.OrganizationPaymentAttemptPage}))),eX=()=>{let{pages:e,isMembersPageRoot:i,isGeneralPageRoot:a,isBillingPageRoot:t,isAPIKeysPageRoot:o,shouldShowBilling:l,apiKeysProps:s}=(0,d.V)(),{apiKeysSettings:c,commerceSettings:g}=(0,P.O)(),m=e.contents?.map((e,t)=>{let r=!a&&!i&&0===t;return(0,n.Y)(f.q,{index:r,path:r?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:[m,(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)(eq,{})})})})}),g.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)(r.Suspense,{fallback:"",children:(0,n.Y)(eH,{})})}),g.billing.organization.hasPaidPlans?(0,n.Y)(f.q,{path:"plans",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(ej,{})})}):null,(0,n.Y)(f.q,{path:"statement/:statementId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eZ,{})})}),(0,n.Y)(f.q,{path:"payment-attempt/:paymentAttemptId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eN,{})})})]})})}):null,c.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:o?void 0:"organization-api-keys",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eV,{})})})})})})]})]})},eJ=()=>{let{organization:e}=(0,t.Z5)();return e?(0,n.Y)(c.n.Root,{flow:"organizationProfile",children:(0,n.Y)(c.n.Part,{children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{children:(0,n.Y)(l.m$.Provider,{value:"organization",children:(0,n.Y)(eU,{})})})})})}):null},eU=(0,s.G)(()=>{let e=r.useRef(null);return(0,n.Y)(p.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)(u.oT,{navbarTitleLocalizationKey:(0,g.G)("organizationProfile.navbar.title")}),(0,n.Y)(p.a.Content,{contentRef:e,scrollBoxId:o.qJ,children:(0,n.Y)(eX,{})})]})})}),eW=(0,m.dm)(eJ),eQ=(0,m.dm)(eJ),e0=e=>{let i={...e,routing:"virtual",componentName:"OrganizationProfile",mode:"modal"};return(0,n.Y)(f.q,{path:"organizationProfile",children:(0,n.Y)(d.o.Provider,{value:i,children:(0,n.Y)("div",{children:(0,n.Y)(eQ,{...i})})})})}},5892:function(e,i,a){a.d(i,{V:()=>g,o:()=>c});var n=a(1210),t=a(5074),r=a(3121),o=a(1227),l=a(4964),s=a(7697),d=a(7288);let c=(0,t.createContext)(null),g=()=>{let e=(0,t.useContext)(c),{navigate:i}=(0,l.r)(),a=(0,s.O)(),g=(0,n.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:m,customPages:u,...p}=e,h=(0,d.Rs)(),f=(0,d.eT)(),b=h.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),Y=a.commerceSettings.billing.organization.hasPaidPlans||b||f.data.length>0,v=(0,t.useMemo)(()=>(0,r.q)(u||[],g,Y,a),[u,Y]),P=v.routes[0].id===o.jc.MEMBERS,z=v.routes[0].id===o.jc.GENERAL,D=v.routes[0].id===o.jc.BILLING,_=v.routes[0].id===o.jc.API_KEYS;return{...p,pages:v,navigateAfterLeaveOrganization:()=>i(p.afterLeaveOrganizationUrl||a.displayConfig.afterLeaveOrganizationUrl),componentName:m,navigateToGeneralPageRoot:()=>i(z?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:z,isBillingPageRoot:D,isAPIKeysPageRoot:_,shouldShowBilling:Y}}},7288:function(e,i,a){a.d(i,{A$:()=>h,D:()=>f,Ij:()=>d,Rs:()=>p,eT:()=>u,mu:()=>g,wD:()=>m});var n=a(1210),t=a(5074),r=a(7477),o=a(5424),l=a(2861),s=a(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"})),a=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a?.organization&&i}},g=()=>{let e=c();return(0,n.X$)(e)},m=()=>{let e=c();return(0,n.t7)(e)},u=e=>{let i=c();return(0,n.tr)({...i,__experimental_mode:e?.mode})},p=()=>{let e=c(),i=(0,n.kH)(e),a=(0,t.useMemo)(()=>i.data?.subscriptionItems||[],[i.data?.subscriptionItems]);return{...i,subscriptionItems:a}},h=e=>{let i=(0,s.XX)();return(0,n.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},f=()=>{let e=(0,n.ho)(),{session:i}=(0,n.wV)(),a=(0,s.XX)(),r=(0,t.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:d,revalidate:c,data:m}=p(),{data:f,revalidate:b}=h({mode:"cache"}),{revalidate:Y}=u({mode:"cache"}),{revalidate:v}=g(),P=(0,t.useCallback)(()=>{c(),b(),Y(),v()},[c,b,Y,v]),z=(0,t.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),D=(0,t.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),_=(0,t.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),y=(0,t.useCallback)((e,i="month")=>{let a=_(e);if(a.length>1){let e=a.find(e=>e.planPeriod===i);return e||a[0]}if(1===a.length)return a[0]},[_]),S=(0,t.useCallback)(({plan:e,subscription:i})=>{let a=i??(e?D(e):void 0);return!a||!a.canceledAt},[D]),G=(0,t.useCallback)(({plan:e,subscription:a,isCompact:n=!1,selectedPlanPeriod:t="annual"})=>{let o=a??(e?y(e,t):void 0),s=t,c=!!e?.annualMonthlyFee;"annual"!==s||c||(s="month");let g=a=>{if(e?.freeTrialEnabled){let a=!i,n=m?.eligibleForFreeTrial;if(a||n)return(0,l.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:g((()=>{if(o){if(s!==o.planPeriod&&o.canceledAt){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}if(o.canceledAt)return(0,l.G)("billing.reSubscribe");if(s!==o.planPeriod){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}return(0,l.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,l.G)("billing.switchPlan"):g((0,l.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!r,disabled:!r}},[y,r,d,m]),T=(0,t.useCallback)(e=>e.pastDueAt?(0,l.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,l.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,l.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,l.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),x=(0,t.useCallback)(i=>{let n=(0,o.J)("modal",i);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,a,P]);return{activeOrUpcomingSubscription:D,activeAndUpcomingSubscriptions:_,activeOrUpcomingSubscriptionBasedOnPlanPeriod:y,isDefaultPlanImplicitlyActiveOrUpcoming:z,handleSelectPlan:(0,t.useCallback)(({plan:n,planPeriod:t,mode:r="mounted",event:l,appearance:s,newSubscriptionRedirectUrl:d})=>{let c=(0,o.J)(r,l);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==t||n.annualMonthlyFee?t:"month",for:a,onSubscriptionComplete:()=>{P()},onClose:()=>{i?.id&&e.setActive({session:i.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:d})},[e,P,a,i?.id]),openSubscriptionDetails:x,buttonPropsForPlan:G,canManageSubscription:S,captionForSubscription:T,defaultFreePlan:(0,t.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:P}}},6256:function(e,i,a){a.d(i,{N7:()=>l,XX:()=>o,m$:()=>r});var n=a(5074);let t="user",r=(0,n.createContext)(t),o=()=>(0,n.useContext)(r)||t,l=()=>"user"===o()?"userProfile":"organizationProfile"}}]);
|
|
@@ -1 +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:()=>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(5543),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}}}}]);
|
|
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:()=>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}}}}]);
|