npm - @clerk/ui - Versions diffs - 1.0.0-snapshot.v20251224145055 → 1.0.0-snapshot.v20260105214115 - Mend

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

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 (116) hide show

package/dist/ClerkUi.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { mountComponentRenderer } from "./Components.js";
 //#region src/ClerkUi.ts
 var ClerkUi = class {
-	static version = "1.0.0-snapshot.v20251224145055";
-	version = "1.0.0-snapshot.v20251224145055";
+	static version = "1.0.0-snapshot.v20260105214115";
+	version = "1.0.0-snapshot.v20260105214115";
 	#componentRenderer;
 	constructor(getClerk, getEnvironment, options, moduleManager) {
 		this.#componentRenderer = mountComponentRenderer(getClerk, getEnvironment, options, moduleManager);

package/dist/components/OrganizationList/UserMembershipList.js CHANGED Viewed

@@ -55,7 +55,7 @@ const PersonalAccountPreview = withCardStateProvider(() => {
 	const { isLoaded, setActive } = useOrganizationList();
 	const { user } = useUser();
 	if (!user) return null;
-	const { username, primaryEmailAddress, primaryPhoneNumber,...userWithoutIdentifiers } = user;
+	const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username,...userWithoutIdentifiers } = user;
 	const handlePersonalClicked = () => {
 		if (!isLoaded) return;
 		return card.runAsync(async () => {

package/dist/components/OrganizationList/UserMembershipList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserMembershipList.js","names":["err: any"],"sources":["../../../src/components/OrganizationList/UserMembershipList.tsx"],"sourcesContent":["import { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\n\nimport { sharedMainIdentifierSx } from '@/ui/common/organizations/OrganizationPreview';\nimport { localizationKeys, useLocalizations } from '@/ui/customizables';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { handleError } from '@/ui/utils/errorHandler';\n\nimport { useOrganizationListContext } from '../../contexts';\nimport { OrganizationListPreviewButton } from './shared';\n\nexport const MembershipPreview = (props: { organization: OrganizationResource }) => {\n const { user } = useUser();\n const card = useCardState();\n const { navigateAfterSelectOrganization } = useOrganizationListContext();\n const { t } = useLocalizations();\n const { isLoaded, setActive } = useOrganizationList();\n\n if (!isLoaded) {\n return null;\n }\n\n const handleOrganizationClicked = (organization: OrganizationResource) => {\n return card.runAsync(async () => {\n try {\n await setActive({\n organization,\n });\n\n await navigateAfterSelectOrganization(organization);\n } catch (err: any) {\n if (!isClerkAPIResponseError(err)) {\n handleError(err, [], card.setError);\n return;\n }\n\n switch (err.errors?.[0]?.code) {\n case 'organization_not_found_or_unauthorized':\n case 'not_a_member_in_organization': {\n if (user?.createOrganizationEnabled) {\n card.setError(t(localizationKeys('unstable__errors.organization_not_found_or_unauthorized')));\n } else {\n card.setError(\n t(\n localizationKeys(\n 'unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled',\n ),\n ),\n );\n }\n break;\n }\n default: {\n handleError(err, [], card.setError);\n }\n }\n }\n });\n };\n\n return (\n <OrganizationListPreviewButton onClick={() => handleOrganizationClicked(props.organization)}>\n <OrganizationPreview\n elementId='organizationList'\n mainIdentifierSx={sharedMainIdentifierSx}\n organization={props.organization}\n />\n </OrganizationListPreviewButton>\n );\n};\n\nexport const PersonalAccountPreview = withCardStateProvider(() => {\n const card = useCardState();\n const { hidePersonal, navigateAfterSelectPersonal } = useOrganizationListContext();\n const { isLoaded, setActive } = useOrganizationList();\n const { user } = useUser();\n\n if (!user) {\n return null;\n }\n\n const { ~~username,~~ primaryEmailAddress, primaryPhoneNumber, ...userWithoutIdentifiers } = user;\n\n const handlePersonalClicked = () => {\n if (!isLoaded) {\n return;\n }\n return card.runAsync(async () => {\n await setActive({\n organization: null,\n });\n\n await navigateAfterSelectPersonal(user);\n });\n };\n\n if (hidePersonal) {\n return null;\n }\n\n return (\n <OrganizationListPreviewButton onClick={handlePersonalClicked}>\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n mainIdentifierSx={sharedMainIdentifierSx}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n </OrganizationListPreviewButton>\n );\n});\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,qBAAqB,UAAkD;CAClF,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,oCAAoC,4BAA4B;CACxE,MAAM,EAAE,MAAM,kBAAkB;CAChC,MAAM,EAAE,UAAU,cAAc,qBAAqB;AAErD,KAAI,CAAC,SACH,QAAO;CAGT,MAAM,6BAA6B,iBAAuC;AACxE,SAAO,KAAK,SAAS,YAAY;AAC/B,OAAI;AACF,UAAM,UAAU,EACd,cACD,CAAC;AAEF,UAAM,gCAAgC,aAAa;YAC5CA,KAAU;AACjB,QAAI,CAAC,wBAAwB,IAAI,EAAE;AACjC,iBAAY,KAAK,EAAE,EAAE,KAAK,SAAS;AACnC;;AAGF,YAAQ,IAAI,SAAS,IAAI,MAAzB;KACE,KAAK;KACL,KAAK;AACH,UAAI,MAAM,0BACR,MAAK,SAAS,EAAE,iBAAiB,0DAA0D,CAAC,CAAC;UAE7F,MAAK,SACH,EACE,iBACE,4FACD,CACF,CACF;AAEH;KAEF,QACE,aAAY,KAAK,EAAE,EAAE,KAAK,SAAS;;;IAIzC;;AAGJ,QACE,oBAAC;EAA8B,eAAe,0BAA0B,MAAM,aAAa;YACzF,oBAAC;GACC,WAAU;GACV,kBAAkB;GAClB,cAAc,MAAM;IACpB;GAC4B;;AAIpC,MAAa,yBAAyB,4BAA4B;CAChE,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,cAAc,gCAAgC,4BAA4B;CAClF,MAAM,EAAE,UAAU,cAAc,qBAAqB;CACrD,MAAM,EAAE,SAAS,SAAS;AAE1B,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,~~UAAU,~~qBAAqB,~~mBAAoB~~,GAAG,2BAA2B;~~CAEzF~~,MAAM,8BAA8B;AAClC,MAAI,CAAC,SACH;AAEF,SAAO,KAAK,SAAS,YAAY;AAC/B,SAAM,UAAU,EACd,cAAc,MACf,CAAC;AAEF,SAAM,4BAA4B,KAAK;IACvC;;AAGJ,KAAI,aACF,QAAO;AAGT,QACE,oBAAC;EAA8B,SAAS;YACtC,oBAAC;GACC,MAAM;GACN,kBAAkB;GAClB,OAAO,iBAAiB,yCAAyC;IACjE;GAC4B;EAElC"}
1	+ {"version":3,"file":"UserMembershipList.js","names":["err: any"],"sources":["../../../src/components/OrganizationList/UserMembershipList.tsx"],"sourcesContent":["import { isClerkAPIResponseError } from '@clerk/shared/error';\nimport { useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\n\nimport { sharedMainIdentifierSx } from '@/ui/common/organizations/OrganizationPreview';\nimport { localizationKeys, useLocalizations } from '@/ui/customizables';\nimport { useCardState, withCardStateProvider } from '@/ui/elements/contexts';\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { handleError } from '@/ui/utils/errorHandler';\n\nimport { useOrganizationListContext } from '../../contexts';\nimport { OrganizationListPreviewButton } from './shared';\n\nexport const MembershipPreview = (props: { organization: OrganizationResource }) => {\n const { user } = useUser();\n const card = useCardState();\n const { navigateAfterSelectOrganization } = useOrganizationListContext();\n const { t } = useLocalizations();\n const { isLoaded, setActive } = useOrganizationList();\n\n if (!isLoaded) {\n return null;\n }\n\n const handleOrganizationClicked = (organization: OrganizationResource) => {\n return card.runAsync(async () => {\n try {\n await setActive({\n organization,\n });\n\n await navigateAfterSelectOrganization(organization);\n } catch (err: any) {\n if (!isClerkAPIResponseError(err)) {\n handleError(err, [], card.setError);\n return;\n }\n\n switch (err.errors?.[0]?.code) {\n case 'organization_not_found_or_unauthorized':\n case 'not_a_member_in_organization': {\n if (user?.createOrganizationEnabled) {\n card.setError(t(localizationKeys('unstable__errors.organization_not_found_or_unauthorized')));\n } else {\n card.setError(\n t(\n localizationKeys(\n 'unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled',\n ),\n ),\n );\n }\n break;\n }\n default: {\n handleError(err, [], card.setError);\n }\n }\n }\n });\n };\n\n return (\n <OrganizationListPreviewButton onClick={() => handleOrganizationClicked(props.organization)}>\n <OrganizationPreview\n elementId='organizationList'\n mainIdentifierSx={sharedMainIdentifierSx}\n organization={props.organization}\n />\n </OrganizationListPreviewButton>\n );\n};\n\nexport const PersonalAccountPreview = withCardStateProvider(() => {\n const card = useCardState();\n const { hidePersonal, navigateAfterSelectPersonal } = useOrganizationListContext();\n const { isLoaded, setActive } = useOrganizationList();\n const { user } = useUser();\n\n if (!user) {\n return null;\n }\n\n const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username, ...userWithoutIdentifiers } = user;\n\n const handlePersonalClicked = () => {\n if (!isLoaded) {\n return;\n }\n return card.runAsync(async () => {\n await setActive({\n organization: null,\n });\n\n await navigateAfterSelectPersonal(user);\n });\n };\n\n if (hidePersonal) {\n return null;\n }\n\n return (\n <OrganizationListPreviewButton onClick={handlePersonalClicked}>\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n mainIdentifierSx={sharedMainIdentifierSx}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n </OrganizationListPreviewButton>\n );\n});\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,qBAAqB,UAAkD;CAClF,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,oCAAoC,4BAA4B;CACxE,MAAM,EAAE,MAAM,kBAAkB;CAChC,MAAM,EAAE,UAAU,cAAc,qBAAqB;AAErD,KAAI,CAAC,SACH,QAAO;CAGT,MAAM,6BAA6B,iBAAuC;AACxE,SAAO,KAAK,SAAS,YAAY;AAC/B,OAAI;AACF,UAAM,UAAU,EACd,cACD,CAAC;AAEF,UAAM,gCAAgC,aAAa;YAC5CA,KAAU;AACjB,QAAI,CAAC,wBAAwB,IAAI,EAAE;AACjC,iBAAY,KAAK,EAAE,EAAE,KAAK,SAAS;AACnC;;AAGF,YAAQ,IAAI,SAAS,IAAI,MAAzB;KACE,KAAK;KACL,KAAK;AACH,UAAI,MAAM,0BACR,MAAK,SAAS,EAAE,iBAAiB,0DAA0D,CAAC,CAAC;UAE7F,MAAK,SACH,EACE,iBACE,4FACD,CACF,CACF;AAEH;KAEF,QACE,aAAY,KAAK,EAAE,EAAE,KAAK,SAAS;;;IAIzC;;AAGJ,QACE,oBAAC;EAA8B,eAAe,0BAA0B,MAAM,aAAa;YACzF,oBAAC;GACC,WAAU;GACV,kBAAkB;GAClB,cAAc,MAAM;IACpB;GAC4B;;AAIpC,MAAa,yBAAyB,4BAA4B;CAChE,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,cAAc,gCAAgC,4BAA4B;CAClF,MAAM,EAAE,UAAU,cAAc,qBAAqB;CACrD,MAAM,EAAE,SAAS,SAAS;AAE1B,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,qBAAqB,oBAAoB,mBAAmB,SAAU,GAAG,2BAA2B;CAE5G,MAAM,8BAA8B;AAClC,MAAI,CAAC,SACH;AAEF,SAAO,KAAK,SAAS,YAAY;AAC/B,SAAM,UAAU,EACd,cAAc,MACf,CAAC;AAEF,SAAM,4BAA4B,KAAK;IACvC;;AAGJ,KAAI,aACF,QAAO;AAGT,QACE,oBAAC;EAA8B,SAAS;YACtC,oBAAC;GACC,MAAM;GACN,kBAAkB;GAClB,OAAO,iBAAiB,yCAAyC;IACjE;GAC4B;EAElC"}

package/dist/components/OrganizationSwitcher/OrganizationSwitcherPopover.js CHANGED Viewed

@@ -29,7 +29,7 @@ const OrganizationSwitcherPopover = React.forwardRef((props, ref) => {
 	const { hidePersonal, createOrganizationMode, organizationProfileMode, afterLeaveOrganizationUrl, afterCreateOrganizationUrl, navigateCreateOrganization, navigateOrganizationProfile, afterSelectOrganizationUrl, afterSelectPersonalUrl, organizationProfileProps, skipInvitationScreen } = useOrganizationSwitcherContext();
 	const { user } = useUser();
 	if (!user) return null;
-	const { username, primaryEmailAddress, primaryPhoneNumber,...userWithoutIdentifiers } = user;
+	const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username,...userWithoutIdentifiers } = user;
 	if (!isLoaded) return null;
 	const handleOrganizationClicked = (organization) => {
 		return card.runAsync(() => setActive({

package/dist/components/OrganizationSwitcher/OrganizationSwitcherPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrganizationSwitcherPopover.js","names":["CogFilled","currentOrg"],"sources":["../../../src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx"],"sourcesContent":["import { useClerk, useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { Actions, SmallAction } from '@/ui/elements/Actions';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { PopoverCard } from '@/ui/elements/PopoverCard';\n\nimport { NotificationCountBadge, withProtect } from '../../common';\nimport { useEnvironment, useOrganizationSwitcherContext } from '../../contexts';\nimport { descriptors, Flex, localizationKeys } from '../../customizables';\nimport { RootBox } from '../../elements/RootBox';\nimport { CogFilled } from '../../icons';\nimport type { PropsOfComponent, ThemableCssProp } from '../../styledSystem';\nimport { OrganizationActionList } from './OtherOrganizationActions';\n\ntype OrganizationSwitcherPopoverProps = { close?: (open: boolean) => void } & PropsOfComponent<typeof PopoverCard.Root>;\n\nexport const OrganizationSwitcherPopover = React.forwardRef<HTMLDivElement, OrganizationSwitcherPopoverProps>(\n (props, ref) => {\n const { close: unsafeClose, ...rest } = props;\n const close = () => unsafeClose?.(false);\n const card = useCardState();\n const { __experimental_asStandalone } = useOrganizationSwitcherContext();\n const { openOrganizationProfile, openCreateOrganization } = useClerk();\n const { organization: currentOrg } = useOrganization();\n const { isLoaded, setActive } = useOrganizationList();\n const {\n hidePersonal,\n createOrganizationMode,\n organizationProfileMode,\n afterLeaveOrganizationUrl,\n afterCreateOrganizationUrl,\n navigateCreateOrganization,\n navigateOrganizationProfile,\n afterSelectOrganizationUrl,\n afterSelectPersonalUrl,\n\n organizationProfileProps,\n skipInvitationScreen,\n } = useOrganizationSwitcherContext();\n\n const { user } = useUser();\n\n if (!user) {\n return null;\n }\n\n const { ~~username,~~ primaryEmailAddress, primaryPhoneNumber, ...userWithoutIdentifiers } = user;\n\n if (!isLoaded) {\n return null;\n }\n\n const handleOrganizationClicked = (organization: OrganizationResource) => {\n return card\n .runAsync(() =>\n setActive({\n organization,\n redirectUrl: afterSelectOrganizationUrl(organization),\n }),\n )\n .then(close);\n };\n\n const handlePersonalWorkspaceClicked = () => {\n return card\n .runAsync(() => setActive({ organization: null, redirectUrl: afterSelectPersonalUrl(user) }))\n .then(close);\n };\n\n const handleCreateOrganizationClicked = () => {\n close();\n if (createOrganizationMode === 'navigation') {\n return navigateCreateOrganization();\n }\n return openCreateOrganization({ afterCreateOrganizationUrl, skipInvitationScreen });\n };\n\n const handleItemClick = () => {\n close();\n if (organizationProfileMode === 'navigation') {\n return navigateOrganizationProfile();\n }\n\n return openOrganizationProfile({\n ...organizationProfileProps,\n afterLeaveOrganizationUrl,\n });\n };\n\n const manageOrganizationButton = (\n <SmallAction\n elementDescriptor={descriptors.organizationSwitcherPopoverActionButton}\n elementId={descriptors.organizationSwitcherPopoverActionButton.setId('manageOrganization')}\n iconBoxElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIconBox}\n iconBoxElementId={descriptors.organizationSwitcherPopoverActionButtonIconBox.setId('manageOrganization')}\n iconElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIcon}\n iconElementId={descriptors.organizationSwitcherPopoverActionButtonIcon.setId('manageOrganization')}\n icon={CogFilled}\n label={localizationKeys('organizationSwitcher.action__manageOrganization')}\n onClick={() => handleItemClick()}\n trailing={<NotificationCountBadgeManageButton />}\n focusRing\n />\n );\n\n const selectedOrganizationPreview = (currentOrg: OrganizationResource) => (\n <Flex\n justify='between'\n align='center'\n sx={t => ({\n width: '100%',\n paddingRight: t.space.$5,\n })}\n >\n <OrganizationPreview\n elementId={'organizationSwitcherActiveOrganization'}\n organization={currentOrg}\n user={user}\n mainIdentifierVariant='buttonLarge'\n sx={t => ({\n padding: `${t.space.$4} ${t.space.$5}`,\n })}\n />\n <Actions role='menu'>{manageOrganizationButton}</Actions>\n </Flex>\n );\n\n return (\n <RootBox elementDescriptor={descriptors.organizationSwitcherPopoverRootBox}>\n <PopoverCard.Root\n elementDescriptor={descriptors.organizationSwitcherPopoverCard}\n ref={ref}\n role='dialog'\n aria-label={`${currentOrg?.name} is active`}\n shouldEntryAnimate={!__experimental_asStandalone}\n {...rest}\n >\n <PopoverCard.Content elementDescriptor={descriptors.organizationSwitcherPopoverMain}>\n <Actions\n elementDescriptor={descriptors.organizationSwitcherPopoverActions}\n role='menu'\n >\n {currentOrg\n ? selectedOrganizationPreview(currentOrg)\n : !hidePersonal && (\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n sx={t => ({\n padding: `${t.space.$4} ${t.space.$5}`,\n width: '100%',\n })}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n )}\n <OrganizationActionList\n onCreateOrganizationClick={handleCreateOrganizationClicked}\n onPersonalWorkspaceClick={handlePersonalWorkspaceClicked}\n onOrganizationClick={handleOrganizationClicked}\n />\n </Actions>\n </PopoverCard.Content>\n <PopoverCard.Footer elementDescriptor={descriptors.organizationSwitcherPopoverFooter} />\n </PopoverCard.Root>\n </RootBox>\n );\n },\n);\n\nconst NotificationCountBadgeManageButton = withProtect(\n ({ sx }: { sx?: ThemableCssProp }) => {\n const { organizationSettings } = useEnvironment();\n\n const isDomainsEnabled = organizationSettings?.domains?.enabled;\n\n const { membershipRequests } = useOrganization({\n membershipRequests: isDomainsEnabled \|\| undefined,\n });\n\n if (!membershipRequests?.count) {\n return null;\n }\n\n return (\n <NotificationCountBadge\n notificationCount={membershipRequests.count}\n containerSx={sx}\n />\n );\n },\n {\n // if the user is not able to accept a request we should not notify them\n permission: 'org:sys_memberships:manage',\n },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,8BAA8B,MAAM,YAC9C,OAAO,QAAQ;CACd,MAAM,EAAE,OAAO,YAAa,GAAG,SAAS;CACxC,MAAM,cAAc,cAAc,MAAM;CACxC,MAAM,OAAO,cAAc;CAC3B,MAAM,EAAE,gCAAgC,gCAAgC;CACxE,MAAM,EAAE,yBAAyB,2BAA2B,UAAU;CACtE,MAAM,EAAE,cAAc,eAAe,iBAAiB;CACtD,MAAM,EAAE,UAAU,cAAc,qBAAqB;CACrD,MAAM,EACJ,cACA,wBACA,yBACA,2BACA,4BACA,4BACA,6BACA,4BACA,wBAEA,0BACA,yBACE,gCAAgC;CAEpC,MAAM,EAAE,SAAS,SAAS;AAE1B,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,~~UAAU,~~qBAAqB,~~mBAAoB~~,GAAG,2BAA2B;~~AAEzF~~,KAAI,CAAC,SACH,QAAO;CAGT,MAAM,6BAA6B,iBAAuC;AACxE,SAAO,KACJ,eACC,UAAU;GACR;GACA,aAAa,2BAA2B,aAAa;GACtD,CAAC,CACH,CACA,KAAK,MAAM;;CAGhB,MAAM,uCAAuC;AAC3C,SAAO,KACJ,eAAe,UAAU;GAAE,cAAc;GAAM,aAAa,uBAAuB,KAAK;GAAE,CAAC,CAAC,CAC5F,KAAK,MAAM;;CAGhB,MAAM,wCAAwC;AAC5C,SAAO;AACP,MAAI,2BAA2B,aAC7B,QAAO,4BAA4B;AAErC,SAAO,uBAAuB;GAAE;GAA4B;GAAsB,CAAC;;CAGrF,MAAM,wBAAwB;AAC5B,SAAO;AACP,MAAI,4BAA4B,aAC9B,QAAO,6BAA6B;AAGtC,SAAO,wBAAwB;GAC7B,GAAG;GACH;GACD,CAAC;;CAGJ,MAAM,2BACJ,oBAAC;EACC,mBAAmB,YAAY;EAC/B,WAAW,YAAY,wCAAwC,MAAM,qBAAqB;EAC1F,0BAA0B,YAAY;EACtC,kBAAkB,YAAY,+CAA+C,MAAM,qBAAqB;EACxG,uBAAuB,YAAY;EACnC,eAAe,YAAY,4CAA4C,MAAM,qBAAqB;EAClG,MAAMA;EACN,OAAO,iBAAiB,kDAAkD;EAC1E,eAAe,iBAAiB;EAChC,UAAU,oBAAC,uCAAqC;EAChD;GACA;CAGJ,MAAM,+BAA+B,iBACnC,qBAAC;EACC,SAAQ;EACR,OAAM;EACN,KAAI,OAAM;GACR,OAAO;GACP,cAAc,EAAE,MAAM;GACvB;aAED,oBAAC;GACC,WAAW;GACX,cAAcC;GACR;GACN,uBAAsB;GACtB,KAAI,OAAM,EACR,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,MACnC;IACD,EACF,oBAAC;GAAQ,MAAK;aAAQ;IAAmC;GACpD;AAGT,QACE,oBAAC;EAAQ,mBAAmB,YAAY;YACtC,qBAAC,YAAY;GACX,mBAAmB,YAAY;GAC1B;GACL,MAAK;GACL,cAAY,GAAG,YAAY,KAAK;GAChC,oBAAoB,CAAC;GACrB,GAAI;cAEJ,oBAAC,YAAY;IAAQ,mBAAmB,YAAY;cAClD,qBAAC;KACC,mBAAmB,YAAY;KAC/B,MAAK;gBAEJ,aACG,4BAA4B,WAAW,GACvC,CAAC,gBACC,oBAAC;MACC,MAAM;MACN,KAAI,OAAM;OACR,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;OAClC,OAAO;OACR;MACD,OAAO,iBAAiB,yCAAyC;OACjE,EAER,oBAAC;MACC,2BAA2B;MAC3B,0BAA0B;MAC1B,qBAAqB;OACrB;MACM;KACU,EACtB,oBAAC,YAAY,UAAO,mBAAmB,YAAY,oCAAqC;IACvE;GACX;EAGf;AAED,MAAM,qCAAqC,aACxC,EAAE,SAAmC;CACpC,MAAM,EAAE,yBAAyB,gBAAgB;CAEjD,MAAM,mBAAmB,sBAAsB,SAAS;CAExD,MAAM,EAAE,uBAAuB,gBAAgB,EAC7C,oBAAoB,oBAAoB,QACzC,CAAC;AAEF,KAAI,CAAC,oBAAoB,MACvB,QAAO;AAGT,QACE,oBAAC;EACC,mBAAmB,mBAAmB;EACtC,aAAa;GACb;GAGN,EAEE,YAAY,8BACb,CACF"}
1	+ {"version":3,"file":"OrganizationSwitcherPopover.js","names":["CogFilled","currentOrg"],"sources":["../../../src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx"],"sourcesContent":["import { useClerk, useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { Actions, SmallAction } from '@/ui/elements/Actions';\nimport { useCardState } from '@/ui/elements/contexts';\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { PopoverCard } from '@/ui/elements/PopoverCard';\n\nimport { NotificationCountBadge, withProtect } from '../../common';\nimport { useEnvironment, useOrganizationSwitcherContext } from '../../contexts';\nimport { descriptors, Flex, localizationKeys } from '../../customizables';\nimport { RootBox } from '../../elements/RootBox';\nimport { CogFilled } from '../../icons';\nimport type { PropsOfComponent, ThemableCssProp } from '../../styledSystem';\nimport { OrganizationActionList } from './OtherOrganizationActions';\n\ntype OrganizationSwitcherPopoverProps = { close?: (open: boolean) => void } & PropsOfComponent<typeof PopoverCard.Root>;\n\nexport const OrganizationSwitcherPopover = React.forwardRef<HTMLDivElement, OrganizationSwitcherPopoverProps>(\n (props, ref) => {\n const { close: unsafeClose, ...rest } = props;\n const close = () => unsafeClose?.(false);\n const card = useCardState();\n const { __experimental_asStandalone } = useOrganizationSwitcherContext();\n const { openOrganizationProfile, openCreateOrganization } = useClerk();\n const { organization: currentOrg } = useOrganization();\n const { isLoaded, setActive } = useOrganizationList();\n const {\n hidePersonal,\n createOrganizationMode,\n organizationProfileMode,\n afterLeaveOrganizationUrl,\n afterCreateOrganizationUrl,\n navigateCreateOrganization,\n navigateOrganizationProfile,\n afterSelectOrganizationUrl,\n afterSelectPersonalUrl,\n\n organizationProfileProps,\n skipInvitationScreen,\n } = useOrganizationSwitcherContext();\n\n const { user } = useUser();\n\n if (!user) {\n return null;\n }\n\n const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username, ...userWithoutIdentifiers } = user;\n\n if (!isLoaded) {\n return null;\n }\n\n const handleOrganizationClicked = (organization: OrganizationResource) => {\n return card\n .runAsync(() =>\n setActive({\n organization,\n redirectUrl: afterSelectOrganizationUrl(organization),\n }),\n )\n .then(close);\n };\n\n const handlePersonalWorkspaceClicked = () => {\n return card\n .runAsync(() => setActive({ organization: null, redirectUrl: afterSelectPersonalUrl(user) }))\n .then(close);\n };\n\n const handleCreateOrganizationClicked = () => {\n close();\n if (createOrganizationMode === 'navigation') {\n return navigateCreateOrganization();\n }\n return openCreateOrganization({ afterCreateOrganizationUrl, skipInvitationScreen });\n };\n\n const handleItemClick = () => {\n close();\n if (organizationProfileMode === 'navigation') {\n return navigateOrganizationProfile();\n }\n\n return openOrganizationProfile({\n ...organizationProfileProps,\n afterLeaveOrganizationUrl,\n });\n };\n\n const manageOrganizationButton = (\n <SmallAction\n elementDescriptor={descriptors.organizationSwitcherPopoverActionButton}\n elementId={descriptors.organizationSwitcherPopoverActionButton.setId('manageOrganization')}\n iconBoxElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIconBox}\n iconBoxElementId={descriptors.organizationSwitcherPopoverActionButtonIconBox.setId('manageOrganization')}\n iconElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIcon}\n iconElementId={descriptors.organizationSwitcherPopoverActionButtonIcon.setId('manageOrganization')}\n icon={CogFilled}\n label={localizationKeys('organizationSwitcher.action__manageOrganization')}\n onClick={() => handleItemClick()}\n trailing={<NotificationCountBadgeManageButton />}\n focusRing\n />\n );\n\n const selectedOrganizationPreview = (currentOrg: OrganizationResource) => (\n <Flex\n justify='between'\n align='center'\n sx={t => ({\n width: '100%',\n paddingRight: t.space.$5,\n })}\n >\n <OrganizationPreview\n elementId={'organizationSwitcherActiveOrganization'}\n organization={currentOrg}\n user={user}\n mainIdentifierVariant='buttonLarge'\n sx={t => ({\n padding: `${t.space.$4} ${t.space.$5}`,\n })}\n />\n <Actions role='menu'>{manageOrganizationButton}</Actions>\n </Flex>\n );\n\n return (\n <RootBox elementDescriptor={descriptors.organizationSwitcherPopoverRootBox}>\n <PopoverCard.Root\n elementDescriptor={descriptors.organizationSwitcherPopoverCard}\n ref={ref}\n role='dialog'\n aria-label={`${currentOrg?.name} is active`}\n shouldEntryAnimate={!__experimental_asStandalone}\n {...rest}\n >\n <PopoverCard.Content elementDescriptor={descriptors.organizationSwitcherPopoverMain}>\n <Actions\n elementDescriptor={descriptors.organizationSwitcherPopoverActions}\n role='menu'\n >\n {currentOrg\n ? selectedOrganizationPreview(currentOrg)\n : !hidePersonal && (\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n sx={t => ({\n padding: `${t.space.$4} ${t.space.$5}`,\n width: '100%',\n })}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n )}\n <OrganizationActionList\n onCreateOrganizationClick={handleCreateOrganizationClicked}\n onPersonalWorkspaceClick={handlePersonalWorkspaceClicked}\n onOrganizationClick={handleOrganizationClicked}\n />\n </Actions>\n </PopoverCard.Content>\n <PopoverCard.Footer elementDescriptor={descriptors.organizationSwitcherPopoverFooter} />\n </PopoverCard.Root>\n </RootBox>\n );\n },\n);\n\nconst NotificationCountBadgeManageButton = withProtect(\n ({ sx }: { sx?: ThemableCssProp }) => {\n const { organizationSettings } = useEnvironment();\n\n const isDomainsEnabled = organizationSettings?.domains?.enabled;\n\n const { membershipRequests } = useOrganization({\n membershipRequests: isDomainsEnabled \|\| undefined,\n });\n\n if (!membershipRequests?.count) {\n return null;\n }\n\n return (\n <NotificationCountBadge\n notificationCount={membershipRequests.count}\n containerSx={sx}\n />\n );\n },\n {\n // if the user is not able to accept a request we should not notify them\n permission: 'org:sys_memberships:manage',\n },\n);\n"],"mappings":"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"}

package/dist/components/OrganizationSwitcher/OrganizationSwitcherTrigger.js CHANGED Viewed

@@ -23,7 +23,7 @@ const OrganizationSwitcherTrigger = withAvatarShimmer(forwardRef((props, ref) =>
 	const { hidePersonal } = useOrganizationSwitcherContext();
 	const { t } = useLocalizations();
 	if (!user) return null;
-	const { username, primaryEmailAddress, primaryPhoneNumber,...userWithoutIdentifiers } = user;
+	const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username,...userWithoutIdentifiers } = user;
 	return /* @__PURE__ */ jsxs(Button, {
 		elementDescriptor: descriptors.organizationSwitcherTrigger,
 		elementId: descriptors.organizationSwitcherTrigger.setId(organization ? "organization" : "personal"),

package/dist/components/OrganizationSwitcher/OrganizationSwitcherTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrganizationSwitcherTrigger.js","names":["t","ChevronDown"],"sources":["../../../src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx"],"sourcesContent":["import { useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport { forwardRef } from 'react';\n\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { withAvatarShimmer } from '@/ui/elements/withAvatarShimmer';\n\nimport { NotificationCountBadge, useProtect } from '../../common';\nimport { useEnvironment, useOrganizationSwitcherContext } from '../../contexts';\nimport { Button, descriptors, Icon, localizationKeys, useLocalizations } from '../../customizables';\nimport { ChevronDown } from '../../icons';\nimport type { PropsOfComponent } from '../../styledSystem';\nimport { organizationListParams } from './utils';\n\ntype OrganizationSwitcherTriggerProps = PropsOfComponent<typeof Button> & {\n isOpen: boolean;\n};\n\nexport const OrganizationSwitcherTrigger = withAvatarShimmer(\n forwardRef<HTMLButtonElement, OrganizationSwitcherTriggerProps>((props, ref) => {\n const { sx, ...rest } = props;\n\n const { user } = useUser();\n const { organization } = useOrganization();\n const { hidePersonal } = useOrganizationSwitcherContext();\n const { t } = useLocalizations();\n\n if (!user) {\n return null;\n }\n\n const { ~~username,~~ primaryEmailAddress, primaryPhoneNumber, ...userWithoutIdentifiers } = user;\n\n return (\n <Button\n elementDescriptor={descriptors.organizationSwitcherTrigger}\n elementId={descriptors.organizationSwitcherTrigger.setId(organization ? 'organization' : 'personal')}\n variant='ghost'\n colorScheme='neutral'\n hoverAsFocus\n focusRing={false}\n sx={[\n t => ({\n padding: `${t.space.$1} ${t.space.$2}`,\n position: 'relative',\n }),\n sx,\n ]}\n ref={ref}\n aria-label={`${props.isOpen ? t(localizationKeys('organizationSwitcher.action__closeOrganizationSwitcher')) : t(localizationKeys('organizationSwitcher.action__openOrganizationSwitcher'))}`}\n aria-expanded={props.isOpen}\n aria-haspopup='dialog'\n {...rest}\n >\n {organization && (\n <OrganizationPreview\n elementId={'organizationSwitcherTrigger'}\n gap={3}\n size='xs'\n organization={organization}\n sx={{ maxWidth: '30ch' }}\n />\n )}\n\n {!organization && (\n <PersonalWorkspacePreview\n size='xs'\n gap={3}\n user={userWithoutIdentifiers}\n showAvatar={!hidePersonal}\n sx={t => ({ color: t.colors.$colorMutedForeground })}\n title={\n hidePersonal\n ? localizationKeys('organizationSwitcher.notSelected')\n : localizationKeys('organizationSwitcher.personalWorkspace')\n }\n />\n )}\n\n <NotificationCountBadgeSwitcherTrigger />\n\n <Icon\n elementDescriptor={descriptors.organizationSwitcherTriggerIcon}\n icon={ChevronDown}\n sx={t => ({ marginLeft: `${t.space.$2}` })}\n />\n </Button>\n );\n }),\n);\n\nconst NotificationCountBadgeSwitcherTrigger = () => {\n /*\n Prefetch user invitations and suggestions\n /\n const { userInvitations, userSuggestions } = useOrganizationList(organizationListParams);\n const { organizationSettings } = useEnvironment();\n const canAcceptRequests = useProtect({\n permission: 'org:sys_memberships:manage',\n });\n const isDomainsEnabled = organizationSettings?.domains?.enabled;\n const { membershipRequests } = useOrganization({\n membershipRequests: (isDomainsEnabled && canAcceptRequests) \|\| undefined,\n });\n\n const notificationCount =\n (userInvitations.count \|\| 0) + (userSuggestions.count \|\| 0) + (membershipRequests?.count \|\| 0);\n\n if (!notificationCount) {\n return null;\n }\n\n return (\n <NotificationCountBadge\n containerSx={t => ({\n position: 'absolute',\n top: `calc(${t.space.$2} -1)`,\n right: `calc(${t.space.$2} * -1)`,\n })}\n notificationCount={notificationCount}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,8BAA8B,kBACzC,YAAiE,OAAO,QAAQ;CAC9E,MAAM,EAAE,GAAI,GAAG,SAAS;CAExB,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,iBAAiB,gCAAgC;CACzD,MAAM,EAAE,MAAM,kBAAkB;AAEhC,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,~~UAAU,~~qBAAqB,~~mBAAoB~~,GAAG,2BAA2B;~~AAEzF~~,QACE,qBAAC;EACC,mBAAmB,YAAY;EAC/B,WAAW,YAAY,4BAA4B,MAAM,eAAe,iBAAiB,WAAW;EACpG,SAAQ;EACR,aAAY;EACZ;EACA,WAAW;EACX,IAAI,EACF,SAAM;GACJ,SAAS,GAAGA,IAAE,MAAM,GAAG,GAAGA,IAAE,MAAM;GAClC,UAAU;GACX,GACD,GACD;EACI;EACL,cAAY,GAAG,MAAM,SAAS,EAAE,iBAAiB,yDAAyD,CAAC,GAAG,EAAE,iBAAiB,wDAAwD,CAAC;EAC1L,iBAAe,MAAM;EACrB,iBAAc;EACd,GAAI;;GAEH,gBACC,oBAAC;IACC,WAAW;IACX,KAAK;IACL,MAAK;IACS;IACd,IAAI,EAAE,UAAU,QAAQ;KACxB;GAGH,CAAC,gBACA,oBAAC;IACC,MAAK;IACL,KAAK;IACL,MAAM;IACN,YAAY,CAAC;IACb,KAAI,SAAM,EAAE,OAAOA,IAAE,OAAO,uBAAuB;IACnD,OACE,eACI,iBAAiB,mCAAmC,GACpD,iBAAiB,yCAAyC;KAEhE;GAGJ,oBAAC,0CAAwC;GAEzC,oBAAC;IACC,mBAAmB,YAAY;IAC/B,MAAMC;IACN,KAAI,SAAM,EAAE,YAAY,GAAGD,IAAE,MAAM,MAAM;KACzC;;GACK;EAEX,CACH;AAED,MAAM,8CAA8C;;;;CAIlD,MAAM,EAAE,iBAAiB,oBAAoB,oBAAoB,uBAAuB;CACxF,MAAM,EAAE,yBAAyB,gBAAgB;CACjD,MAAM,oBAAoB,WAAW,EACnC,YAAY,8BACb,CAAC;CACF,MAAM,mBAAmB,sBAAsB,SAAS;CACxD,MAAM,EAAE,uBAAuB,gBAAgB,EAC7C,oBAAqB,oBAAoB,qBAAsB,QAChE,CAAC;CAEF,MAAM,qBACH,gBAAgB,SAAS,MAAM,gBAAgB,SAAS,MAAM,oBAAoB,SAAS;AAE9F,KAAI,CAAC,kBACH,QAAO;AAGT,QACE,oBAAC;EACC,cAAa,OAAM;GACjB,UAAU;GACV,KAAK,QAAQ,EAAE,MAAM,GAAG;GACxB,OAAO,QAAQ,EAAE,MAAM,GAAG;GAC3B;EACkB;GACnB"}
1	+ {"version":3,"file":"OrganizationSwitcherTrigger.js","names":["t","ChevronDown"],"sources":["../../../src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx"],"sourcesContent":["import { useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport { forwardRef } from 'react';\n\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { withAvatarShimmer } from '@/ui/elements/withAvatarShimmer';\n\nimport { NotificationCountBadge, useProtect } from '../../common';\nimport { useEnvironment, useOrganizationSwitcherContext } from '../../contexts';\nimport { Button, descriptors, Icon, localizationKeys, useLocalizations } from '../../customizables';\nimport { ChevronDown } from '../../icons';\nimport type { PropsOfComponent } from '../../styledSystem';\nimport { organizationListParams } from './utils';\n\ntype OrganizationSwitcherTriggerProps = PropsOfComponent<typeof Button> & {\n isOpen: boolean;\n};\n\nexport const OrganizationSwitcherTrigger = withAvatarShimmer(\n forwardRef<HTMLButtonElement, OrganizationSwitcherTriggerProps>((props, ref) => {\n const { sx, ...rest } = props;\n\n const { user } = useUser();\n const { organization } = useOrganization();\n const { hidePersonal } = useOrganizationSwitcherContext();\n const { t } = useLocalizations();\n\n if (!user) {\n return null;\n }\n\n const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username, ...userWithoutIdentifiers } = user;\n\n return (\n <Button\n elementDescriptor={descriptors.organizationSwitcherTrigger}\n elementId={descriptors.organizationSwitcherTrigger.setId(organization ? 'organization' : 'personal')}\n variant='ghost'\n colorScheme='neutral'\n hoverAsFocus\n focusRing={false}\n sx={[\n t => ({\n padding: `${t.space.$1} ${t.space.$2}`,\n position: 'relative',\n }),\n sx,\n ]}\n ref={ref}\n aria-label={`${props.isOpen ? t(localizationKeys('organizationSwitcher.action__closeOrganizationSwitcher')) : t(localizationKeys('organizationSwitcher.action__openOrganizationSwitcher'))}`}\n aria-expanded={props.isOpen}\n aria-haspopup='dialog'\n {...rest}\n >\n {organization && (\n <OrganizationPreview\n elementId={'organizationSwitcherTrigger'}\n gap={3}\n size='xs'\n organization={organization}\n sx={{ maxWidth: '30ch' }}\n />\n )}\n\n {!organization && (\n <PersonalWorkspacePreview\n size='xs'\n gap={3}\n user={userWithoutIdentifiers}\n showAvatar={!hidePersonal}\n sx={t => ({ color: t.colors.$colorMutedForeground })}\n title={\n hidePersonal\n ? localizationKeys('organizationSwitcher.notSelected')\n : localizationKeys('organizationSwitcher.personalWorkspace')\n }\n />\n )}\n\n <NotificationCountBadgeSwitcherTrigger />\n\n <Icon\n elementDescriptor={descriptors.organizationSwitcherTriggerIcon}\n icon={ChevronDown}\n sx={t => ({ marginLeft: `${t.space.$2}` })}\n />\n </Button>\n );\n }),\n);\n\nconst NotificationCountBadgeSwitcherTrigger = () => {\n /*\n Prefetch user invitations and suggestions\n /\n const { userInvitations, userSuggestions } = useOrganizationList(organizationListParams);\n const { organizationSettings } = useEnvironment();\n const canAcceptRequests = useProtect({\n permission: 'org:sys_memberships:manage',\n });\n const isDomainsEnabled = organizationSettings?.domains?.enabled;\n const { membershipRequests } = useOrganization({\n membershipRequests: (isDomainsEnabled && canAcceptRequests) \|\| undefined,\n });\n\n const notificationCount =\n (userInvitations.count \|\| 0) + (userSuggestions.count \|\| 0) + (membershipRequests?.count \|\| 0);\n\n if (!notificationCount) {\n return null;\n }\n\n return (\n <NotificationCountBadge\n containerSx={t => ({\n position: 'absolute',\n top: `calc(${t.space.$2} -1)`,\n right: `calc(${t.space.$2} * -1)`,\n })}\n notificationCount={notificationCount}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,8BAA8B,kBACzC,YAAiE,OAAO,QAAQ;CAC9E,MAAM,EAAE,GAAI,GAAG,SAAS;CAExB,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,iBAAiB,gCAAgC;CACzD,MAAM,EAAE,MAAM,kBAAkB;AAEhC,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,qBAAqB,oBAAoB,mBAAmB,SAAU,GAAG,2BAA2B;AAE5G,QACE,qBAAC;EACC,mBAAmB,YAAY;EAC/B,WAAW,YAAY,4BAA4B,MAAM,eAAe,iBAAiB,WAAW;EACpG,SAAQ;EACR,aAAY;EACZ;EACA,WAAW;EACX,IAAI,EACF,SAAM;GACJ,SAAS,GAAGA,IAAE,MAAM,GAAG,GAAGA,IAAE,MAAM;GAClC,UAAU;GACX,GACD,GACD;EACI;EACL,cAAY,GAAG,MAAM,SAAS,EAAE,iBAAiB,yDAAyD,CAAC,GAAG,EAAE,iBAAiB,wDAAwD,CAAC;EAC1L,iBAAe,MAAM;EACrB,iBAAc;EACd,GAAI;;GAEH,gBACC,oBAAC;IACC,WAAW;IACX,KAAK;IACL,MAAK;IACS;IACd,IAAI,EAAE,UAAU,QAAQ;KACxB;GAGH,CAAC,gBACA,oBAAC;IACC,MAAK;IACL,KAAK;IACL,MAAM;IACN,YAAY,CAAC;IACb,KAAI,SAAM,EAAE,OAAOA,IAAE,OAAO,uBAAuB;IACnD,OACE,eACI,iBAAiB,mCAAmC,GACpD,iBAAiB,yCAAyC;KAEhE;GAGJ,oBAAC,0CAAwC;GAEzC,oBAAC;IACC,mBAAmB,YAAY;IAC/B,MAAMC;IACN,KAAI,SAAM,EAAE,YAAY,GAAGD,IAAE,MAAM,MAAM;KACzC;;GACK;EAEX,CACH;AAED,MAAM,8CAA8C;;;;CAIlD,MAAM,EAAE,iBAAiB,oBAAoB,oBAAoB,uBAAuB;CACxF,MAAM,EAAE,yBAAyB,gBAAgB;CACjD,MAAM,oBAAoB,WAAW,EACnC,YAAY,8BACb,CAAC;CACF,MAAM,mBAAmB,sBAAsB,SAAS;CACxD,MAAM,EAAE,uBAAuB,gBAAgB,EAC7C,oBAAqB,oBAAoB,qBAAsB,QAChE,CAAC;CAEF,MAAM,qBACH,gBAAgB,SAAS,MAAM,gBAAgB,SAAS,MAAM,oBAAoB,SAAS;AAE9F,KAAI,CAAC,kBACH,QAAO;AAGT,QACE,oBAAC;EACC,cAAa,OAAM;GACjB,UAAU;GACV,KAAK,QAAQ,EAAE,MAAM,GAAG;GACxB,OAAO,QAAQ,EAAE,MAAM,GAAG;GAC3B;EACkB;GACnB"}

package/dist/components/OrganizationSwitcher/UserMembershipList.js CHANGED Viewed

@@ -37,7 +37,7 @@ const UserMembershipList = (props) => {
 	const { user } = useUser();
 	const otherOrgs = ((userMemberships.count || 0) > 0 ? userMemberships.data || [] : []).map((e) => e.organization).filter((o) => o.id !== currentOrg?.id);
 	if (!user) return null;
-	const { username, primaryEmailAddress, primaryPhoneNumber,...userWithoutIdentifiers } = user;
+	const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username,...userWithoutIdentifiers } = user;
 	const { isLoading, hasNextPage } = userMemberships;
 	return /* @__PURE__ */ jsxs(Box, {
 		sx: (t) => ({

package/dist/components/OrganizationSwitcher/UserMembershipList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserMembershipList.js","names":["SwitchArrowRight"],"sources":["../../../src/components/OrganizationSwitcher/UserMembershipList.tsx"],"sourcesContent":["import { useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\n\nimport { InfiniteListSpinner } from '../../common';\nimport { useOrganizationSwitcherContext } from '../../contexts';\nimport { Box, descriptors, localizationKeys } from '../../customizables';\nimport { useInView } from '../../hooks';\nimport { SwitchArrowRight } from '../../icons';\nimport { common } from '../../styledSystem';\nimport { organizationListParams } from './utils';\n\nexport type UserMembershipListProps = {\n onPersonalWorkspaceClick: React.MouseEventHandler;\n onOrganizationClick: (org: OrganizationResource) => unknown;\n};\n\nconst useFetchMemberships = () => {\n const { userMemberships } = useOrganizationList({\n userMemberships: organizationListParams.userMemberships,\n });\n\n const { ref } = useInView({\n threshold: 0,\n onChange: inView => {\n if (!inView) {\n return;\n }\n if (userMemberships.hasNextPage) {\n userMemberships.fetchNext?.();\n }\n },\n });\n\n return {\n userMemberships,\n ref,\n };\n};\nexport const UserMembershipList = (props: UserMembershipListProps) => {\n const { onPersonalWorkspaceClick, onOrganizationClick } = props;\n\n const { hidePersonal } = useOrganizationSwitcherContext();\n const { organization: currentOrg } = useOrganization();\n const { ref, userMemberships } = useFetchMemberships();\n const { user } = useUser();\n\n const otherOrgs = ((userMemberships.count \|\| 0) > 0 ? userMemberships.data \|\| [] : [])\n .map(e => e.organization)\n .filter(o => o.id !== currentOrg?.id);\n\n if (!user) {\n return null;\n }\n\n const { ~~username,~~ primaryEmailAddress, primaryPhoneNumber, ...userWithoutIdentifiers } = user;\n\n const { isLoading, hasNextPage } = userMemberships;\n\n return (\n <Box\n sx={t => ({\n // 4 items + 4px border (four 1px borders)\n maxHeight: `calc((4 * ${t.sizes.$17}) + 4px)`,\n overflowY: 'auto',\n '> button,div': { border: `0 solid ${t.colors.$borderAlpha100}` },\n '>:not([hidden])~:not([hidden])': {\n borderTopWidth: '1px',\n borderBottomWidth: '0',\n },\n ...common.unstyledScrollbar(t),\n })}\n role='group'\n aria-label={hidePersonal ? 'List of all organization memberships' : 'List of all accounts'}\n >\n {currentOrg && !hidePersonal && (\n <PreviewButton\n elementDescriptor={descriptors.organizationSwitcherPreviewButton}\n elementId={descriptors.organizationSwitcherPreviewButton.setId('personal')}\n icon={SwitchArrowRight}\n onClick={onPersonalWorkspaceClick}\n role='menuitem'\n >\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n mainIdentifierVariant={'buttonLarge'}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n </PreviewButton>\n )}\n {otherOrgs.map(organization => (\n <PreviewButton\n key={organization.id}\n elementDescriptor={descriptors.organizationSwitcherPreviewButton}\n elementId={descriptors.organizationSwitcherPreviewButton.setId('organization')}\n icon={SwitchArrowRight}\n onClick={() => onOrganizationClick(organization)}\n role='menuitem'\n sx={t => ({\n border: `0 solid ${t.colors.$borderAlpha100}`,\n })}\n >\n <OrganizationPreview\n elementId='organizationSwitcherListedOrganization'\n organization={organization}\n />\n </PreviewButton>\n ))}\n {(hasNextPage \|\| isLoading) && <InfiniteListSpinner ref={ref} />}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,4BAA4B;CAChC,MAAM,EAAE,oBAAoB,oBAAoB,EAC9C,iBAAiB,uBAAuB,iBACzC,CAAC;CAEF,MAAM,EAAE,QAAQ,UAAU;EACxB,WAAW;EACX,WAAU,WAAU;AAClB,OAAI,CAAC,OACH;AAEF,OAAI,gBAAgB,YAClB,iBAAgB,aAAa;;EAGlC,CAAC;AAEF,QAAO;EACL;EACA;EACD;;AAEH,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,0BAA0B,wBAAwB;CAE1D,MAAM,EAAE,iBAAiB,gCAAgC;CACzD,MAAM,EAAE,cAAc,eAAe,iBAAiB;CACtD,MAAM,EAAE,KAAK,oBAAoB,qBAAqB;CACtD,MAAM,EAAE,SAAS,SAAS;CAE1B,MAAM,cAAc,gBAAgB,SAAS,KAAK,IAAI,gBAAgB,QAAQ,EAAE,GAAG,EAAE,EAClF,KAAI,MAAK,EAAE,aAAa,CACxB,QAAO,MAAK,EAAE,OAAO,YAAY,GAAG;AAEvC,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,~~UAAU,~~qBAAqB,~~mBAAoB~~,GAAG,2BAA2B;~~CAEzF~~,MAAM,EAAE,WAAW,gBAAgB;AAEnC,QACE,qBAAC;EACC,KAAI,OAAM;GAER,WAAW,aAAa,EAAE,MAAM,IAAI;GACpC,WAAW;GACX,gBAAgB,EAAE,QAAQ,WAAW,EAAE,OAAO,mBAAmB;GACjE,kCAAkC;IAChC,gBAAgB;IAChB,mBAAmB;IACpB;GACD,GAAG,OAAO,kBAAkB,EAAE;GAC/B;EACD,MAAK;EACL,cAAY,eAAe,yCAAyC;;GAEnE,cAAc,CAAC,gBACd,oBAAC;IACC,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,WAAW;IAC1E,MAAMA;IACN,SAAS;IACT,MAAK;cAEL,oBAAC;KACC,MAAM;KACN,uBAAuB;KACvB,OAAO,iBAAiB,yCAAyC;MACjE;KACY;GAEjB,UAAU,KAAI,iBACb,oBAAC;IAEC,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,eAAe;IAC9E,MAAMA;IACN,eAAe,oBAAoB,aAAa;IAChD,MAAK;IACL,KAAI,OAAM,EACR,QAAQ,WAAW,EAAE,OAAO,mBAC7B;cAED,oBAAC;KACC,WAAU;KACI;MACd;MAbG,aAAa,GAcJ,CAChB;IACA,eAAe,cAAc,oBAAC,uBAAyB,MAAO;;GAC5D"}
1	+ {"version":3,"file":"UserMembershipList.js","names":["SwitchArrowRight"],"sources":["../../../src/components/OrganizationSwitcher/UserMembershipList.tsx"],"sourcesContent":["import { useOrganization, useOrganizationList, useUser } from '@clerk/shared/react';\nimport type { OrganizationResource } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { OrganizationPreview } from '@/ui/elements/OrganizationPreview';\nimport { PersonalWorkspacePreview } from '@/ui/elements/PersonalWorkspacePreview';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\n\nimport { InfiniteListSpinner } from '../../common';\nimport { useOrganizationSwitcherContext } from '../../contexts';\nimport { Box, descriptors, localizationKeys } from '../../customizables';\nimport { useInView } from '../../hooks';\nimport { SwitchArrowRight } from '../../icons';\nimport { common } from '../../styledSystem';\nimport { organizationListParams } from './utils';\n\nexport type UserMembershipListProps = {\n onPersonalWorkspaceClick: React.MouseEventHandler;\n onOrganizationClick: (org: OrganizationResource) => unknown;\n};\n\nconst useFetchMemberships = () => {\n const { userMemberships } = useOrganizationList({\n userMemberships: organizationListParams.userMemberships,\n });\n\n const { ref } = useInView({\n threshold: 0,\n onChange: inView => {\n if (!inView) {\n return;\n }\n if (userMemberships.hasNextPage) {\n userMemberships.fetchNext?.();\n }\n },\n });\n\n return {\n userMemberships,\n ref,\n };\n};\nexport const UserMembershipList = (props: UserMembershipListProps) => {\n const { onPersonalWorkspaceClick, onOrganizationClick } = props;\n\n const { hidePersonal } = useOrganizationSwitcherContext();\n const { organization: currentOrg } = useOrganization();\n const { ref, userMemberships } = useFetchMemberships();\n const { user } = useUser();\n\n const otherOrgs = ((userMemberships.count \|\| 0) > 0 ? userMemberships.data \|\| [] : [])\n .map(e => e.organization)\n .filter(o => o.id !== currentOrg?.id);\n\n if (!user) {\n return null;\n }\n\n const { primaryEmailAddress, primaryPhoneNumber, primaryWeb3Wallet, username, ...userWithoutIdentifiers } = user;\n\n const { isLoading, hasNextPage } = userMemberships;\n\n return (\n <Box\n sx={t => ({\n // 4 items + 4px border (four 1px borders)\n maxHeight: `calc((4 * ${t.sizes.$17}) + 4px)`,\n overflowY: 'auto',\n '> button,div': { border: `0 solid ${t.colors.$borderAlpha100}` },\n '>:not([hidden])~:not([hidden])': {\n borderTopWidth: '1px',\n borderBottomWidth: '0',\n },\n ...common.unstyledScrollbar(t),\n })}\n role='group'\n aria-label={hidePersonal ? 'List of all organization memberships' : 'List of all accounts'}\n >\n {currentOrg && !hidePersonal && (\n <PreviewButton\n elementDescriptor={descriptors.organizationSwitcherPreviewButton}\n elementId={descriptors.organizationSwitcherPreviewButton.setId('personal')}\n icon={SwitchArrowRight}\n onClick={onPersonalWorkspaceClick}\n role='menuitem'\n >\n <PersonalWorkspacePreview\n user={userWithoutIdentifiers}\n mainIdentifierVariant={'buttonLarge'}\n title={localizationKeys('organizationSwitcher.personalWorkspace')}\n />\n </PreviewButton>\n )}\n {otherOrgs.map(organization => (\n <PreviewButton\n key={organization.id}\n elementDescriptor={descriptors.organizationSwitcherPreviewButton}\n elementId={descriptors.organizationSwitcherPreviewButton.setId('organization')}\n icon={SwitchArrowRight}\n onClick={() => onOrganizationClick(organization)}\n role='menuitem'\n sx={t => ({\n border: `0 solid ${t.colors.$borderAlpha100}`,\n })}\n >\n <OrganizationPreview\n elementId='organizationSwitcherListedOrganization'\n organization={organization}\n />\n </PreviewButton>\n ))}\n {(hasNextPage \|\| isLoading) && <InfiniteListSpinner ref={ref} />}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,4BAA4B;CAChC,MAAM,EAAE,oBAAoB,oBAAoB,EAC9C,iBAAiB,uBAAuB,iBACzC,CAAC;CAEF,MAAM,EAAE,QAAQ,UAAU;EACxB,WAAW;EACX,WAAU,WAAU;AAClB,OAAI,CAAC,OACH;AAEF,OAAI,gBAAgB,YAClB,iBAAgB,aAAa;;EAGlC,CAAC;AAEF,QAAO;EACL;EACA;EACD;;AAEH,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,0BAA0B,wBAAwB;CAE1D,MAAM,EAAE,iBAAiB,gCAAgC;CACzD,MAAM,EAAE,cAAc,eAAe,iBAAiB;CACtD,MAAM,EAAE,KAAK,oBAAoB,qBAAqB;CACtD,MAAM,EAAE,SAAS,SAAS;CAE1B,MAAM,cAAc,gBAAgB,SAAS,KAAK,IAAI,gBAAgB,QAAQ,EAAE,GAAG,EAAE,EAClF,KAAI,MAAK,EAAE,aAAa,CACxB,QAAO,MAAK,EAAE,OAAO,YAAY,GAAG;AAEvC,KAAI,CAAC,KACH,QAAO;CAGT,MAAM,EAAE,qBAAqB,oBAAoB,mBAAmB,SAAU,GAAG,2BAA2B;CAE5G,MAAM,EAAE,WAAW,gBAAgB;AAEnC,QACE,qBAAC;EACC,KAAI,OAAM;GAER,WAAW,aAAa,EAAE,MAAM,IAAI;GACpC,WAAW;GACX,gBAAgB,EAAE,QAAQ,WAAW,EAAE,OAAO,mBAAmB;GACjE,kCAAkC;IAChC,gBAAgB;IAChB,mBAAmB;IACpB;GACD,GAAG,OAAO,kBAAkB,EAAE;GAC/B;EACD,MAAK;EACL,cAAY,eAAe,yCAAyC;;GAEnE,cAAc,CAAC,gBACd,oBAAC;IACC,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,WAAW;IAC1E,MAAMA;IACN,SAAS;IACT,MAAK;cAEL,oBAAC;KACC,MAAM;KACN,uBAAuB;KACvB,OAAO,iBAAiB,yCAAyC;MACjE;KACY;GAEjB,UAAU,KAAI,iBACb,oBAAC;IAEC,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,eAAe;IAC9E,MAAMA;IACN,eAAe,oBAAoB,aAAa;IAChD,MAAK;IACL,KAAI,OAAM,EACR,QAAQ,WAAW,EAAE,OAAO,mBAC7B;cAED,oBAAC;KACC,WAAU;KACI;MACd;MAbG,aAAa,GAcJ,CAChB;IACA,eAAe,cAAc,oBAAC,uBAAyB,MAAO;;GAC5D"}

package/dist/components/SignIn/index.js CHANGED Viewed

@@ -29,7 +29,7 @@ function RedirectToSignIn() {
 	const clerk = useClerk();
 	React.useEffect(() => {
 		clerk.redirectToSignIn();
-	}, []);
+	}, [clerk]);
 	return null;
 }
 function SignInRoutes() {

package/dist/components/SignIn/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["LazySessionTasks","SignIn: React.ComponentType<SignInProps>","InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>>"],"sources":["../../../src/components/SignIn/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignInModalProps, SignInProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignInEmailLinkFlowComplete, SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport {\n SignInContext,\n SignUpContext,\n useSignInContext,\n useSignUpContext,\n withCoreSessionSwitchGuard,\n} from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { useFetch } from '@/hooks';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\nimport type { SignUpCtx } from '@/types';\nimport { SignInFactorOneSolanaWalletsCard } from '@/ui/components/SignIn/SignInFactorOneSolanaWalletsCard';\nimport { normalizeRoutingOptions } from '@/utils/normalizeRoutingOptions';\n\nimport {\n LazySignUpContinue,\n LazySignUpSSOCallback,\n LazySignUpStart,\n LazySignUpVerifyEmail,\n LazySignUpVerifyPhone,\n preloadSignUp,\n} from './lazy-sign-up';\nimport { ResetPassword } from './ResetPassword';\nimport { ResetPasswordSuccess } from './ResetPasswordSuccess';\nimport { SignInAccountSwitcher } from './SignInAccountSwitcher';\nimport { SignInClientTrust } from './SignInClientTrust';\nimport { SignInFactorOne } from './SignInFactorOne';\nimport { SignInFactorTwo } from './SignInFactorTwo';\nimport { SignInSSOCallback } from './SignInSSOCallback';\nimport { SignInStart } from './SignInStart';\n\nfunction RedirectToSignIn() {\n const clerk = useClerk();\n React.useEffect(() => {\n void clerk.redirectToSignIn();\n }, []);\n return null;\n}\n\nfunction SignInRoutes(): JSX.Element {\n const signInContext = useSignInContext();\n const signUpContext = useSignUpContext();\n\n return (\n <Flow.Root flow='signIn'>\n <Switch>\n <Route path='factor-one'>\n <SignInFactorOne />\n </Route>\n <Route path='factor-two'>\n <SignInFactorTwo />\n </Route>\n <Route path='client-trust'>\n <SignInClientTrust />\n </Route>\n <Route path='reset-password'>\n <ResetPassword />\n </Route>\n <Route path='reset-password-success'>\n <ResetPasswordSuccess />\n </Route>\n <Route path='sso-callback'>\n <SignInSSOCallback\n signUpUrl={signInContext.signUpUrl}\n signInUrl={signInContext.signInUrl}\n signInForceRedirectUrl={signInContext.afterSignInUrl}\n signUpForceRedirectUrl={signInContext.afterSignUpUrl}\n continueSignUpUrl={signInContext.signUpContinueUrl}\n transferable={signInContext.transferable}\n firstFactorUrl={'../factor-one'}\n secondFactorUrl={'../factor-two'}\n resetPasswordUrl={'../reset-password'}\n />\n </Route>\n <Route path='choose'>\n <SignInAccountSwitcher />\n </Route>\n <Route path='choose-wallet'>\n <SignInFactorOneSolanaWalletsCard />\n </Route>\n <Route path='verify'>\n <SignInEmailLinkFlowComplete\n redirectUrlComplete={signInContext.afterSignInUrl}\n redirectUrl='../factor-two'\n />\n </Route>\n\n {signInContext.isCombinedFlow && (\n <Route path='create'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <LazySignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <LazySignUpVerifyPhone />\n </Route>\n <Route path='sso-callback'>\n <LazySignUpSSOCallback\n signUpUrl={signUpContext.signUpUrl}\n signInUrl={signUpContext.signInUrl}\n signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n signInForceRedirectUrl={signUpContext.afterSignInUrl}\n secondFactorUrl={signUpContext.secondFactorUrl}\n continueSignUpUrl='../continue'\n verifyEmailAddressUrl='../verify-email-address'\n verifyPhoneNumberUrl='../verify-phone-number'\n />\n </Route>\n <Route path='verify'>\n <SignUpEmailLinkFlowComplete\n redirectUrlComplete={signUpContext.afterSignUpUrl}\n verifyEmailPath='../verify-email-address'\n verifyPhonePath='../verify-phone-number'\n continuePath='../continue'\n />\n </Route>\n <Route path='continue'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <LazySignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <LazySignUpVerifyPhone />\n </Route>\n <Route index>\n <LazySignUpContinue />\n </Route>\n </Route>\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signInContext.afterSignUpUrl} />\n </Route>\n <Route index>\n <LazySignUpStart />\n </Route>\n </Route>\n )}\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signInContext.afterSignInUrl} />\n </Route>\n <Route index>\n <SignInStart />\n </Route>\n <Route>\n <RedirectToSignIn />\n </Route>\n </Switch>\n </Flow.Root>\n );\n}\n\nconst usePreloadSignUp = (enabled = false) =>\n useFetch(enabled ? preloadSignUp : undefined, 'preloadComponent', { staleTime: Infinity });\n\nfunction SignInRoot() {\n const signInContext = useSignInContext();\n const normalizedSignUpContext = {\n componentName: 'SignUp',\n emailLinkRedirectUrl: signInContext.emailLinkRedirectUrl,\n ssoCallbackUrl: signInContext.ssoCallbackUrl,\n forceRedirectUrl: signInContext.signUpForceRedirectUrl,\n fallbackRedirectUrl: signInContext.signUpFallbackRedirectUrl,\n signInUrl: signInContext.signInUrl,\n unsafeMetadata: signInContext.unsafeMetadata,\n ...normalizeRoutingOptions({ routing: signInContext?.routing, path: signInContext?.path }),\n } as SignUpCtx;\n\n /*\n Preload Sign Up when in Combined Flow.\n /\n usePreloadSignUp(signInContext.isCombinedFlow);\n\n usePreloadTasks();\n\n return (\n <SignUpContext.Provider value={normalizedSignUpContext}>\n <SignInRoutes />\n </SignUpContext.Provider>\n );\n}\n\nSignInRoutes.displayName = 'SignIn';\n\nexport const SignIn: React.ComponentType<SignInProps> = withCoreSessionSwitchGuard(SignInRoot);\n\nconst InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>> = withCoreSessionSwitchGuard(SignInRoot);\n\nexport const SignInModal = (props: SignInModalProps): JSX.Element => {\n const signInProps = {\n signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,\n waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n ...props,\n };\n\n return (\n <Route path='sign-in'>\n <SignInContext.Provider\n value={{\n componentName: 'SignIn',\n ...signInProps,\n routing: 'virtual',\n mode: 'modal',\n }}\n >\n {/TODO: Used by InvisibleRootBox, can we simplify? */}\n <div>\n <InternalSignIn\n {...signInProps}\n routing='virtual'\n />\n </div>\n </SignInContext.Provider>\n </Route>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":["LazySessionTasks","SignIn: React.ComponentType<SignInProps>","InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>>"],"sources":["../../../src/components/SignIn/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignInModalProps, SignInProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignInEmailLinkFlowComplete, SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport {\n SignInContext,\n SignUpContext,\n useSignInContext,\n useSignUpContext,\n withCoreSessionSwitchGuard,\n} from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { useFetch } from '@/hooks';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\nimport type { SignUpCtx } from '@/types';\nimport { SignInFactorOneSolanaWalletsCard } from '@/ui/components/SignIn/SignInFactorOneSolanaWalletsCard';\nimport { normalizeRoutingOptions } from '@/utils/normalizeRoutingOptions';\n\nimport {\n LazySignUpContinue,\n LazySignUpSSOCallback,\n LazySignUpStart,\n LazySignUpVerifyEmail,\n LazySignUpVerifyPhone,\n preloadSignUp,\n} from './lazy-sign-up';\nimport { ResetPassword } from './ResetPassword';\nimport { ResetPasswordSuccess } from './ResetPasswordSuccess';\nimport { SignInAccountSwitcher } from './SignInAccountSwitcher';\nimport { SignInClientTrust } from './SignInClientTrust';\nimport { SignInFactorOne } from './SignInFactorOne';\nimport { SignInFactorTwo } from './SignInFactorTwo';\nimport { SignInSSOCallback } from './SignInSSOCallback';\nimport { SignInStart } from './SignInStart';\n\nfunction RedirectToSignIn() {\n const clerk = useClerk();\n React.useEffect(() => {\n void clerk.redirectToSignIn();\n }, [clerk]);\n return null;\n}\n\nfunction SignInRoutes(): JSX.Element {\n const signInContext = useSignInContext();\n const signUpContext = useSignUpContext();\n\n return (\n <Flow.Root flow='signIn'>\n <Switch>\n <Route path='factor-one'>\n <SignInFactorOne />\n </Route>\n <Route path='factor-two'>\n <SignInFactorTwo />\n </Route>\n <Route path='client-trust'>\n <SignInClientTrust />\n </Route>\n <Route path='reset-password'>\n <ResetPassword />\n </Route>\n <Route path='reset-password-success'>\n <ResetPasswordSuccess />\n </Route>\n <Route path='sso-callback'>\n <SignInSSOCallback\n signUpUrl={signInContext.signUpUrl}\n signInUrl={signInContext.signInUrl}\n signInForceRedirectUrl={signInContext.afterSignInUrl}\n signUpForceRedirectUrl={signInContext.afterSignUpUrl}\n continueSignUpUrl={signInContext.signUpContinueUrl}\n transferable={signInContext.transferable}\n firstFactorUrl={'../factor-one'}\n secondFactorUrl={'../factor-two'}\n resetPasswordUrl={'../reset-password'}\n />\n </Route>\n <Route path='choose'>\n <SignInAccountSwitcher />\n </Route>\n <Route path='choose-wallet'>\n <SignInFactorOneSolanaWalletsCard />\n </Route>\n <Route path='verify'>\n <SignInEmailLinkFlowComplete\n redirectUrlComplete={signInContext.afterSignInUrl}\n redirectUrl='../factor-two'\n />\n </Route>\n\n {signInContext.isCombinedFlow && (\n <Route path='create'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <LazySignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <LazySignUpVerifyPhone />\n </Route>\n <Route path='sso-callback'>\n <LazySignUpSSOCallback\n signUpUrl={signUpContext.signUpUrl}\n signInUrl={signUpContext.signInUrl}\n signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n signInForceRedirectUrl={signUpContext.afterSignInUrl}\n secondFactorUrl={signUpContext.secondFactorUrl}\n continueSignUpUrl='../continue'\n verifyEmailAddressUrl='../verify-email-address'\n verifyPhoneNumberUrl='../verify-phone-number'\n />\n </Route>\n <Route path='verify'>\n <SignUpEmailLinkFlowComplete\n redirectUrlComplete={signUpContext.afterSignUpUrl}\n verifyEmailPath='../verify-email-address'\n verifyPhonePath='../verify-phone-number'\n continuePath='../continue'\n />\n </Route>\n <Route path='continue'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <LazySignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <LazySignUpVerifyPhone />\n </Route>\n <Route index>\n <LazySignUpContinue />\n </Route>\n </Route>\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signInContext.afterSignUpUrl} />\n </Route>\n <Route index>\n <LazySignUpStart />\n </Route>\n </Route>\n )}\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signInContext.afterSignInUrl} />\n </Route>\n <Route index>\n <SignInStart />\n </Route>\n <Route>\n <RedirectToSignIn />\n </Route>\n </Switch>\n </Flow.Root>\n );\n}\n\nconst usePreloadSignUp = (enabled = false) =>\n useFetch(enabled ? preloadSignUp : undefined, 'preloadComponent', { staleTime: Infinity });\n\nfunction SignInRoot() {\n const signInContext = useSignInContext();\n const normalizedSignUpContext = {\n componentName: 'SignUp',\n emailLinkRedirectUrl: signInContext.emailLinkRedirectUrl,\n ssoCallbackUrl: signInContext.ssoCallbackUrl,\n forceRedirectUrl: signInContext.signUpForceRedirectUrl,\n fallbackRedirectUrl: signInContext.signUpFallbackRedirectUrl,\n signInUrl: signInContext.signInUrl,\n unsafeMetadata: signInContext.unsafeMetadata,\n ...normalizeRoutingOptions({ routing: signInContext?.routing, path: signInContext?.path }),\n } as SignUpCtx;\n\n /*\n Preload Sign Up when in Combined Flow.\n /\n usePreloadSignUp(signInContext.isCombinedFlow);\n\n usePreloadTasks();\n\n return (\n <SignUpContext.Provider value={normalizedSignUpContext}>\n <SignInRoutes />\n </SignUpContext.Provider>\n );\n}\n\nSignInRoutes.displayName = 'SignIn';\n\nexport const SignIn: React.ComponentType<SignInProps> = withCoreSessionSwitchGuard(SignInRoot);\n\nconst InternalSignIn: React.ComponentType<WithInternalRouting<SignInProps>> = withCoreSessionSwitchGuard(SignInRoot);\n\nexport const SignInModal = (props: SignInModalProps): JSX.Element => {\n const signInProps = {\n signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,\n waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n ...props,\n };\n\n return (\n <Route path='sign-in'>\n <SignInContext.Provider\n value={{\n componentName: 'SignIn',\n ...signInProps,\n routing: 'virtual',\n mode: 'modal',\n }}\n >\n {/TODO: Used by InvisibleRootBox, can we simplify? */}\n <div>\n <InternalSignIn\n {...signInProps}\n routing='virtual'\n />\n </div>\n </SignInContext.Provider>\n </Route>\n );\n};\n"],"mappings":"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"}

package/dist/components/SignUp/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ function RedirectToSignUp() {
 	const clerk = useClerk();
 	React.useEffect(() => {
 		clerk.redirectToSignUp();
-	}, []);
+	}, [clerk]);
 	return null;
 }
 function SignUpRoutes() {

package/dist/components/SignUp/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["LazySessionTasks","SignUp: React.ComponentType<SignUpProps>","InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>>"],"sources":["../../../src/components/SignUp/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignUpModalProps, SignUpProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport { SignUpContext, useSignUpContext, withCoreSessionSwitchGuard } from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\nimport { SignUpStartSolanaWalletsCard } from '@/ui/components/SignUp/SignUpStartSolanaWalletsCard';\n\nimport { SignUpContinue } from './SignUpContinue';\nimport { SignUpEnterpriseConnections } from './SignUpEnterpriseConnections';\nimport { SignUpSSOCallback } from './SignUpSSOCallback';\nimport { SignUpStart } from './SignUpStart';\nimport { SignUpVerifyEmail } from './SignUpVerifyEmail';\nimport { SignUpVerifyPhone } from './SignUpVerifyPhone';\n\nfunction RedirectToSignUp() {\n const clerk = useClerk();\n React.useEffect(() => {\n void clerk.redirectToSignUp();\n }, []);\n return null;\n}\n\nfunction SignUpRoutes(): JSX.Element {\n usePreloadTasks();\n\n const signUpContext = useSignUpContext();\n\n return (\n <Flow.Root flow='signUp'>\n <Switch>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <SignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <SignUpVerifyPhone />\n </Route>\n <Route path='sso-callback'>\n <SignUpSSOCallback\n signUpUrl={signUpContext.signUpUrl}\n signInUrl={signUpContext.signInUrl}\n signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n signInForceRedirectUrl={signUpContext.afterSignInUrl}\n secondFactorUrl={signUpContext.secondFactorUrl}\n continueSignUpUrl='../continue'\n verifyEmailAddressUrl='../verify-email-address'\n verifyPhoneNumberUrl='../verify-phone-number'\n />\n </Route>\n <Route path='verify'>\n <SignUpEmailLinkFlowComplete\n redirectUrlComplete={signUpContext.afterSignUpUrl}\n verifyEmailPath='../verify-email-address'\n verifyPhonePath='../verify-phone-number'\n />\n </Route>\n <Route path='continue'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <SignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <SignUpVerifyPhone />\n </Route>\n <Route index>\n <SignUpContinue />\n </Route>\n </Route>\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signUpContext.afterSignUpUrl} />\n </Route>\n <Route path='enterprise-connections'>\n <SignUpEnterpriseConnections />\n </Route>\n <Route path='choose-wallet'>\n <SignUpStartSolanaWalletsCard />\n </Route>\n <Route index>\n <SignUpStart />\n </Route>\n <Route>\n <RedirectToSignUp />\n </Route>\n </Switch>\n </Flow.Root>\n );\n}\n\nSignUpRoutes.displayName = 'SignUp';\n\nexport const SignUp: React.ComponentType<SignUpProps> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nconst InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nexport const SignUpModal = (props: SignUpModalProps): JSX.Element => {\n const signUpProps = {\n signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,\n waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n ...props,\n };\n\n return (\n <Route path='sign-up'>\n <SignUpContext.Provider\n value={{\n componentName: 'SignUp',\n ...signUpProps,\n routing: 'virtual',\n mode: 'modal',\n }}\n >\n {/TODO: Used by InvisibleRootBox, can we simplify? /}\n <div>\n <InternalSignUp\n {...signUpProps}\n routing='virtual'\n />\n </div>\n </SignUpContext.Provider>\n </Route>\n );\n};\n\nexport { SignUpContinue, SignUpSSOCallback, SignUpStart, SignUpVerifyEmail, SignUpVerifyPhone };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAS,mBAAmB;CAC1B,MAAM,QAAQ,UAAU;AACxB,OAAM,gBAAgB;AACpB,EAAK,MAAM,kBAAkB;IAC5B,~~EAAE~~,CAAC;~~AACN~~,QAAO;;AAGT,SAAS,eAA4B;AACnC,kBAAiB;CAEjB,MAAM,gBAAgB,kBAAkB;AAExC,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,qBAAC;GACC,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,WAAW,cAAc;KACzB,WAAW,cAAc;KACzB,wBAAwB,cAAc;KACtC,wBAAwB,cAAc;KACtC,iBAAiB,cAAc;KAC/B,mBAAkB;KAClB,uBAAsB;KACtB,sBAAqB;MACrB;KACI;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,qBAAqB,cAAc;KACnC,iBAAgB;KAChB,iBAAgB;MAChB;KACI;GACR,qBAAC;IAAM,MAAK;;KACV,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MAAM;gBACL,oBAAC,mBAAiB;OACZ;;KACF;GACR,oBAAC;IAAM,MAAK;cACV,oBAACA,gBAAiB,qBAAqB,cAAc,iBAAkB;KACjE;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,gCAA8B;KACzB;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,iCAA+B;KAC1B;GACR,oBAAC;IAAM;cACL,oBAAC,gBAAc;KACT;GACR,oBAAC,mBACC,oBAAC,qBAAmB,GACd;MACD;GACC;;AAIhB,aAAa,cAAc;AAE3B,MAAaC,SAA2C,2BAA2B,aAAa;AAEhG,MAAMC,iBAAwE,2BAA2B,aAAa;AAEtH,MAAa,eAAe,UAAyC;CACnE,MAAM,cAAc;EAClB,WAAW,IAAI,yBAAyB;EACxC,aAAa,IAAI,yBAAyB;EAC1C,GAAG;EACJ;AAED,QACE,oBAAC;EAAM,MAAK;YACV,oBAAC,cAAc;GACb,OAAO;IACL,eAAe;IACf,GAAG;IACH,SAAS;IACT,MAAM;IACP;aAGD,oBAAC,mBACC,oBAAC;IACC,GAAI;IACJ,SAAQ;KACR,GACE;IACiB;GACnB"}
1	+ {"version":3,"file":"index.js","names":["LazySessionTasks","SignUp: React.ComponentType<SignUpProps>","InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>>"],"sources":["../../../src/components/SignUp/index.tsx"],"sourcesContent":["import { useClerk } from '@clerk/shared/react';\nimport type { SignUpModalProps, SignUpProps } from '@clerk/shared/types';\nimport React from 'react';\n\nimport { SignUpEmailLinkFlowComplete } from '@/common/EmailLinkCompleteFlowCard';\nimport { SignUpContext, useSignUpContext, withCoreSessionSwitchGuard } from '@/contexts';\nimport { Flow } from '@/customizables';\nimport { usePreloadTasks } from '@/hooks/usePreloadTasks';\nimport type { WithInternalRouting } from '@/internal';\nimport { SessionTasks as LazySessionTasks } from '@/lazyModules/components';\nimport { Route, Switch, VIRTUAL_ROUTER_BASE_PATH } from '@/router';\nimport { SignUpStartSolanaWalletsCard } from '@/ui/components/SignUp/SignUpStartSolanaWalletsCard';\n\nimport { SignUpContinue } from './SignUpContinue';\nimport { SignUpEnterpriseConnections } from './SignUpEnterpriseConnections';\nimport { SignUpSSOCallback } from './SignUpSSOCallback';\nimport { SignUpStart } from './SignUpStart';\nimport { SignUpVerifyEmail } from './SignUpVerifyEmail';\nimport { SignUpVerifyPhone } from './SignUpVerifyPhone';\n\nfunction RedirectToSignUp() {\n const clerk = useClerk();\n React.useEffect(() => {\n void clerk.redirectToSignUp();\n }, [clerk]);\n return null;\n}\n\nfunction SignUpRoutes(): JSX.Element {\n usePreloadTasks();\n\n const signUpContext = useSignUpContext();\n\n return (\n <Flow.Root flow='signUp'>\n <Switch>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <SignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <SignUpVerifyPhone />\n </Route>\n <Route path='sso-callback'>\n <SignUpSSOCallback\n signUpUrl={signUpContext.signUpUrl}\n signInUrl={signUpContext.signInUrl}\n signUpForceRedirectUrl={signUpContext.afterSignUpUrl}\n signInForceRedirectUrl={signUpContext.afterSignInUrl}\n secondFactorUrl={signUpContext.secondFactorUrl}\n continueSignUpUrl='../continue'\n verifyEmailAddressUrl='../verify-email-address'\n verifyPhoneNumberUrl='../verify-phone-number'\n />\n </Route>\n <Route path='verify'>\n <SignUpEmailLinkFlowComplete\n redirectUrlComplete={signUpContext.afterSignUpUrl}\n verifyEmailPath='../verify-email-address'\n verifyPhonePath='../verify-phone-number'\n />\n </Route>\n <Route path='continue'>\n <Route\n path='verify-email-address'\n canActivate={clerk => !!clerk.client.signUp.emailAddress}\n >\n <SignUpVerifyEmail />\n </Route>\n <Route\n path='verify-phone-number'\n canActivate={clerk => !!clerk.client.signUp.phoneNumber}\n >\n <SignUpVerifyPhone />\n </Route>\n <Route index>\n <SignUpContinue />\n </Route>\n </Route>\n <Route path='tasks'>\n <LazySessionTasks redirectUrlComplete={signUpContext.afterSignUpUrl} />\n </Route>\n <Route path='enterprise-connections'>\n <SignUpEnterpriseConnections />\n </Route>\n <Route path='choose-wallet'>\n <SignUpStartSolanaWalletsCard />\n </Route>\n <Route index>\n <SignUpStart />\n </Route>\n <Route>\n <RedirectToSignUp />\n </Route>\n </Switch>\n </Flow.Root>\n );\n}\n\nSignUpRoutes.displayName = 'SignUp';\n\nexport const SignUp: React.ComponentType<SignUpProps> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nconst InternalSignUp: React.ComponentType<WithInternalRouting<SignUpProps>> = withCoreSessionSwitchGuard(SignUpRoutes);\n\nexport const SignUpModal = (props: SignUpModalProps): JSX.Element => {\n const signUpProps = {\n signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,\n waitlistUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/waitlist`,\n ...props,\n };\n\n return (\n <Route path='sign-up'>\n <SignUpContext.Provider\n value={{\n componentName: 'SignUp',\n ...signUpProps,\n routing: 'virtual',\n mode: 'modal',\n }}\n >\n {/TODO: Used by InvisibleRootBox, can we simplify? /}\n <div>\n <InternalSignUp\n {...signUpProps}\n routing='virtual'\n />\n </div>\n </SignUpContext.Provider>\n </Route>\n );\n};\n\nexport { SignUpContinue, SignUpSSOCallback, SignUpStart, SignUpVerifyEmail, SignUpVerifyPhone };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAS,mBAAmB;CAC1B,MAAM,QAAQ,UAAU;AACxB,OAAM,gBAAgB;AACpB,EAAK,MAAM,kBAAkB;IAC5B,CAAC,MAAM,CAAC;AACX,QAAO;;AAGT,SAAS,eAA4B;AACnC,kBAAiB;CAEjB,MAAM,gBAAgB,kBAAkB;AAExC,QACE,oBAAC,KAAK;EAAK,MAAK;YACd,qBAAC;GACC,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IACC,MAAK;IACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;cAE5C,oBAAC,sBAAoB;KACf;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,WAAW,cAAc;KACzB,WAAW,cAAc;KACzB,wBAAwB,cAAc;KACtC,wBAAwB,cAAc;KACtC,iBAAiB,cAAc;KAC/B,mBAAkB;KAClB,uBAAsB;KACtB,sBAAqB;MACrB;KACI;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC;KACC,qBAAqB,cAAc;KACnC,iBAAgB;KAChB,iBAAgB;MAChB;KACI;GACR,qBAAC;IAAM,MAAK;;KACV,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MACC,MAAK;MACL,cAAa,UAAS,CAAC,CAAC,MAAM,OAAO,OAAO;gBAE5C,oBAAC,sBAAoB;OACf;KACR,oBAAC;MAAM;gBACL,oBAAC,mBAAiB;OACZ;;KACF;GACR,oBAAC;IAAM,MAAK;cACV,oBAACA,gBAAiB,qBAAqB,cAAc,iBAAkB;KACjE;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,gCAA8B;KACzB;GACR,oBAAC;IAAM,MAAK;cACV,oBAAC,iCAA+B;KAC1B;GACR,oBAAC;IAAM;cACL,oBAAC,gBAAc;KACT;GACR,oBAAC,mBACC,oBAAC,qBAAmB,GACd;MACD;GACC;;AAIhB,aAAa,cAAc;AAE3B,MAAaC,SAA2C,2BAA2B,aAAa;AAEhG,MAAMC,iBAAwE,2BAA2B,aAAa;AAEtH,MAAa,eAAe,UAAyC;CACnE,MAAM,cAAc;EAClB,WAAW,IAAI,yBAAyB;EACxC,aAAa,IAAI,yBAAyB;EAC1C,GAAG;EACJ;AAED,QACE,oBAAC;EAAM,MAAK;YACV,oBAAC,cAAc;GACb,OAAO;IACL,eAAe;IACf,GAAG;IACH,SAAS;IACT,MAAM;IACP;aAGD,oBAAC,mBACC,oBAAC;IACC,GAAI;IACJ,SAAQ;KACR,GACE;IACiB;GACnB"}