@clerk/ui 1.0.0-snapshot.v20251215212157 → 1.0.0-snapshot.v20251216175437

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.
Files changed (206) hide show
  1. package/dist/{207_ui_3321de_1.0.0-snapshot.v20251215212157.js → 207_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  2. package/dist/{217_ui_3321de_1.0.0-snapshot.v20251215212157.js → 217_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  3. package/dist/{360_ui_3321de_1.0.0-snapshot.v20251215212157.js → 360_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  4. package/dist/{444_ui_3321de_1.0.0-snapshot.v20251215212157.js → 444_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  5. package/dist/{573_ui_3321de_1.0.0-snapshot.v20251215212157.js → 573_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  6. package/dist/{970_ui_3321de_1.0.0-snapshot.v20251215212157.js → 970_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  7. package/dist/ClerkUi.js +2 -2
  8. package/dist/Components.js +0 -7
  9. package/dist/Components.js.map +1 -1
  10. package/dist/{apiKeys_ui_3321de_1.0.0-snapshot.v20251215212157.js → apiKeys_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  11. package/dist/{checkout_ui_3321de_1.0.0-snapshot.v20251215212157.js → checkout_ui_338113_1.0.0-snapshot.v20251216175437.js} +2 -2
  12. package/dist/common/EmailLinkVerify.js +1 -1
  13. package/dist/common/Gate.js +1 -1
  14. package/dist/common/RemoveResourceForm.js +1 -1
  15. package/dist/common/SSOCallback.js +1 -1
  16. package/dist/common/withRedirect.js +1 -1
  17. package/dist/components/APIKeys/APIKeys.js +1 -1
  18. package/dist/components/APIKeys/RevokeAPIKeyConfirmationModal.js +1 -1
  19. package/dist/components/Checkout/CheckoutComplete.js +1 -1
  20. package/dist/components/Checkout/CheckoutForm.js +1 -1
  21. package/dist/components/Checkout/CheckoutPage.js +1 -1
  22. package/dist/components/Checkout/parts.js +1 -1
  23. package/dist/components/CreateOrganization/CreateOrganizationForm.js +1 -1
  24. package/dist/components/CreateOrganization/CreateOrganizationPage.js +1 -1
  25. package/dist/components/ImpersonationFab/index.js +1 -1
  26. package/dist/components/OAuthConsent/OAuthConsent.js +1 -1
  27. package/dist/components/OrganizationList/UserInvitationList.js +1 -1
  28. package/dist/components/OrganizationList/UserMembershipList.js +1 -1
  29. package/dist/components/OrganizationList/UserSuggestionList.js +1 -1
  30. package/dist/components/OrganizationProfile/ActionConfirmationPage.js +1 -1
  31. package/dist/components/OrganizationProfile/ActiveMembersList.js +1 -1
  32. package/dist/components/OrganizationProfile/AddDomainForm.js +1 -1
  33. package/dist/components/OrganizationProfile/DomainList.js +1 -1
  34. package/dist/components/OrganizationProfile/InviteMembersForm.js +1 -1
  35. package/dist/components/OrganizationProfile/InviteMembersScreen.js +1 -1
  36. package/dist/components/OrganizationProfile/InvitedMembersList.js +1 -1
  37. package/dist/components/OrganizationProfile/OrganizationAPIKeysPage.js +1 -1
  38. package/dist/components/OrganizationProfile/OrganizationGeneralPage.js +1 -1
  39. package/dist/components/OrganizationProfile/OrganizationMembers.js +1 -1
  40. package/dist/components/OrganizationProfile/OrganizationProfileNavbar.js +1 -1
  41. package/dist/components/OrganizationProfile/ProfileForm.js +1 -1
  42. package/dist/components/OrganizationProfile/RemoveDomainForm.js +1 -1
  43. package/dist/components/OrganizationProfile/RequestToJoinList.js +1 -1
  44. package/dist/components/OrganizationProfile/VerifiedDomainForm.js +1 -1
  45. package/dist/components/OrganizationProfile/VerifyDomainForm.js +1 -1
  46. package/dist/components/OrganizationProfile/index.js +1 -1
  47. package/dist/components/OrganizationSwitcher/OrganizationSwitcherPopover.js +3 -6
  48. package/dist/components/OrganizationSwitcher/OrganizationSwitcherPopover.js.map +1 -1
  49. package/dist/components/OrganizationSwitcher/OrganizationSwitcherTrigger.js +1 -1
  50. package/dist/components/OrganizationSwitcher/UserInvitationSuggestionList.js +1 -1
  51. package/dist/components/OrganizationSwitcher/UserMembershipList.js +1 -1
  52. package/dist/components/PaymentMethods/AddPaymentMethod.js +1 -1
  53. package/dist/components/PaymentMethods/PaymentMethods.js +1 -1
  54. package/dist/components/PricingTable/PricingTable.js +2 -3
  55. package/dist/components/PricingTable/PricingTable.js.map +1 -1
  56. package/dist/components/PricingTable/PricingTableDefault.js +1 -1
  57. package/dist/components/SessionTasks/index.js +1 -1
  58. package/dist/components/SessionTasks/tasks/TaskChooseOrganization/ChooseOrganizationScreen.js +1 -1
  59. package/dist/components/SessionTasks/tasks/TaskChooseOrganization/CreateOrganizationScreen.js +1 -1
  60. package/dist/components/SessionTasks/tasks/TaskChooseOrganization/index.js +1 -1
  61. package/dist/components/SessionTasks/tasks/TaskResetPassword/index.js +1 -1
  62. package/dist/components/SignIn/SignInFactorOne.js +1 -1
  63. package/dist/components/SignIn/SignInFactorOneAlternativeChannelCodeForm.js +1 -1
  64. package/dist/components/SignIn/SignInFactorOneCodeForm.js +1 -1
  65. package/dist/components/SignIn/SignInFactorOneEmailLinkCard.js +1 -1
  66. package/dist/components/SignIn/SignInFactorOnePasswordCard.js +1 -1
  67. package/dist/components/SignIn/SignInFactorTwoBackupCodeCard.js +1 -1
  68. package/dist/components/SignIn/SignInFactorTwoCodeForm.js +1 -1
  69. package/dist/components/SignIn/SignInFactorTwoEmailLinkCard.js +1 -1
  70. package/dist/components/SignIn/SignInSocialButtons.js +1 -1
  71. package/dist/components/SignIn/SignInStart.js +1 -1
  72. package/dist/components/SignIn/index.js +1 -1
  73. package/dist/components/SignIn/shared.js +1 -1
  74. package/dist/components/SignUp/SignUpContinue.js +1 -1
  75. package/dist/components/SignUp/SignUpEmailLinkCard.js +1 -1
  76. package/dist/components/SignUp/SignUpRestrictedAccess.js +1 -1
  77. package/dist/components/SignUp/SignUpSocialButtons.js +1 -1
  78. package/dist/components/SignUp/SignUpStart.js +1 -1
  79. package/dist/components/SignUp/SignUpVerificationCodeForm.js +1 -1
  80. package/dist/components/SignUp/index.js +1 -1
  81. package/dist/components/SubscriptionDetails/index.js +1 -1
  82. package/dist/components/UserButton/UserButtonPopover.js +1 -1
  83. package/dist/components/UserButton/UserButtonTopLevelIdentifier.js +1 -1
  84. package/dist/components/UserButton/UserButtonTrigger.js +1 -1
  85. package/dist/components/UserButton/useMultisessionActions.js +2 -7
  86. package/dist/components/UserButton/useMultisessionActions.js.map +1 -1
  87. package/dist/components/UserProfile/APIKeysPage.js +1 -1
  88. package/dist/components/UserProfile/AccountPage.js +1 -1
  89. package/dist/components/UserProfile/ActiveDevicesSection.js +1 -1
  90. package/dist/components/UserProfile/AddAuthenticatorApp.js +1 -1
  91. package/dist/components/UserProfile/ConnectedAccountsMenu.js +1 -1
  92. package/dist/components/UserProfile/ConnectedAccountsSection.js +1 -1
  93. package/dist/components/UserProfile/DeleteUserForm.js +1 -1
  94. package/dist/components/UserProfile/EmailForm.js +1 -1
  95. package/dist/components/UserProfile/EmailsSection.js +1 -1
  96. package/dist/components/UserProfile/EnterpriseAccountsSection.js +1 -1
  97. package/dist/components/UserProfile/MfaBackupCodeCreateForm.js +1 -1
  98. package/dist/components/UserProfile/MfaBackupCodeList.js +1 -1
  99. package/dist/components/UserProfile/MfaForm.js +1 -1
  100. package/dist/components/UserProfile/MfaPhoneCodeScreen.js +1 -1
  101. package/dist/components/UserProfile/MfaSection.js +1 -1
  102. package/dist/components/UserProfile/PasskeySection.js +1 -1
  103. package/dist/components/UserProfile/PasswordForm.js +1 -1
  104. package/dist/components/UserProfile/PasswordSection.js +1 -1
  105. package/dist/components/UserProfile/PhoneForm.js +1 -1
  106. package/dist/components/UserProfile/PhoneSection.js +1 -1
  107. package/dist/components/UserProfile/ProfileForm.js +1 -1
  108. package/dist/components/UserProfile/RemoveResourceForm.js +1 -1
  109. package/dist/components/UserProfile/SecurityPage.js +1 -1
  110. package/dist/components/UserProfile/UserProfileSection.js +1 -1
  111. package/dist/components/UserProfile/UsernameForm.js +1 -1
  112. package/dist/components/UserProfile/UsernameSection.js +1 -1
  113. package/dist/components/UserProfile/VerifyTOTP.js +1 -1
  114. package/dist/components/UserProfile/Web3Form.js +1 -1
  115. package/dist/components/UserProfile/Web3Section.js +1 -1
  116. package/dist/components/UserVerification/UVFactorOneCodeForm.js +1 -1
  117. package/dist/components/UserVerification/UVFactorOnePasskeysCard.js +1 -1
  118. package/dist/components/UserVerification/UVFactorTwoBackupCodeCard.js +1 -1
  119. package/dist/components/UserVerification/UVFactorTwoCodeForm.js +1 -1
  120. package/dist/components/UserVerification/UVFactorTwoPhoneCodeCard.js +1 -1
  121. package/dist/components/UserVerification/UserVerificationFactorOnePassword.js +1 -1
  122. package/dist/components/UserVerification/useUserVerificationSession.js +1 -1
  123. package/dist/components/Waitlist/WaitlistForm.js +1 -1
  124. package/dist/components/Waitlist/index.js +1 -1
  125. package/dist/components/devPrompts/EnableOrganizationsPrompt/index.js +1 -1
  126. package/dist/components/devPrompts/KeylessPrompt/index.js +1 -1
  127. package/dist/contexts/CoreClerkContextWrapper.js +1 -1
  128. package/dist/contexts/CoreSessionContext.js +1 -1
  129. package/dist/contexts/CoreUserContext.js +1 -1
  130. package/dist/{createorganization_ui_3321de_1.0.0-snapshot.v20251215212157.js → createorganization_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  131. package/dist/customizables/AppearanceContext.js +1 -1
  132. package/dist/elements/Action/ActionRoot.js +1 -1
  133. package/dist/elements/CodeControl.js +1 -1
  134. package/dist/elements/Drawer.js +2 -8
  135. package/dist/elements/Drawer.js.map +1 -1
  136. package/dist/elements/Form.js +1 -1
  137. package/dist/elements/Menu.js +2 -3
  138. package/dist/elements/Menu.js.map +1 -1
  139. package/dist/elements/Modal.js +2 -3
  140. package/dist/elements/Modal.js.map +1 -1
  141. package/dist/elements/Navbar.js +1 -1
  142. package/dist/elements/PhoneInput/index.js +1 -1
  143. package/dist/elements/Popover.js +1 -4
  144. package/dist/elements/Popover.js.map +1 -1
  145. package/dist/elements/Select.js +1 -1
  146. package/dist/elements/SocialButtons.js +1 -1
  147. package/dist/elements/Tabs.js +1 -1
  148. package/dist/elements/TimerButton.js +1 -1
  149. package/dist/elements/Tooltip.js +24 -29
  150. package/dist/elements/Tooltip.js.map +1 -1
  151. package/dist/elements/contexts/index.js +1 -1
  152. package/dist/{enableOrganizationsPrompt_ui_3321de_1.0.0-snapshot.v20251215212157.js → enableOrganizationsPrompt_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  153. package/dist/foundations/defaultFoundations.d.ts +153 -153
  154. package/dist/{impersonationfab_ui_3321de_1.0.0-snapshot.v20251215212157.js → impersonationfab_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  155. package/dist/index.js +1 -1
  156. package/dist/internal/index.js +1 -1
  157. package/dist/{keylessPrompt_ui_3321de_1.0.0-snapshot.v20251215212157.js → keylessPrompt_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  158. package/dist/lazyModules/MountedCheckoutDrawer.js +1 -1
  159. package/dist/lazyModules/MountedPlanDetailDrawer.js +1 -1
  160. package/dist/lazyModules/MountedSubscriptionDetailDrawer.js +1 -1
  161. package/dist/lazyModules/components.d.ts +20 -20
  162. package/dist/lazyModules/providers.js +17 -24
  163. package/dist/lazyModules/providers.js.map +1 -1
  164. package/dist/{oauthConsent_ui_3321de_1.0.0-snapshot.v20251215212157.js → oauthConsent_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  165. package/dist/{onetap_ui_3321de_1.0.0-snapshot.v20251215212157.js → onetap_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  166. package/dist/{op-api-keys-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → op-api-keys-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  167. package/dist/{organizationlist_ui_3321de_1.0.0-snapshot.v20251215212157.js → organizationlist_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  168. package/dist/{organizationprofile_ui_3321de_1.0.0-snapshot.v20251215212157.js → organizationprofile_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  169. package/dist/organizationswitcher_ui_338113_1.0.0-snapshot.v20251216175437.js +1 -0
  170. package/dist/{payment-attempt-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → payment-attempt-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  171. package/dist/{planDetails_ui_3321de_1.0.0-snapshot.v20251215212157.js → planDetails_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  172. package/dist/{prefetchorganizationlist_ui_3321de_1.0.0-snapshot.v20251215212157.js → prefetchorganizationlist_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  173. package/dist/{pricingTable_ui_3321de_1.0.0-snapshot.v20251215212157.js → pricingTable_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  174. package/dist/primitives/hooks/useFormField.js +1 -1
  175. package/dist/{revoke-api-key-modal_ui_3321de_1.0.0-snapshot.v20251215212157.js → revoke-api-key-modal_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  176. package/dist/router/BaseRouter.js +1 -1
  177. package/dist/router/PathRouter.js +1 -1
  178. package/dist/router/Route.js +1 -1
  179. package/dist/router/VirtualRouter.js +1 -1
  180. package/dist/{sessionTasks_ui_3321de_1.0.0-snapshot.v20251215212157.js → sessionTasks_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  181. package/dist/{signin_ui_3321de_1.0.0-snapshot.v20251215212157.js → signin_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  182. package/dist/{signup_ui_3321de_1.0.0-snapshot.v20251215212157.js → signup_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  183. package/dist/{statement-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → statement-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  184. package/dist/{subscriptionDetails_ui_3321de_1.0.0-snapshot.v20251215212157.js → subscriptionDetails_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  185. package/dist/{taskChooseOrganization_ui_3321de_1.0.0-snapshot.v20251215212157.js → taskChooseOrganization_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  186. package/dist/{taskResetPassword_ui_3321de_1.0.0-snapshot.v20251215212157.js → taskResetPassword_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  187. package/dist/ui-common_ui_338113_1.0.0-snapshot.v20251216175437.js +139 -0
  188. package/dist/ui.browser.js +3 -20
  189. package/dist/{up-api-keys-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → up-api-keys-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  190. package/dist/{useravatar_ui_3321de_1.0.0-snapshot.v20251215212157.js → useravatar_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  191. package/dist/{userbutton_ui_3321de_1.0.0-snapshot.v20251215212157.js → userbutton_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  192. package/dist/{userprofile_ui_3321de_1.0.0-snapshot.v20251215212157.js → userprofile_ui_338113_1.0.0-snapshot.v20251216175437.js} +2 -2
  193. package/dist/{userverification_ui_3321de_1.0.0-snapshot.v20251215212157.js → userverification_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  194. package/dist/vendors_ui_338113_1.0.0-snapshot.v20251216175437.js +20 -0
  195. package/dist/{waitlist_ui_3321de_1.0.0-snapshot.v20251215212157.js → waitlist_ui_338113_1.0.0-snapshot.v20251216175437.js} +1 -1
  196. package/package.json +3 -3
  197. package/dist/organizationswitcher_ui_3321de_1.0.0-snapshot.v20251215212157.js +0 -1
  198. package/dist/ui-common_ui_3321de_1.0.0-snapshot.v20251215212157.js +0 -122
  199. package/dist/vendors_ui_3321de_1.0.0-snapshot.v20251215212157.js +0 -20
  200. /package/dist/{blankcaptcha_ui_3321de_1.0.0-snapshot.v20251215212157.js → blankcaptcha_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  201. /package/dist/{copy-api-key-modal_ui_3321de_1.0.0-snapshot.v20251215212157.js → copy-api-key-modal_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  202. /package/dist/{framework_ui_3321de_1.0.0-snapshot.v20251215212157.js → framework_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  203. /package/dist/{op-billing-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → op-billing-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  204. /package/dist/{op-plans-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → op-plans-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  205. /package/dist/{up-billing-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → up-billing-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
  206. /package/dist/{up-plans-page_ui_3321de_1.0.0-snapshot.v20251215212157.js → up-plans-page_ui_338113_1.0.0-snapshot.v20251216175437.js} +0 -0
@@ -1,7 +1,6 @@
1
1
  import { ClerkComponents } from "./components.js";
2
2
  import React, { Suspense, lazy } from "react";
3
3
  import { deprecated } from "@clerk/shared/deprecated";
4
- import { UNSAFE_PortalProvider } from "@clerk/shared/react";
5
4
  import { jsx, jsxs } from "@emotion/react/jsx-runtime";
6
5
 
7
6
  //#region src/lazyModules/providers.tsx
@@ -48,14 +47,11 @@ const LazyComponentRenderer = (props) => {
48
47
  globalAppearance: props.globalAppearance,
49
48
  appearanceKey: props.appearanceKey,
50
49
  appearance: props.componentAppearance,
51
- children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
52
- getContainer: props?.componentProps?.getContainer,
53
- children: /* @__PURE__ */ jsx(Portal, {
54
- node: props.node,
55
- component: ClerkComponents[props.componentName],
56
- props: props.componentProps,
57
- componentName: props.componentName
58
- })
50
+ children: /* @__PURE__ */ jsx(Portal, {
51
+ node: props.node,
52
+ component: ClerkComponents[props.componentName],
53
+ props: props.componentProps,
54
+ componentName: props.componentName
59
55
  })
60
56
  });
61
57
  };
@@ -68,21 +64,18 @@ const LazyModalRenderer = (props) => {
68
64
  appearance: props.componentAppearance,
69
65
  children: /* @__PURE__ */ jsx(FlowMetadataProvider, {
70
66
  flow: props.flowName || "",
71
- children: /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
72
- getContainer: props.getContainer,
73
- children: /* @__PURE__ */ jsx(Modal, {
74
- id: props.modalId,
75
- style: props.modalStyle,
76
- handleClose: props.onClose,
77
- containerSx: props.modalContainerSx,
78
- contentSx: props.modalContentSx,
79
- canCloseModal: props.canCloseModal,
80
- children: props.startPath ? /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(VirtualRouter, {
81
- startPath: props.startPath,
82
- onExternalNavigate: props.onExternalNavigate,
83
- children: props.children
84
- }) }) : props.children
85
- })
67
+ children: /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(Modal, {
68
+ id: props.modalId,
69
+ style: props.modalStyle,
70
+ handleClose: props.onClose,
71
+ containerSx: props.modalContainerSx,
72
+ contentSx: props.modalContentSx,
73
+ canCloseModal: props.canCloseModal,
74
+ children: props.startPath ? /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(VirtualRouter, {
75
+ startPath: props.startPath,
76
+ onExternalNavigate: props.onExternalNavigate,
77
+ children: props.children
78
+ }) }) : props.children
86
79
  }) })
87
80
  })
88
81
  })
@@ -1 +1 @@
1
- {"version":3,"file":"providers.js","names":[],"sources":["../../src/lazyModules/providers.tsx"],"sourcesContent":["import { deprecated } from '@clerk/shared/deprecated';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport { UNSAFE_PortalProvider } from '@clerk/shared/react';\nimport React, { lazy, Suspense } from 'react';\n\nimport type { FlowMetadata } from '../elements/contexts';\nimport type { Drawer } from '../elements/Drawer';\nimport type { Appearance } from '../internal/appearance';\nimport type { ThemableCssProp } from '../styledSystem';\nimport type { AvailableComponentCtx } from '../types';\nimport type { ClerkComponentName } from './components';\nimport { ClerkComponents } from './components';\n\nconst CoreClerkContextWrapper = lazy(() => import('../contexts').then(m => ({ default: m.CoreClerkContextWrapper })));\nconst EnvironmentProvider = lazy(() => import('../contexts').then(m => ({ default: m.EnvironmentProvider })));\nconst OptionsProvider = lazy(() => import('../contexts').then(m => ({ default: m.OptionsProvider })));\nconst ModuleManagerProvider = lazy(() => import('../contexts').then(m => ({ default: m.ModuleManagerProvider })));\nconst AppearanceProvider = lazy(() => import('../customizables').then(m => ({ default: m.AppearanceProvider })));\nconst VirtualRouter = lazy(() => import('../router').then(m => ({ default: m.VirtualRouter })));\nconst InternalThemeProvider = lazy(() => import('../styledSystem').then(m => ({ default: m.InternalThemeProvider })));\nconst StyleCacheProvider = lazy(() =>\n import('../styledSystem/StyleCacheProvider').then(m => ({ default: m.StyleCacheProvider })),\n);\nconst Portal = lazy(() => import('./../portal').then(m => ({ default: m.Portal })));\nconst VirtualBodyRootPortal = lazy(() => import('./../portal').then(m => ({ default: m.VirtualBodyRootPortal })));\nconst FlowMetadataProvider = lazy(() =>\n import('./../elements/contexts').then(m => ({ default: m.FlowMetadataProvider })),\n);\nconst Modal = lazy(() => import('./../elements/Modal').then(m => ({ default: m.Modal })));\nconst DrawerRoot = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Root })));\nconst DrawerOverlay = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Overlay })));\nconst OrganizationSwitcherPrefetch = lazy(() =>\n import(/* webpackChunkName: \"prefetchorganizationlist\" */ '../components/prefetch-organization-list').then(m => ({\n default: m.OrganizationSwitcherPrefetch,\n })),\n);\n\ntype LazyProvidersProps = React.PropsWithChildren<{\n clerk: any;\n environment: any;\n options: any;\n moduleManager: ModuleManager;\n children: any;\n}>;\n\nexport const LazyProviders = (props: LazyProvidersProps) => {\n return (\n <StyleCacheProvider\n nonce={props.options.nonce}\n cssLayerName={props.options.appearance?.cssLayerName}\n >\n <ModuleManagerProvider moduleManager={props.moduleManager}>\n <CoreClerkContextWrapper clerk={props.clerk}>\n <EnvironmentProvider value={props.environment}>\n <OptionsProvider value={props.options}>{props.children}</OptionsProvider>\n </EnvironmentProvider>\n </CoreClerkContextWrapper>\n </ModuleManagerProvider>\n </StyleCacheProvider>\n );\n};\n\ntype _AppearanceProviderProps = Parameters<typeof AppearanceProvider>[0];\ntype AppearanceProviderProps = {\n globalAppearance?: _AppearanceProviderProps['globalAppearance'];\n appearanceKey: _AppearanceProviderProps['appearanceKey'];\n componentAppearance?: _AppearanceProviderProps['appearance'];\n};\ntype LazyComponentRendererProps = React.PropsWithChildren<\n {\n node: PortalProps['node'];\n componentName: any;\n componentProps: any;\n } & AppearanceProviderProps\n>;\n\ntype PortalProps = Parameters<typeof Portal>[0];\n\nexport const LazyComponentRenderer = (props: LazyComponentRendererProps) => {\n if (props?.componentProps?.routing === 'virtual') {\n deprecated('routing=\"virtual\"', 'Use routing=\"hash\" instead.');\n }\n return (\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <UNSAFE_PortalProvider getContainer={props?.componentProps?.getContainer}>\n <Portal\n node={props.node}\n component={\n ClerkComponents[props.componentName as ClerkComponentName] as React.ComponentType<\n Omit<AvailableComponentCtx, 'componentName'>\n >\n }\n props={props.componentProps}\n componentName={props.componentName}\n />\n </UNSAFE_PortalProvider>\n </AppearanceProvider>\n );\n};\n\ntype ModalProps = Parameters<typeof Modal>[0];\n\ntype LazyModalRendererProps = React.PropsWithChildren<\n {\n componentName: ClerkComponentName;\n flowName?: FlowMetadata['flow'];\n startPath?: string;\n onClose?: ModalProps['handleClose'];\n onExternalNavigate?: () => void;\n modalContainerSx?: ThemableCssProp;\n modalContentSx?: ThemableCssProp;\n canCloseModal?: boolean;\n modalId?: string;\n modalStyle?: React.CSSProperties;\n getContainer: () => HTMLElement | null;\n } & AppearanceProviderProps\n>;\n\nexport const LazyModalRenderer = (props: LazyModalRendererProps) => {\n return (\n <Suspense fallback={''}>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n <InternalThemeProvider>\n <UNSAFE_PortalProvider getContainer={props.getContainer}>\n <Modal\n id={props.modalId}\n style={props.modalStyle}\n handleClose={props.onClose}\n containerSx={props.modalContainerSx}\n contentSx={props.modalContentSx}\n canCloseModal={props.canCloseModal}\n >\n {props.startPath ? (\n <Suspense>\n <VirtualRouter\n startPath={props.startPath}\n onExternalNavigate={props.onExternalNavigate}\n >\n {props.children}\n </VirtualRouter>\n </Suspense>\n ) : (\n props.children\n )}\n </Modal>\n </UNSAFE_PortalProvider>\n </InternalThemeProvider>\n </FlowMetadataProvider>\n </AppearanceProvider>\n </Suspense>\n );\n};\n\ntype DrawerProps = Parameters<typeof Drawer.Root>[0];\n\ntype LazyDrawerRendererProps = React.PropsWithChildren<\n {\n componentName: ClerkComponentName;\n flowName?: FlowMetadata['flow'];\n open: DrawerProps['open'];\n onOpenChange: DrawerProps['onOpenChange'];\n portalId?: string;\n portalRoot?: HTMLElement | null | undefined;\n } & AppearanceProviderProps\n>;\n\nexport const LazyDrawerRenderer = (props: LazyDrawerRendererProps) => {\n return (\n <Suspense fallback={''}>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n <InternalThemeProvider>\n <DrawerRoot\n open={props.open}\n onOpenChange={props.onOpenChange}\n strategy={props.portalId || props.portalRoot ? 'absolute' : 'fixed'}\n portalProps={{\n id: props.portalId ? props.portalId : undefined,\n root: props.portalRoot ? props.portalRoot : undefined,\n }}\n >\n <DrawerOverlay />\n {props.children}\n </DrawerRoot>\n </InternalThemeProvider>\n </FlowMetadataProvider>\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\n/**\n * This component automatically mounts when impersonating, without a user action.\n * We want to hotload the /ui dependencies only if we're actually impersonating.\n */\nexport const LazyImpersonationFabProvider = (\n props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n return (\n <Suspense>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'impersonationFab'}\n >\n {props.children}\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\nexport const LazyEnableOrganizationsPromptProvider = (\n props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n return (\n <Suspense>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'enableOrganizationsPrompt'}\n >\n {props.children}\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\ntype LazyOneTapRendererProps = React.PropsWithChildren<\n {\n componentProps: any;\n startPath: string;\n } & Omit<AppearanceProviderProps, 'appearanceKey'>\n>;\n\nexport const LazyOneTapRenderer = (props: LazyOneTapRendererProps) => {\n return (\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'oneTap'}\n appearance={props.componentAppearance}\n >\n <VirtualBodyRootPortal\n startPath={props.startPath}\n component={ClerkComponents['GoogleOneTap']}\n props={props.componentProps}\n componentName={'GoogleOneTap'}\n />\n </AppearanceProvider>\n );\n};\n\nexport { OrganizationSwitcherPrefetch };\n"],"mappings":";;;;;;;AAaA,MAAM,0BAA0B,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;AACrH,MAAM,sBAAsB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAC7G,MAAM,kBAAkB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AACrG,MAAM,wBAAwB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACjH,MAAM,qBAAqB,WAAW,OAAO,6BAAoB,MAAK,OAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;AAChH,MAAM,gBAAgB,WAAW,OAAO,sBAAa,MAAK,OAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC/F,MAAM,wBAAwB,WAAW,OAAO,4BAAmB,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACrH,MAAM,qBAAqB,WACzB,OAAO,yCAAsC,MAAK,OAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAC5F;AACD,MAAM,SAAS,WAAW,OAAO,sBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACnF,MAAM,wBAAwB,WAAW,OAAO,sBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACjH,MAAM,uBAAuB,WAC3B,OAAO,iCAA0B,MAAK,OAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAClF;AACD,MAAM,QAAQ,WAAW,OAAO,wBAAuB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACzF,MAAM,aAAa,WAAW,OAAO,yBAAwB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,MAAM,EAAE,CAAC;AACrG,MAAM,gBAAgB,WAAW,OAAO,yBAAwB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAC3G,MAAM,+BAA+B,WACnC;;CAA0D;EAA4C,MAAK,OAAM,EAC/G,SAAS,EAAE,8BACZ,EAAE,CACJ;AAUD,MAAa,iBAAiB,UAA8B;AAC1D,QACE,oBAAC;EACC,OAAO,MAAM,QAAQ;EACrB,cAAc,MAAM,QAAQ,YAAY;YAExC,oBAAC;GAAsB,eAAe,MAAM;aAC1C,oBAAC;IAAwB,OAAO,MAAM;cACpC,oBAAC;KAAoB,OAAO,MAAM;eAChC,oBAAC;MAAgB,OAAO,MAAM;gBAAU,MAAM;OAA2B;MACrD;KACE;IACJ;GACL;;AAoBzB,MAAa,yBAAyB,UAAsC;AAC1E,KAAI,OAAO,gBAAgB,YAAY,UACrC,YAAW,uBAAqB,gCAA8B;AAEhE,QACE,oBAAC;EACC,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,YAAY,MAAM;YAElB,oBAAC;GAAsB,cAAc,OAAO,gBAAgB;aAC1D,oBAAC;IACC,MAAM,MAAM;IACZ,WACE,gBAAgB,MAAM;IAIxB,OAAO,MAAM;IACb,eAAe,MAAM;KACrB;IACoB;GACL;;AAsBzB,MAAa,qBAAqB,UAAkC;AAClE,QACE,oBAAC;EAAS,UAAU;YAClB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe,MAAM;GACrB,YAAY,MAAM;aAElB,oBAAC;IAAqB,MAAM,MAAM,YAAa;cAC7C,oBAAC,mCACC,oBAAC;KAAsB,cAAc,MAAM;eACzC,oBAAC;MACC,IAAI,MAAM;MACV,OAAO,MAAM;MACb,aAAa,MAAM;MACnB,aAAa,MAAM;MACnB,WAAW,MAAM;MACjB,eAAe,MAAM;gBAEpB,MAAM,YACL,oBAAC,sBACC,oBAAC;OACC,WAAW,MAAM;OACjB,oBAAoB,MAAM;iBAEzB,MAAM;QACO,GACP,GAEX,MAAM;OAEF;MACc,GACF;KACH;IACJ;GACZ;;AAiBf,MAAa,sBAAsB,UAAmC;AACpE,QACE,oBAAC;EAAS,UAAU;YAClB,oBAAC;GAAc,WAAU;aACvB,oBAAC;IACC,kBAAkB,MAAM;IACxB,eAAe,MAAM;IACrB,YAAY,MAAM;cAElB,oBAAC;KAAqB,MAAM,MAAM,YAAa;eAC7C,oBAAC,mCACC,qBAAC;MACC,MAAM,MAAM;MACZ,cAAc,MAAM;MACpB,UAAU,MAAM,YAAY,MAAM,aAAa,aAAa;MAC5D,aAAa;OACX,IAAI,MAAM,WAAW,MAAM,WAAW;OACtC,MAAM,MAAM,aAAa,MAAM,aAAa;OAC7C;iBAED,oBAAC,kBAAgB,EAChB,MAAM;OACI,GACS;MACH;KACJ;IACP;GACP;;;;;;AAQf,MAAa,gCACX,UACG;AACH,QACE,oBAAC,sBACC,oBAAC;EAAc,WAAU;YACvB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe;aAEd,MAAM;IACY;GACP,GACP;;AAIf,MAAa,yCACX,UACG;AACH,QACE,oBAAC,sBACC,oBAAC;EAAc,WAAU;YACvB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe;aAEd,MAAM;IACY;GACP,GACP;;AAWf,MAAa,sBAAsB,UAAmC;AACpE,QACE,oBAAC;EACC,kBAAkB,MAAM;EACxB,eAAe;EACf,YAAY,MAAM;YAElB,oBAAC;GACC,WAAW,MAAM;GACjB,WAAW,gBAAgB;GAC3B,OAAO,MAAM;GACb,eAAe;IACf;GACiB"}
1
+ {"version":3,"file":"providers.js","names":[],"sources":["../../src/lazyModules/providers.tsx"],"sourcesContent":["import { deprecated } from '@clerk/shared/deprecated';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport React, { lazy, Suspense } from 'react';\n\nimport type { FlowMetadata } from '../elements/contexts';\nimport type { Drawer } from '../elements/Drawer';\nimport type { Appearance } from '../internal/appearance';\nimport type { ThemableCssProp } from '../styledSystem';\nimport type { AvailableComponentCtx } from '../types';\nimport type { ClerkComponentName } from './components';\nimport { ClerkComponents } from './components';\n\nconst CoreClerkContextWrapper = lazy(() => import('../contexts').then(m => ({ default: m.CoreClerkContextWrapper })));\nconst EnvironmentProvider = lazy(() => import('../contexts').then(m => ({ default: m.EnvironmentProvider })));\nconst OptionsProvider = lazy(() => import('../contexts').then(m => ({ default: m.OptionsProvider })));\nconst ModuleManagerProvider = lazy(() => import('../contexts').then(m => ({ default: m.ModuleManagerProvider })));\nconst AppearanceProvider = lazy(() => import('../customizables').then(m => ({ default: m.AppearanceProvider })));\nconst VirtualRouter = lazy(() => import('../router').then(m => ({ default: m.VirtualRouter })));\nconst InternalThemeProvider = lazy(() => import('../styledSystem').then(m => ({ default: m.InternalThemeProvider })));\nconst StyleCacheProvider = lazy(() =>\n import('../styledSystem/StyleCacheProvider').then(m => ({ default: m.StyleCacheProvider })),\n);\nconst Portal = lazy(() => import('./../portal').then(m => ({ default: m.Portal })));\nconst VirtualBodyRootPortal = lazy(() => import('./../portal').then(m => ({ default: m.VirtualBodyRootPortal })));\nconst FlowMetadataProvider = lazy(() =>\n import('./../elements/contexts').then(m => ({ default: m.FlowMetadataProvider })),\n);\nconst Modal = lazy(() => import('./../elements/Modal').then(m => ({ default: m.Modal })));\nconst DrawerRoot = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Root })));\nconst DrawerOverlay = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Overlay })));\nconst OrganizationSwitcherPrefetch = lazy(() =>\n import(/* webpackChunkName: \"prefetchorganizationlist\" */ '../components/prefetch-organization-list').then(m => ({\n default: m.OrganizationSwitcherPrefetch,\n })),\n);\n\ntype LazyProvidersProps = React.PropsWithChildren<{\n clerk: any;\n environment: any;\n options: any;\n moduleManager: ModuleManager;\n children: any;\n}>;\n\nexport const LazyProviders = (props: LazyProvidersProps) => {\n return (\n <StyleCacheProvider\n nonce={props.options.nonce}\n cssLayerName={props.options.appearance?.cssLayerName}\n >\n <ModuleManagerProvider moduleManager={props.moduleManager}>\n <CoreClerkContextWrapper clerk={props.clerk}>\n <EnvironmentProvider value={props.environment}>\n <OptionsProvider value={props.options}>{props.children}</OptionsProvider>\n </EnvironmentProvider>\n </CoreClerkContextWrapper>\n </ModuleManagerProvider>\n </StyleCacheProvider>\n );\n};\n\ntype _AppearanceProviderProps = Parameters<typeof AppearanceProvider>[0];\ntype AppearanceProviderProps = {\n globalAppearance?: _AppearanceProviderProps['globalAppearance'];\n appearanceKey: _AppearanceProviderProps['appearanceKey'];\n componentAppearance?: _AppearanceProviderProps['appearance'];\n};\ntype LazyComponentRendererProps = React.PropsWithChildren<\n {\n node: PortalProps['node'];\n componentName: any;\n componentProps: any;\n } & AppearanceProviderProps\n>;\n\ntype PortalProps = Parameters<typeof Portal>[0];\n\nexport const LazyComponentRenderer = (props: LazyComponentRendererProps) => {\n if (props?.componentProps?.routing === 'virtual') {\n deprecated('routing=\"virtual\"', 'Use routing=\"hash\" instead.');\n }\n return (\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <Portal\n node={props.node}\n component={\n ClerkComponents[props.componentName as ClerkComponentName] as React.ComponentType<\n Omit<AvailableComponentCtx, 'componentName'>\n >\n }\n props={props.componentProps}\n componentName={props.componentName}\n />\n </AppearanceProvider>\n );\n};\n\ntype ModalProps = Parameters<typeof Modal>[0];\n\ntype LazyModalRendererProps = React.PropsWithChildren<\n {\n componentName: ClerkComponentName;\n flowName?: FlowMetadata['flow'];\n startPath?: string;\n onClose?: ModalProps['handleClose'];\n onExternalNavigate?: () => void;\n modalContainerSx?: ThemableCssProp;\n modalContentSx?: ThemableCssProp;\n canCloseModal?: boolean;\n modalId?: string;\n modalStyle?: React.CSSProperties;\n } & AppearanceProviderProps\n>;\n\nexport const LazyModalRenderer = (props: LazyModalRendererProps) => {\n return (\n <Suspense fallback={''}>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n <InternalThemeProvider>\n <Modal\n id={props.modalId}\n style={props.modalStyle}\n handleClose={props.onClose}\n containerSx={props.modalContainerSx}\n contentSx={props.modalContentSx}\n canCloseModal={props.canCloseModal}\n >\n {props.startPath ? (\n <Suspense>\n <VirtualRouter\n startPath={props.startPath}\n onExternalNavigate={props.onExternalNavigate}\n >\n {props.children}\n </VirtualRouter>\n </Suspense>\n ) : (\n props.children\n )}\n </Modal>\n </InternalThemeProvider>\n </FlowMetadataProvider>\n </AppearanceProvider>\n </Suspense>\n );\n};\n\ntype DrawerProps = Parameters<typeof Drawer.Root>[0];\n\ntype LazyDrawerRendererProps = React.PropsWithChildren<\n {\n componentName: ClerkComponentName;\n flowName?: FlowMetadata['flow'];\n open: DrawerProps['open'];\n onOpenChange: DrawerProps['onOpenChange'];\n portalId?: string;\n portalRoot?: HTMLElement | null | undefined;\n } & AppearanceProviderProps\n>;\n\nexport const LazyDrawerRenderer = (props: LazyDrawerRendererProps) => {\n return (\n <Suspense fallback={''}>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={props.appearanceKey}\n appearance={props.componentAppearance}\n >\n <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n <InternalThemeProvider>\n <DrawerRoot\n open={props.open}\n onOpenChange={props.onOpenChange}\n strategy={props.portalId || props.portalRoot ? 'absolute' : 'fixed'}\n portalProps={{\n id: props.portalId ? props.portalId : undefined,\n root: props.portalRoot ? props.portalRoot : undefined,\n }}\n >\n <DrawerOverlay />\n {props.children}\n </DrawerRoot>\n </InternalThemeProvider>\n </FlowMetadataProvider>\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\n/**\n * This component automatically mounts when impersonating, without a user action.\n * We want to hotload the /ui dependencies only if we're actually impersonating.\n */\nexport const LazyImpersonationFabProvider = (\n props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n return (\n <Suspense>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'impersonationFab'}\n >\n {props.children}\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\nexport const LazyEnableOrganizationsPromptProvider = (\n props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n return (\n <Suspense>\n <VirtualRouter startPath=''>\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'enableOrganizationsPrompt'}\n >\n {props.children}\n </AppearanceProvider>\n </VirtualRouter>\n </Suspense>\n );\n};\n\ntype LazyOneTapRendererProps = React.PropsWithChildren<\n {\n componentProps: any;\n startPath: string;\n } & Omit<AppearanceProviderProps, 'appearanceKey'>\n>;\n\nexport const LazyOneTapRenderer = (props: LazyOneTapRendererProps) => {\n return (\n <AppearanceProvider\n globalAppearance={props.globalAppearance}\n appearanceKey={'oneTap'}\n appearance={props.componentAppearance}\n >\n <VirtualBodyRootPortal\n startPath={props.startPath}\n component={ClerkComponents['GoogleOneTap']}\n props={props.componentProps}\n componentName={'GoogleOneTap'}\n />\n </AppearanceProvider>\n );\n};\n\nexport { OrganizationSwitcherPrefetch };\n"],"mappings":";;;;;;AAYA,MAAM,0BAA0B,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;AACrH,MAAM,sBAAsB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAC7G,MAAM,kBAAkB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AACrG,MAAM,wBAAwB,WAAW,OAAO,wBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACjH,MAAM,qBAAqB,WAAW,OAAO,6BAAoB,MAAK,OAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;AAChH,MAAM,gBAAgB,WAAW,OAAO,sBAAa,MAAK,OAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC/F,MAAM,wBAAwB,WAAW,OAAO,4BAAmB,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACrH,MAAM,qBAAqB,WACzB,OAAO,yCAAsC,MAAK,OAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAC5F;AACD,MAAM,SAAS,WAAW,OAAO,sBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACnF,MAAM,wBAAwB,WAAW,OAAO,sBAAe,MAAK,OAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;AACjH,MAAM,uBAAuB,WAC3B,OAAO,iCAA0B,MAAK,OAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAClF;AACD,MAAM,QAAQ,WAAW,OAAO,wBAAuB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACzF,MAAM,aAAa,WAAW,OAAO,yBAAwB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,MAAM,EAAE,CAAC;AACrG,MAAM,gBAAgB,WAAW,OAAO,yBAAwB,MAAK,OAAM,EAAE,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAC3G,MAAM,+BAA+B,WACnC;;CAA0D;EAA4C,MAAK,OAAM,EAC/G,SAAS,EAAE,8BACZ,EAAE,CACJ;AAUD,MAAa,iBAAiB,UAA8B;AAC1D,QACE,oBAAC;EACC,OAAO,MAAM,QAAQ;EACrB,cAAc,MAAM,QAAQ,YAAY;YAExC,oBAAC;GAAsB,eAAe,MAAM;aAC1C,oBAAC;IAAwB,OAAO,MAAM;cACpC,oBAAC;KAAoB,OAAO,MAAM;eAChC,oBAAC;MAAgB,OAAO,MAAM;gBAAU,MAAM;OAA2B;MACrD;KACE;IACJ;GACL;;AAoBzB,MAAa,yBAAyB,UAAsC;AAC1E,KAAI,OAAO,gBAAgB,YAAY,UACrC,YAAW,uBAAqB,gCAA8B;AAEhE,QACE,oBAAC;EACC,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,YAAY,MAAM;YAElB,oBAAC;GACC,MAAM,MAAM;GACZ,WACE,gBAAgB,MAAM;GAIxB,OAAO,MAAM;GACb,eAAe,MAAM;IACrB;GACiB;;AAqBzB,MAAa,qBAAqB,UAAkC;AAClE,QACE,oBAAC;EAAS,UAAU;YAClB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe,MAAM;GACrB,YAAY,MAAM;aAElB,oBAAC;IAAqB,MAAM,MAAM,YAAa;cAC7C,oBAAC,mCACC,oBAAC;KACC,IAAI,MAAM;KACV,OAAO,MAAM;KACb,aAAa,MAAM;KACnB,aAAa,MAAM;KACnB,WAAW,MAAM;KACjB,eAAe,MAAM;eAEpB,MAAM,YACL,oBAAC,sBACC,oBAAC;MACC,WAAW,MAAM;MACjB,oBAAoB,MAAM;gBAEzB,MAAM;OACO,GACP,GAEX,MAAM;MAEF,GACc;KACH;IACJ;GACZ;;AAiBf,MAAa,sBAAsB,UAAmC;AACpE,QACE,oBAAC;EAAS,UAAU;YAClB,oBAAC;GAAc,WAAU;aACvB,oBAAC;IACC,kBAAkB,MAAM;IACxB,eAAe,MAAM;IACrB,YAAY,MAAM;cAElB,oBAAC;KAAqB,MAAM,MAAM,YAAa;eAC7C,oBAAC,mCACC,qBAAC;MACC,MAAM,MAAM;MACZ,cAAc,MAAM;MACpB,UAAU,MAAM,YAAY,MAAM,aAAa,aAAa;MAC5D,aAAa;OACX,IAAI,MAAM,WAAW,MAAM,WAAW;OACtC,MAAM,MAAM,aAAa,MAAM,aAAa;OAC7C;iBAED,oBAAC,kBAAgB,EAChB,MAAM;OACI,GACS;MACH;KACJ;IACP;GACP;;;;;;AAQf,MAAa,gCACX,UACG;AACH,QACE,oBAAC,sBACC,oBAAC;EAAc,WAAU;YACvB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe;aAEd,MAAM;IACY;GACP,GACP;;AAIf,MAAa,yCACX,UACG;AACH,QACE,oBAAC,sBACC,oBAAC;EAAc,WAAU;YACvB,oBAAC;GACC,kBAAkB,MAAM;GACxB,eAAe;aAEd,MAAM;IACY;GACP,GACP;;AAWf,MAAa,sBAAsB,UAAmC;AACpE,QACE,oBAAC;EACC,kBAAkB,MAAM;EACxB,eAAe;EACf,YAAY,MAAM;YAElB,oBAAC;GACC,WAAW,MAAM;GACjB,WAAW,gBAAgB;GAC3B,OAAO,MAAM;GACb,eAAe;IACf;GACiB"}
@@ -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(9361),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
+ "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(5543),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(9361),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
+ "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(5543),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(9361),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
+ "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(5543),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(9361),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(9361),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(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 +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(9361),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(9361),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(9361),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:()=>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"}}]);
@@ -0,0 +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 +1 @@
1
- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["122"],{4447:function(e,t,r){r.d(t,{OrganizationPaymentAttemptPage:()=>i});var n=r(4518),a=r(6256),o=r(6130);let i=()=>(0,n.Y)(a.m$.Provider,{value:"organization",children:(0,n.Y)(o.T,{})})},6130:function(e,t,r){r.d(t,{T:()=>x});var n=r(4518),a=r(9361),o=r(8036),i=r(6153),l=r(9436),c=r(137),d=r(9606),p=r(6256),s=r(78),m=r(8272),u=r(8920),y=r(2861),h=r(7782),b=r(2405),$=r(2852),g=r(4964);let x=()=>{let{params:e,navigate:t}=(0,g.r)(),r=(0,p.XX)(),l=(0,p.N7)(),{t:h,translateError:b}=(0,s._)(),{data:$,isLoading:x,error:z}=(0,a.hl)({paymentAttemptId:e.paymentAttemptId,for:"organization"===r?"organization":"user",enabled:!!e.paymentAttemptId}),f=$?.subscriptionItem;return x?(0,n.Y)(m.az,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,n.Y)(m.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:u.$z.spinner})}):(0,n.FD)(n.FK,{children:[(0,n.Y)(i.Y.Root,{sx:e=>({borderBlockEndWidth:e.borderWidths.$normal,borderBlockEndStyle:e.borderStyles.$solid,borderBlockEndColor:e.colors.$borderAlpha100,marginBlockEnd:e.space.$4,paddingBlockEnd:e.space.$4}),children:(0,n.Y)(i.Y.BackLink,{onClick:()=>void t("../../",{searchParams:new URLSearchParams("tab=payments")}),children:(0,n.Y)(i.Y.Title,{localizationKey:(0,y.G)(`${l}.billingPage.start.headerTitle__payments`),textVariant:"h2"})})}),$?(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptRoot,as:"article",sx:e=>({borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,borderRadius:e.radii.$lg,overflow:"clip"}),children:[(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptHeader,as:"header",sx:e=>({padding:e.space.$4,background:e.colors.$neutralAlpha25,display:"flex",justifyContent:"space-between",alignItems:"flex-start"}),children:[(0,n.FD)(m.L9,{elementDescriptor:u.$z.paymentAttemptHeaderTitleContainer,children:[(0,n.Y)(m.DZ,{elementDescriptor:u.$z.paymentAttemptHeaderTitle,textVariant:"h2",localizationKey:(0,c.Y)($.paidAt||$.failedAt||$.updatedAt,"long")}),(0,n.FD)(m.L9,{sx:e=>({display:"flex",alignItems:"center",gap:e.space.$0x25,color:e.colors.$colorMutedForeground}),children:[(0,n.Y)(D,{copyLabel:"Copy payment attempt ID",text:$.id}),(0,n.Y)(m.EY,{colorScheme:"secondary",variant:"subtitle",children:(0,d.W)($.id)})]})]}),(0,n.Y)(m.Ex,{elementDescriptor:u.$z.paymentAttemptHeaderBadge,colorScheme:"paid"===$.status?"success":"failed"===$.status?"danger":"primary",sx:{textTransform:"capitalize"},children:$.status})]}),(0,n.Y)(Y,{subscriptionItem:f}),(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptFooter,as:"footer",sx:e=>({paddingInline:e.space.$4,paddingBlock:e.space.$3,background:e.colors.$neutralAlpha25,borderBlockStartWidth:e.borderWidths.$normal,borderBlockStartStyle:e.borderStyles.$solid,borderBlockStartColor:e.colors.$borderAlpha100,display:"flex",justifyContent:"space-between"}),children:[(0,n.Y)(m.EY,{variant:"h3",localizationKey:(0,y.G)("billing.totalDue"),elementDescriptor:u.$z.paymentAttemptFooterLabel}),(0,n.FD)(m.L9,{elementDescriptor:u.$z.paymentAttemptFooterValueContainer,sx:e=>({display:"flex",alignItems:"center",gap:e.space.$2x5}),children:[(0,n.Y)(m.EY,{variant:"caption",colorScheme:"secondary",elementDescriptor:u.$z.paymentAttemptFooterCurrency,sx:{textTransform:"uppercase"},children:$.amount.currency}),(0,n.FD)(m.EY,{variant:"h3",elementDescriptor:u.$z.paymentAttemptFooterValue,children:[$.amount.currencySymbol,$.amount.amountFormatted]})]})]})]}):(0,n.Y)(m.az,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,n.Y)(o.F,{variant:"danger",colorScheme:"danger",children:z?b(z.errors[0]):h((0,y.G)(`${l}.billingPage.paymentHistorySection.notFound`))})})]})};function Y({subscriptionItem:e}){if(!e)return null;let t="month"===e.planPeriod?e.plan.fee:e.plan.annualMonthlyFee;return(0,n.Y)(m.az,{elementDescriptor:u.$z.paymentAttemptBody,sx:e=>({padding:e.space.$4}),children:(0,n.FD)(l.p.Root,{children:[(0,n.FD)(l.p.Group,{children:[(0,n.Y)(l.p.Title,{title:e.plan.name}),(0,n.Y)(l.p.Description,{prefix:"annual"===e.planPeriod?"x12":void 0,text:`${t.currencySymbol}${t.amountFormatted}`})]}),(0,n.FD)(l.p.Group,{borderTop:!0,variant:"tertiary",children:[(0,n.Y)(l.p.Title,{title:(0,y.G)("billing.subtotal")}),(0,n.Y)(l.p.Description,{text:`${e.amount?.currencySymbol}${e.amount?.amountFormatted}`})]}),e.credit&&e.credit.amount.amount>0&&(0,n.FD)(l.p.Group,{variant:"tertiary",children:[(0,n.Y)(l.p.Title,{title:(0,y.G)("billing.credit")}),(0,n.Y)(l.p.Description,{text:`- ${e.credit.amount.currencySymbol}${e.credit.amount.amountFormatted}`})]})]})})}function D({text:e,copyLabel:t="Copy"}){let{onCopy:r,hasCopied:a}=(0,h.i)(e);return(0,n.Y)(m.$n,{elementDescriptor:u.$z.paymentAttemptCopyButton,variant:"unstyled",onClick:r,sx:e=>({color:"inherit",width:e.sizes.$4,height:e.sizes.$4,padding:0,borderRadius:e.radii.$sm,"&:focus-visible":{outline:"2px solid",outlineColor:e.colors.$colorRing}}),focusRing:!1,"aria-label":a?"Copied":t,children:(0,n.Y)(m.In,{size:"sm",icon:a?b.A:$.A,"aria-hidden":!0})})}},4856:function(e,t,r){r.d(t,{PaymentAttemptPage:()=>n.T});var n=r(6130)}}]);
1
+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["122"],{4447:function(e,t,r){r.d(t,{OrganizationPaymentAttemptPage:()=>i});var n=r(4518),a=r(6256),o=r(6130);let i=()=>(0,n.Y)(a.m$.Provider,{value:"organization",children:(0,n.Y)(o.T,{})})},6130:function(e,t,r){r.d(t,{T:()=>x});var n=r(4518),a=r(5543),o=r(8036),i=r(6153),l=r(9436),c=r(137),d=r(9606),p=r(6256),s=r(78),m=r(8272),u=r(8920),y=r(2861),h=r(7782),b=r(2405),$=r(2852),g=r(4964);let x=()=>{let{params:e,navigate:t}=(0,g.r)(),r=(0,p.XX)(),l=(0,p.N7)(),{t:h,translateError:b}=(0,s._)(),{data:$,isLoading:x,error:z}=(0,a.hl)({paymentAttemptId:e.paymentAttemptId,for:"organization"===r?"organization":"user",enabled:!!e.paymentAttemptId}),f=$?.subscriptionItem;return x?(0,n.Y)(m.az,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,n.Y)(m.y$,{colorScheme:"primary",sx:{margin:"auto",display:"block"},elementDescriptor:u.$z.spinner})}):(0,n.FD)(n.FK,{children:[(0,n.Y)(i.Y.Root,{sx:e=>({borderBlockEndWidth:e.borderWidths.$normal,borderBlockEndStyle:e.borderStyles.$solid,borderBlockEndColor:e.colors.$borderAlpha100,marginBlockEnd:e.space.$4,paddingBlockEnd:e.space.$4}),children:(0,n.Y)(i.Y.BackLink,{onClick:()=>void t("../../",{searchParams:new URLSearchParams("tab=payments")}),children:(0,n.Y)(i.Y.Title,{localizationKey:(0,y.G)(`${l}.billingPage.start.headerTitle__payments`),textVariant:"h2"})})}),$?(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptRoot,as:"article",sx:e=>({borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,borderRadius:e.radii.$lg,overflow:"clip"}),children:[(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptHeader,as:"header",sx:e=>({padding:e.space.$4,background:e.colors.$neutralAlpha25,display:"flex",justifyContent:"space-between",alignItems:"flex-start"}),children:[(0,n.FD)(m.L9,{elementDescriptor:u.$z.paymentAttemptHeaderTitleContainer,children:[(0,n.Y)(m.DZ,{elementDescriptor:u.$z.paymentAttemptHeaderTitle,textVariant:"h2",localizationKey:(0,c.Y)($.paidAt||$.failedAt||$.updatedAt,"long")}),(0,n.FD)(m.L9,{sx:e=>({display:"flex",alignItems:"center",gap:e.space.$0x25,color:e.colors.$colorMutedForeground}),children:[(0,n.Y)(D,{copyLabel:"Copy payment attempt ID",text:$.id}),(0,n.Y)(m.EY,{colorScheme:"secondary",variant:"subtitle",children:(0,d.W)($.id)})]})]}),(0,n.Y)(m.Ex,{elementDescriptor:u.$z.paymentAttemptHeaderBadge,colorScheme:"paid"===$.status?"success":"failed"===$.status?"danger":"primary",sx:{textTransform:"capitalize"},children:$.status})]}),(0,n.Y)(Y,{subscriptionItem:f}),(0,n.FD)(m.az,{elementDescriptor:u.$z.paymentAttemptFooter,as:"footer",sx:e=>({paddingInline:e.space.$4,paddingBlock:e.space.$3,background:e.colors.$neutralAlpha25,borderBlockStartWidth:e.borderWidths.$normal,borderBlockStartStyle:e.borderStyles.$solid,borderBlockStartColor:e.colors.$borderAlpha100,display:"flex",justifyContent:"space-between"}),children:[(0,n.Y)(m.EY,{variant:"h3",localizationKey:(0,y.G)("billing.totalDue"),elementDescriptor:u.$z.paymentAttemptFooterLabel}),(0,n.FD)(m.L9,{elementDescriptor:u.$z.paymentAttemptFooterValueContainer,sx:e=>({display:"flex",alignItems:"center",gap:e.space.$2x5}),children:[(0,n.Y)(m.EY,{variant:"caption",colorScheme:"secondary",elementDescriptor:u.$z.paymentAttemptFooterCurrency,sx:{textTransform:"uppercase"},children:$.amount.currency}),(0,n.FD)(m.EY,{variant:"h3",elementDescriptor:u.$z.paymentAttemptFooterValue,children:[$.amount.currencySymbol,$.amount.amountFormatted]})]})]})]}):(0,n.Y)(m.az,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:(0,n.Y)(o.F,{variant:"danger",colorScheme:"danger",children:z?b(z.errors[0]):h((0,y.G)(`${l}.billingPage.paymentHistorySection.notFound`))})})]})};function Y({subscriptionItem:e}){if(!e)return null;let t="month"===e.planPeriod?e.plan.fee:e.plan.annualMonthlyFee;return(0,n.Y)(m.az,{elementDescriptor:u.$z.paymentAttemptBody,sx:e=>({padding:e.space.$4}),children:(0,n.FD)(l.p.Root,{children:[(0,n.FD)(l.p.Group,{children:[(0,n.Y)(l.p.Title,{title:e.plan.name}),(0,n.Y)(l.p.Description,{prefix:"annual"===e.planPeriod?"x12":void 0,text:`${t.currencySymbol}${t.amountFormatted}`})]}),(0,n.FD)(l.p.Group,{borderTop:!0,variant:"tertiary",children:[(0,n.Y)(l.p.Title,{title:(0,y.G)("billing.subtotal")}),(0,n.Y)(l.p.Description,{text:`${e.amount?.currencySymbol}${e.amount?.amountFormatted}`})]}),e.credit&&e.credit.amount.amount>0&&(0,n.FD)(l.p.Group,{variant:"tertiary",children:[(0,n.Y)(l.p.Title,{title:(0,y.G)("billing.credit")}),(0,n.Y)(l.p.Description,{text:`- ${e.credit.amount.currencySymbol}${e.credit.amount.amountFormatted}`})]})]})})}function D({text:e,copyLabel:t="Copy"}){let{onCopy:r,hasCopied:a}=(0,h.i)(e);return(0,n.Y)(m.$n,{elementDescriptor:u.$z.paymentAttemptCopyButton,variant:"unstyled",onClick:r,sx:e=>({color:"inherit",width:e.sizes.$4,height:e.sizes.$4,padding:0,borderRadius:e.radii.$sm,"&:focus-visible":{outline:"2px solid",outlineColor:e.colors.$colorRing}}),focusRing:!1,"aria-label":a?"Copied":t,children:(0,n.Y)(m.In,{size:"sm",icon:a?b.A:$.A,"aria-hidden":!0})})}},4856:function(e,t,r){r.d(t,{PaymentAttemptPage:()=>n.T});var n=r(6130)}}]);
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["841"],{3598:function(e,a,n){n.r(a),n.d(a,{PlanDetails:()=>D});var l=n(4518),i=n(9361),t=n(5074),r=n(8036),o=n(6195),s=n(8532),c=n(8511),d=n(6256),p=n(7288),u=n(4607),m=n(78),h=n(8272),g=n(8920),b=n(2861);let D=e=>(0,l.Y)(u.n.Root,{flow:"planDetails",children:(0,l.Y)(u.n.Part,{children:(0,l.Y)(s.Drawer.Content,{children:(0,l.Y)($,{...e})})})}),f=({children:e})=>(0,l.Y)(s.Drawer.Body,{sx:e=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,overflowY:"auto",padding:e.space.$4,gap:e.space.$4}),children:e}),y=({error:e})=>{let{translateError:a}=(0,m._)();return(0,l.Y)(f,{children:(0,l.Y)(r.F,{variant:"danger",colorScheme:"danger",children:a(e.errors[0])})})},$=({planId:e,plan:a,initialPlanPeriod:n="month"})=>{let[r,c]=(0,t.useState)(n),{data:p,isLoading:u,error:m}=(0,i.Dc)({planId:e,initialPlan:a,enabled:!!(e||a?.id)});if(u&&!a)return(0,l.Y)(f,{children:(0,l.Y)(h.y$,{})});if(!p&&m)return(0,l.Y)(y,{error:m});if(!p)return null;let D=p.features,$=D.length>0;return(0,l.FD)(d.m$.Provider,{value:"org"===p.forPayerType?"organization":"user",children:[(0,l.Y)(s.Drawer.Header,{sx:e=>$?null:{flex:1,borderBottomWidth:0,background:e.colors.$colorBackground},children:(0,l.Y)(F,{plan:p,planPeriod:r,setPlanPeriod:c,closeSlot:(0,l.Y)(s.Drawer.Close,{})})}),$?(0,l.FD)(s.Drawer.Body,{children:[(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailCaption,variant:"caption",localizationKey:(0,b.G)("billing.availableFeatures"),colorScheme:"secondary",sx:e=>({padding:e.space.$4,paddingBottom:0})}),(0,l.Y)(h.az,{elementDescriptor:g.$z.planDetailFeaturesList,as:"ul",role:"list",sx:e=>({display:"grid",rowGap:e.space.$6,padding:e.space.$4,margin:0}),children:D.map(e=>(0,l.FD)(h.az,{elementDescriptor:g.$z.planDetailFeaturesListItem,as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$3}),children:[e.avatarUrl?(0,l.Y)(o.e,{size:e=>24,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,(0,l.FD)(h.L9,{elementDescriptor:g.$z.planDetailFeaturesListItemContent,children:[(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$medium}),children:e.name}),e.description?(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeaturesListItemDescription,colorScheme:"secondary",sx:e=>({marginBlockStart:e.space.$0x25}),children:e.description}):null]})]},e.id))})]}):null]})},F=t.forwardRef((e,a)=>{let{plan:n,closeSlot:i,planPeriod:r,setPlanPeriod:s}=e,d=(0,t.useMemo)(()=>n.annualMonthlyFee&&"annual"===r?n.annualMonthlyFee:n.fee,[n,r]),u=t.useMemo(()=>(0,p.Ij)(d.amountFormatted),[d.amountFormatted]);return(0,l.FD)(h.az,{ref:a,elementDescriptor:g.$z.planDetailHeader,sx:e=>({width:"100%",padding:e.space.$4,position:"relative"}),children:[i?(0,l.Y)(h.az,{sx:e=>({position:"absolute",top:e.space.$2,insetInlineEnd:e.space.$2}),children:i}):null,(0,l.FD)(h.fv,{gap:3,elementDescriptor:g.$z.planDetailBadgeAvatarTitleDescriptionContainer,children:[n.avatarUrl?(0,l.Y)(o.e,{boxElementDescriptor:g.$z.planDetailAvatar,size:e=>40,title:n.name,initials:n.name[0],rounded:!1,imageUrl:n.avatarUrl,sx:e=>({marginBlockEnd:e.space.$3})}):null,(0,l.FD)(h.fv,{gap:1,elementDescriptor:g.$z.planDetailTitleDescriptionContainer,children:[(0,l.Y)(h.DZ,{elementDescriptor:g.$z.planDetailTitle,as:"h2",textVariant:"h2",children:n.name}),n.description?(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailDescription,variant:"subtitle",colorScheme:"secondary",children:n.description}):null]})]}),(0,l.Y)(h.so,{elementDescriptor:g.$z.planDetailFeeContainer,align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$3,columnGap:e.space.$1x5}),children:(0,l.FD)(l.FK,{children:[(0,l.FD)(h.EY,{elementDescriptor:g.$z.planDetailFee,variant:"h1",colorScheme:"body",children:[d.currencySymbol,u]}),(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,b.G)("billing.month")})]})}),n.annualMonthlyFee?(0,l.Y)(h.az,{elementDescriptor:g.$z.planDetailPeriodToggle,sx:e=>({display:"flex",marginTop:e.space.$3}),children:(0,l.Y)(c.d,{isChecked:"annual"===r,onChange:e=>s(e?"annual":"month"),label:(0,b.G)("billing.billedAnnually")})}):(0,l.Y)(h.EY,{elementDescriptor:g.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:n.isDefault?(0,b.G)("billing.alwaysFree"):(0,b.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$3})})]})})},7288:function(e,a,n){n.d(a,{A$:()=>g,D:()=>b,Ij:()=>c,Rs:()=>h,eT:()=>m,mu:()=>p,wD:()=>u});var l=n(9361),i=n(5074),t=n(7477),r=n(5424),o=n(2861),s=n(6256);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let d=()=>{let e=(0,s.XX)(),a=(0,t.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),n=(0,l.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!n?.organization&&a}},p=()=>{let e=d();return(0,l.X$)(e)},u=()=>{let e=d();return(0,l.t7)(e)},m=e=>{let a=d();return(0,l.tr)({...a,__experimental_mode:e?.mode})},h=()=>{let e=d(),a=(0,l.kH)(e),n=(0,i.useMemo)(()=>a.data?.subscriptionItems||[],[a.data?.subscriptionItems]);return{...a,subscriptionItems:n}},g=e=>{let a=(0,s.XX)();return(0,l.rg)({for:a,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,l.ho)(),{session:a}=(0,l.wV)(),n=(0,s.XX)(),t=(0,i.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===n),[e,n]),{subscriptionItems:c,revalidate:d,data:u}=h(),{data:b,revalidate:D}=g({mode:"cache"}),{revalidate:f}=m({mode:"cache"}),{revalidate:y}=p(),$=(0,i.useCallback)(()=>{d(),D(),f(),y()},[d,D,f,y]),F=(0,i.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),Y=(0,i.useCallback)(e=>c.find(a=>a.plan.id===e.id),[c]),v=(0,i.useCallback)(e=>c.filter(a=>a.plan.id===e.id),[c]),z=(0,i.useCallback)((e,a="month")=>{let n=v(e);if(n.length>1){let e=n.find(e=>e.planPeriod===a);return e||n[0]}if(1===n.length)return n[0]},[v]),_=(0,i.useCallback)(({plan:e,subscription:a})=>{let n=a??(e?Y(e):void 0);return!n||!n.canceledAt},[Y]),x=(0,i.useCallback)(({plan:e,subscription:n,isCompact:l=!1,selectedPlanPeriod:i="annual"})=>{let r=n??(e?z(e,i):void 0),s=i,d=!!e?.annualMonthlyFee;"annual"!==s||d||(s="month");let p=n=>{if(e?.freeTrialEnabled){let n=!a,l=u?.eligibleForFreeTrial;if(n||l)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return n};return{localizationKey:p((()=>{if(r){if(s!==r.planPeriod&&r.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}if(r.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==r.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):p((0,o.G)("billing.subscribe"))})()),variant:l?"bordered":"solid",colorScheme:l?"secondary":"primary",isDisabled:!t,disabled:!t}},[z,t,c,u]),C=(0,i.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),k=(0,i.useCallback)(a=>{let l=(0,r.J)("modal",a);e.__internal_openSubscriptionDetails({for:n,onSubscriptionCancel:()=>{$()},portalRoot:l})},[e,n,$]);return{activeOrUpcomingSubscription:Y,activeAndUpcomingSubscriptions:v,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:F,handleSelectPlan:(0,i.useCallback)(({plan:l,planPeriod:i,mode:t="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:c})=>{let d=(0,r.J)(t,o);e.__internal_openCheckout({planId:l.id,planPeriod:"annual"!==i||l.annualMonthlyFee?i:"month",for:n,onSubscriptionComplete:()=>{$()},onClose:()=>{a?.id&&e.setActive({session:a.id})},appearance:s,portalRoot:d,newSubscriptionRedirectUrl:c})},[e,$,n,a?.id]),openSubscriptionDetails:k,buttonPropsForPlan:x,canManageSubscription:_,captionForSubscription:C,defaultFreePlan:(0,i.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:$}}},6256:function(e,a,n){n.d(a,{N7:()=>o,XX:()=>r,m$:()=>t});var l=n(5074);let i="user",t=(0,l.createContext)(i),r=()=>(0,l.useContext)(t)||i,o=()=>"user"===r()?"userProfile":"organizationProfile"}}]);
1
+ "use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["841"],{3598:function(e,a,n){n.r(a),n.d(a,{PlanDetails:()=>D});var l=n(4518),i=n(5543),t=n(5074),r=n(8036),o=n(6195),s=n(8532),c=n(8511),d=n(6256),p=n(7288),u=n(4607),m=n(78),h=n(8272),g=n(8920),b=n(2861);let D=e=>(0,l.Y)(u.n.Root,{flow:"planDetails",children:(0,l.Y)(u.n.Part,{children:(0,l.Y)(s.Drawer.Content,{children:(0,l.Y)($,{...e})})})}),f=({children:e})=>(0,l.Y)(s.Drawer.Body,{sx:e=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,overflowY:"auto",padding:e.space.$4,gap:e.space.$4}),children:e}),y=({error:e})=>{let{translateError:a}=(0,m._)();return(0,l.Y)(f,{children:(0,l.Y)(r.F,{variant:"danger",colorScheme:"danger",children:a(e.errors[0])})})},$=({planId:e,plan:a,initialPlanPeriod:n="month"})=>{let[r,c]=(0,t.useState)(n),{data:p,isLoading:u,error:m}=(0,i.Dc)({planId:e,initialPlan:a,enabled:!!(e||a?.id)});if(u&&!a)return(0,l.Y)(f,{children:(0,l.Y)(h.y$,{})});if(!p&&m)return(0,l.Y)(y,{error:m});if(!p)return null;let D=p.features,$=D.length>0;return(0,l.FD)(d.m$.Provider,{value:"org"===p.forPayerType?"organization":"user",children:[(0,l.Y)(s.Drawer.Header,{sx:e=>$?null:{flex:1,borderBottomWidth:0,background:e.colors.$colorBackground},children:(0,l.Y)(F,{plan:p,planPeriod:r,setPlanPeriod:c,closeSlot:(0,l.Y)(s.Drawer.Close,{})})}),$?(0,l.FD)(s.Drawer.Body,{children:[(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailCaption,variant:"caption",localizationKey:(0,b.G)("billing.availableFeatures"),colorScheme:"secondary",sx:e=>({padding:e.space.$4,paddingBottom:0})}),(0,l.Y)(h.az,{elementDescriptor:g.$z.planDetailFeaturesList,as:"ul",role:"list",sx:e=>({display:"grid",rowGap:e.space.$6,padding:e.space.$4,margin:0}),children:D.map(e=>(0,l.FD)(h.az,{elementDescriptor:g.$z.planDetailFeaturesListItem,as:"li",sx:e=>({display:"flex",alignItems:"baseline",gap:e.space.$3}),children:[e.avatarUrl?(0,l.Y)(o.e,{size:e=>24,title:e.name,initials:e.name[0],rounded:!1,imageUrl:e.avatarUrl}):null,(0,l.FD)(h.L9,{elementDescriptor:g.$z.planDetailFeaturesListItemContent,children:[(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeaturesListItemTitle,colorScheme:"body",sx:e=>({fontWeight:e.fontWeights.$medium}),children:e.name}),e.description?(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeaturesListItemDescription,colorScheme:"secondary",sx:e=>({marginBlockStart:e.space.$0x25}),children:e.description}):null]})]},e.id))})]}):null]})},F=t.forwardRef((e,a)=>{let{plan:n,closeSlot:i,planPeriod:r,setPlanPeriod:s}=e,d=(0,t.useMemo)(()=>n.annualMonthlyFee&&"annual"===r?n.annualMonthlyFee:n.fee,[n,r]),u=t.useMemo(()=>(0,p.Ij)(d.amountFormatted),[d.amountFormatted]);return(0,l.FD)(h.az,{ref:a,elementDescriptor:g.$z.planDetailHeader,sx:e=>({width:"100%",padding:e.space.$4,position:"relative"}),children:[i?(0,l.Y)(h.az,{sx:e=>({position:"absolute",top:e.space.$2,insetInlineEnd:e.space.$2}),children:i}):null,(0,l.FD)(h.fv,{gap:3,elementDescriptor:g.$z.planDetailBadgeAvatarTitleDescriptionContainer,children:[n.avatarUrl?(0,l.Y)(o.e,{boxElementDescriptor:g.$z.planDetailAvatar,size:e=>40,title:n.name,initials:n.name[0],rounded:!1,imageUrl:n.avatarUrl,sx:e=>({marginBlockEnd:e.space.$3})}):null,(0,l.FD)(h.fv,{gap:1,elementDescriptor:g.$z.planDetailTitleDescriptionContainer,children:[(0,l.Y)(h.DZ,{elementDescriptor:g.$z.planDetailTitle,as:"h2",textVariant:"h2",children:n.name}),n.description?(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailDescription,variant:"subtitle",colorScheme:"secondary",children:n.description}):null]})]}),(0,l.Y)(h.so,{elementDescriptor:g.$z.planDetailFeeContainer,align:"center",wrap:"wrap",sx:e=>({marginTop:e.space.$3,columnGap:e.space.$1x5}),children:(0,l.FD)(l.FK,{children:[(0,l.FD)(h.EY,{elementDescriptor:g.$z.planDetailFee,variant:"h1",colorScheme:"body",children:[d.currencySymbol,u]}),(0,l.Y)(h.EY,{elementDescriptor:g.$z.planDetailFeePeriod,variant:"caption",colorScheme:"secondary",sx:e=>({textTransform:"lowercase",":before":{content:'"/"',marginInlineEnd:e.space.$1}}),localizationKey:(0,b.G)("billing.month")})]})}),n.annualMonthlyFee?(0,l.Y)(h.az,{elementDescriptor:g.$z.planDetailPeriodToggle,sx:e=>({display:"flex",marginTop:e.space.$3}),children:(0,l.Y)(c.d,{isChecked:"annual"===r,onChange:e=>s(e?"annual":"month"),label:(0,b.G)("billing.billedAnnually")})}):(0,l.Y)(h.EY,{elementDescriptor:g.$z.pricingTableCardFeePeriodNotice,variant:"caption",colorScheme:"secondary",localizationKey:n.isDefault?(0,b.G)("billing.alwaysFree"):(0,b.G)("billing.billedMonthlyOnly"),sx:e=>({justifySelf:"flex-start",alignSelf:"center",marginTop:e.space.$3})})]})})},7288:function(e,a,n){n.d(a,{A$:()=>g,D:()=>b,Ij:()=>c,Rs:()=>h,eT:()=>m,mu:()=>p,wD:()=>u});var l=n(5543),i=n(5074),t=n(7477),r=n(5424),o=n(2861),s=n(6256);function c(e){return e.endsWith(".00")?e.slice(0,-3):e}let d=()=>{let e=(0,s.XX)(),a=(0,t.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),n=(0,l.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!n?.organization&&a}},p=()=>{let e=d();return(0,l.X$)(e)},u=()=>{let e=d();return(0,l.t7)(e)},m=e=>{let a=d();return(0,l.tr)({...a,__experimental_mode:e?.mode})},h=()=>{let e=d(),a=(0,l.kH)(e),n=(0,i.useMemo)(()=>a.data?.subscriptionItems||[],[a.data?.subscriptionItems]);return{...a,subscriptionItems:n}},g=e=>{let a=(0,s.XX)();return(0,l.rg)({for:a,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},b=()=>{let e=(0,l.ho)(),{session:a}=(0,l.wV)(),n=(0,s.XX)(),t=(0,i.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===n),[e,n]),{subscriptionItems:c,revalidate:d,data:u}=h(),{data:b,revalidate:D}=g({mode:"cache"}),{revalidate:f}=m({mode:"cache"}),{revalidate:y}=p(),$=(0,i.useCallback)(()=>{d(),D(),f(),y()},[d,D,f,y]),F=(0,i.useMemo)(()=>0===c.length||!c.some(e=>!e.canceledAt),[c]),Y=(0,i.useCallback)(e=>c.find(a=>a.plan.id===e.id),[c]),v=(0,i.useCallback)(e=>c.filter(a=>a.plan.id===e.id),[c]),z=(0,i.useCallback)((e,a="month")=>{let n=v(e);if(n.length>1){let e=n.find(e=>e.planPeriod===a);return e||n[0]}if(1===n.length)return n[0]},[v]),_=(0,i.useCallback)(({plan:e,subscription:a})=>{let n=a??(e?Y(e):void 0);return!n||!n.canceledAt},[Y]),x=(0,i.useCallback)(({plan:e,subscription:n,isCompact:l=!1,selectedPlanPeriod:i="annual"})=>{let r=n??(e?z(e,i):void 0),s=i,d=!!e?.annualMonthlyFee;"annual"!==s||d||(s="month");let p=n=>{if(e?.freeTrialEnabled){let n=!a,l=u?.eligibleForFreeTrial;if(n||l)return(0,o.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return n};return{localizationKey:p((()=>{if(r){if(s!==r.planPeriod&&r.canceledAt){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}if(r.canceledAt)return(0,o.G)("billing.reSubscribe");if(s!==r.planPeriod){if("month"===s)return(0,o.G)("billing.switchToMonthly");if(d)return(0,o.G)("billing.switchToAnnual")}return(0,o.G)("billing.manageSubscription")}return c.filter(e=>!e.plan.isDefault).length>0?(0,o.G)("billing.switchPlan"):p((0,o.G)("billing.subscribe"))})()),variant:l?"bordered":"solid",colorScheme:l?"secondary":"primary",isDisabled:!t,disabled:!t}},[z,t,c,u]),C=(0,i.useCallback)(e=>e.pastDueAt?(0,o.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,o.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,o.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,o.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),k=(0,i.useCallback)(a=>{let l=(0,r.J)("modal",a);e.__internal_openSubscriptionDetails({for:n,onSubscriptionCancel:()=>{$()},portalRoot:l})},[e,n,$]);return{activeOrUpcomingSubscription:Y,activeAndUpcomingSubscriptions:v,activeOrUpcomingSubscriptionBasedOnPlanPeriod:z,isDefaultPlanImplicitlyActiveOrUpcoming:F,handleSelectPlan:(0,i.useCallback)(({plan:l,planPeriod:i,mode:t="mounted",event:o,appearance:s,newSubscriptionRedirectUrl:c})=>{let d=(0,r.J)(t,o);e.__internal_openCheckout({planId:l.id,planPeriod:"annual"!==i||l.annualMonthlyFee?i:"month",for:n,onSubscriptionComplete:()=>{$()},onClose:()=>{a?.id&&e.setActive({session:a.id})},appearance:s,portalRoot:d,newSubscriptionRedirectUrl:c})},[e,$,n,a?.id]),openSubscriptionDetails:k,buttonPropsForPlan:x,canManageSubscription:_,captionForSubscription:C,defaultFreePlan:(0,i.useMemo)(()=>b?.find(e=>e.isDefault),[b]),revalidateAll:$}}},6256:function(e,a,n){n.d(a,{N7:()=>o,XX:()=>r,m$:()=>t});var l=n(5074);let i="user",t=(0,l.createContext)(i),r=()=>(0,l.useContext)(t)||i,o=()=>"user"===r()?"userProfile":"organizationProfile"}}]);