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

package/dist/components/UserProfile/Web3Form.js

@@ -3,11 +3,11 @@ import { useModuleManager } from "../../contexts/ModuleManagerContext.js";
 import { localizationKeys } from "../../localization/localizationKeys.js";
 import { descriptors } from "../../customizables/elementDescriptors.js";
 import { useCardState } from "../../elements/contexts/index.js";
-import { Image, Text } from "../../customizables/index.js";
-import { getFieldError, handleError } from "../../utils/errorHandler.js";
+import { Image } from "../../customizables/index.js";
 import { useActionContext } from "../../elements/Action/ActionRoot.js";
 import { Action } from "../../elements/Action/index.js";
 import { ProfileSection } from "../../elements/Section.js";
+import { web3CallbackErrorHandler } from "../../utils/web3CallbackErrorHandler.js";
 import { Web3SelectSolanaWalletScreen } from "./Web3SelectSolanaWalletScreen.js";
 import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useReverification, useUser } from "@clerk/shared/react";
@@ -55,54 +55,41 @@ const AddWeb3WalletActionMenu = () => {
 			card.setIdle();
 		} catch (err) {
 			card.setIdle();
-			const fieldError = getFieldError(err);
-			if (fieldError) card.setError(fieldError.longMessage);
-			else handleError(err, [], card.setError);
+			web3CallbackErrorHandler(err, card.setError);
 		}
 	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Action.Closed, {
-			value: "web3Wallets",
-			children: /* @__PURE__ */ jsx(ProfileSection.ActionMenu, {
-				id: "web3Wallets",
-				triggerLocalizationKey: localizationKeys("userProfile.start.web3WalletsSection.primaryButton"),
-				children: unconnectedStrategies.map((strategy) => /* @__PURE__ */ jsx(ProfileSection.ActionMenuItem, {
-					id: strategyToDisplayData[strategy].id,
-					onClick: () => {
-						connect({ strategy });
-					},
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Action.Closed, {
+		value: "web3Wallets",
+		children: /* @__PURE__ */ jsx(ProfileSection.ActionMenu, {
+			id: "web3Wallets",
+			triggerLocalizationKey: localizationKeys("userProfile.start.web3WalletsSection.primaryButton"),
+			children: unconnectedStrategies.map((strategy) => /* @__PURE__ */ jsx(ProfileSection.ActionMenuItem, {
+				id: strategyToDisplayData[strategy].id,
+				onClick: () => {
+					connect({ strategy });
+				},
+				isLoading: card.loadingMetadata === strategy,
+				isDisabled: card.isLoading,
+				localizationKey: localizationKeys("userProfile.web3WalletPage.web3WalletButtonsBlockButton", { provider: strategyToDisplayData[strategy].name }),
+				sx: (t) => ({
+					justifyContent: "start",
+					gap: t.space.$2
+				}),
+				leftIcon: /* @__PURE__ */ jsx(Image, {
+					elementDescriptor: descriptors.providerIcon,
+					elementId: descriptors.providerIcon.setId(strategyToDisplayData[strategy].id),
 					isLoading: card.loadingMetadata === strategy,
 					isDisabled: card.isLoading,
-					localizationKey: localizationKeys("userProfile.web3WalletPage.web3WalletButtonsBlockButton", { provider: strategyToDisplayData[strategy].name }),
-					sx: (t) => ({
-						justifyContent: "start",
-						gap: t.space.$2
-					}),
-					leftIcon: /* @__PURE__ */ jsx(Image, {
-						elementDescriptor: descriptors.providerIcon,
-						elementId: descriptors.providerIcon.setId(strategyToDisplayData[strategy].id),
-						isLoading: card.loadingMetadata === strategy,
-						isDisabled: card.isLoading,
-						src: strategyToDisplayData[strategy].iconUrl,
-						alt: `Connect ${strategyToDisplayData[strategy].name}`,
-						sx: (theme) => ({ width: theme.sizes.$5 })
-					})
-				}, strategy))
-			})
-		}),
-		/* @__PURE__ */ jsx(Action.Open, {
-			value: "web3Wallets",
-			children: /* @__PURE__ */ jsx(Action.Card, { children: /* @__PURE__ */ jsx(Web3SelectSolanaWalletScreen, { onConnect: connect }) })
-		}),
-		card.error && /* @__PURE__ */ jsx(Text, {
-			colorScheme: "danger",
-			sx: (t) => ({
-				padding: t.sizes.$1x5,
-				paddingLeft: t.sizes.$8x5
-			}),
-			children: card.error
+					src: strategyToDisplayData[strategy].iconUrl,
+					alt: `Connect ${strategyToDisplayData[strategy].name}`,
+					sx: (theme) => ({ width: theme.sizes.$5 })
+				})
+			}, strategy))
 		})
-	] });
+	}), /* @__PURE__ */ jsx(Action.Open, {
+		value: "web3Wallets",
+		children: /* @__PURE__ */ jsx(Action.Card, { children: /* @__PURE__ */ jsx(Web3SelectSolanaWalletScreen, { onConnect: connect }) })
+	})] });
 };
 
 //#endregion

package/dist/components/UserProfile/Web3Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Web3Form.js","names":["err: any"],"sources":["../../../src/components/UserProfile/Web3Form.tsx"],"sourcesContent":["import { createWeb3 } from '@clerk/shared/internal/clerk-js/web3';\nimport { useReverification, useUser } from '@clerk/shared/react';\nimport type { Web3Provider, Web3Strategy } from '@clerk/shared/types';\n\nimport { Web3SelectSolanaWalletScreen } from '@/ui/components/UserProfile/Web3SelectSolanaWalletScreen';\nimport { Action } from '@/ui/elements/Action';\nimport { useActionContext } from '@/ui/elements/Action/ActionRoot';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { ProfileSection } from '@/ui/elements/Section';\nimport { getFieldError, handleError } from '@/ui/utils/errorHandler';\n\nimport { useModuleManager } from '../../contexts';\nimport { descriptors, Image, localizationKeys, Text } from '../../customizables';\nimport { useEnabledThirdPartyProviders } from '../../hooks';\n\nexport const AddWeb3WalletActionMenu = () => {\n  const card = useCardState();\n  const { open } = useActionContext();\n  const { user } = useUser();\n  const { strategies, strategyToDisplayData } = useEnabledThirdPartyProviders();\n  const moduleManager = useModuleManager();\n  const enabledStrategies = strategies.filter(s => s.startsWith('web3')) as Web3Strategy[];\n  const connectedStrategies = user?.verifiedWeb3Wallets?.map(w => w.verification.strategy) ?? ([] as Web3Strategy[]);\n  const unconnectedStrategies = enabledStrategies.filter(strategy => {\n    return !connectedStrategies.includes(strategy) && strategyToDisplayData[strategy];\n  });\n\n  if (unconnectedStrategies.length === 0) {\n    return null;\n  }\n\n  const createWeb3Wallet = useReverification((identifier: string) =>\n    user?.createWeb3Wallet({ web3Wallet: identifier }),\n  );\n\n  // If the user selects `web3_solana_signature` as their strategy,\n  // we need to obtain the wallet name to use when connecting and signing the message during the auth flow\n  //\n  // Otherwise, our current Web3 providers are all based on the wallet provider name,\n  // which is sufficient for our current use case when connecting to a wallet.\n  const connect = async ({ strategy, walletName }: { strategy: Web3Strategy; walletName?: string }) => {\n    const web3 = createWeb3(moduleManager);\n\n    if (strategy === 'web3_solana_signature' && !walletName) {\n      open('web3Wallets');\n      return;\n    }\n    const provider = strategy.replace('web3_', '').replace('_signature', '') as Web3Provider;\n    card.setError(undefined);\n\n    try {\n      card.setLoading(strategy);\n      const identifier = await web3.getWeb3Identifier({ provider, walletName });\n\n      if (!user) {\n        throw new Error('user is not defined');\n      }\n\n      let web3Wallet = await createWeb3Wallet(identifier);\n      web3Wallet = await web3Wallet?.prepareVerification({ strategy });\n      const message = web3Wallet?.verification.message as string;\n      const signature = await web3.generateWeb3Signature({ identifier, nonce: message, provider, walletName });\n      await web3Wallet?.attemptVerification({ signature });\n      card.setIdle();\n    } catch (err: any) {\n      card.setIdle();\n      const fieldError = getFieldError(err);\n      if (fieldError) {\n        card.setError(fieldError.longMessage);\n      } else {\n        handleError(err, [], card.setError);\n      }\n    }\n  };\n\n  return (\n    <>\n      <Action.Closed value='web3Wallets'>\n        <ProfileSection.ActionMenu\n          id='web3Wallets'\n          triggerLocalizationKey={localizationKeys('userProfile.start.web3WalletsSection.primaryButton')}\n        >\n          {unconnectedStrategies.map(strategy => (\n            <ProfileSection.ActionMenuItem\n              key={strategy}\n              id={strategyToDisplayData[strategy].id}\n              onClick={() => {\n                void connect({ strategy });\n              }}\n              isLoading={card.loadingMetadata === strategy}\n              isDisabled={card.isLoading}\n              localizationKey={localizationKeys('userProfile.web3WalletPage.web3WalletButtonsBlockButton', {\n                provider: strategyToDisplayData[strategy].name,\n              })}\n              sx={t => ({\n                justifyContent: 'start',\n                gap: t.space.$2,\n              })}\n              leftIcon={\n                <Image\n                  elementDescriptor={descriptors.providerIcon}\n                  elementId={descriptors.providerIcon.setId(strategyToDisplayData[strategy].id)}\n                  isLoading={card.loadingMetadata === strategy}\n                  isDisabled={card.isLoading}\n                  src={strategyToDisplayData[strategy].iconUrl}\n                  alt={`Connect ${strategyToDisplayData[strategy].name}`}\n                  sx={theme => ({ width: theme.sizes.$5 })}\n                />\n              }\n            />\n          ))}\n        </ProfileSection.ActionMenu>\n      </Action.Closed>\n      <Action.Open value='web3Wallets'>\n        <Action.Card>\n          <Web3SelectSolanaWalletScreen onConnect={connect} />\n        </Action.Card>\n      </Action.Open>\n\n      {card.error && (\n        <Text\n          colorScheme='danger'\n          sx={t => ({\n            padding: t.sizes.$1x5,\n            paddingLeft: t.sizes.$8x5,\n          })}\n        >\n          {card.error}\n        </Text>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,gCAAgC;CAC3C,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,YAAY,0BAA0B,+BAA+B;CAC7E,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,oBAAoB,WAAW,QAAO,MAAK,EAAE,WAAW,OAAO,CAAC;CACtE,MAAM,sBAAsB,MAAM,qBAAqB,KAAI,MAAK,EAAE,aAAa,SAAS,IAAK,EAAE;CAC/F,MAAM,wBAAwB,kBAAkB,QAAO,aAAY;AACjE,SAAO,CAAC,oBAAoB,SAAS,SAAS,IAAI,sBAAsB;GACxE;AAEF,KAAI,sBAAsB,WAAW,EACnC,QAAO;CAGT,MAAM,mBAAmB,mBAAmB,eAC1C,MAAM,iBAAiB,EAAE,YAAY,YAAY,CAAC,CACnD;CAOD,MAAM,UAAU,OAAO,EAAE,UAAU,iBAAkE;EACnG,MAAM,OAAO,WAAW,cAAc;AAEtC,MAAI,aAAa,2BAA2B,CAAC,YAAY;AACvD,QAAK,cAAc;AACnB;;EAEF,MAAM,WAAW,SAAS,QAAQ,SAAS,GAAG,CAAC,QAAQ,cAAc,GAAG;AACxE,OAAK,SAAS,OAAU;AAExB,MAAI;AACF,QAAK,WAAW,SAAS;GACzB,MAAM,aAAa,MAAM,KAAK,kBAAkB;IAAE;IAAU;IAAY,CAAC;AAEzE,OAAI,CAAC,KACH,OAAM,IAAI,MAAM,sBAAsB;GAGxC,IAAI,aAAa,MAAM,iBAAiB,WAAW;AACnD,gBAAa,MAAM,YAAY,oBAAoB,EAAE,UAAU,CAAC;GAChE,MAAM,UAAU,YAAY,aAAa;GACzC,MAAM,YAAY,MAAM,KAAK,sBAAsB;IAAE;IAAY,OAAO;IAAS;IAAU;IAAY,CAAC;AACxG,SAAM,YAAY,oBAAoB,EAAE,WAAW,CAAC;AACpD,QAAK,SAAS;WACPA,KAAU;AACjB,QAAK,SAAS;GACd,MAAM,aAAa,cAAc,IAAI;AACrC,OAAI,WACF,MAAK,SAAS,WAAW,YAAY;OAErC,aAAY,KAAK,EAAE,EAAE,KAAK,SAAS;;;AAKzC,QACE;EACE,oBAAC,OAAO;GAAO,OAAM;aACnB,oBAAC,eAAe;IACd,IAAG;IACH,wBAAwB,iBAAiB,qDAAqD;cAE7F,sBAAsB,KAAI,aACzB,oBAAC,eAAe;KAEd,IAAI,sBAAsB,UAAU;KACpC,eAAe;AACb,MAAK,QAAQ,EAAE,UAAU,CAAC;;KAE5B,WAAW,KAAK,oBAAoB;KACpC,YAAY,KAAK;KACjB,iBAAiB,iBAAiB,2DAA2D,EAC3F,UAAU,sBAAsB,UAAU,MAC3C,CAAC;KACF,KAAI,OAAM;MACR,gBAAgB;MAChB,KAAK,EAAE,MAAM;MACd;KACD,UACE,oBAAC;MACC,mBAAmB,YAAY;MAC/B,WAAW,YAAY,aAAa,MAAM,sBAAsB,UAAU,GAAG;MAC7E,WAAW,KAAK,oBAAoB;MACpC,YAAY,KAAK;MACjB,KAAK,sBAAsB,UAAU;MACrC,KAAK,WAAW,sBAAsB,UAAU;MAChD,KAAI,WAAU,EAAE,OAAO,MAAM,MAAM,IAAI;OACvC;OAvBC,SAyBL,CACF;KACwB;IACd;EAChB,oBAAC,OAAO;GAAK,OAAM;aACjB,oBAAC,OAAO,kBACN,oBAAC,gCAA6B,WAAW,UAAW,GACxC;IACF;EAEb,KAAK,SACJ,oBAAC;GACC,aAAY;GACZ,KAAI,OAAM;IACR,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,MAAM;IACtB;aAEA,KAAK;IACD;KAER"}
+{"version":3,"file":"Web3Form.js","names":["err: any"],"sources":["../../../src/components/UserProfile/Web3Form.tsx"],"sourcesContent":["import { createWeb3 } from '@clerk/shared/internal/clerk-js/web3';\nimport { useReverification, useUser } from '@clerk/shared/react';\nimport type { Web3Provider, Web3Strategy } from '@clerk/shared/types';\n\nimport { useModuleManager } from '@/contexts';\nimport { descriptors, Image, localizationKeys } from '@/customizables';\nimport { useEnabledThirdPartyProviders } from '@/hooks';\nimport { Web3SelectSolanaWalletScreen } from '@/ui/components/UserProfile/Web3SelectSolanaWalletScreen';\nimport { Action } from '@/ui/elements/Action';\nimport { useActionContext } from '@/ui/elements/Action/ActionRoot';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { ProfileSection } from '@/ui/elements/Section';\nimport { web3CallbackErrorHandler } from '@/ui/utils/web3CallbackErrorHandler';\n\nexport const AddWeb3WalletActionMenu = () => {\n  const card = useCardState();\n  const { open } = useActionContext();\n  const { user } = useUser();\n  const { strategies, strategyToDisplayData } = useEnabledThirdPartyProviders();\n  const moduleManager = useModuleManager();\n  const enabledStrategies = strategies.filter(s => s.startsWith('web3')) as Web3Strategy[];\n  const connectedStrategies = user?.verifiedWeb3Wallets?.map(w => w.verification.strategy) ?? ([] as Web3Strategy[]);\n  const unconnectedStrategies = enabledStrategies.filter(strategy => {\n    return !connectedStrategies.includes(strategy) && strategyToDisplayData[strategy];\n  });\n\n  if (unconnectedStrategies.length === 0) {\n    return null;\n  }\n\n  const createWeb3Wallet = useReverification((identifier: string) =>\n    user?.createWeb3Wallet({ web3Wallet: identifier }),\n  );\n\n  // If the user selects `web3_solana_signature` as their strategy,\n  // we need to obtain the wallet name to use when connecting and signing the message during the auth flow\n  //\n  // Otherwise, our current Web3 providers are all based on the wallet provider name,\n  // which is sufficient for our current use case when connecting to a wallet.\n  const connect = async ({ strategy, walletName }: { strategy: Web3Strategy; walletName?: string }) => {\n    const web3 = createWeb3(moduleManager);\n\n    if (strategy === 'web3_solana_signature' && !walletName) {\n      open('web3Wallets');\n      return;\n    }\n    const provider = strategy.replace('web3_', '').replace('_signature', '') as Web3Provider;\n    card.setError(undefined);\n\n    try {\n      card.setLoading(strategy);\n      const identifier = await web3.getWeb3Identifier({ provider, walletName });\n\n      if (!user) {\n        throw new Error('user is not defined');\n      }\n\n      let web3Wallet = await createWeb3Wallet(identifier);\n      web3Wallet = await web3Wallet?.prepareVerification({ strategy });\n      const message = web3Wallet?.verification.message as string;\n      const signature = await web3.generateWeb3Signature({ identifier, nonce: message, provider, walletName });\n      await web3Wallet?.attemptVerification({ signature });\n      card.setIdle();\n    } catch (err: any) {\n      card.setIdle();\n      web3CallbackErrorHandler(err, card.setError);\n    }\n  };\n\n  return (\n    <>\n      <Action.Closed value='web3Wallets'>\n        <ProfileSection.ActionMenu\n          id='web3Wallets'\n          triggerLocalizationKey={localizationKeys('userProfile.start.web3WalletsSection.primaryButton')}\n        >\n          {unconnectedStrategies.map(strategy => (\n            <ProfileSection.ActionMenuItem\n              key={strategy}\n              id={strategyToDisplayData[strategy].id}\n              onClick={() => {\n                void connect({ strategy });\n              }}\n              isLoading={card.loadingMetadata === strategy}\n              isDisabled={card.isLoading}\n              localizationKey={localizationKeys('userProfile.web3WalletPage.web3WalletButtonsBlockButton', {\n                provider: strategyToDisplayData[strategy].name,\n              })}\n              sx={t => ({\n                justifyContent: 'start',\n                gap: t.space.$2,\n              })}\n              leftIcon={\n                <Image\n                  elementDescriptor={descriptors.providerIcon}\n                  elementId={descriptors.providerIcon.setId(strategyToDisplayData[strategy].id)}\n                  isLoading={card.loadingMetadata === strategy}\n                  isDisabled={card.isLoading}\n                  src={strategyToDisplayData[strategy].iconUrl}\n                  alt={`Connect ${strategyToDisplayData[strategy].name}`}\n                  sx={theme => ({ width: theme.sizes.$5 })}\n                />\n              }\n            />\n          ))}\n        </ProfileSection.ActionMenu>\n      </Action.Closed>\n      <Action.Open value='web3Wallets'>\n        <Action.Card>\n          <Web3SelectSolanaWalletScreen onConnect={connect} />\n        </Action.Card>\n      </Action.Open>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAa,gCAAgC;CAC3C,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,YAAY,0BAA0B,+BAA+B;CAC7E,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,oBAAoB,WAAW,QAAO,MAAK,EAAE,WAAW,OAAO,CAAC;CACtE,MAAM,sBAAsB,MAAM,qBAAqB,KAAI,MAAK,EAAE,aAAa,SAAS,IAAK,EAAE;CAC/F,MAAM,wBAAwB,kBAAkB,QAAO,aAAY;AACjE,SAAO,CAAC,oBAAoB,SAAS,SAAS,IAAI,sBAAsB;GACxE;AAEF,KAAI,sBAAsB,WAAW,EACnC,QAAO;CAGT,MAAM,mBAAmB,mBAAmB,eAC1C,MAAM,iBAAiB,EAAE,YAAY,YAAY,CAAC,CACnD;CAOD,MAAM,UAAU,OAAO,EAAE,UAAU,iBAAkE;EACnG,MAAM,OAAO,WAAW,cAAc;AAEtC,MAAI,aAAa,2BAA2B,CAAC,YAAY;AACvD,QAAK,cAAc;AACnB;;EAEF,MAAM,WAAW,SAAS,QAAQ,SAAS,GAAG,CAAC,QAAQ,cAAc,GAAG;AACxE,OAAK,SAAS,OAAU;AAExB,MAAI;AACF,QAAK,WAAW,SAAS;GACzB,MAAM,aAAa,MAAM,KAAK,kBAAkB;IAAE;IAAU;IAAY,CAAC;AAEzE,OAAI,CAAC,KACH,OAAM,IAAI,MAAM,sBAAsB;GAGxC,IAAI,aAAa,MAAM,iBAAiB,WAAW;AACnD,gBAAa,MAAM,YAAY,oBAAoB,EAAE,UAAU,CAAC;GAChE,MAAM,UAAU,YAAY,aAAa;GACzC,MAAM,YAAY,MAAM,KAAK,sBAAsB;IAAE;IAAY,OAAO;IAAS;IAAU;IAAY,CAAC;AACxG,SAAM,YAAY,oBAAoB,EAAE,WAAW,CAAC;AACpD,QAAK,SAAS;WACPA,KAAU;AACjB,QAAK,SAAS;AACd,4BAAyB,KAAK,KAAK,SAAS;;;AAIhD,QACE,4CACE,oBAAC,OAAO;EAAO,OAAM;YACnB,oBAAC,eAAe;GACd,IAAG;GACH,wBAAwB,iBAAiB,qDAAqD;aAE7F,sBAAsB,KAAI,aACzB,oBAAC,eAAe;IAEd,IAAI,sBAAsB,UAAU;IACpC,eAAe;AACb,KAAK,QAAQ,EAAE,UAAU,CAAC;;IAE5B,WAAW,KAAK,oBAAoB;IACpC,YAAY,KAAK;IACjB,iBAAiB,iBAAiB,2DAA2D,EAC3F,UAAU,sBAAsB,UAAU,MAC3C,CAAC;IACF,KAAI,OAAM;KACR,gBAAgB;KAChB,KAAK,EAAE,MAAM;KACd;IACD,UACE,oBAAC;KACC,mBAAmB,YAAY;KAC/B,WAAW,YAAY,aAAa,MAAM,sBAAsB,UAAU,GAAG;KAC7E,WAAW,KAAK,oBAAoB;KACpC,YAAY,KAAK;KACjB,KAAK,sBAAsB,UAAU;KACrC,KAAK,WAAW,sBAAsB,UAAU;KAChD,KAAI,WAAU,EAAE,OAAO,MAAM,MAAM,IAAI;MACvC;MAvBC,SAyBL,CACF;IACwB;GACd,EAChB,oBAAC,OAAO;EAAK,OAAM;YACjB,oBAAC,OAAO,kBACN,oBAAC,gCAA6B,WAAW,UAAW,GACxC;GACF,IACb"}

package/dist/components/UserProfile/Web3Section.js

@@ -80,7 +80,10 @@ const Web3Section = withCardStateProvider(({ shouldAllowCreation = true }) => {
 									]
 								})
 							})]
-						}), /* @__PURE__ */ jsx(Web3WalletMenu, { walletId })]
+						}), /* @__PURE__ */ jsx(Web3WalletMenu, {
+							walletId,
+							isVerified: wallet.verification.status === "verified"
+						})]
 					}, walletId), /* @__PURE__ */ jsx(Action.Open, {
 						value: `remove-${walletId}`,
 						children: /* @__PURE__ */ jsx(Action.Card, {
@@ -93,7 +96,7 @@ const Web3Section = withCardStateProvider(({ shouldAllowCreation = true }) => {
 		})]
 	});
 });
-const Web3WalletMenu = ({ walletId }) => {
+const Web3WalletMenu = ({ walletId, isVerified }) => {
 	const card = useCardState();
 	const { open } = useActionContext();
 	const { user } = useUser();
@@ -101,7 +104,7 @@ const Web3WalletMenu = ({ walletId }) => {
 	const setPrimary = useReverification(() => {
 		return user?.update({ primaryWeb3WalletId: walletId });
 	});
-	return /* @__PURE__ */ jsx(ThreeDotsMenu, { actions: [!isPrimary ? {
+	return /* @__PURE__ */ jsx(ThreeDotsMenu, { actions: [!isPrimary && isVerified ? {
 		label: localizationKeys("userProfile.start.web3WalletsSection.detailsAction__nonPrimary"),
 		onClick: () => {
 			setPrimary().catch((e) => handleError(e, [], card.setError));

package/dist/components/UserProfile/Web3Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Web3Section.js","names":[],"sources":["../../../src/components/UserProfile/Web3Section.tsx"],"sourcesContent":["import { useReverification, useUser } from '@clerk/shared/react';\nimport { Fragment, useState } from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { ProfileSection } from '@/ui/elements/Section';\nimport { ThreeDotsMenu } from '@/ui/elements/ThreeDotsMenu';\nimport { handleError } from '@/ui/utils/errorHandler';\n\nimport { Badge, Box, Flex, Image, localizationKeys, Text } from '../../customizables';\nimport { Action } from '../../elements/Action';\nimport { useActionContext } from '../../elements/Action/ActionRoot';\nimport { useEnabledThirdPartyProviders } from '../../hooks';\nimport type { PropsOfComponent } from '../../styledSystem';\nimport { RemoveWeb3WalletForm } from './RemoveResourceForm';\nimport { sortIdentificationBasedOnVerification } from './utils';\nimport { AddWeb3WalletActionMenu } from './Web3Form';\n\ntype RemoveWeb3WalletScreenProps = { walletId: string };\nconst RemoveWeb3WalletScreen = (props: RemoveWeb3WalletScreenProps) => {\n  const { close } = useActionContext();\n  return (\n    <RemoveWeb3WalletForm\n      onSuccess={close}\n      onReset={close}\n      {...props}\n    />\n  );\n};\n\nconst shortenWeb3Address = (address: string) => {\n  if (address.length <= 10) {\n    return address;\n  }\n  return address.slice(0, 6) + '...' + address.slice(-4);\n};\n\nexport const Web3Section = withCardStateProvider(\n  ({ shouldAllowCreation = true }: { shouldAllowCreation?: boolean }) => {\n    const { user } = useUser();\n    const card = useCardState();\n    const { strategyToDisplayData } = useEnabledThirdPartyProviders();\n    const hasWeb3Wallets = Boolean(user?.web3Wallets?.length);\n    const [actionValue, setActionValue] = useState<string | null>(null);\n\n    if (!shouldAllowCreation && !hasWeb3Wallets) {\n      return null;\n    }\n\n    return (\n      <ProfileSection.Root\n        title={localizationKeys('userProfile.start.web3WalletsSection.title')}\n        centered={false}\n        id='web3Wallets'\n      >\n        <Card.Alert>{card.error}</Card.Alert>\n        <Action.Root\n          value={actionValue}\n          onChange={setActionValue}\n        >\n          <ProfileSection.ItemList id='web3Wallets'>\n            {sortIdentificationBasedOnVerification(user?.web3Wallets, user?.primaryWeb3WalletId).map(wallet => {\n              const strategy = wallet.verification.strategy as keyof typeof strategyToDisplayData;\n              const walletId = wallet.id;\n              return (\n                strategyToDisplayData[strategy] && (\n                  <Fragment key={wallet.id}>\n                    <ProfileSection.Item\n                      key={walletId}\n                      id='web3Wallets'\n                      align='start'\n                    >\n                      <Flex sx={t => ({ alignItems: 'center', gap: t.space.$2, width: '100%' })}>\n                        {strategyToDisplayData[strategy].iconUrl && (\n                          <Image\n                            src={strategyToDisplayData[strategy].iconUrl}\n                            alt={strategyToDisplayData[strategy].name}\n                            sx={theme => ({ width: theme.sizes.$4 })}\n                          />\n                        )}\n                        <Box sx={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>\n                          <Flex\n                            gap={2}\n                            justify='start'\n                          >\n                            <Text>\n                              {strategyToDisplayData[strategy].name} ({shortenWeb3Address(wallet.web3Wallet)})\n                            </Text>\n                            {user?.primaryWeb3WalletId === walletId && (\n                              <Badge localizationKey={localizationKeys('badge__primary')} />\n                            )}\n                            {wallet.verification.status !== 'verified' && (\n                              <Badge localizationKey={localizationKeys('badge__unverified')} />\n                            )}\n                          </Flex>\n                        </Box>\n                      </Flex>\n                      <Web3WalletMenu walletId={walletId} />\n                    </ProfileSection.Item>\n\n                    <Action.Open value={`remove-${walletId}`}>\n                      <Action.Card variant='destructive'>\n                        <RemoveWeb3WalletScreen walletId={wallet.id} />\n                      </Action.Card>\n                    </Action.Open>\n                  </Fragment>\n                )\n              );\n            })}\n          </ProfileSection.ItemList>\n          {shouldAllowCreation && <AddWeb3WalletActionMenu />}\n        </Action.Root>\n      </ProfileSection.Root>\n    );\n  },\n);\n\nconst Web3WalletMenu = ({ walletId }: { walletId: string }) => {\n  const card = useCardState();\n  const { open } = useActionContext();\n  const { user } = useUser();\n  const isPrimary = user?.primaryWeb3WalletId === walletId;\n  const setPrimary = useReverification(() => {\n    return user?.update({ primaryWeb3WalletId: walletId });\n  });\n\n  const actions = (\n    [\n      !isPrimary\n        ? {\n            label: localizationKeys('userProfile.start.web3WalletsSection.detailsAction__nonPrimary'),\n            onClick: () => {\n              setPrimary().catch(e => handleError(e, [], card.setError));\n            },\n          }\n        : null,\n      {\n        label: localizationKeys('userProfile.start.web3WalletsSection.destructiveAction'),\n        isDestructive: true,\n        onClick: () => open(`remove-${walletId}`),\n      },\n    ] satisfies (PropsOfComponent<typeof ThreeDotsMenu>['actions'][0] | null)[]\n  ).filter(a => a !== null) as PropsOfComponent<typeof ThreeDotsMenu>['actions'];\n\n  return <ThreeDotsMenu actions={actions} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAA0B,UAAuC;CACrE,MAAM,EAAE,UAAU,kBAAkB;AACpC,QACE,oBAAC;EACC,WAAW;EACX,SAAS;EACT,GAAI;GACJ;;AAIN,MAAM,sBAAsB,YAAoB;AAC9C,KAAI,QAAQ,UAAU,GACpB,QAAO;AAET,QAAO,QAAQ,MAAM,GAAG,EAAE,GAAG,QAAQ,QAAQ,MAAM,GAAG;;AAGxD,MAAa,cAAc,uBACxB,EAAE,sBAAsB,WAA8C;CACrE,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,0BAA0B,+BAA+B;CACjE,MAAM,iBAAiB,QAAQ,MAAM,aAAa,OAAO;CACzD,MAAM,CAAC,aAAa,kBAAkB,SAAwB,KAAK;AAEnE,KAAI,CAAC,uBAAuB,CAAC,eAC3B,QAAO;AAGT,QACE,qBAAC,eAAe;EACd,OAAO,iBAAiB,6CAA6C;EACrE,UAAU;EACV,IAAG;aAEH,oBAAC,KAAK,mBAAO,KAAK,QAAmB,EACrC,qBAAC,OAAO;GACN,OAAO;GACP,UAAU;cAEV,oBAAC,eAAe;IAAS,IAAG;cACzB,sCAAsC,MAAM,aAAa,MAAM,oBAAoB,CAAC,KAAI,WAAU;KACjG,MAAM,WAAW,OAAO,aAAa;KACrC,MAAM,WAAW,OAAO;AACxB,YACE,sBAAsB,aACpB,qBAAC,uBACC,qBAAC,eAAe;MAEd,IAAG;MACH,OAAM;iBAEN,qBAAC;OAAK,KAAI,OAAM;QAAE,YAAY;QAAU,KAAK,EAAE,MAAM;QAAI,OAAO;QAAQ;kBACrE,sBAAsB,UAAU,WAC/B,oBAAC;QACC,KAAK,sBAAsB,UAAU;QACrC,KAAK,sBAAsB,UAAU;QACrC,KAAI,WAAU,EAAE,OAAO,MAAM,MAAM,IAAI;SACvC,EAEJ,oBAAC;QAAI,IAAI;SAAE,YAAY;SAAU,UAAU;SAAU;kBACnD,qBAAC;SACC,KAAK;SACL,SAAQ;;UAER,qBAAC;WACE,sBAAsB,UAAU;WAAK;WAAG,mBAAmB,OAAO,WAAW;WAAC;cAC1E;UACN,MAAM,wBAAwB,YAC7B,oBAAC,SAAM,iBAAiB,iBAAiB,iBAAiB,GAAI;UAE/D,OAAO,aAAa,WAAW,cAC9B,oBAAC,SAAM,iBAAiB,iBAAiB,oBAAoB,GAAI;;UAE9D;SACH;QACD,EACP,oBAAC,kBAAyB,WAAY;QA7BjC,SA8Be,EAEtB,oBAAC,OAAO;MAAK,OAAO,UAAU;gBAC5B,oBAAC,OAAO;OAAK,SAAQ;iBACnB,oBAAC,0BAAuB,UAAU,OAAO,KAAM;QACnC;OACF,KAtCD,OAAO,GAuCX;MAGf;KACsB,EACzB,uBAAuB,oBAAC,4BAA0B;IACvC;GACM;EAG3B;AAED,MAAM,kBAAkB,EAAE,eAAqC;CAC7D,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,YAAY,MAAM,wBAAwB;CAChD,MAAM,aAAa,wBAAwB;AACzC,SAAO,MAAM,OAAO,EAAE,qBAAqB,UAAU,CAAC;GACtD;AAoBF,QAAO,oBAAC,iBAAc,SAjBpB,CACE,CAAC,YACG;EACE,OAAO,iBAAiB,iEAAiE;EACzF,eAAe;AACb,eAAY,CAAC,OAAM,MAAK,YAAY,GAAG,EAAE,EAAE,KAAK,SAAS,CAAC;;EAE7D,GACD,MACJ;EACE,OAAO,iBAAiB,yDAAyD;EACjF,eAAe;EACf,eAAe,KAAK,UAAU,WAAW;EAC1C,CACF,CACD,QAAO,MAAK,MAAM,KAAK,GAEiB"}
+{"version":3,"file":"Web3Section.js","names":[],"sources":["../../../src/components/UserProfile/Web3Section.tsx"],"sourcesContent":["import { useReverification, useUser } from '@clerk/shared/react';\nimport { Fragment, useState } from 'react';\n\nimport { Card } from '@/ui/elements/Card';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { ProfileSection } from '@/ui/elements/Section';\nimport { ThreeDotsMenu } from '@/ui/elements/ThreeDotsMenu';\nimport { handleError } from '@/ui/utils/errorHandler';\n\nimport { Badge, Box, Flex, Image, localizationKeys, Text } from '../../customizables';\nimport { Action } from '../../elements/Action';\nimport { useActionContext } from '../../elements/Action/ActionRoot';\nimport { useEnabledThirdPartyProviders } from '../../hooks';\nimport type { PropsOfComponent } from '../../styledSystem';\nimport { RemoveWeb3WalletForm } from './RemoveResourceForm';\nimport { sortIdentificationBasedOnVerification } from './utils';\nimport { AddWeb3WalletActionMenu } from './Web3Form';\n\ntype RemoveWeb3WalletScreenProps = { walletId: string };\nconst RemoveWeb3WalletScreen = (props: RemoveWeb3WalletScreenProps) => {\n  const { close } = useActionContext();\n  return (\n    <RemoveWeb3WalletForm\n      onSuccess={close}\n      onReset={close}\n      {...props}\n    />\n  );\n};\n\nconst shortenWeb3Address = (address: string) => {\n  if (address.length <= 10) {\n    return address;\n  }\n  return address.slice(0, 6) + '...' + address.slice(-4);\n};\n\nexport const Web3Section = withCardStateProvider(\n  ({ shouldAllowCreation = true }: { shouldAllowCreation?: boolean }) => {\n    const { user } = useUser();\n    const card = useCardState();\n    const { strategyToDisplayData } = useEnabledThirdPartyProviders();\n    const hasWeb3Wallets = Boolean(user?.web3Wallets?.length);\n    const [actionValue, setActionValue] = useState<string | null>(null);\n\n    if (!shouldAllowCreation && !hasWeb3Wallets) {\n      return null;\n    }\n\n    return (\n      <ProfileSection.Root\n        title={localizationKeys('userProfile.start.web3WalletsSection.title')}\n        centered={false}\n        id='web3Wallets'\n      >\n        <Card.Alert>{card.error}</Card.Alert>\n        <Action.Root\n          value={actionValue}\n          onChange={setActionValue}\n        >\n          <ProfileSection.ItemList id='web3Wallets'>\n            {sortIdentificationBasedOnVerification(user?.web3Wallets, user?.primaryWeb3WalletId).map(wallet => {\n              const strategy = wallet.verification.strategy as keyof typeof strategyToDisplayData;\n              const walletId = wallet.id;\n              return (\n                strategyToDisplayData[strategy] && (\n                  <Fragment key={wallet.id}>\n                    <ProfileSection.Item\n                      key={walletId}\n                      id='web3Wallets'\n                      align='start'\n                    >\n                      <Flex sx={t => ({ alignItems: 'center', gap: t.space.$2, width: '100%' })}>\n                        {strategyToDisplayData[strategy].iconUrl && (\n                          <Image\n                            src={strategyToDisplayData[strategy].iconUrl}\n                            alt={strategyToDisplayData[strategy].name}\n                            sx={theme => ({ width: theme.sizes.$4 })}\n                          />\n                        )}\n                        <Box sx={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>\n                          <Flex\n                            gap={2}\n                            justify='start'\n                          >\n                            <Text>\n                              {strategyToDisplayData[strategy].name} ({shortenWeb3Address(wallet.web3Wallet)})\n                            </Text>\n                            {user?.primaryWeb3WalletId === walletId && (\n                              <Badge localizationKey={localizationKeys('badge__primary')} />\n                            )}\n                            {wallet.verification.status !== 'verified' && (\n                              <Badge localizationKey={localizationKeys('badge__unverified')} />\n                            )}\n                          </Flex>\n                        </Box>\n                      </Flex>\n                      <Web3WalletMenu\n                        walletId={walletId}\n                        isVerified={wallet.verification.status === 'verified'}\n                      />\n                    </ProfileSection.Item>\n\n                    <Action.Open value={`remove-${walletId}`}>\n                      <Action.Card variant='destructive'>\n                        <RemoveWeb3WalletScreen walletId={wallet.id} />\n                      </Action.Card>\n                    </Action.Open>\n                  </Fragment>\n                )\n              );\n            })}\n          </ProfileSection.ItemList>\n          {shouldAllowCreation && <AddWeb3WalletActionMenu />}\n        </Action.Root>\n      </ProfileSection.Root>\n    );\n  },\n);\n\nconst Web3WalletMenu = ({ walletId, isVerified }: { walletId: string; isVerified: boolean }) => {\n  const card = useCardState();\n  const { open } = useActionContext();\n  const { user } = useUser();\n  const isPrimary = user?.primaryWeb3WalletId === walletId;\n  const setPrimary = useReverification(() => {\n    return user?.update({ primaryWeb3WalletId: walletId });\n  });\n\n  const actions = (\n    [\n      // Only allow setting as primary if the wallet is verified and not already primary\n      !isPrimary && isVerified\n        ? {\n            label: localizationKeys('userProfile.start.web3WalletsSection.detailsAction__nonPrimary'),\n            onClick: () => {\n              setPrimary().catch(e => handleError(e, [], card.setError));\n            },\n          }\n        : null,\n      {\n        label: localizationKeys('userProfile.start.web3WalletsSection.destructiveAction'),\n        isDestructive: true,\n        onClick: () => open(`remove-${walletId}`),\n      },\n    ] satisfies (PropsOfComponent<typeof ThreeDotsMenu>['actions'][0] | null)[]\n  ).filter(a => a !== null) as PropsOfComponent<typeof ThreeDotsMenu>['actions'];\n\n  return <ThreeDotsMenu actions={actions} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAA0B,UAAuC;CACrE,MAAM,EAAE,UAAU,kBAAkB;AACpC,QACE,oBAAC;EACC,WAAW;EACX,SAAS;EACT,GAAI;GACJ;;AAIN,MAAM,sBAAsB,YAAoB;AAC9C,KAAI,QAAQ,UAAU,GACpB,QAAO;AAET,QAAO,QAAQ,MAAM,GAAG,EAAE,GAAG,QAAQ,QAAQ,MAAM,GAAG;;AAGxD,MAAa,cAAc,uBACxB,EAAE,sBAAsB,WAA8C;CACrE,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,0BAA0B,+BAA+B;CACjE,MAAM,iBAAiB,QAAQ,MAAM,aAAa,OAAO;CACzD,MAAM,CAAC,aAAa,kBAAkB,SAAwB,KAAK;AAEnE,KAAI,CAAC,uBAAuB,CAAC,eAC3B,QAAO;AAGT,QACE,qBAAC,eAAe;EACd,OAAO,iBAAiB,6CAA6C;EACrE,UAAU;EACV,IAAG;aAEH,oBAAC,KAAK,mBAAO,KAAK,QAAmB,EACrC,qBAAC,OAAO;GACN,OAAO;GACP,UAAU;cAEV,oBAAC,eAAe;IAAS,IAAG;cACzB,sCAAsC,MAAM,aAAa,MAAM,oBAAoB,CAAC,KAAI,WAAU;KACjG,MAAM,WAAW,OAAO,aAAa;KACrC,MAAM,WAAW,OAAO;AACxB,YACE,sBAAsB,aACpB,qBAAC,uBACC,qBAAC,eAAe;MAEd,IAAG;MACH,OAAM;iBAEN,qBAAC;OAAK,KAAI,OAAM;QAAE,YAAY;QAAU,KAAK,EAAE,MAAM;QAAI,OAAO;QAAQ;kBACrE,sBAAsB,UAAU,WAC/B,oBAAC;QACC,KAAK,sBAAsB,UAAU;QACrC,KAAK,sBAAsB,UAAU;QACrC,KAAI,WAAU,EAAE,OAAO,MAAM,MAAM,IAAI;SACvC,EAEJ,oBAAC;QAAI,IAAI;SAAE,YAAY;SAAU,UAAU;SAAU;kBACnD,qBAAC;SACC,KAAK;SACL,SAAQ;;UAER,qBAAC;WACE,sBAAsB,UAAU;WAAK;WAAG,mBAAmB,OAAO,WAAW;WAAC;cAC1E;UACN,MAAM,wBAAwB,YAC7B,oBAAC,SAAM,iBAAiB,iBAAiB,iBAAiB,GAAI;UAE/D,OAAO,aAAa,WAAW,cAC9B,oBAAC,SAAM,iBAAiB,iBAAiB,oBAAoB,GAAI;;UAE9D;SACH;QACD,EACP,oBAAC;OACW;OACV,YAAY,OAAO,aAAa,WAAW;QAC3C;QAhCG,SAiCe,EAEtB,oBAAC,OAAO;MAAK,OAAO,UAAU;gBAC5B,oBAAC,OAAO;OAAK,SAAQ;iBACnB,oBAAC,0BAAuB,UAAU,OAAO,KAAM;QACnC;OACF,KAzCD,OAAO,GA0CX;MAGf;KACsB,EACzB,uBAAuB,oBAAC,4BAA0B;IACvC;GACM;EAG3B;AAED,MAAM,kBAAkB,EAAE,UAAU,iBAA4D;CAC9F,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,YAAY,MAAM,wBAAwB;CAChD,MAAM,aAAa,wBAAwB;AACzC,SAAO,MAAM,OAAO,EAAE,qBAAqB,UAAU,CAAC;GACtD;AAqBF,QAAO,oBAAC,iBAAc,SAlBpB,CAEE,CAAC,aAAa,aACV;EACE,OAAO,iBAAiB,iEAAiE;EACzF,eAAe;AACb,eAAY,CAAC,OAAM,MAAK,YAAY,GAAG,EAAE,EAAE,KAAK,SAAS,CAAC;;EAE7D,GACD,MACJ;EACE,OAAO,iBAAiB,yDAAyD;EACjF,eAAe;EACf,eAAe,KAAK,UAAU,WAAW;EAC1C,CACF,CACD,QAAO,MAAK,MAAM,KAAK,GAEiB"}

package/dist/copy-api-key-modal_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["394"],{17396:function(e,t,o){o.d(t,{n:()=>n});var i=o(14518);o(35074);var l=o(86705);let n=e=>{let{modalRoot:t,containerSx:o,...n}=e;return(0,i.Y)(l.Modal,{...n,portalRoot:t,containerSx:[[{alignItems:"center"},t?e=>({position:"absolute",right:0,bottom:0,backgroundColor:"inherit",backdropFilter:"blur(".concat(e.sizes.$2,")"),display:"flex",justifyContent:"center",minHeight:"100%",height:"100%",width:"100%",borderRadius:e.radii.$lg}):{}],o]})}},28169:function(e,t,o){o.d(t,{CopyAPIKeyModal:()=>C});var i=o(14518),l=o(58920),n=o(92513),r=o(23707),a=o(95559),c=o(52454),s=o(11475),d=o(23549),p=o(27782),u=o(17630),h=o(92405),y=o(22861),m=o(8640),b=o(17396);let C=e=>{let{isOpen:t,onOpen:o,onClose:C,apiKeyName:g,apiKeySecret:f,modalRoot:K}=e,Y=(0,m.tJ)("apiKeySecret",f,{type:"text",label:(0,y.G)("formFieldLabel__apiKey"),isRequired:!1}),{onCopy:$}=(0,p.i)(f),{close:k}=(0,n.D5)();return t?(0,i.Y)(b.n,{handleOpen:o,handleClose:C,canCloseModal:!1,modalRoot:K,children:(0,i.Y)(r.Z.Root,{role:"alertdialog",elementDescriptor:l.$z.apiKeysCopyModal,children:(0,i.Y)(r.Z.Content,{sx:e=>({textAlign:"left",padding:"".concat(e.sizes.$4," ").concat(e.sizes.$5," ").concat(e.sizes.$4," ").concat(e.sizes.$6)}),children:(0,i.Y)(d.M,{headerTitle:(0,y.G)("apiKeys.copySecret.formTitle",{name:g}),headerSubtitle:(0,y.G)("apiKeys.copySecret.formHint"),children:(0,i.FD)(c.l.Root,{onSubmit:()=>{$(),C(),setTimeout(()=>{k()},100)},children:[(0,i.Y)(c.l.ControlRow,{elementDescriptor:l.$z.apiKeysCopyModalInput,sx:{flex:1},children:(0,i.Y)(c.l.CommonInputWrapper,{...Y.props,children:(0,i.Y)(a.r,{value:f,readOnly:!0,sx:{width:"100%"},copyIcon:u.A,copiedIcon:h.A})})}),(0,i.Y)(s.G,{submitLabel:(0,y.G)("apiKeys.copySecret.formButtonPrimary__copyAndClose"),hideReset:!0,elementDescriptor:l.$z.apiKeysCopyModalSubmitButton})]})})})})}):null}}}]);

package/dist/createorganization_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["243"],{89302:function(e,t,a){a.d(t,{A:()=>P}),a(88711);var r=a(14518),n=a(21210),i=a(35074),l=a(97697),o=a(63269),s=a(52454),d=a(11475),c=a(23549),u=a(76153),g=a(50155),h=a(26370),p=a(25485),m=a(4468),v=a(8640),f=a(46245),z=a(18272),b=a(67068),C=a(22861),Y=a(33934),x=a(53100),$=a(75377),O=a(23689);let P=(0,o.dm)(e=>{var t,a;let P=(0,o.f0)(),S=(0,f.X)({onNextStep:()=>P.setError(void 0)}),w=i.useRef(null),{createOrganization:k,isLoaded:A,setActive:R,userMemberships:F}=(0,n.D_)({userMemberships:O.mu.userMemberships}),{organization:T}=(0,n.Z5)(),{organizationSettings:_}=(0,l.O)(),[y,I]=i.useState(),D=(0,v.tJ)("name","",{type:"text",label:(0,C.G)("formFieldLabel__organizationName"),placeholder:(0,C.G)("formFieldInputPlaceholder__organizationName")}),G=(0,v.tJ)("slug","",{type:"text",label:(0,C.G)("formFieldLabel__organizationSlug"),placeholder:(0,C.G)("formFieldInputPlaceholder__organizationSlug")}),M=!!D.value,B=!_.slug.disabled,U=async t=>{if((t.preventDefault(),M)&&A)try{var a,r;let t={name:D.value};B&&(t.slug=G.value);let n=await k(t);if(y&&await n.setLogo({file:y}),w.current=n,await R({organization:n}),null==(a=F.revalidate)||a.call(F),null!=(r=e.skipInvitationScreen)?r:1===n.maxAllowedMemberships)return V();S.nextStep()}catch(e){(0,m.H4)(e,[D,G],P.setError)}},V=()=>{var t,a;null==(t=e.navigateAfterCreateOrganization)||t.call(e,w.current),null==(a=e.onComplete)||a.call(e)},L=e=>{G.setValue(e)},N="organizationList"===e.flow?"subtitle":void 0;return(0,r.FD)(f.s,{...S.props,children:[(0,r.Y)(c.M,{headerTitle:null==e||null==(t=e.startPage)?void 0:t.headerTitle,headerSubtitle:null==e||null==(a=e.startPage)?void 0:a.headerSubtitle,headerTitleTextVariant:"h2",headerSubtitleTextVariant:N,sx:e=>({minHeight:e.sizes.$60,gap:e.space.$6,textAlign:"left"}),children:(0,r.FD)(s.l.Root,{onSubmit:U,sx:e=>({gap:e.space.$6}),children:[(0,r.Y)(z.fv,{children:(0,r.Y)($.i,{organization:{name:D.value},onAvatarChange:async e=>await I(e),onAvatarRemove:y?()=>(P.setIdle(),I(null)):null,avatarPreviewPlaceholder:(0,r.Y)(g.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,r.Y)(z.In,{size:"md",icon:b.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,r.Y)(s.l.ControlRow,{elementId:D.id,children:(0,r.Y)(s.l.PlainInput,{...D.props,onChange:e=>{D.setValue(e.target.value),L((0,p.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),B&&(0,r.Y)(s.l.ControlRow,{elementId:G.id,children:(0,r.Y)(s.l.PlainInput,{...G.props,onChange:e=>{L(e.target.value)},isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,r.FD)(d.c,{sx:e=>({marginTop:e.space.$none}),children:[(0,r.Y)(s.l.SubmitButton,{block:!1,isDisabled:!M,localizationKey:(0,C.G)("createOrganization.formButtonSubmit")}),e.onCancel&&(0,r.Y)(s.l.ResetButton,{localizationKey:(0,C.G)("userProfile.formButtonReset"),block:!1,onClick:e.onCancel})]})]})}),(0,r.Y)(c.M,{headerTitle:(0,C.G)("organizationProfile.invitePage.title"),headerTitleTextVariant:"h2",headerSubtitleTextVariant:N,sx:e=>({minHeight:e.sizes.$60,textAlign:"left"}),children:T&&(0,r.Y)(Y.B,{resetButtonLabel:(0,C.G)("createOrganization.invitePage.formButtonReset"),onSuccess:S.nextStep,onReset:V})}),(0,r.FD)(z.fv,{children:[(0,r.Y)(u.Y.Root,{children:(0,r.Y)(u.Y.Title,{localizationKey:(0,C.G)("organizationProfile.invitePage.title"),sx:{textAlign:"left"}})}),(0,r.Y)(h.B,{contents:(0,r.Y)(x.k,{}),sx:e=>({minHeight:e.sizes.$60}),onFinish:V})]})]})})},4472:function(e,t,a){a.r(t),a.d(t,{CreateOrganization:()=>f,CreateOrganizationModal:()=>z});var r=a(14518),n=a(63269),i=a(43264),l=a(40001),o=a(44607),s=a(80212),d=a(42265),c=a(21210),u=a(23707),g=a(22861),h=a(180),p=a(89302);let m=(0,n.dm)(()=>{let{closeCreateOrganization:e}=(0,c.ho)(),{mode:t,navigateAfterCreateOrganization:a,skipInvitationScreen:i}=(0,l.W)(),o=(0,n.f0)(),{showDevModeNotice:s}=(0,h.Q)();return(0,r.FD)(u.Z.Root,{sx:e=>({width:e.sizes.$108}),children:[(0,r.FD)(u.Z.Content,{sx:e=>({padding:"".concat(e.space.$4," ").concat(e.space.$5," ").concat(s?e.space.$12:e.space.$6)}),children:[(0,r.Y)(u.Z.Alert,{children:o.error}),(0,r.Y)(p.A,{skipInvitationScreen:i,startPage:{headerTitle:(0,g.G)("createOrganization.title")},navigateAfterCreateOrganization:a,flow:"default",onComplete:()=>{"modal"===t&&e()}})]}),(0,r.Y)(u.Z.Footer,{})]})}),v=(0,i.G)(()=>(0,r.Y)(m,{})),f=(0,n.dm)(()=>(0,r.Y)(o.n.Root,{flow:"createOrganization",children:(0,r.Y)(o.n.Part,{children:(0,r.Y)(s.d,{children:(0,r.Y)(d.q,{children:(0,r.Y)(v,{})})})})})),z=e=>{let t={...e,routing:"virtual",componentName:"CreateOrganization",mode:"modal"};return(0,r.Y)(d.q,{path:"createOrganization",children:(0,r.Y)(l.$.Provider,{value:t,children:(0,r.Y)("div",{children:(0,r.Y)(f,{})})})})}},40001:function(e,t,a){a.d(t,{$:()=>o,W:()=>s}),a(98114);var r=a(35074),n=a(97697),i=a(4964),l=a(42117);let o=(0,r.createContext)(null),s=()=>{let e=(0,r.useContext)(o),{navigate:t}=(0,i.r)(),{displayConfig:a}=(0,n.O)();if(!e||"CreateOrganization"!==e.componentName)throw Error("Clerk: useCreateOrganizationContext called outside CreateOrganization.");let{componentName:s,...d}=e;return{...d,skipInvitationScreen:d.skipInvitationScreen||!1,navigateAfterCreateOrganization:e=>"function"==typeof d.afterCreateOrganizationUrl?t(d.afterCreateOrganizationUrl(e)):d.afterCreateOrganizationUrl?t((0,l.tR)({urlWithParam:d.afterCreateOrganizationUrl,entity:e})):t(a.afterCreateOrganizationUrl),componentName:s}}}}]);

package/dist/enableOrganizationsPrompt_ui_d60088_1.0.0-snapshot.v20251224145055.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{27334:function(n,e,r){r.r(e),r.d(e,{EnableOrganizationsPrompt:()=>$});var t=r(91923);r(88711);var i=r(14518),o=r(21210),a=r(18802),l=r(35074),s=r(97697),c=r(86705),d=r(29406),u=r(18272),p=r(81986),h=r(28307);function f(){let n=(0,t._)(["\n                    color: white;\n                    font-size: 0.875rem;\n                    font-weight: 500;\n                    outline: none;\n                  "]);return f=function(){return n},n}function g(){let n=(0,t._)(["\n                      color: #b4b4b4;\n                      font-size: 0.8125rem;\n                      font-weight: 400;\n                      line-height: 1.3;\n                    "]);return g=function(){return n},n}function b(){let n=(0,t._)(["\n                        color: #b4b4b4;\n                        font-size: 0.8125rem;\n                        font-weight: 400;\n                        line-height: 1.23;\n                      "]);return b=function(){return n},n}function m(){let n=(0,t._)(["\n                          font-size: 0.75rem;\n                          color: white;\n                          font-family: monospace;\n                          line-height: 1.23;\n                        "]);return m=function(){return n},n}function x(){let n=(0,t._)(["\n              height: 1px;\n              display: block;\n              width: calc(100% - 2px);\n              margin-inline: auto;\n              background-color: #151515;\n              box-shadow: 0px 1px 0px 0px #424242;\n            "]);return x=function(){return n},n}function w(){let n=(0,t._)(["\n  ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 1.75rem;\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.375rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  letter-spacing: 0.12px;\n  color: white;\n  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);\n  white-space: nowrap;\n  user-select: none;\n  color: white;\n  outline: none;\n\n  &:not(:disabled) {\n    transition: 120ms ease-in-out;\n    transition-property: background-color, border-color, box-shadow, color;\n  }\n\n  &:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  &:focus-visible:not(:disabled) {\n    outline: 2px solid white;\n    outline-offset: 2px;\n  }\n"]);return w=function(){return n},n}function C(){let n=(0,t._)(["\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.5%, rgba(0, 0, 0, 0.05) 100%), #454545;\n  box-shadow:\n    0 0 3px 0 rgba(253, 224, 71, 0) inset,\n    0 0 0 1px rgba(255, 255, 255, 0.04) inset,\n    0 1px 0 0 rgba(255, 255, 255, 0.04) inset,\n    0 0 0 1px rgba(0, 0, 0, 0.12),\n    0 1.5px 2px 0 rgba(0, 0, 0, 0.48);\n\n  &:hover:not(:disabled) {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.5%, rgba(0, 0, 0, 0.15) 100%), #5f5f5f;\n    box-shadow:\n      0 0 3px 0 rgba(253, 224, 71, 0) inset,\n      0 0 0 1px rgba(255, 255, 255, 0.04) inset,\n      0 1px 0 0 rgba(255, 255, 255, 0.04) inset,\n      0 0 0 1px rgba(0, 0, 0, 0.12),\n      0 1.5px 2px 0 rgba(0, 0, 0, 0.48);\n  }\n"]);return C=function(){return n},n}function v(){let n=(0,t._)(["\n  border: 1px solid rgba(118, 118, 132, 0.25);\n  background: rgba(69, 69, 69, 0.1);\n\n  &:hover:not(:disabled) {\n    border-color: rgba(118, 118, 132, 0.5);\n  }\n"]);return v=function(){return n},n}function k(){let n=(0,t._)(["\n        ",";\n        display: inline-flex;\n        align-items: center;\n        padding: 0.125rem 0.375rem;\n        border-radius: 0.25rem;\n        font-size: 0.6875rem;\n        font-weight: 500;\n        line-height: 1.23;\n        background-color: #ebebeb;\n        color: #2b2b34;\n        white-space: nowrap;\n      "]);return k=function(){return n},n}function Y(){let n=(0,t._)(["\n          ",";\n          display: flex;\n          align-items: flex-start;\n          gap: ",";\n          cursor: pointer;\n          user-select: none;\n\n          &:has(input:focus-visible) > span:first-of-type {\n            outline: 2px solid white;\n            outline-offset: 2px;\n          }\n\n          &:hover:has(input:not(:checked)) > span:first-of-type {\n            background-color: rgba(255, 255, 255, 0.08);\n          }\n\n          &:hover:has(input:checked) > span:first-of-type {\n            background-color: rgba(108, 71, 255, 0.8);\n            background-color: color-mix(in srgb, #6c47ff 80%, transparent);\n          }\n        "]);return Y=function(){return n},n}function _(){let n=(0,t._)(["\n            ",";\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border-width: 0;\n          "]);return _=function(){return n},n}function y(){let n=(0,t._)(["\n              border-width: 2px;\n              border-color: #6c47ff;\n              background-color: #6c47ff;\n              background-color: color-mix(in srgb, #6c47ff 100%, transparent);\n              box-shadow: 0 0 0 2px rgba(108, 71, 255, 0.2);\n            "]);return y=function(){return n},n}function z(){let n=(0,t._)(["\n            ",";\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: ",";\n            height: ",";\n            margin-top: 0.125rem;\n            flex-shrink: 0;\n            border-radius: 50%;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            background-color: transparent;\n            transition: 120ms ease-in-out;\n            transition-property: border-color, background-color, box-shadow;\n\n            ","\n\n            &::after {\n              content: '';\n              position: absolute;\n              width: 0.375rem;\n              height: 0.375rem;\n              border-radius: 50%;\n              background-color: white;\n              opacity: ",";\n              transform: scale(",");\n              transition: 120ms ease-in-out;\n              transition-property: opacity, transform;\n            }\n          "]);return z=function(){return n},n}function F(){let n=(0,t._)(["\n              font-size: 0.875rem;\n              font-weight: 500;\n              line-height: 1.25;\n              color: white;\n            "]);return F=function(){return n},n}function A(){let n=(0,t._)(["\n              padding-inline-start: calc("," + ",");\n              font-size: 0.75rem;\n              line-height: 1.33;\n              color: #c3c3c6;\n              text-wrap: pretty;\n            "]);return A=function(){return n},n}function B(){let n=(0,t._)(["\n            color: #a8a8ff;\n            font-size: inherit;\n            font-weight: 500;\n            line-height: 1.3;\n            font-size: 0.8125rem;\n            min-width: 0;\n          "]);return B=function(){return n},n}function H(){let n=(0,t._)(["\n              width: 1.25rem;\n              height: 1.25rem;\n            "]);return H=function(){return n},n}function D(){let n=(0,t._)(["\n              width: 1.25rem;\n              height: 1.25rem;\n            "]);return D=function(){return n},n}function M(){let n=(0,t._)(["\n        perspective: 1000px;\n        width: 1.25rem;\n        height: 1.25rem;\n      "]);return M=function(){return n},n}function S(){let n=(0,t._)(["\n          position: relative;\n          width: 100%;\n          height: 100%;\n          transform-style: preserve-3d;\n          transition: transform 0.6s ease-in-out;\n          transform: rotateY(","deg);\n\n          @media (prefers-reduced-motion: reduce) {\n            transition: none;\n          }\n        "]);return S=function(){return n},n}function O(){let n=(0,t._)(["\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            backface-visibility: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            -webkit-font-smoothing: antialiased;\n            transform: rotateY(0deg);\n          "]);return O=function(){return n},n}function I(){let n=(0,t._)(["\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            backface-visibility: hidden;\n            transform: rotateY(180deg);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            -webkit-font-smoothing: antialiased;\n          "]);return I=function(){return n},n}let R=n=>{let{caller:e,onSuccess:r,onClose:t}=n,d=(0,o.ho)(),[w,C]=(0,l.useState)(!1),[v,k]=(0,l.useState)(!1),[Y,_]=(0,l.useState)(!1),y=(0,l.useRef)(null),z=(0,s.O)(),F=(0,l.useId)(),A=!e.startsWith("use"),B=void 0!==(null==z?void 0:z.organizationSettings.forceOrganizationSelection);return(0,i.Y)(p.Z,{children:(0,i.Y)(c.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:y,children:(0,i.FD)(h.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,i.FD)(u.so,{direction:"col",sx:n=>({padding:"".concat(n.sizes.$4," ").concat(n.sizes.$6),paddingBottom:n.sizes.$4,gap:n.sizes.$2}),children:[(0,i.FD)(u.so,{as:"header",align:"center",sx:n=>({gap:n.sizes.$2}),children:[(0,i.Y)(W,{isEnabled:v}),(0,i.Y)("h1",{css:[h.mk,(0,a.AH)(f())],tabIndex:-1,ref:y,children:v?"Organizations feature enabled":"Organizations feature required"})]}),(0,i.Y)(u.so,{direction:"col",align:"start",sx:n=>({gap:n.sizes.$0x5}),children:v?(0,i.FD)("p",{css:[h.mk,(0,a.AH)(g())],children:[d.user?'The Organizations feature has been enabled for your application. A default organization named "My Organization" was created automatically. You can manage or rename it in your':"The Organizations feature has been enabled for your application. You can manage it in your"," ",(0,i.Y)(K,{href:"https://dashboard.clerk.com/~/organizations-settings",target:"_blank",rel:"noopener noreferrer",children:"dashboard"}),"."]}):(0,i.FD)(i.FK,{children:[(0,i.FD)("p",{id:F,css:[h.mk,(0,a.AH)(b())],children:["Enable Organizations to use"," ",(0,i.Y)("code",{css:[h.mk,(0,a.AH)(m())],children:A?"<".concat(e," />"):e})," "]}),(0,i.Y)(K,{href:"https://clerk.com/docs/guides/organizations/overview",target:"_blank",rel:"noopener noreferrer",children:"Learn more"})]})}),B&&!v&&(0,i.Y)(u.so,{sx:n=>({marginTop:n.sizes.$2}),direction:"col",children:(0,i.FD)(T,{value:Y?"optional":"required",onChange:n=>_("optional"===n),labelledBy:F,children:[(0,i.Y)(V,{value:"required",label:(0,i.FD)(u.so,{wrap:"wrap",sx:n=>({columnGap:n.sizes.$2,rowGap:n.sizes.$1}),children:[(0,i.Y)("span",{children:"Membership required"}),(0,i.Y)(U,{children:"Standard"})]}),description:(0,i.FD)(i.FK,{children:[(0,i.Y)("span",{className:"block",children:"Users need to belong to at least one organization."}),(0,i.Y)("span",{children:"Common for most B2B SaaS applications"})]})}),(0,i.Y)(V,{value:"optional",label:"Membership optional",description:"Users can work outside of an organization with a personal account"})]})})]}),(0,i.Y)("span",{css:(0,a.AH)(x())}),(0,i.Y)(u.so,{justify:"center",sx:n=>({padding:"".concat(n.sizes.$4," ").concat(n.sizes.$6),gap:n.sizes.$3,justifyContent:"flex-end"}),children:v?(0,i.Y)(Z,{variant:"solid",onClick:()=>{if(d.user)null==r||r();else{var n;d.redirectToSignIn(),null==(n=d.__internal_closeEnableOrganizationsPrompt)||n.call(d)}},children:d.user?"Continue":"Sign in to continue"}):(0,i.FD)(i.FK,{children:[(0,i.Y)(Z,{variant:"outline",onClick:()=>{var n;null==d||null==(n=d.__internal_closeEnableOrganizationsPrompt)||n.call(d),null==t||t()},children:"I'll remove it myself"}),(0,i.Y)(Z,{variant:"solid",onClick:()=>{C(!0);let n={enable_organizations:!0};B&&(n.organization_allow_personal_accounts=Y),z.__internal_enableEnvironmentSetting(n).then(()=>{k(!0),C(!1)}).catch(()=>{C(!1)})},disabled:w,children:"Enable Organizations"})]})})]})})})},$=n=>(0,i.Y)(d.S,{children:(0,i.Y)(R,{...n})}),E=(0,a.AH)(w(),h.mk),L={solid:(0,a.AH)(C()),outline:(0,a.AH)(v())},Z=(0,l.forwardRef)((n,e)=>{let{variant:r="solid",...t}=n;return(0,i.Y)("button",{ref:e,type:"button",css:[E,L[r]],...t})}),U=n=>{let{children:e}=n;return(0,i.Y)("span",{css:(0,a.AH)(k(),h.mk),children:e})},[j,G]=(0,o.e3)("RadioGroupContext"),T=n=>{let{value:e,onChange:r,children:t,labelledBy:o}=n,a=(0,l.useId)(),s=l.useMemo(()=>({value:{name:a,value:e,onChange:r}}),[a,e,r]);return(0,i.Y)(j.Provider,{value:s,children:(0,i.Y)(u.so,{role:"radiogroup",direction:"col",gap:3,"aria-orientation":"vertical","aria-labelledby":o,children:t})})},q="1rem",P="0.5rem",V=n=>{let{value:e,label:r,description:t}=n,{name:o,value:s,onChange:c}=G(),d=(0,l.useId)(),p=e===s;return(0,i.FD)(u.so,{direction:"col",gap:1,children:[(0,i.FD)("label",{css:(0,a.AH)(Y(),h.mk,P),children:[(0,i.Y)("input",{type:"radio",name:o,value:e,checked:p,onChange:()=>c(e),"aria-describedby":t?d:void 0,css:(0,a.AH)(_(),h.mk)}),(0,i.Y)("span",{"aria-hidden":"true",css:(0,a.AH)(z(),h.mk,q,q,p&&(0,a.AH)(y()),+!!p,+!!p)}),(0,i.Y)("span",{css:[h.mk,(0,a.AH)(F())],children:r})]}),t&&(0,i.Y)("span",{id:d,css:[h.mk,(0,a.AH)(A(),q,P)],children:t})]})},K=(0,l.forwardRef)((n,e)=>{let{children:r,css:t,...o}=n;return(0,i.Y)("a",{ref:e,...o,css:[h.mk,(0,a.AH)(B()),t],children:r})}),W=n=>{let{isEnabled:e}=n,[r,t]=(0,l.useState)(0);(0,l.useLayoutEffect)(()=>{if(e)return void t(n=>180*(0===n));let n=setInterval(()=>{t(n=>180*(0===n))},2e3);return()=>clearInterval(n)},[e]);let o="idle",s="warning";e&&(0===r?(o="success",s="warning"):(s="success",o="idle"));let c=n=>{switch(n){case"idle":return(0,i.Y)(h.MF,{});case"success":return(0,i.Y)(h.F3,{css:(0,a.AH)(H())});case"warning":return(0,i.FD)("svg",{css:(0,a.AH)(D()),viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.Y)("path",{opacity:"0.2",d:"M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z",fill:"#EAB308"}),(0,i.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10C16.5 6.41015 13.5899 3.5 10 3.5ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10Z",fill:"#EAB308"}),(0,i.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 6C10.5523 6 11 6.44772 11 7V9C11 9.55228 10.5523 10 10 10C9.44772 10 9 9.55228 9 9V7C9 6.44772 9.44772 6 10 6Z",fill:"#EAB308"}),(0,i.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 12C10.5523 12 11 12.4477 11 13V13.01C11 13.5623 10.5523 14.01 10 14.01C9.44772 14.01 9 13.5623 9 13.01V13C9 12.4477 9.44772 12 10 12Z",fill:"#EAB308"})]})}};return(0,i.Y)("div",{css:(0,a.AH)(M()),children:(0,i.FD)("div",{css:(0,a.AH)(S(),r),children:[(0,i.Y)("span",{"aria-hidden":!0,css:(0,a.AH)(O()),children:c(o)}),(0,i.Y)("span",{"aria-hidden":!0,css:(0,a.AH)(I()),children:c(s)})]})})}},28307:function(n,e,r){r.d(e,{CB:()=>u,F3:()=>d,MF:()=>p,Uw:()=>s,mk:()=>c});var t=r(91923);r(88711),r(64178),r(60962),r(60486),r(25089),r(61244),r(77895),r(22501),r(98114);var i=r(14518),o=r(18802),a=r(18272);function l(){let n=(0,t._)(["\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: none;\n  border: none;\n  line-height: 1.5;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    avenir next,\n    avenir,\n    segoe ui,\n    helvetica neue,\n    helvetica,\n    Cantarell,\n    Ubuntu,\n    roboto,\n    noto,\n    arial,\n    sans-serif;\n  text-decoration: none;\n"]);return l=function(){return n},n}function s(n){let{children:e,sx:r,...t}=n;return(0,i.Y)(a.so,{sx:n=>[{borderRadius:"1.25rem",fontFamily:n.fonts.$main,background:"linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #1f1f1f",boxShadow:"0px 0px 0px 0.5px #2F3037 inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 0.8px 0.8px rgba(255, 255, 255, 0.20) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.72), 0px 16px 36px -6px rgba(0, 0, 0, 0.36), 0px 6px 16px -2px rgba(0, 0, 0, 0.20);"},r],...t,children:e})}let c=(0,o.AH)(l());function d(n){return(0,i.Y)("svg",{...n,viewBox:"0 0 16 17",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,i.FD)("g",{opacity:"0.88",children:[(0,i.Y)("path",{d:"M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",fill:"#22C543",fillOpacity:"0.16"}),(0,i.Y)("path",{d:"M6.06686 8.68372L7.51686 10.1337L9.93353 6.75039M13.8002 8.20039C13.8002 8.96206 13.6502 9.71627 13.3587 10.42C13.0672 11.1236 12.64 11.763 12.1014 12.3016C11.5628 12.8402 10.9234 13.2674 10.2198 13.5589C9.51607 13.8504 8.76186 14.0004 8.0002 14.0004C7.23853 14.0004 6.48432 13.8504 5.78063 13.5589C5.07694 13.2674 4.43756 12.8402 3.89898 12.3016C3.3604 11.763 2.93317 11.1236 2.64169 10.42C2.35022 9.71627 2.2002 8.96206 2.2002 8.20039C2.2002 6.66214 2.81126 5.18688 3.89898 4.09917C4.98669 3.01146 6.46194 2.40039 8.0002 2.40039C9.53845 2.40039 11.0137 3.01146 12.1014 4.09917C13.1891 5.18688 13.8002 6.66214 13.8002 8.20039Z",stroke:"#22C543",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}function u(n){let e=new URL(n).href.match(/^https?:\/\/(.*?)\/apps\/app_(.+?)\/instances\/ins_(.+?)(?:\/.*)?$/);if(!e)throw Error("Invalid value Dashboard URL structure");return{baseDomain:"https://".concat(e[1]),appId:"app_".concat(e[2]),instanceId:"ins_".concat(e[3])}}function p(){return(0,i.FD)("svg",{width:"1rem",height:"1.25rem",viewBox:"0 0 16 20",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,i.FD)("g",{filter:"url(#filter0_i_438_501)",children:[(0,i.Y)("path",{d:"M10.4766 9.99979C10.4766 11.3774 9.35978 12.4942 7.98215 12.4942C6.60452 12.4942 5.48773 11.3774 5.48773 9.99979C5.48773 8.62216 6.60452 7.50537 7.98215 7.50537C9.35978 7.50537 10.4766 8.62216 10.4766 9.99979Z",fill:"#BBBBBB"}),(0,i.Y)("path",{d:"M12.4176 3.36236C12.6676 3.52972 12.6889 3.88187 12.4762 4.09457L10.6548 5.91595C10.4897 6.08107 10.2336 6.10714 10.0257 6.00071C9.41273 5.68684 8.71811 5.50976 7.98214 5.50976C5.5024 5.50976 3.49219 7.51998 3.49219 9.99972C3.49219 10.7357 3.66926 11.4303 3.98314 12.0433C4.08957 12.2511 4.06349 12.5073 3.89837 12.6724L2.07699 14.4938C1.86429 14.7065 1.51215 14.6851 1.34479 14.4352C0.495381 13.1666 0 11.641 0 9.99972C0 5.5913 3.57373 2.01758 7.98214 2.01758C9.62345 2.01758 11.1491 2.51296 12.4176 3.36236Z",fill:"#8F8F8F"}),(0,i.Y)("path",{d:"M12.4762 15.905C12.6889 16.1177 12.6675 16.4698 12.4176 16.6372C11.149 17.4866 9.62342 17.982 7.9821 17.982C6.34078 17.982 4.81516 17.4866 3.54661 16.6372C3.29666 16.4698 3.27531 16.1177 3.48801 15.905L5.30938 14.0836C5.4745 13.9185 5.73066 13.8924 5.93851 13.9988C6.55149 14.3127 7.24612 14.4898 7.9821 14.4898C8.71808 14.4898 9.4127 14.3127 10.0257 13.9988C10.2335 13.8924 10.4897 13.9185 10.6548 14.0836L12.4762 15.905Z",fill:"#BBBBBB"})]}),(0,i.Y)("defs",{children:(0,i.FD)("filter",{id:"filter0_i_438_501",x:"0",y:"1.86758",width:"12.6217",height:"16.1144",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,i.Y)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,i.Y)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,i.Y)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,i.Y)("feOffset",{dy:"-0.15"}),(0,i.Y)("feGaussianBlur",{stdDeviation:"0.15"}),(0,i.Y)("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),(0,i.Y)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),(0,i.Y)("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_438_501"})]})})]})}}}]);