@clerk/ui 1.0.0-snapshot.v20251211120550 → 1.0.0-snapshot.v20251215203425

package/dist/elements/Tooltip.js

@@ -3,6 +3,7 @@ import { descriptors } from "../customizables/elementDescriptors.js";
 import { useAppearance } from "../customizables/AppearanceContext.js";
 import { Box, Span, Text } from "../customizables/index.js";
 import * as React$1 from "react";
+import { usePortalRoot } from "@clerk/shared/react";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { FloatingPortal, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useMergeRefs, useRole, useTransitionStyles } from "@floating-ui/react";
 
@@ -121,34 +122,38 @@ const Trigger = React$1.forwardRef(function TooltipTrigger({ children, sx,...pro
 const Content = React$1.forwardRef(function TooltipContent({ style, text, sx,...props }, propRef) {
 	const context = useTooltipContext();
 	const ref = useMergeRefs([context.refs.setFloating, propRef]);
+	const effectiveRoot = usePortalRoot()?.() ?? void 0;
 	if (!context.isMounted) return null;
-	return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(Box, {
-		ref,
-		elementDescriptor: descriptors.tooltip,
-		style: {
-			...context.floatingStyles,
-			...style
-		},
-		...context.getFloatingProps(props),
+	return /* @__PURE__ */ jsx(FloatingPortal, {
+		root: effectiveRoot,
 		children: /* @__PURE__ */ jsx(Box, {
-			elementDescriptor: descriptors.tooltipContent,
-			style: context.transitionStyles,
-			sx: [(t) => ({
-				paddingBlock: t.space.$1,
-				paddingInline: t.space.$1x5,
-				borderRadius: t.radii.$md,
-				backgroundColor: t.colors.$black,
-				color: t.colors.$white,
-				maxWidth: t.sizes.$60
-			}), sx],
-			children: /* @__PURE__ */ jsx(Text, {
-				elementDescriptor: descriptors.tooltipText,
-				localizationKey: text,
-				variant: "body",
-				colorScheme: "inherit"
+			ref,
+			elementDescriptor: descriptors.tooltip,
+			style: {
+				...context.floatingStyles,
+				...style
+			},
+			...context.getFloatingProps(props),
+			children: /* @__PURE__ */ jsx(Box, {
+				elementDescriptor: descriptors.tooltipContent,
+				style: context.transitionStyles,
+				sx: [(t) => ({
+					paddingBlock: t.space.$1,
+					paddingInline: t.space.$1x5,
+					borderRadius: t.radii.$md,
+					backgroundColor: t.colors.$black,
+					color: t.colors.$white,
+					maxWidth: t.sizes.$60
+				}), sx],
+				children: /* @__PURE__ */ jsx(Text, {
+					elementDescriptor: descriptors.tooltipText,
+					localizationKey: text,
+					variant: "body",
+					colorScheme: "inherit"
+				})
 			})
 		})
-	}) });
+	});
 });
 const Tooltip = {
 	Root,

package/dist/elements/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n  autoUpdate,\n  flip,\n  FloatingPortal,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n  initialOpen?: boolean;\n  placement?: Placement;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  isMounted: boolean;\n  transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n  initialOpen = false,\n  placement = 'top',\n  open: controlledOpen,\n  onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n  const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { animations: layoutAnimations } = useAppearance().parsedOptions;\n  const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n  const data = useFloating({\n    placement,\n    open,\n    onOpenChange: setOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(6),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'start',\n        padding: 6,\n      }),\n      shift({ padding: 6 }),\n    ],\n  });\n\n  const context = data.context;\n\n  const hover = useHover(context, {\n    move: false,\n    enabled: controlledOpen == null,\n  });\n  const focus = useFocus(context, {\n    enabled: controlledOpen == null,\n  });\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: isMotionSafe ? 200 : 0,\n    initial: ({ side }) => {\n      return {\n        opacity: 0,\n        transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n      };\n    },\n    open: {\n      opacity: 1,\n      transform: 'translate(0)',\n    },\n    close: ({ side }) => ({\n      opacity: 0,\n      transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n    }),\n  });\n\n  const interactions = useInteractions([hover, focus, dismiss, role]);\n\n  return React.useMemo(\n    () => ({\n      open,\n      setOpen,\n      isMounted,\n      ...interactions,\n      ...data,\n      transitionStyles,\n    }),\n    [open, setOpen, interactions, data, isMounted, transitionStyles],\n  );\n}\n\ntype ContextType = UseTooltipReturn | null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n  const context = React.useContext(TooltipContext);\n\n  if (context == null) {\n    throw new Error('Tooltip components must be wrapped in <Tooltip />');\n  }\n\n  return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n  // This can accept any props as options, e.g. `placement`,\n  // or other positioning options.\n  const tooltip = useTooltip(options);\n  return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n  sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n  { children, sx, ...props },\n  propRef,\n) {\n  const context = useTooltipContext();\n  const childrenRef = (children as any).ref;\n  const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n  if (!React.isValidElement(children)) {\n    return null;\n  }\n\n  // If the child is disabled, wrap it in a span to handle focus events\n  if (children.props.isDisabled || children.props.disabled) {\n    return (\n      <Span\n        ref={ref}\n        {...context.getReferenceProps({\n          ...props,\n        })}\n        data-state={context.open ? 'open' : 'closed'}\n        sx={[\n          {\n            width: 'fit-content',\n            display: 'inline-block',\n            cursor: 'not-allowed',\n            outline: 'none',\n          },\n          sx,\n        ]}\n        tabIndex={0}\n      >\n        {children}\n      </Span>\n    );\n  }\n\n  return React.cloneElement(\n    children,\n    context.getReferenceProps({\n      ref,\n      ...props,\n      ...children.props,\n      'data-state': context.open ? 'open' : 'closed',\n    }),\n  );\n});\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLProps<HTMLDivElement> & {\n    text: string | LocalizationKey;\n    sx?: ThemableCssProp;\n  }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n  const context = useTooltipContext();\n  const ref = useMergeRefs([context.refs.setFloating, propRef]);\n\n  if (!context.isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingPortal>\n      <Box\n        ref={ref}\n        elementDescriptor={descriptors.tooltip}\n        style={{\n          ...context.floatingStyles,\n          ...style,\n        }}\n        {...context.getFloatingProps(props)}\n      >\n        <Box\n          elementDescriptor={descriptors.tooltipContent}\n          style={context.transitionStyles}\n          sx={[\n            t => ({\n              paddingBlock: t.space.$1,\n              paddingInline: t.space.$1x5,\n              borderRadius: t.radii.$md,\n              backgroundColor: t.colors.$black,\n              color: t.colors.$white,\n              maxWidth: t.sizes.$60,\n            }),\n            sx,\n          ]}\n        >\n          <Text\n            elementDescriptor={descriptors.tooltipText}\n            localizationKey={text}\n            variant='body'\n            colorScheme='inherit'\n          />\n        </Box>\n      </Box>\n    </FloatingPortal>\n  );\n});\n\nexport const Tooltip = {\n  Root,\n  Trigger,\n  Content,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React"],"sources":["../../src/elements/Tooltip.tsx"],"sourcesContent":["import type { Placement, UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';\nimport {\n  autoUpdate,\n  flip,\n  FloatingPortal,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport * as React from 'react';\n\nimport { usePortalRoot } from '@clerk/shared/react';\n\nimport { Box, descriptors, type LocalizationKey, Span, Text, useAppearance } from '../customizables';\nimport { usePrefersReducedMotion } from '../hooks';\nimport type { ThemableCssProp } from '../styledSystem';\n\ninterface TooltipOptions {\n  initialOpen?: boolean;\n  placement?: Placement;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\ninterface UseTooltipReturn extends UseFloatingReturn, UseInteractionsReturn {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  isMounted: boolean;\n  transitionStyles: React.CSSProperties;\n}\n\nexport function useTooltip({\n  initialOpen = false,\n  placement = 'top',\n  open: controlledOpen,\n  onOpenChange: setControlledOpen,\n}: TooltipOptions = {}): UseTooltipReturn {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(initialOpen);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n  const setOpen = setControlledOpen ?? setUncontrolledOpen;\n\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { animations: layoutAnimations } = useAppearance().parsedOptions;\n  const isMotionSafe = !prefersReducedMotion && layoutAnimations === true;\n\n  const data = useFloating({\n    placement,\n    open,\n    onOpenChange: setOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(6),\n      flip({\n        crossAxis: placement.includes('-'),\n        fallbackAxisSideDirection: 'start',\n        padding: 6,\n      }),\n      shift({ padding: 6 }),\n    ],\n  });\n\n  const context = data.context;\n\n  const hover = useHover(context, {\n    move: false,\n    enabled: controlledOpen == null,\n  });\n  const focus = useFocus(context, {\n    enabled: controlledOpen == null,\n  });\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: isMotionSafe ? 200 : 0,\n    initial: ({ side }) => {\n      return {\n        opacity: 0,\n        transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n      };\n    },\n    open: {\n      opacity: 1,\n      transform: 'translate(0)',\n    },\n    close: ({ side }) => ({\n      opacity: 0,\n      transform: side === 'top' ? 'translateY(4px)' : 'translateY(-4px)',\n    }),\n  });\n\n  const interactions = useInteractions([hover, focus, dismiss, role]);\n\n  return React.useMemo(\n    () => ({\n      open,\n      setOpen,\n      isMounted,\n      ...interactions,\n      ...data,\n      transitionStyles,\n    }),\n    [open, setOpen, interactions, data, isMounted, transitionStyles],\n  );\n}\n\ntype ContextType = UseTooltipReturn | null;\n\nconst TooltipContext = React.createContext<ContextType>(null);\n\nexport const useTooltipContext = (): UseTooltipReturn => {\n  const context = React.useContext(TooltipContext);\n\n  if (context == null) {\n    throw new Error('Tooltip components must be wrapped in <Tooltip />');\n  }\n\n  return context;\n};\n\nfunction Root({ children, ...options }: { children: React.ReactNode } & TooltipOptions) {\n  // This can accept any props as options, e.g. `placement`,\n  // or other positioning options.\n  const tooltip = useTooltip(options);\n  return <TooltipContext.Provider value={tooltip}>{children}</TooltipContext.Provider>;\n}\n\ntype TriggerProps = React.HTMLProps<HTMLElement> & {\n  sx?: ThemableCssProp;\n};\n\nconst Trigger = React.forwardRef<HTMLElement, TriggerProps>(function TooltipTrigger(\n  { children, sx, ...props },\n  propRef,\n) {\n  const context = useTooltipContext();\n  const childrenRef = (children as any).ref;\n  const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);\n\n  if (!React.isValidElement(children)) {\n    return null;\n  }\n\n  // If the child is disabled, wrap it in a span to handle focus events\n  if (children.props.isDisabled || children.props.disabled) {\n    return (\n      <Span\n        ref={ref}\n        {...context.getReferenceProps({\n          ...props,\n        })}\n        data-state={context.open ? 'open' : 'closed'}\n        sx={[\n          {\n            width: 'fit-content',\n            display: 'inline-block',\n            cursor: 'not-allowed',\n            outline: 'none',\n          },\n          sx,\n        ]}\n        tabIndex={0}\n      >\n        {children}\n      </Span>\n    );\n  }\n\n  return React.cloneElement(\n    children,\n    context.getReferenceProps({\n      ref,\n      ...props,\n      ...children.props,\n      'data-state': context.open ? 'open' : 'closed',\n    }),\n  );\n});\n\nconst Content = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLProps<HTMLDivElement> & {\n    text: string | LocalizationKey;\n    sx?: ThemableCssProp;\n  }\n>(function TooltipContent({ style, text, sx, ...props }, propRef) {\n  const context = useTooltipContext();\n  const ref = useMergeRefs([context.refs.setFloating, propRef]);\n  const portalRoot = usePortalRoot();\n  const effectiveRoot = portalRoot?.() ?? undefined;\n\n  if (!context.isMounted) {\n    return null;\n  }\n\n  return (\n    <FloatingPortal root={effectiveRoot}>\n      <Box\n        ref={ref}\n        elementDescriptor={descriptors.tooltip}\n        style={{\n          ...context.floatingStyles,\n          ...style,\n        }}\n        {...context.getFloatingProps(props)}\n      >\n        <Box\n          elementDescriptor={descriptors.tooltipContent}\n          style={context.transitionStyles}\n          sx={[\n            t => ({\n              paddingBlock: t.space.$1,\n              paddingInline: t.space.$1x5,\n              borderRadius: t.radii.$md,\n              backgroundColor: t.colors.$black,\n              color: t.colors.$white,\n              maxWidth: t.sizes.$60,\n            }),\n            sx,\n          ]}\n        >\n          <Text\n            elementDescriptor={descriptors.tooltipText}\n            localizationKey={text}\n            variant='body'\n            colorScheme='inherit'\n          />\n        </Box>\n      </Box>\n    </FloatingPortal>\n  );\n});\n\nexport const Tooltip = {\n  Root,\n  Trigger,\n  Content,\n};\n"],"mappings":"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"}

package/dist/elements/contexts/index.js

@@ -1,8 +1,8 @@
 import { useRouter } from "../../router/RouteContext.js";
 import { useLocalizations } from "../../localization/makeLocalizable.js";
 import React from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { createContextAndHook } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { FloatingTree, useFloatingParentNodeId } from "@floating-ui/react";
 
 //#region src/elements/contexts/index.tsx

package/dist/{enableOrganizationsPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js → enableOrganizationsPrompt_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(5543),o=n(8802),a=n(5074),s=n(7697),l=n(6705),d=n(9406),c=n(1464),p=n(8272),h=n(1986),g=n(8307);let u=({caller:e,onSuccess:i,onClose:n})=>{let d=(0,t.ho)(),[c,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[x,v]=(0,a.useState)(!1),k=(0,a.useRef)(null),y=(0,s.O)(),z=!e.startsWith("use"),$=void 0!==y?.organizationSettings.forceOrganizationSelection;return(0,r.Y)(h.Z,{children:(0,r.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,r.FD)(g.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,r.FD)(p.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,r.FD)(p.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,r.Y)(Y,{isEnabled:f}),(0,r.Y)("h1",{css:[g.mk,(0,o.AH)`
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["533"],{7334:function(e,i,n){n.r(i),n.d(i,{EnableOrganizationsPrompt:()=>f});var r=n(4518),t=n(9361),o=n(8802),a=n(5074),s=n(7697),l=n(6705),d=n(9406),c=n(1464),p=n(8272),h=n(1986),g=n(8307);let u=({caller:e,onSuccess:i,onClose:n})=>{let d=(0,t.ho)(),[c,u]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[x,v]=(0,a.useState)(!1),k=(0,a.useRef)(null),y=(0,s.O)(),z=!e.startsWith("use"),$=void 0!==y?.organizationSettings.forceOrganizationSelection;return(0,r.Y)(h.Z,{children:(0,r.Y)(l.Modal,{canCloseModal:!1,containerSx:()=>({alignItems:"center"}),initialFocusRef:k,children:(0,r.FD)(g.Uw,{sx:()=>({display:"flex",flexDirection:"column",width:"30rem",maxWidth:"calc(100vw - 2rem)"}),children:[(0,r.FD)(p.so,{direction:"col",sx:e=>({padding:`${e.sizes.$4} ${e.sizes.$6}`,paddingBottom:e.sizes.$4,gap:e.sizes.$2}),children:[(0,r.FD)(p.so,{as:"header",align:"center",sx:e=>({gap:e.sizes.$2}),children:[(0,r.Y)(Y,{isEnabled:f}),(0,r.Y)("h1",{css:[g.mk,(0,o.AH)`
                     color: white;
                     font-size: 0.875rem;
                     font-weight: 500;

package/dist/{impersonationfab_ui_a492c4_1.0.0-snapshot.v20251211120550.js → impersonationfab_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(5543),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l||!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)||(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(5543),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["917"],{7399:function(e,t,i){i.r(t),i.d(t,{ImpersonationFab:()=>S});var n=i(4518),o=i(8095),r=i(9361),s=i(5074),a=i(9599),l=i(3264),c=i(8272),d=i(8920),u=i(78),p=i(6580),f=i(2861),m=i(1986),h=i(8691),g=i(6294),w=i(7591),$=i(9406);let b=({width:e,height:t,...i})=>{let{sx:o,...r}=i;return(0,n.Y)(c.fv,{elementDescriptor:d.$z.impersonationFabIconContainer,center:!0,sx:[i=>({width:e,height:t,backgroundColor:i.colors.$danger500,borderRadius:i.radii.$circle}),o],...r,children:(0,n.Y)(c.In,{elementDescriptor:d.$z.impersonationFabIcon,icon:g.A,sx:e=>({color:e.colors.$white}),size:"lg"})})},v=({title:e,signOutText:t})=>{let{session:i}=(0,r.wV)(),{user:o}=(0,r.Jd)(),{signOut:s}=(0,r.ho)(),{otherSessions:l}=(0,h.z)({user:o}),{navigateAfterSignOut:u,navigateAfterMultiSessionSingleSignOutUrl:p}=(0,a.g)();return(0,n.FD)(c.fv,{sx:e=>({width:"100%",paddingLeft:e.sizes.$4,paddingRight:e.sizes.$6,whiteSpace:"nowrap"}),children:[(0,n.Y)(c.EY,{colorScheme:"secondary",elementDescriptor:d.$z.impersonationFabTitle,variant:"buttonLarge",truncate:!0,localizationKey:e}),(0,n.Y)(c.N_,{variant:"buttonLarge",elementDescriptor:d.$z.impersonationFabActionLink,sx:e=>({alignSelf:"flex-start",color:e.colors.$primary500,":hover":{cursor:"pointer"}}),localizationKey:t,onClick:()=>0===l.length?s(u):s(p,{sessionId:i.id})})]})},x=()=>{let{session:e}=(0,r.wV)(),{t}=(0,u._)(),{parsedInternalTheme:i}=(0,p.K)(),a=(0,s.useRef)(null),l=e?.actor,h=i.sizes.$16,g="--cl-impersonation-fab-top",$="--cl-impersonation-fab-right",x=()=>{let e=a.current;if(!e)return;let t=window.innerWidth-e.offsetLeft-e.offsetWidth,i=window.innerHeight-e.offsetTop-e.offsetHeight;[e.offsetLeft,t,e.offsetTop,i].some(e=>e<0)&&(document.documentElement.style.setProperty($,"23px"),document.documentElement.style.setProperty(g,"109px"))},S=s.useCallback(e=>{e.stopPropagation(),e.preventDefault();let t=a.current;if(!t)return;let i=`${window.innerWidth-t.offsetLeft-t.offsetWidth-e.movementX}px`;document.documentElement.style.setProperty($,i),document.documentElement.style.setProperty(g,`${t.offsetTop- -e.movementY}px`)},[]);if((0,s.useEffect)(()=>(window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}),[]),!l||!e.user)return null;let y=(0,f.G)("impersonationFab.title",{identifier:(0,o.dS)(e.user)||(0,o.Cm)(e.user)}),z=t(y).length;return(0,n.Y)(m.Z,{children:(0,n.FD)(c.so,{ref:a,elementDescriptor:d.$z.impersonationFab,onPointerDown:()=>{window.addEventListener("pointermove",S),window.addEventListener("pointerup",()=>{window.removeEventListener("pointermove",S),x()},{once:!0})},align:"center",sx:e=>({touchAction:"none",position:"fixed",overflow:"hidden",top:`var(${g}, 109px)`,right:`var(${$}, 23px)`,zIndex:e.zIndices.$fab,boxShadow:e.shadows.$fabShadow,borderRadius:e.radii.$halfHeight,backgroundColor:e.colors.$white,fontFamily:e.fonts.$main,":hover":{cursor:"grab"},":hover #cl-impersonationText":{transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$slower} ease ${e.transitionDuration.$slowest}`,maxWidth:`min(calc(50vw - ${h} - 2 * 23px), ${z}ch)`,[w.g.md]:{maxWidth:`min(calc(100vw - ${h} - 2 * 23px), ${z}ch)`},opacity:1},":hover #cl-impersonationEye":{transform:"rotate(-180deg)"}}),children:[(0,n.Y)(b,{id:"cl-impersonationEye",width:h,height:h,sx:e=>({transition:`transform ${e.transitionDuration.$slowest} ease`})}),(0,n.Y)(c.so,{id:"cl-impersonationText",sx:e=>({transition:`max-width ${e.transitionDuration.$slowest} ease, opacity ${e.transitionDuration.$fast} ease`,maxWidth:"0px",opacity:0}),children:(0,n.Y)(v,{title:y,signOutText:(0,f.G)("impersonationFab.action__signOut")})})]})})},S=(0,l.G)(()=>(0,n.Y)($.S,{children:(0,n.Y)(x,{})}))},9599:function(e,t,i){i.d(t,{g:()=>r});var n=i(9361),o=i(4964);let r=()=>{let{navigate:e}=(0,o.r)(),t=(0,n.ho)();return{navigateAfterSignOut:()=>e(t.buildAfterSignOutUrl()),navigateAfterMultiSessionSingleSignOutUrl:()=>e(t.buildAfterMultiSessionSingleSignOutUrl()),afterSignOutUrl:t.buildAfterSignOutUrl(),afterMultiSessionSingleSignOutUrl:t.buildAfterMultiSessionSingleSignOutUrl()}}}}]);

package/dist/index.js

@@ -3,7 +3,7 @@
 * Default ui object for Clerk UI components
 * Tagged with the internal Appearance type for type-safe appearance prop inference
 */
-const ui = { version: "1.0.0-snapshot.v20251211120550" };
+const ui = { version: "1.0.0-snapshot.v20251215203425" };
 
 //#endregion
 export { ui };

package/dist/internal/index.js

@@ -5,7 +5,7 @@
 * Do not use
 */
 const localUiForTesting = {
-	version: "1.0.0-snapshot.v20251211120550",
+	version: "1.0.0-snapshot.v20251215203425",
 	url: "http://localhost:4011/npm/ui.browser.js"
 };
 

package/dist/{keylessPrompt_ui_a492c4_1.0.0-snapshot.v20251211120550.js → keylessPrompt_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(5543),o=t(8802),a=t(5074),s=t(5323),l=t(8272),c=t(1986),d=t(9406),p=t(8307);function h(){return(0,r.Y)("svg",{width:"1rem",height:"1rem",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M2.75 2.75L13.25 13.25M7.02665 6.38227C7.00046 6.21924 6.98684 6.052 6.98684 5.88158C6.98684 4.15206 8.3889 2.75 10.1184 2.75C11.8479 2.75 13.25 4.15206 13.25 5.88158C13.25 7.6111 11.8479 9.01316 10.1184 9.01316C9.89357 9.01316 9.67425 8.98946 9.46283 8.94442M4.39638 8.74013L3.21279 9.92371C2.91768 10.1977 2.75 10.5823 2.75 10.985V13.25H5.25V11.25H6.55172L7.02665 10.7751M10 5.97998V5.99998",stroke:"#F0D653",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var m=t(7697);let f="--clerk-keyless-prompt",u=`${f}-button`,x=`${f}-content`;function g(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}}let b=e=>{let{isSignedIn:i}=(0,n.Jd)(),[t,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i&&s(!0)},[i]);let d=function(){let e=(0,n.ho)(),i=(0,a.useRef)(Date.now()),[,t]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let n=e.__internal_environment;if(n){if(null!==n.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await n.fetch();if(i.current=Date.now(),null!==e){t();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,m.O)()}(),f=!!d.authConfig.claimedAt,b="function"==typeof e.onDismiss&&f,w=d.displayConfig.applicationName,y=f||b||t,k=(0,a.useMemo)(()=>{if(f)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[f,e.copyKeysUrl,e.claimUrl]),v=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]),$=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/last-active?path=api-keys`).href}),[e.copyKeysUrl]),Y=(0,o.AH)`
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["522"],{3131:function(e,i,t){t.r(i),t.d(i,{KeylessPrompt:()=>w});var r=t(4518),n=t(9361),o=t(8802),a=t(5074),s=t(5323),l=t(8272),c=t(1986),d=t(9406),p=t(8307);function h(){return(0,r.Y)("svg",{width:"1rem",height:"1rem",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M2.75 2.75L13.25 13.25M7.02665 6.38227C7.00046 6.21924 6.98684 6.052 6.98684 5.88158C6.98684 4.15206 8.3889 2.75 10.1184 2.75C11.8479 2.75 13.25 4.15206 13.25 5.88158C13.25 7.6111 11.8479 9.01316 10.1184 9.01316C9.89357 9.01316 9.67425 8.98946 9.46283 8.94442M4.39638 8.74013L3.21279 9.92371C2.91768 10.1977 2.75 10.5823 2.75 10.985V13.25H5.25V11.25H6.55172L7.02665 10.7751M10 5.97998V5.99998",stroke:"#F0D653",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var m=t(7697);let f="--clerk-keyless-prompt",u=`${f}-button`,x=`${f}-content`;function g(e){try{return e()}catch{return"https://dashboard.clerk.com/last-active"}}let b=e=>{let{isSignedIn:i}=(0,n.Jd)(),[t,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i&&s(!0)},[i]);let d=function(){let e=(0,n.ho)(),i=(0,a.useRef)(Date.now()),[,t]=(0,a.useReducer)(e=>e+1,0);return(0,a.useEffect)(()=>{let r=new AbortController;return window.addEventListener("focus",async()=>{let n=e.__internal_environment;if(n){if(null!==n.authConfig.claimedAt)return r.abort();if(!(Date.now()<i.current+1e4)&&"visible"===document.visibilityState)for(let e=0;e<2;e++){let{authConfig:{claimedAt:e}}=await n.fetch();if(i.current=Date.now(),null!==e){t();break}}}},{signal:r.signal}),()=>{r.abort()}},[]),(0,m.O)()}(),f=!!d.authConfig.claimedAt,b="function"==typeof e.onDismiss&&f,w=d.displayConfig.applicationName,y=f||b||t,k=(0,a.useMemo)(()=>{if(f)return e.copyKeysUrl;let i=new URL(e.claimUrl);return i.searchParams.append("return_url",window.location.href),i.href},[f,e.copyKeysUrl,e.claimUrl]),v=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/apps/${i.appId}/instances/${i.instanceId}/user-authentication/email-phone-username`).href}),[e.copyKeysUrl]),$=(0,a.useMemo)(()=>g(()=>{let i=(0,p.CB)(e.copyKeysUrl);return new URL(`${i.baseDomain}/last-active?path=api-keys`).href}),[e.copyKeysUrl]),Y=(0,o.AH)`
     ${p.mk};
     display: flex;
     align-items: center;

package/dist/lazyModules/MountedCheckoutDrawer.js

@@ -1,7 +1,7 @@
 import { Checkout } from "./components.js";
 import { LazyDrawerRenderer } from "./providers.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useUser } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 
 //#region src/lazyModules/MountedCheckoutDrawer.tsx
 function MountedCheckoutDrawer({ appearance, checkoutDrawer, onOpenChange }) {

package/dist/lazyModules/MountedPlanDetailDrawer.js

@@ -1,7 +1,7 @@
 import { PlanDetails } from "./components.js";
 import { LazyDrawerRenderer } from "./providers.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useUser } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 
 //#region src/lazyModules/MountedPlanDetailDrawer.tsx
 function MountedPlanDetailDrawer({ appearance, planDetailsDrawer, onOpenChange }) {

package/dist/lazyModules/MountedSubscriptionDetailDrawer.js

@@ -1,7 +1,7 @@
 import { LazyDrawerRenderer } from "./providers.js";
 import { SubscriptionDetails } from "../components/SubscriptionDetails/index.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useUser } from "@clerk/shared/react";
+import { jsx } from "@emotion/react/jsx-runtime";
 
 //#region src/lazyModules/MountedSubscriptionDetailDrawer.tsx
 function MountedSubscriptionDetailDrawer({ appearance, subscriptionDetailsDrawer, onOpenChange }) {

package/dist/lazyModules/providers.js

@@ -1,6 +1,7 @@
 import { ClerkComponents } from "./components.js";
 import React, { Suspense, lazy } from "react";
 import { deprecated } from "@clerk/shared/deprecated";
+import { PortalProvider } from "@clerk/shared/react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 
 //#region src/lazyModules/providers.tsx
@@ -47,11 +48,14 @@ const LazyComponentRenderer = (props) => {
 		globalAppearance: props.globalAppearance,
 		appearanceKey: props.appearanceKey,
 		appearance: props.componentAppearance,
-		children: /* @__PURE__ */ jsx(Portal, {
-			node: props.node,
-			component: ClerkComponents[props.componentName],
-			props: props.componentProps,
-			componentName: props.componentName
+		children: /* @__PURE__ */ jsx(PortalProvider, {
+			getContainer: props?.componentProps?.getContainer,
+			children: /* @__PURE__ */ jsx(Portal, {
+				node: props.node,
+				component: ClerkComponents[props.componentName],
+				props: props.componentProps,
+				componentName: props.componentName
+			})
 		})
 	});
 };
@@ -64,18 +68,21 @@ const LazyModalRenderer = (props) => {
 			appearance: props.componentAppearance,
 			children: /* @__PURE__ */ jsx(FlowMetadataProvider, {
 				flow: props.flowName || "",
-				children: /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(Modal, {
-					id: props.modalId,
-					style: props.modalStyle,
-					handleClose: props.onClose,
-					containerSx: props.modalContainerSx,
-					contentSx: props.modalContentSx,
-					canCloseModal: props.canCloseModal,
-					children: props.startPath ? /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(VirtualRouter, {
-						startPath: props.startPath,
-						onExternalNavigate: props.onExternalNavigate,
-						children: props.children
-					}) }) : props.children
+				children: /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
+					getContainer: props.getContainer,
+					children: /* @__PURE__ */ jsx(Modal, {
+						id: props.modalId,
+						style: props.modalStyle,
+						handleClose: props.onClose,
+						containerSx: props.modalContainerSx,
+						contentSx: props.modalContentSx,
+						canCloseModal: props.canCloseModal,
+						children: props.startPath ? /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(VirtualRouter, {
+							startPath: props.startPath,
+							onExternalNavigate: props.onExternalNavigate,
+							children: props.children
+						}) }) : props.children
+					})
 				}) })
 			})
 		})

package/dist/lazyModules/providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.js","names":[],"sources":["../../src/lazyModules/providers.tsx"],"sourcesContent":["import { deprecated } from '@clerk/shared/deprecated';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport React, { lazy, Suspense } from 'react';\n\nimport type { FlowMetadata } from '../elements/contexts';\nimport type { Drawer } from '../elements/Drawer';\nimport type { Appearance } from '../internal/appearance';\nimport type { ThemableCssProp } from '../styledSystem';\nimport type { AvailableComponentCtx } from '../types';\nimport type { ClerkComponentName } from './components';\nimport { ClerkComponents } from './components';\n\nconst CoreClerkContextWrapper = lazy(() => import('../contexts').then(m => ({ default: m.CoreClerkContextWrapper })));\nconst EnvironmentProvider = lazy(() => import('../contexts').then(m => ({ default: m.EnvironmentProvider })));\nconst OptionsProvider = lazy(() => import('../contexts').then(m => ({ default: m.OptionsProvider })));\nconst ModuleManagerProvider = lazy(() => import('../contexts').then(m => ({ default: m.ModuleManagerProvider })));\nconst AppearanceProvider = lazy(() => import('../customizables').then(m => ({ default: m.AppearanceProvider })));\nconst VirtualRouter = lazy(() => import('../router').then(m => ({ default: m.VirtualRouter })));\nconst InternalThemeProvider = lazy(() => import('../styledSystem').then(m => ({ default: m.InternalThemeProvider })));\nconst StyleCacheProvider = lazy(() =>\n  import('../styledSystem/StyleCacheProvider').then(m => ({ default: m.StyleCacheProvider })),\n);\nconst Portal = lazy(() => import('./../portal').then(m => ({ default: m.Portal })));\nconst VirtualBodyRootPortal = lazy(() => import('./../portal').then(m => ({ default: m.VirtualBodyRootPortal })));\nconst FlowMetadataProvider = lazy(() =>\n  import('./../elements/contexts').then(m => ({ default: m.FlowMetadataProvider })),\n);\nconst Modal = lazy(() => import('./../elements/Modal').then(m => ({ default: m.Modal })));\nconst DrawerRoot = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Root })));\nconst DrawerOverlay = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Overlay })));\nconst OrganizationSwitcherPrefetch = lazy(() =>\n  import(/* webpackChunkName: \"prefetchorganizationlist\" */ '../components/prefetch-organization-list').then(m => ({\n    default: m.OrganizationSwitcherPrefetch,\n  })),\n);\n\ntype LazyProvidersProps = React.PropsWithChildren<{\n  clerk: any;\n  environment: any;\n  options: any;\n  moduleManager: ModuleManager;\n  children: any;\n}>;\n\nexport const LazyProviders = (props: LazyProvidersProps) => {\n  return (\n    <StyleCacheProvider\n      nonce={props.options.nonce}\n      cssLayerName={props.options.appearance?.cssLayerName}\n    >\n      <ModuleManagerProvider moduleManager={props.moduleManager}>\n        <CoreClerkContextWrapper clerk={props.clerk}>\n          <EnvironmentProvider value={props.environment}>\n            <OptionsProvider value={props.options}>{props.children}</OptionsProvider>\n          </EnvironmentProvider>\n        </CoreClerkContextWrapper>\n      </ModuleManagerProvider>\n    </StyleCacheProvider>\n  );\n};\n\ntype _AppearanceProviderProps = Parameters<typeof AppearanceProvider>[0];\ntype AppearanceProviderProps = {\n  globalAppearance?: _AppearanceProviderProps['globalAppearance'];\n  appearanceKey: _AppearanceProviderProps['appearanceKey'];\n  componentAppearance?: _AppearanceProviderProps['appearance'];\n};\ntype LazyComponentRendererProps = React.PropsWithChildren<\n  {\n    node: PortalProps['node'];\n    componentName: any;\n    componentProps: any;\n  } & AppearanceProviderProps\n>;\n\ntype PortalProps = Parameters<typeof Portal>[0];\n\nexport const LazyComponentRenderer = (props: LazyComponentRendererProps) => {\n  if (props?.componentProps?.routing === 'virtual') {\n    deprecated('routing=\"virtual\"', 'Use routing=\"hash\" instead.');\n  }\n  return (\n    <AppearanceProvider\n      globalAppearance={props.globalAppearance}\n      appearanceKey={props.appearanceKey}\n      appearance={props.componentAppearance}\n    >\n      <Portal\n        node={props.node}\n        component={\n          ClerkComponents[props.componentName as ClerkComponentName] as React.ComponentType<\n            Omit<AvailableComponentCtx, 'componentName'>\n          >\n        }\n        props={props.componentProps}\n        componentName={props.componentName}\n      />\n    </AppearanceProvider>\n  );\n};\n\ntype ModalProps = Parameters<typeof Modal>[0];\n\ntype LazyModalRendererProps = React.PropsWithChildren<\n  {\n    componentName: ClerkComponentName;\n    flowName?: FlowMetadata['flow'];\n    startPath?: string;\n    onClose?: ModalProps['handleClose'];\n    onExternalNavigate?: () => void;\n    modalContainerSx?: ThemableCssProp;\n    modalContentSx?: ThemableCssProp;\n    canCloseModal?: boolean;\n    modalId?: string;\n    modalStyle?: React.CSSProperties;\n  } & AppearanceProviderProps\n>;\n\nexport const LazyModalRenderer = (props: LazyModalRendererProps) => {\n  return (\n    <Suspense fallback={''}>\n      <AppearanceProvider\n        globalAppearance={props.globalAppearance}\n        appearanceKey={props.appearanceKey}\n        appearance={props.componentAppearance}\n      >\n        <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n          <InternalThemeProvider>\n            <Modal\n              id={props.modalId}\n              style={props.modalStyle}\n              handleClose={props.onClose}\n              containerSx={props.modalContainerSx}\n              contentSx={props.modalContentSx}\n              canCloseModal={props.canCloseModal}\n            >\n              {props.startPath ? (\n                <Suspense>\n                  <VirtualRouter\n                    startPath={props.startPath}\n                    onExternalNavigate={props.onExternalNavigate}\n                  >\n                    {props.children}\n                  </VirtualRouter>\n                </Suspense>\n              ) : (\n                props.children\n              )}\n            </Modal>\n          </InternalThemeProvider>\n        </FlowMetadataProvider>\n      </AppearanceProvider>\n    </Suspense>\n  );\n};\n\ntype DrawerProps = Parameters<typeof Drawer.Root>[0];\n\ntype LazyDrawerRendererProps = React.PropsWithChildren<\n  {\n    componentName: ClerkComponentName;\n    flowName?: FlowMetadata['flow'];\n    open: DrawerProps['open'];\n    onOpenChange: DrawerProps['onOpenChange'];\n    portalId?: string;\n    portalRoot?: HTMLElement | null | undefined;\n  } & AppearanceProviderProps\n>;\n\nexport const LazyDrawerRenderer = (props: LazyDrawerRendererProps) => {\n  return (\n    <Suspense fallback={''}>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={props.appearanceKey}\n          appearance={props.componentAppearance}\n        >\n          <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n            <InternalThemeProvider>\n              <DrawerRoot\n                open={props.open}\n                onOpenChange={props.onOpenChange}\n                strategy={props.portalId || props.portalRoot ? 'absolute' : 'fixed'}\n                portalProps={{\n                  id: props.portalId ? props.portalId : undefined,\n                  root: props.portalRoot ? props.portalRoot : undefined,\n                }}\n              >\n                <DrawerOverlay />\n                {props.children}\n              </DrawerRoot>\n            </InternalThemeProvider>\n          </FlowMetadataProvider>\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\n/**\n * This component automatically mounts when impersonating, without a user action.\n * We want to hotload the /ui dependencies only if we're actually impersonating.\n */\nexport const LazyImpersonationFabProvider = (\n  props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n  return (\n    <Suspense>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={'impersonationFab'}\n        >\n          {props.children}\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\nexport const LazyEnableOrganizationsPromptProvider = (\n  props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n  return (\n    <Suspense>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={'enableOrganizationsPrompt'}\n        >\n          {props.children}\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\ntype LazyOneTapRendererProps = React.PropsWithChildren<\n  {\n    componentProps: any;\n    startPath: string;\n  } & Omit<AppearanceProviderProps, 'appearanceKey'>\n>;\n\nexport const LazyOneTapRenderer = (props: LazyOneTapRendererProps) => {\n  return (\n    <AppearanceProvider\n      globalAppearance={props.globalAppearance}\n      appearanceKey={'oneTap'}\n      appearance={props.componentAppearance}\n    >\n      <VirtualBodyRootPortal\n        startPath={props.startPath}\n        component={ClerkComponents['GoogleOneTap']}\n        props={props.componentProps}\n        componentName={'GoogleOneTap'}\n      />\n    </AppearanceProvider>\n  );\n};\n\nexport { OrganizationSwitcherPrefetch };\n"],"mappings":"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"}
+{"version":3,"file":"providers.js","names":[],"sources":["../../src/lazyModules/providers.tsx"],"sourcesContent":["import { deprecated } from '@clerk/shared/deprecated';\nimport type { ModuleManager } from '@clerk/shared/moduleManager';\nimport { PortalProvider } from '@clerk/shared/react';\nimport React, { lazy, Suspense } from 'react';\n\nimport type { FlowMetadata } from '../elements/contexts';\nimport type { Drawer } from '../elements/Drawer';\nimport type { Appearance } from '../internal/appearance';\nimport type { ThemableCssProp } from '../styledSystem';\nimport type { AvailableComponentCtx } from '../types';\nimport type { ClerkComponentName } from './components';\nimport { ClerkComponents } from './components';\n\nconst CoreClerkContextWrapper = lazy(() => import('../contexts').then(m => ({ default: m.CoreClerkContextWrapper })));\nconst EnvironmentProvider = lazy(() => import('../contexts').then(m => ({ default: m.EnvironmentProvider })));\nconst OptionsProvider = lazy(() => import('../contexts').then(m => ({ default: m.OptionsProvider })));\nconst ModuleManagerProvider = lazy(() => import('../contexts').then(m => ({ default: m.ModuleManagerProvider })));\nconst AppearanceProvider = lazy(() => import('../customizables').then(m => ({ default: m.AppearanceProvider })));\nconst VirtualRouter = lazy(() => import('../router').then(m => ({ default: m.VirtualRouter })));\nconst InternalThemeProvider = lazy(() => import('../styledSystem').then(m => ({ default: m.InternalThemeProvider })));\nconst StyleCacheProvider = lazy(() =>\n  import('../styledSystem/StyleCacheProvider').then(m => ({ default: m.StyleCacheProvider })),\n);\nconst Portal = lazy(() => import('./../portal').then(m => ({ default: m.Portal })));\nconst VirtualBodyRootPortal = lazy(() => import('./../portal').then(m => ({ default: m.VirtualBodyRootPortal })));\nconst FlowMetadataProvider = lazy(() =>\n  import('./../elements/contexts').then(m => ({ default: m.FlowMetadataProvider })),\n);\nconst Modal = lazy(() => import('./../elements/Modal').then(m => ({ default: m.Modal })));\nconst DrawerRoot = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Root })));\nconst DrawerOverlay = lazy(() => import('./../elements/Drawer').then(m => ({ default: m.Drawer.Overlay })));\nconst OrganizationSwitcherPrefetch = lazy(() =>\n  import(/* webpackChunkName: \"prefetchorganizationlist\" */ '../components/prefetch-organization-list').then(m => ({\n    default: m.OrganizationSwitcherPrefetch,\n  })),\n);\n\ntype LazyProvidersProps = React.PropsWithChildren<{\n  clerk: any;\n  environment: any;\n  options: any;\n  moduleManager: ModuleManager;\n  children: any;\n}>;\n\nexport const LazyProviders = (props: LazyProvidersProps) => {\n  return (\n    <StyleCacheProvider\n      nonce={props.options.nonce}\n      cssLayerName={props.options.appearance?.cssLayerName}\n    >\n      <ModuleManagerProvider moduleManager={props.moduleManager}>\n        <CoreClerkContextWrapper clerk={props.clerk}>\n          <EnvironmentProvider value={props.environment}>\n            <OptionsProvider value={props.options}>{props.children}</OptionsProvider>\n          </EnvironmentProvider>\n        </CoreClerkContextWrapper>\n      </ModuleManagerProvider>\n    </StyleCacheProvider>\n  );\n};\n\ntype _AppearanceProviderProps = Parameters<typeof AppearanceProvider>[0];\ntype AppearanceProviderProps = {\n  globalAppearance?: _AppearanceProviderProps['globalAppearance'];\n  appearanceKey: _AppearanceProviderProps['appearanceKey'];\n  componentAppearance?: _AppearanceProviderProps['appearance'];\n};\ntype LazyComponentRendererProps = React.PropsWithChildren<\n  {\n    node: PortalProps['node'];\n    componentName: any;\n    componentProps: any;\n  } & AppearanceProviderProps\n>;\n\ntype PortalProps = Parameters<typeof Portal>[0];\n\nexport const LazyComponentRenderer = (props: LazyComponentRendererProps) => {\n  if (props?.componentProps?.routing === 'virtual') {\n    deprecated('routing=\"virtual\"', 'Use routing=\"hash\" instead.');\n  }\n  return (\n    <AppearanceProvider\n      globalAppearance={props.globalAppearance}\n      appearanceKey={props.appearanceKey}\n      appearance={props.componentAppearance}\n    >\n      <PortalProvider getContainer={props?.componentProps?.getContainer}>\n        <Portal\n          node={props.node}\n          component={\n            ClerkComponents[props.componentName as ClerkComponentName] as React.ComponentType<\n              Omit<AvailableComponentCtx, 'componentName'>\n            >\n          }\n          props={props.componentProps}\n          componentName={props.componentName}\n        />\n      </PortalProvider>\n    </AppearanceProvider>\n  );\n};\n\ntype ModalProps = Parameters<typeof Modal>[0];\n\ntype LazyModalRendererProps = React.PropsWithChildren<\n  {\n    componentName: ClerkComponentName;\n    flowName?: FlowMetadata['flow'];\n    startPath?: string;\n    onClose?: ModalProps['handleClose'];\n    onExternalNavigate?: () => void;\n    modalContainerSx?: ThemableCssProp;\n    modalContentSx?: ThemableCssProp;\n    canCloseModal?: boolean;\n    modalId?: string;\n    modalStyle?: React.CSSProperties;\n    getContainer: () => HTMLElement | null;\n  } & AppearanceProviderProps\n>;\n\nexport const LazyModalRenderer = (props: LazyModalRendererProps) => {\n  return (\n    <Suspense fallback={''}>\n      <AppearanceProvider\n        globalAppearance={props.globalAppearance}\n        appearanceKey={props.appearanceKey}\n        appearance={props.componentAppearance}\n      >\n        <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n          <InternalThemeProvider>\n            <PortalProvider getContainer={props.getContainer}>\n              <Modal\n                id={props.modalId}\n                style={props.modalStyle}\n                handleClose={props.onClose}\n                containerSx={props.modalContainerSx}\n                contentSx={props.modalContentSx}\n                canCloseModal={props.canCloseModal}\n              >\n                {props.startPath ? (\n                  <Suspense>\n                    <VirtualRouter\n                      startPath={props.startPath}\n                      onExternalNavigate={props.onExternalNavigate}\n                    >\n                      {props.children}\n                    </VirtualRouter>\n                  </Suspense>\n                ) : (\n                  props.children\n                )}\n              </Modal>\n            </PortalProvider>\n          </InternalThemeProvider>\n        </FlowMetadataProvider>\n      </AppearanceProvider>\n    </Suspense>\n  );\n};\n\ntype DrawerProps = Parameters<typeof Drawer.Root>[0];\n\ntype LazyDrawerRendererProps = React.PropsWithChildren<\n  {\n    componentName: ClerkComponentName;\n    flowName?: FlowMetadata['flow'];\n    open: DrawerProps['open'];\n    onOpenChange: DrawerProps['onOpenChange'];\n    portalId?: string;\n    portalRoot?: HTMLElement | null | undefined;\n  } & AppearanceProviderProps\n>;\n\nexport const LazyDrawerRenderer = (props: LazyDrawerRendererProps) => {\n  return (\n    <Suspense fallback={''}>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={props.appearanceKey}\n          appearance={props.componentAppearance}\n        >\n          <FlowMetadataProvider flow={props.flowName || ('' as any)}>\n            <InternalThemeProvider>\n              <DrawerRoot\n                open={props.open}\n                onOpenChange={props.onOpenChange}\n                strategy={props.portalId || props.portalRoot ? 'absolute' : 'fixed'}\n                portalProps={{\n                  id: props.portalId ? props.portalId : undefined,\n                  root: props.portalRoot ? props.portalRoot : undefined,\n                }}\n              >\n                <DrawerOverlay />\n                {props.children}\n              </DrawerRoot>\n            </InternalThemeProvider>\n          </FlowMetadataProvider>\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\n/**\n * This component automatically mounts when impersonating, without a user action.\n * We want to hotload the /ui dependencies only if we're actually impersonating.\n */\nexport const LazyImpersonationFabProvider = (\n  props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n  return (\n    <Suspense>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={'impersonationFab'}\n        >\n          {props.children}\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\nexport const LazyEnableOrganizationsPromptProvider = (\n  props: React.PropsWithChildren<{ globalAppearance: Appearance | undefined }>,\n) => {\n  return (\n    <Suspense>\n      <VirtualRouter startPath=''>\n        <AppearanceProvider\n          globalAppearance={props.globalAppearance}\n          appearanceKey={'enableOrganizationsPrompt'}\n        >\n          {props.children}\n        </AppearanceProvider>\n      </VirtualRouter>\n    </Suspense>\n  );\n};\n\ntype LazyOneTapRendererProps = React.PropsWithChildren<\n  {\n    componentProps: any;\n    startPath: string;\n  } & Omit<AppearanceProviderProps, 'appearanceKey'>\n>;\n\nexport const LazyOneTapRenderer = (props: LazyOneTapRendererProps) => {\n  return (\n    <AppearanceProvider\n      globalAppearance={props.globalAppearance}\n      appearanceKey={'oneTap'}\n      appearance={props.componentAppearance}\n    >\n      <VirtualBodyRootPortal\n        startPath={props.startPath}\n        component={ClerkComponents['GoogleOneTap']}\n        props={props.componentProps}\n        componentName={'GoogleOneTap'}\n      />\n    </AppearanceProvider>\n  );\n};\n\nexport { OrganizationSwitcherPrefetch };\n"],"mappings":"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"}

package/dist/{oauthConsent_ui_a492c4_1.0.0-snapshot.v20251211120550.js → oauthConsent_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["591"],{9576:function(e,o,r){r.r(o),r.d(o,{OAuthConsent:()=>A,OAuthConsentInternal:()=>x});var n=r(4518),t=r(5543),l=r(5074),i=r(2121),a=r(7697),c=r(4607),s=r(8272),d=r(2037),h=r(6088),u=r(3269),p=r(6153),Y=r(6705),b=r(6455),g=r(4380),y=r(2349),$=r(2204),f=r(1464),m=r(4620);function x(){let{scopes:e,oAuthApplicationName:o,oAuthApplicationLogoUrl:r,oAuthApplicationUrl:u,redirectUrl:Y,onDeny:g,onAllow:$}=(0,i.W)(),{user:x}=(0,t.Jd)(),{applicationName:A,logoImageUrl:R}=(0,a.O)().displayConfig,[z,S]=(0,l.useState)(!1),v=x?.emailAddresses.find(e=>e.id===x.primaryEmailAddress?.id);function T(){try{let{hostname:e}=new URL(Y);return e.split(".").slice(-2).join(".")}catch{return""}}return(0,n.FD)(c.n.Root,{flow:"oauthConsent",children:[(0,n.FD)(h.Z.Root,{children:[(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),r&&!R&&(0,n.Y)(C,{children:(0,n.FD)(s.az,{sx:{position:"relative"},children:[(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0}),(0,n.Y)(D,{size:"sm",sx:e=>({position:"absolute",bottom:`calc(${e.space.$3} * -1)`,right:`calc(${e.space.$3} * -1)`})})]})}),!r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(D,{})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),!r&&!R&&(0,n.Y)(C,{children:(0,n.Y)(D,{})}),(0,n.Y)(p.Y.Title,{localizationKey:o}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`wants to access ${A} on behalf of ${v}`})]}),(0,n.FD)(s.az,{sx:e=>({textAlign:"left",borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,borderRadius:e.radii.$lg,overflow:"hidden"}),children:[(0,n.Y)(s.az,{sx:e=>({padding:e.space.$3,background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50)}),children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:`This will allow ${o} access to:`})}),(0,n.Y)(s.az,{as:"ul",sx:e=>({margin:e.sizes.$none,padding:e.sizes.$none}),children:(e||[]).map(e=>(0,n.Y)(s.az,{sx:e=>({display:"flex",alignItems:"baseline",paddingInline:e.space.$3,paddingBlock:e.space.$2,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,"&::before":{content:'""',display:"inline-block",width:e.space.$1,height:e.space.$1,background:e.colors.$colorMutedForeground,borderRadius:e.radii.$circle,transform:"translateY(-0.1875rem)",marginRight:e.space.$2,flexShrink:0}}),as:"li",children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:e.description||e.scope||""})},e.scope))})]}),(0,n.Y)(y.F,{colorScheme:"warning",children:(0,n.FD)(s.EY,{colorScheme:"warning",variant:"caption",children:["Make sure that you trust ",o," ","",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.FD)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:["(",T(),")"]})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]}),"",". You may be sharing sensitive data with this site or app."]})}),(0,n.FD)(s.xA,{columns:2,gap:3,children:[(0,n.Y)(s.$n,{colorScheme:"secondary",variant:"outline",localizationKey:"Deny",onClick:g}),(0,n.Y)(s.$n,{localizationKey:"Allow",onClick:$}),(0,n.FD)(s.EY,{sx:{gridColumn:"span 2"},colorScheme:"secondary",variant:"caption",children:["If you allow access, this app will redirect you to"," ",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.Y)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:T()})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]})]})]})]}),(0,n.Y)(h.Z.Footer,{})]}),(0,n.Y)(k,{isOpen:z,onOpen:()=>S(!0),onClose:()=>S(!1),redirectUri:Y,oAuthApplicationName:o})]})}function k({onOpen:e,onClose:o,isOpen:r,redirectUri:t,oAuthApplicationName:l}){return r?(0,n.Y)(Y.Modal,{handleOpen:e,handleClose:o,children:(0,n.Y)(h.Z.Root,{children:(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[(0,n.Y)(p.Y.Title,{localizationKey:"Redirect URL"}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`Make sure you trust ${l} and that this URL belongs to ${l}.`})]}),(0,n.Y)($.TM,{style:{maxHeight:"none"},cols:50,rows:6,defaultValue:t,readOnly:!0})]})})}):null}function C({children:e}){return(0,n.Y)(s.so,{justify:"center",align:"center",gap:4,sx:e=>({marginBlockEnd:e.space.$6}),children:e})}function w({children:e,sx:o,...r}){return(0,n.Y)(s.so,{...r,sx:[{flex:1},o],children:e})}function D({size:e="md",sx:o}){let r=o=>{let r="sm"===e?o.space.$6:o.space.$12;return{width:r,height:r}};return(0,n.Y)(s.az,{sx:e=>[{background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50),borderRadius:e.radii.$circle,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",alignItems:"center",justifyContent:"center"},r,o],children:(0,n.Y)(s.In,{icon:g.A,sx:e=>({color:e.colors.$primary500})})})}function F(){return(0,n.Y)(s.az,{as:"svg",fill:"none",viewBox:"0 0 16 2",height:2,"aria-hidden":!0,sx:e=>({color:e.colors.$colorMutedForeground}),children:(0,n.Y)("path",{stroke:"currentColor",strokeDasharray:"0.1 4",strokeLinecap:"round",strokeWidth:"2",d:"M1 1h14"})})}let A=(0,u.dm)(x)},2121:function(e,o,r){r.d(o,{W:()=>l,n:()=>t});var n=r(5074);let t=(0,n.createContext)(null),l=()=>{let e=(0,n.useContext)(t);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["591"],{9576:function(e,o,r){r.r(o),r.d(o,{OAuthConsent:()=>A,OAuthConsentInternal:()=>x});var n=r(4518),t=r(9361),l=r(5074),i=r(2121),a=r(7697),c=r(4607),s=r(8272),d=r(2037),h=r(6088),u=r(3269),p=r(6153),Y=r(6705),b=r(6455),g=r(4380),y=r(2349),$=r(2204),f=r(1464),m=r(4620);function x(){let{scopes:e,oAuthApplicationName:o,oAuthApplicationLogoUrl:r,oAuthApplicationUrl:u,redirectUrl:Y,onDeny:g,onAllow:$}=(0,i.W)(),{user:x}=(0,t.Jd)(),{applicationName:A,logoImageUrl:R}=(0,a.O)().displayConfig,[z,S]=(0,l.useState)(!1),v=x?.emailAddresses.find(e=>e.id===x.primaryEmailAddress?.id);function T(){try{let{hostname:e}=new URL(Y);return e.split(".").slice(-2).join(".")}catch{return""}}return(0,n.FD)(c.n.Root,{flow:"oauthConsent",children:[(0,n.FD)(h.Z.Root,{children:[(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),r&&!R&&(0,n.Y)(C,{children:(0,n.FD)(s.az,{sx:{position:"relative"},children:[(0,n.Y)(d.G,{src:r,alt:o,href:u,isExternal:!0}),(0,n.Y)(D,{size:"sm",sx:e=>({position:"absolute",bottom:`calc(${e.space.$3} * -1)`,right:`calc(${e.space.$3} * -1)`})})]})}),!r&&R&&(0,n.FD)(C,{children:[(0,n.Y)(w,{justify:"end",children:(0,n.Y)(D,{})}),(0,n.Y)(F,{}),(0,n.Y)(w,{justify:"start",children:(0,n.Y)(d.G,{})})]}),!r&&!R&&(0,n.Y)(C,{children:(0,n.Y)(D,{})}),(0,n.Y)(p.Y.Title,{localizationKey:o}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`wants to access ${A} on behalf of ${v}`})]}),(0,n.FD)(s.az,{sx:e=>({textAlign:"left",borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,borderRadius:e.radii.$lg,overflow:"hidden"}),children:[(0,n.Y)(s.az,{sx:e=>({padding:e.space.$3,background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50)}),children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:`This will allow ${o} access to:`})}),(0,n.Y)(s.az,{as:"ul",sx:e=>({margin:e.sizes.$none,padding:e.sizes.$none}),children:(e||[]).map(e=>(0,n.Y)(s.az,{sx:e=>({display:"flex",alignItems:"baseline",paddingInline:e.space.$3,paddingBlock:e.space.$2,borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,"&::before":{content:'""',display:"inline-block",width:e.space.$1,height:e.space.$1,background:e.colors.$colorMutedForeground,borderRadius:e.radii.$circle,transform:"translateY(-0.1875rem)",marginRight:e.space.$2,flexShrink:0}}),as:"li",children:(0,n.Y)(s.EY,{variant:"subtitle",localizationKey:e.description||e.scope||""})},e.scope))})]}),(0,n.Y)(y.F,{colorScheme:"warning",children:(0,n.FD)(s.EY,{colorScheme:"warning",variant:"caption",children:["Make sure that you trust ",o," ","",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.FD)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:["(",T(),")"]})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]}),"",". You may be sharing sensitive data with this site or app."]})}),(0,n.FD)(s.xA,{columns:2,gap:3,children:[(0,n.Y)(s.$n,{colorScheme:"secondary",variant:"outline",localizationKey:"Deny",onClick:g}),(0,n.Y)(s.$n,{localizationKey:"Allow",onClick:$}),(0,n.FD)(s.EY,{sx:{gridColumn:"span 2"},colorScheme:"secondary",variant:"caption",children:["If you allow access, this app will redirect you to"," ",(0,n.FD)(b.m_.Root,{children:[(0,n.Y)(b.m_.Trigger,{children:(0,n.Y)(s.EY,{as:"span",role:"button",tabIndex:0,"aria-label":"View full URL",variant:"caption",sx:{textDecoration:"underline",textDecorationStyle:"dotted",cursor:"pointer",outline:"none",display:"inline-block"},onClick:()=>S(!0),children:T()})}),(0,n.Y)(b.m_.Content,{text:"View full URL"})]})]})]})]}),(0,n.Y)(h.Z.Footer,{})]}),(0,n.Y)(k,{isOpen:z,onOpen:()=>S(!0),onClose:()=>S(!1),redirectUri:Y,oAuthApplicationName:o})]})}function k({onOpen:e,onClose:o,isOpen:r,redirectUri:t,oAuthApplicationName:l}){return r?(0,n.Y)(Y.Modal,{handleOpen:e,handleClose:o,children:(0,n.Y)(h.Z.Root,{children:(0,n.FD)(h.Z.Content,{children:[(0,n.FD)(p.Y.Root,{children:[(0,n.Y)(p.Y.Title,{localizationKey:"Redirect URL"}),(0,n.Y)(p.Y.Subtitle,{localizationKey:`Make sure you trust ${l} and that this URL belongs to ${l}.`})]}),(0,n.Y)($.TM,{style:{maxHeight:"none"},cols:50,rows:6,defaultValue:t,readOnly:!0})]})})}):null}function C({children:e}){return(0,n.Y)(s.so,{justify:"center",align:"center",gap:4,sx:e=>({marginBlockEnd:e.space.$6}),children:e})}function w({children:e,sx:o,...r}){return(0,n.Y)(s.so,{...r,sx:[{flex:1},o],children:e})}function D({size:e="md",sx:o}){let r=o=>{let r="sm"===e?o.space.$6:o.space.$12;return{width:r,height:r}};return(0,n.Y)(s.az,{sx:e=>[{background:f.s.mergedColorsBackground(m.T.setAlpha(e.colors.$colorBackground,1),e.colors.$neutralAlpha50),borderRadius:e.radii.$circle,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$solid,borderColor:e.colors.$borderAlpha100,display:"flex",alignItems:"center",justifyContent:"center"},r,o],children:(0,n.Y)(s.In,{icon:g.A,sx:e=>({color:e.colors.$primary500})})})}function F(){return(0,n.Y)(s.az,{as:"svg",fill:"none",viewBox:"0 0 16 2",height:2,"aria-hidden":!0,sx:e=>({color:e.colors.$colorMutedForeground}),children:(0,n.Y)("path",{stroke:"currentColor",strokeDasharray:"0.1 4",strokeLinecap:"round",strokeWidth:"2",d:"M1 1h14"})})}let A=(0,u.dm)(x)},2121:function(e,o,r){r.d(o,{W:()=>l,n:()=>t});var n=r(5074);let t=(0,n.createContext)(null),l=()=>{let e=(0,n.useContext)(t);if(null===e)throw Error("Clerk: useOAuthConsentContext called outside of the mounted OAuthConsent component.");return e}}}]);

package/dist/{onetap_ui_a492c4_1.0.0-snapshot.v20251211120550.js → onetap_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["721"],{3109:function(e,n,t){t.r(n),t.d(n,{OneTap:()=>k});var r=t(4518),a=t(5074),i=t(5577),c=t(4607),l=t(2265),o=t(7831),s=t(5543),u=t(3269),h=t(7697),p=t(7032),g=t(7896),d=t(4964),f=t(3202);let _=(0,u.dm)(function(){let e=(0,s.ho)(),{user:n}=(0,s.Jd)(),t=(0,h.O)(),r=(0,a.useRef)(!1),{navigate:i}=(0,d.r)(),c=(0,p.H)();async function l(n){r.current=!1;try{let t=await e.authenticateWithGoogleOneTap({token:n.credential});await e.handleGoogleOneTapCallback(t,c.generateCallbackUrls(window.location.href),i)}catch(e){console.error(e)}}let o=t.displayConfig.googleOneTapClientId,u=!n?.id&&!!o;async function _(){let e=await (0,f.u)();return e.accounts.id.initialize({client_id:o,callback:l,itp_support:c.itpSupport,cancel_on_tap_outside:c.cancelOnTapOutside,auto_select:!1,use_fedcm_for_prompt:c.fedCmSupport}),e}let{data:U}=(0,g.s)(u?_:void 0,"google-identity-services-script");return(0,a.useEffect)(()=>{!U||n?.id||r.current||(U.accounts.id.prompt(n=>{"skipped"===n.getMomentType()&&e.closeGoogleOneTap()}),r.current=!0)},[e,U,n?.id]),(0,a.useEffect)(()=>()=>{U&&r.current&&(r.current=!1,U.accounts.id.cancel())},[U]),null});function U(){return(0,r.Y)(l.q,{path:"one-tap",children:(0,r.Y)(c.n.Root,{flow:"oneTap",children:(0,r.Y)(o.d,{children:(0,r.Y)(l.q,{index:!0,children:(0,r.Y)(_,{})})})})})}U.displayName="OneTap";let k=(0,i.Z)(U)},7032:function(e,n,t){t.d(n,{H:()=>u,Q:()=>s});var r=t(8380),a=t(4173),i=t(5074),c=t(2366),l=t(7697),o=t(4964);let s=(0,i.createContext)(null),u=()=>{let e=(0,i.useContext)(s),n=(0,c.II)(),{displayConfig:t}=(0,l.O)(),{queryParams:u}=(0,o.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:h,...p}=e,g=(0,i.useCallback)(e=>{let i=new r.n(n,{...p,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},u),c=n.signUpUrl||t.signUpUrl,l=n.signInUrl||t.signInUrl,o=i.getPreservedSearchParams();l=(0,a.kZ)({base:l,hashSearchParams:[u,o]},{stringify:!0}),c=(0,a.kZ)({base:c,hashSearchParams:[u,o]},{stringify:!0});let s=i.getAfterSignInUrl(),h=i.getAfterSignUpUrl(),g=(0,a.kZ)({base:c,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:h}).toString()},{stringify:!0}),d=(0,a.kZ)({base:l,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0}),f=(0,a.kZ)({base:l,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0});return{signInUrl:l,signUpUrl:c,firstFactorUrl:d,secondFactorUrl:f,continueSignUpUrl:g,signInForceRedirectUrl:s,signUpForceRedirectUrl:h}},[p,t.signInUrl,t.signUpUrl,n,u]);return{...p,componentName:h,generateCallbackUrls:g}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["721"],{3109:function(e,n,t){t.r(n),t.d(n,{OneTap:()=>k});var r=t(4518),a=t(5074),i=t(5577),c=t(4607),l=t(2265),o=t(7831),s=t(9361),u=t(3269),h=t(7697),p=t(7032),g=t(7896),d=t(4964),f=t(3202);let _=(0,u.dm)(function(){let e=(0,s.ho)(),{user:n}=(0,s.Jd)(),t=(0,h.O)(),r=(0,a.useRef)(!1),{navigate:i}=(0,d.r)(),c=(0,p.H)();async function l(n){r.current=!1;try{let t=await e.authenticateWithGoogleOneTap({token:n.credential});await e.handleGoogleOneTapCallback(t,c.generateCallbackUrls(window.location.href),i)}catch(e){console.error(e)}}let o=t.displayConfig.googleOneTapClientId,u=!n?.id&&!!o;async function _(){let e=await (0,f.u)();return e.accounts.id.initialize({client_id:o,callback:l,itp_support:c.itpSupport,cancel_on_tap_outside:c.cancelOnTapOutside,auto_select:!1,use_fedcm_for_prompt:c.fedCmSupport}),e}let{data:U}=(0,g.s)(u?_:void 0,"google-identity-services-script");return(0,a.useEffect)(()=>{!U||n?.id||r.current||(U.accounts.id.prompt(n=>{"skipped"===n.getMomentType()&&e.closeGoogleOneTap()}),r.current=!0)},[e,U,n?.id]),(0,a.useEffect)(()=>()=>{U&&r.current&&(r.current=!1,U.accounts.id.cancel())},[U]),null});function U(){return(0,r.Y)(l.q,{path:"one-tap",children:(0,r.Y)(c.n.Root,{flow:"oneTap",children:(0,r.Y)(o.d,{children:(0,r.Y)(l.q,{index:!0,children:(0,r.Y)(_,{})})})})})}U.displayName="OneTap";let k=(0,i.Z)(U)},7032:function(e,n,t){t.d(n,{H:()=>u,Q:()=>s});var r=t(8380),a=t(4173),i=t(5074),c=t(2366),l=t(7697),o=t(4964);let s=(0,i.createContext)(null),u=()=>{let e=(0,i.useContext)(s),n=(0,c.II)(),{displayConfig:t}=(0,l.O)(),{queryParams:u}=(0,o.r)();if(!e||"GoogleOneTap"!==e.componentName)throw Error("Clerk: useGoogleOneTapContext called outside GoogleOneTap.");let{componentName:h,...p}=e,g=(0,i.useCallback)(e=>{let i=new r.n(n,{...p,signInFallbackRedirectUrl:e,signUpFallbackRedirectUrl:e},u),c=n.signUpUrl||t.signUpUrl,l=n.signInUrl||t.signInUrl,o=i.getPreservedSearchParams();l=(0,a.kZ)({base:l,hashSearchParams:[u,o]},{stringify:!0}),c=(0,a.kZ)({base:c,hashSearchParams:[u,o]},{stringify:!0});let s=i.getAfterSignInUrl(),h=i.getAfterSignUpUrl(),g=(0,a.kZ)({base:c,hashPath:"/continue",hashSearch:new URLSearchParams({sign_up_force_redirect_url:h}).toString()},{stringify:!0}),d=(0,a.kZ)({base:l,hashPath:"/factor-one",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0}),f=(0,a.kZ)({base:l,hashPath:"/factor-two",hashSearch:new URLSearchParams({sign_in_force_redirect_url:s}).toString()},{stringify:!0});return{signInUrl:l,signUpUrl:c,firstFactorUrl:d,secondFactorUrl:f,continueSignUpUrl:g,signInForceRedirectUrl:s,signUpForceRedirectUrl:h}},[p,t.signInUrl,t.signUpUrl,n,u]);return{...p,componentName:h,generateCallbackUrls:g}}}}]);

package/dist/{op-api-keys-page_ui_a492c4_1.0.0-snapshot.v20251211120550.js → op-api-keys-page_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["223"],{6518:function(e,i,a){a.d(i,{OrganizationAPIKeysPage:()=>g});var l=a(4518),t=a(5543),n=a(5892),o=a(8188),r=a(8272),c=a(2861),u=a(6153),s=a(9764),h=a(4875);let g=()=>{let{organization:e}=(0,t.Z5)(),{contentRef:i}=(0,s.n8)(),{apiKeysProps:a}=(0,n.V)();return e?(0,l.FD)(r.fv,{gap:4,children:[(0,l.Y)(u.Y.Root,{children:(0,l.Y)(u.Y.Title,{localizationKey:(0,c.G)("organizationProfile.apiKeysPage.title"),textVariant:"h2"})}),(0,l.Y)(o.w.Provider,{value:{...a,componentName:"APIKeys"},children:(0,l.Y)(h.APIKeysPage,{subject:e.id,revokeModalRoot:i})})]}):null}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["223"],{6518:function(e,i,a){a.d(i,{OrganizationAPIKeysPage:()=>g});var l=a(4518),t=a(9361),n=a(5892),o=a(8188),r=a(8272),c=a(2861),u=a(6153),s=a(9764),h=a(4875);let g=()=>{let{organization:e}=(0,t.Z5)(),{contentRef:i}=(0,s.n8)(),{apiKeysProps:a}=(0,n.V)();return e?(0,l.FD)(r.fv,{gap:4,children:[(0,l.Y)(u.Y.Root,{children:(0,l.Y)(u.Y.Title,{localizationKey:(0,c.G)("organizationProfile.apiKeysPage.title"),textVariant:"h2"})}),(0,l.Y)(o.w.Provider,{value:{...a,componentName:"APIKeys"},children:(0,l.Y)(h.APIKeysPage,{subject:e.id,revokeModalRoot:i})})]}):null}}}]);

package/dist/{organizationlist_ui_a492c4_1.0.0-snapshot.v20251211120550.js → organizationlist_ui_e1841e_1.0.0-snapshot.v20251215203425.js}

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["799"],{9302:function(e,t,i){i.d(t,{A:()=>x});var a=i(4518),n=i(5543),r=i(5074),o=i(7697),l=i(3269),s=i(2454),c=i(1475),d=i(3549),g=i(6153),u=i(155),h=i(6370),z=i(5485),p=i(4468),f=i(8640),m=i(6245),Y=i(8272),$=i(7068),b=i(2861),_=i(3934),v=i(3100),C=i(5377),S=i(3689);let x=(0,l.dm)(e=>{let t=(0,l.f0)(),i=(0,m.X)({onNextStep:()=>t.setError(void 0)}),x=r.useRef(null),{createOrganization:P,isLoaded:L,setActive:y,userMemberships:D}=(0,n.D_)({userMemberships:S.mu.userMemberships}),{organization:O}=(0,n.Z5)(),{organizationSettings:w}=(0,o.O)(),[A,k]=r.useState(),F=(0,f.tJ)("name","",{type:"text",label:(0,b.G)("formFieldLabel__organizationName"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationName")}),I=(0,f.tJ)("slug","",{type:"text",label:(0,b.G)("formFieldLabel__organizationSlug"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationSlug")}),G=!!F.value,R=!w.slug.disabled,T=async a=>{if((a.preventDefault(),G)&&L)try{let t={name:F.value};R&&(t.slug=I.value);let a=await P(t);if(A&&await a.setLogo({file:A}),x.current=a,await y({organization:a}),D.revalidate?.(),e.skipInvitationScreen??1===a.maxAllowedMemberships)return U();i.nextStep()}catch(e){(0,p.H4)(e,[F,I],t.setError)}},U=()=>{e.navigateAfterCreateOrganization?.(x.current),e.onComplete?.()},E=e=>{I.setValue(e)},K="organizationList"===e.flow?"subtitle":void 0;return(0,a.FD)(m.s,{...i.props,children:[(0,a.Y)(d.M,{headerTitle:e?.startPage?.headerTitle,headerSubtitle:e?.startPage?.headerSubtitle,headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,gap:e.space.$6,textAlign:"left"}),children:(0,a.FD)(s.l.Root,{onSubmit:T,sx:e=>({gap:e.space.$6}),children:[(0,a.Y)(Y.fv,{children:(0,a.Y)(C.i,{organization:{name:F.value},onAvatarChange:async e=>await k(e),onAvatarRemove:A?()=>(t.setIdle(),k(null)):null,avatarPreviewPlaceholder:(0,a.Y)(u.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,a.Y)(Y.In,{size:"md",icon:$.A,sx:e=>({color:e.colors.$colorMutedForeground,transitionDuration:e.transitionDuration.$controls})}),sx:e=>({width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$dashed,borderColor:e.colors.$borderAlpha200,backgroundColor:e.colors.$neutralAlpha50,":hover":{backgroundColor:e.colors.$neutralAlpha50,svg:{transform:"scale(1.2)"}}})})})}),(0,a.Y)(s.l.ControlRow,{elementId:F.id,children:(0,a.Y)(s.l.PlainInput,{...F.props,onChange:e=>{F.setValue(e.target.value),E((0,z.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),R&&(0,a.Y)(s.l.ControlRow,{elementId:I.id,children:(0,a.Y)(s.l.PlainInput,{...I.props,onChange:e=>{E(e.target.value)},isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,a.FD)(c.c,{sx:e=>({marginTop:e.space.$none}),children:[(0,a.Y)(s.l.SubmitButton,{block:!1,isDisabled:!G,localizationKey:(0,b.G)("createOrganization.formButtonSubmit")}),e.onCancel&&(0,a.Y)(s.l.ResetButton,{localizationKey:(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:e.onCancel})]})]})}),(0,a.Y)(d.M,{headerTitle:(0,b.G)("organizationProfile.invitePage.title"),headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,textAlign:"left"}),children:O&&(0,a.Y)(_.B,{resetButtonLabel:(0,b.G)("createOrganization.invitePage.formButtonReset"),onSuccess:i.nextStep,onReset:U})}),(0,a.FD)(Y.fv,{children:[(0,a.Y)(g.Y.Root,{children:(0,a.Y)(g.Y.Title,{localizationKey:(0,b.G)("organizationProfile.invitePage.title"),sx:{textAlign:"left"}})}),(0,a.Y)(h.B,{contents:(0,a.Y)(v.k,{}),sx:e=>({minHeight:e.sizes.$60}),onFinish:U})]})]})})},4013:function(e,t,i){i.r(t),i.d(t,{OrganizationList:()=>V});var a=i(4518),n=i(3264),r=i(4607),o=i(7831),l=i(2265),s=i(5074),c=i(2223),d=i(72),g=i(2531),u=i(6088),h=i(3269),z=i(6153),p=i(2227),f=i(9953),m=i(7697),Y=i(8920),$=i(2861),b=i(8272),_=i(9302);let v=e=>(0,a.Y)(d.os,{elementDescriptor:Y.$z.organizationListPreviewItems,...e}),C=e=>(0,a.Y)(d.zJ,{elementId:"organizationList",elementDescriptor:Y.$z.organizationListPreviewItem,...e}),S=e=>(0,a.Y)(d.D3,{elementDescriptor:Y.$z.organizationListPreviewItemActionButton,...e}),x=e=>(0,a.Y)(d.SH,{elementDescriptor:Y.$z.organizationListPreviewButton,...e});var P=i(5543),L=i(4468),y=i(3689),D=i(3610),O=i(78),w=i(9001),A=i(781);let k=e=>{let{user:t}=(0,P.Jd)(),i=(0,h.f0)(),{navigateAfterSelectOrganization:n}=(0,f.e)(),{t:r}=(0,O._)(),{isLoaded:o,setActive:l}=(0,P.D_)();return o?(0,a.Y)(x,{onClick:()=>{let a;return a=e.organization,i.runAsync(async()=>{try{await l({organization:a}),await n(a)}catch(e){if(!(0,D.$R)(e))return void(0,L.H4)(e,[],i.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":t?.createOrganizationEnabled?i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized"))):i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,L.H4)(e,[],i.setError)}}})},children:(0,a.Y)(w.Q,{elementId:"organizationList",mainIdentifierSx:d.Vc,organization:e.organization})}):null},F=(0,h.dm)(()=>{let e=(0,h.f0)(),{hidePersonal:t,navigateAfterSelectPersonal:i}=(0,f.e)(),{isLoaded:n,setActive:r}=(0,P.D_)(),{user:o}=(0,P.Jd)();if(!o)return null;let{username:l,primaryEmailAddress:s,primaryPhoneNumber:c,...g}=o;return t?null:(0,a.Y)(x,{onClick:()=>{if(n)return e.runAsync(async()=>{await r({organization:null}),await i(o)})},children:(0,a.Y)(A.i,{user:g,mainIdentifierSx:d.Vc,title:(0,$.G)("organizationSwitcher.personalWorkspace")})})}),I={infinite:!0},G={infinite:!0},R={infinite:!0,status:["pending","accepted"]},T=e=>{let t=(0,h.f0)();return(0,a.Y)(S,{isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,$.G)("organizationList.action__invitationAccept")})},U=(0,h.dm)(e=>{let t=(0,h.f0)(),{getOrganization:i}=(0,P.ho)(),[n,r]=(0,s.useState)(null),{userInvitations:o}=(0,P.D_)({userInvitations:G,userMemberships:I});return n?(0,a.Y)(k,{organization:n}):(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(T,{onAccept:()=>t.runAsync(async()=>[await e.accept(),await i(e.publicOrganizationData.id)]).then(([e,t])=>{o?.setData?.(t=>(0,y.l_)(e,t,"negative")),r(t)}).catch(e=>(0,L.H4)(e,[],t.setError))})})}),E=e=>{let t=(0,h.f0)(),{userSuggestions:i}=(0,P.D_)({userSuggestions:R});return"accepted"===e.status?(0,a.Y)(b.EY,{colorScheme:"secondary",localizationKey:(0,$.G)("organizationList.suggestionsAcceptedLabel")}):(0,a.Y)(S,{isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,y.l_)(e,t))).catch(e=>(0,L.H4)(e,[],t.setError)),localizationKey:(0,$.G)("organizationList.action__suggestionsAccept")})},K=(0,h.dm)(e=>(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(E,{...e})})),N=({onCreateOrganizationClick:e})=>(0,a.Y)(c._,{elementDescriptor:Y.$z.organizationListCreateOrganizationActionButton,label:(0,$.G)("organizationList.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})}),B=(0,h.dm)(()=>{let{userMemberships:e,userSuggestions:t,userInvitations:i}=(0,p.f)(),n=e?.isLoading||i?.isLoading||t?.isLoading,r=!!(e?.count||i?.count||t?.count),{hidePersonal:o}=(0,f.e)();return(0,a.FD)(u.Z.Root,{children:[(0,a.FD)(u.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`}),children:[n&&(0,a.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$60}),children:(0,a.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})}),!n&&(0,a.Y)(H,{showListInitially:!(o&&!r)})]}),(0,a.Y)(u.Z.Footer,{})]})}),H=({showListInitially:e})=>{let t=(0,h.f0)(),{navigateAfterCreateOrganization:i,skipInvitationScreen:n}=(0,f.e)(),[r,o]=(0,s.useState)(!e);return(0,a.FD)(a.FK,{children:[!r&&(0,a.Y)(M,{onCreateOrganizationClick:()=>o(!0)}),r&&(0,a.FD)(a.FK,{children:[(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.az,{sx:e=>({padding:`${e.space.$none} ${e.space.$5} ${e.space.$5}`}),children:(0,a.Y)(_.A,{flow:"organizationList",startPage:{headerTitle:(0,$.G)("organizationList.createOrganization")},skipInvitationScreen:n,navigateAfterCreateOrganization:e=>i(e).then(()=>o(!1)),onCancel:e&&r?()=>o(!1):void 0})})]})]})},M=e=>{let t=(0,h.f0)(),i=(0,m.O)(),{ref:n,userMemberships:r,userSuggestions:o,userInvitations:l}=(0,p.f)(),{hidePersonal:s}=(0,f.e)(),c=r?.isLoading||l?.isLoading||o?.isLoading,_=r?.hasNextPage||l?.hasNextPage||o?.hasNextPage,C=l.data?.filter(e=>!!e),S=o.data?.filter(e=>!!e);return(0,a.FD)(a.FK,{children:[(0,a.FD)(z.Y.Root,{sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,a.Y)(z.Y.Title,{localizationKey:(0,$.G)(s?"organizationList.titleWithoutPersonal":"organizationList.title")}),(0,a.Y)(z.Y.Subtitle,{localizationKey:(0,$.G)("organizationList.subtitle",{applicationName:i.displayConfig.applicationName})})]}),(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.fv,{elementDescriptor:Y.$z.main,children:(0,a.Y)(v,{children:(0,a.FD)(g.En,{role:"menu",children:[(0,a.Y)(F,{}),(r.count||0)>0&&r.data?.map(e=>(0,a.Y)(k,{...e},e.id)),!r.hasNextPage&&C?.map(e=>(0,a.Y)(U,{...e},e.id)),!r.hasNextPage&&!l.hasNextPage&&S?.map(e=>(0,a.Y)(K,{...e},e.id)),(_||c)&&(0,a.Y)(d.JF,{ref:n}),(0,a.Y)(N,{onCreateOrganizationClick:()=>{t.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},W=(0,n.G)(B),V=()=>(0,a.Y)(r.n.Root,{flow:"organizationList",children:(0,a.Y)(r.n.Part,{children:(0,a.Y)(o.d,{children:(0,a.Y)(l.q,{children:(0,a.Y)(W,{})})})})})},9953:function(e,t,i){i.d(t,{e:()=>s,f:()=>l});var a=i(5074),n=i(7697),r=i(4964),o=i(2117);let l=(0,a.createContext)(null),s=()=>{let e=(0,a.useContext)(l),{navigate:t}=(0,r.r)(),{displayConfig:i,organizationSettings:s}=(0,n.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:c,...d}=e,g=d.afterCreateOrganizationUrl||i.afterCreateOrganizationUrl,u=({organization:e,user:i})=>"function"==typeof d.afterSelectPersonalUrl&&i?t(d.afterSelectPersonalUrl(i)):"function"==typeof d.afterSelectOrganizationUrl&&e?t(d.afterSelectOrganizationUrl(e)):d.afterSelectPersonalUrl&&i?t((0,o.tR)({urlWithParam:d.afterSelectPersonalUrl,entity:i})):d.afterSelectOrganizationUrl&&e?t((0,o.tR)({urlWithParam:d.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...d,afterCreateOrganizationUrl:g,skipInvitationScreen:d.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||d.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof d.afterCreateOrganizationUrl?t(d.afterCreateOrganizationUrl(e)):d.afterCreateOrganizationUrl?t((0,o.tR)({urlWithParam:d.afterCreateOrganizationUrl,entity:e})):t(i.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>u({organization:e}),navigateAfterSelectPersonal:e=>u({user:e}),componentName:c}}}}]);
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["799"],{9302:function(e,t,i){i.d(t,{A:()=>x});var a=i(4518),n=i(9361),r=i(5074),o=i(7697),l=i(3269),s=i(2454),c=i(1475),d=i(3549),g=i(6153),u=i(155),h=i(6370),z=i(5485),p=i(4468),f=i(8640),m=i(6245),Y=i(8272),$=i(7068),b=i(2861),_=i(3934),v=i(3100),C=i(5377),S=i(3689);let x=(0,l.dm)(e=>{let t=(0,l.f0)(),i=(0,m.X)({onNextStep:()=>t.setError(void 0)}),x=r.useRef(null),{createOrganization:P,isLoaded:L,setActive:y,userMemberships:D}=(0,n.D_)({userMemberships:S.mu.userMemberships}),{organization:O}=(0,n.Z5)(),{organizationSettings:w}=(0,o.O)(),[A,k]=r.useState(),F=(0,f.tJ)("name","",{type:"text",label:(0,b.G)("formFieldLabel__organizationName"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationName")}),I=(0,f.tJ)("slug","",{type:"text",label:(0,b.G)("formFieldLabel__organizationSlug"),placeholder:(0,b.G)("formFieldInputPlaceholder__organizationSlug")}),G=!!F.value,R=!w.slug.disabled,T=async a=>{if((a.preventDefault(),G)&&L)try{let t={name:F.value};R&&(t.slug=I.value);let a=await P(t);if(A&&await a.setLogo({file:A}),x.current=a,await y({organization:a}),D.revalidate?.(),e.skipInvitationScreen??1===a.maxAllowedMemberships)return U();i.nextStep()}catch(e){(0,p.H4)(e,[F,I],t.setError)}},U=()=>{e.navigateAfterCreateOrganization?.(x.current),e.onComplete?.()},E=e=>{I.setValue(e)},K="organizationList"===e.flow?"subtitle":void 0;return(0,a.FD)(m.s,{...i.props,children:[(0,a.Y)(d.M,{headerTitle:e?.startPage?.headerTitle,headerSubtitle:e?.startPage?.headerSubtitle,headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,gap:e.space.$6,textAlign:"left"}),children:(0,a.FD)(s.l.Root,{onSubmit:T,sx:e=>({gap:e.space.$6}),children:[(0,a.Y)(Y.fv,{children:(0,a.Y)(C.i,{organization:{name:F.value},onAvatarChange:async e=>await k(e),onAvatarRemove:A?()=>(t.setIdle(),k(null)):null,avatarPreviewPlaceholder:(0,a.Y)(u.K,{variant:"ghost","aria-label":"Upload organization logo",icon:(0,a.Y)(Y.In,{size:"md",icon:$.A,sx:e=>({color:e.colors.$colorMutedForeground,transitionDuration:e.transitionDuration.$controls})}),sx:e=>({width:e.sizes.$16,height:e.sizes.$16,borderRadius:e.radii.$md,borderWidth:e.borderWidths.$normal,borderStyle:e.borderStyles.$dashed,borderColor:e.colors.$borderAlpha200,backgroundColor:e.colors.$neutralAlpha50,":hover":{backgroundColor:e.colors.$neutralAlpha50,svg:{transform:"scale(1.2)"}}})})})}),(0,a.Y)(s.l.ControlRow,{elementId:F.id,children:(0,a.Y)(s.l.PlainInput,{...F.props,onChange:e=>{F.setValue(e.target.value),E((0,z.e)(e.target.value))},isRequired:!0,autoFocus:!0,ignorePasswordManager:!0})}),R&&(0,a.Y)(s.l.ControlRow,{elementId:I.id,children:(0,a.Y)(s.l.PlainInput,{...I.props,onChange:e=>{E(e.target.value)},isRequired:!0,pattern:"^(?=.*[a-z0-9])[a-z0-9\\-]+$",ignorePasswordManager:!0})}),(0,a.FD)(c.c,{sx:e=>({marginTop:e.space.$none}),children:[(0,a.Y)(s.l.SubmitButton,{block:!1,isDisabled:!G,localizationKey:(0,b.G)("createOrganization.formButtonSubmit")}),e.onCancel&&(0,a.Y)(s.l.ResetButton,{localizationKey:(0,b.G)("userProfile.formButtonReset"),block:!1,onClick:e.onCancel})]})]})}),(0,a.Y)(d.M,{headerTitle:(0,b.G)("organizationProfile.invitePage.title"),headerTitleTextVariant:"h2",headerSubtitleTextVariant:K,sx:e=>({minHeight:e.sizes.$60,textAlign:"left"}),children:O&&(0,a.Y)(_.B,{resetButtonLabel:(0,b.G)("createOrganization.invitePage.formButtonReset"),onSuccess:i.nextStep,onReset:U})}),(0,a.FD)(Y.fv,{children:[(0,a.Y)(g.Y.Root,{children:(0,a.Y)(g.Y.Title,{localizationKey:(0,b.G)("organizationProfile.invitePage.title"),sx:{textAlign:"left"}})}),(0,a.Y)(h.B,{contents:(0,a.Y)(v.k,{}),sx:e=>({minHeight:e.sizes.$60}),onFinish:U})]})]})})},4013:function(e,t,i){i.r(t),i.d(t,{OrganizationList:()=>V});var a=i(4518),n=i(3264),r=i(4607),o=i(7831),l=i(2265),s=i(5074),c=i(2223),d=i(72),g=i(2531),u=i(6088),h=i(3269),z=i(6153),p=i(2227),f=i(9953),m=i(7697),Y=i(8920),$=i(2861),b=i(8272),_=i(9302);let v=e=>(0,a.Y)(d.os,{elementDescriptor:Y.$z.organizationListPreviewItems,...e}),C=e=>(0,a.Y)(d.zJ,{elementId:"organizationList",elementDescriptor:Y.$z.organizationListPreviewItem,...e}),S=e=>(0,a.Y)(d.D3,{elementDescriptor:Y.$z.organizationListPreviewItemActionButton,...e}),x=e=>(0,a.Y)(d.SH,{elementDescriptor:Y.$z.organizationListPreviewButton,...e});var P=i(9361),L=i(4468),y=i(3689),D=i(3610),O=i(78),w=i(9001),A=i(781);let k=e=>{let{user:t}=(0,P.Jd)(),i=(0,h.f0)(),{navigateAfterSelectOrganization:n}=(0,f.e)(),{t:r}=(0,O._)(),{isLoaded:o,setActive:l}=(0,P.D_)();return o?(0,a.Y)(x,{onClick:()=>{let a;return a=e.organization,i.runAsync(async()=>{try{await l({organization:a}),await n(a)}catch(e){if(!(0,D.$R)(e))return void(0,L.H4)(e,[],i.setError);switch(e.errors?.[0]?.code){case"organization_not_found_or_unauthorized":case"not_a_member_in_organization":t?.createOrganizationEnabled?i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized"))):i.setError(r((0,$.G)("unstable__errors.organization_not_found_or_unauthorized_with_create_organization_disabled")));break;default:(0,L.H4)(e,[],i.setError)}}})},children:(0,a.Y)(w.Q,{elementId:"organizationList",mainIdentifierSx:d.Vc,organization:e.organization})}):null},F=(0,h.dm)(()=>{let e=(0,h.f0)(),{hidePersonal:t,navigateAfterSelectPersonal:i}=(0,f.e)(),{isLoaded:n,setActive:r}=(0,P.D_)(),{user:o}=(0,P.Jd)();if(!o)return null;let{username:l,primaryEmailAddress:s,primaryPhoneNumber:c,...g}=o;return t?null:(0,a.Y)(x,{onClick:()=>{if(n)return e.runAsync(async()=>{await r({organization:null}),await i(o)})},children:(0,a.Y)(A.i,{user:g,mainIdentifierSx:d.Vc,title:(0,$.G)("organizationSwitcher.personalWorkspace")})})}),I={infinite:!0},G={infinite:!0},R={infinite:!0,status:["pending","accepted"]},T=e=>{let t=(0,h.f0)();return(0,a.Y)(S,{isLoading:t.isLoading,onClick:e.onAccept,localizationKey:(0,$.G)("organizationList.action__invitationAccept")})},U=(0,h.dm)(e=>{let t=(0,h.f0)(),{getOrganization:i}=(0,P.ho)(),[n,r]=(0,s.useState)(null),{userInvitations:o}=(0,P.D_)({userInvitations:G,userMemberships:I});return n?(0,a.Y)(k,{organization:n}):(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(T,{onAccept:()=>t.runAsync(async()=>[await e.accept(),await i(e.publicOrganizationData.id)]).then(([e,t])=>{o?.setData?.(t=>(0,y.l_)(e,t,"negative")),r(t)}).catch(e=>(0,L.H4)(e,[],t.setError))})})}),E=e=>{let t=(0,h.f0)(),{userSuggestions:i}=(0,P.D_)({userSuggestions:R});return"accepted"===e.status?(0,a.Y)(b.EY,{colorScheme:"secondary",localizationKey:(0,$.G)("organizationList.suggestionsAcceptedLabel")}):(0,a.Y)(S,{isLoading:t.isLoading,onClick:()=>t.runAsync(e.accept).then(e=>i?.setData?.(t=>(0,y.l_)(e,t))).catch(e=>(0,L.H4)(e,[],t.setError)),localizationKey:(0,$.G)("organizationList.action__suggestionsAccept")})},K=(0,h.dm)(e=>(0,a.Y)(C,{organizationData:e.publicOrganizationData,children:(0,a.Y)(E,{...e})})),N=({onCreateOrganizationClick:e})=>(0,a.Y)(c._,{elementDescriptor:Y.$z.organizationListCreateOrganizationActionButton,label:(0,$.G)("organizationList.action__createOrganization"),onClick:e,sx:e=>({borderTopWidth:e.borderWidths.$normal,borderTopStyle:e.borderStyles.$solid,borderTopColor:e.colors.$borderAlpha100,padding:`${e.space.$5} ${e.space.$5}`}),iconSx:e=>({width:e.sizes.$9,height:e.sizes.$6})}),B=(0,h.dm)(()=>{let{userMemberships:e,userSuggestions:t,userInvitations:i}=(0,p.f)(),n=e?.isLoading||i?.isLoading||t?.isLoading,r=!!(e?.count||i?.count||t?.count),{hidePersonal:o}=(0,f.e)();return(0,a.FD)(u.Z.Root,{children:[(0,a.FD)(u.Z.Content,{sx:e=>({padding:`${e.space.$8} ${e.space.$none} ${e.space.$none}`}),children:[n&&(0,a.Y)(b.so,{direction:"row",align:"center",justify:"center",sx:e=>({height:"100%",minHeight:e.sizes.$60}),children:(0,a.Y)(b.y$,{size:"lg",colorScheme:"primary",elementDescriptor:Y.$z.spinner})}),!n&&(0,a.Y)(H,{showListInitially:!(o&&!r)})]}),(0,a.Y)(u.Z.Footer,{})]})}),H=({showListInitially:e})=>{let t=(0,h.f0)(),{navigateAfterCreateOrganization:i,skipInvitationScreen:n}=(0,f.e)(),[r,o]=(0,s.useState)(!e);return(0,a.FD)(a.FK,{children:[!r&&(0,a.Y)(M,{onCreateOrganizationClick:()=>o(!0)}),r&&(0,a.FD)(a.FK,{children:[(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.az,{sx:e=>({padding:`${e.space.$none} ${e.space.$5} ${e.space.$5}`}),children:(0,a.Y)(_.A,{flow:"organizationList",startPage:{headerTitle:(0,$.G)("organizationList.createOrganization")},skipInvitationScreen:n,navigateAfterCreateOrganization:e=>i(e).then(()=>o(!1)),onCancel:e&&r?()=>o(!1):void 0})})]})]})},M=e=>{let t=(0,h.f0)(),i=(0,m.O)(),{ref:n,userMemberships:r,userSuggestions:o,userInvitations:l}=(0,p.f)(),{hidePersonal:s}=(0,f.e)(),c=r?.isLoading||l?.isLoading||o?.isLoading,_=r?.hasNextPage||l?.hasNextPage||o?.hasNextPage,C=l.data?.filter(e=>!!e),S=o.data?.filter(e=>!!e);return(0,a.FD)(a.FK,{children:[(0,a.FD)(z.Y.Root,{sx:e=>({padding:`${e.space.$none} ${e.space.$8}`}),children:[(0,a.Y)(z.Y.Title,{localizationKey:(0,$.G)(s?"organizationList.titleWithoutPersonal":"organizationList.title")}),(0,a.Y)(z.Y.Subtitle,{localizationKey:(0,$.G)("organizationList.subtitle",{applicationName:i.displayConfig.applicationName})})]}),(0,a.Y)(u.Z.Alert,{sx:e=>({margin:`${e.space.$none} ${e.space.$5}`}),children:t.error}),(0,a.Y)(b.fv,{elementDescriptor:Y.$z.main,children:(0,a.Y)(v,{children:(0,a.FD)(g.En,{role:"menu",children:[(0,a.Y)(F,{}),(r.count||0)>0&&r.data?.map(e=>(0,a.Y)(k,{...e},e.id)),!r.hasNextPage&&C?.map(e=>(0,a.Y)(U,{...e},e.id)),!r.hasNextPage&&!l.hasNextPage&&S?.map(e=>(0,a.Y)(K,{...e},e.id)),(_||c)&&(0,a.Y)(d.JF,{ref:n}),(0,a.Y)(N,{onCreateOrganizationClick:()=>{t.setError(void 0),e.onCreateOrganizationClick()}})]})})})]})},W=(0,n.G)(B),V=()=>(0,a.Y)(r.n.Root,{flow:"organizationList",children:(0,a.Y)(r.n.Part,{children:(0,a.Y)(o.d,{children:(0,a.Y)(l.q,{children:(0,a.Y)(W,{})})})})})},9953:function(e,t,i){i.d(t,{e:()=>s,f:()=>l});var a=i(5074),n=i(7697),r=i(4964),o=i(2117);let l=(0,a.createContext)(null),s=()=>{let e=(0,a.useContext)(l),{navigate:t}=(0,r.r)(),{displayConfig:i,organizationSettings:s}=(0,n.O)();if(!e||"OrganizationList"!==e.componentName)throw Error("Clerk: useOrganizationListContext called outside OrganizationList.");let{componentName:c,...d}=e,g=d.afterCreateOrganizationUrl||i.afterCreateOrganizationUrl,u=({organization:e,user:i})=>"function"==typeof d.afterSelectPersonalUrl&&i?t(d.afterSelectPersonalUrl(i)):"function"==typeof d.afterSelectOrganizationUrl&&e?t(d.afterSelectOrganizationUrl(e)):d.afterSelectPersonalUrl&&i?t((0,o.tR)({urlWithParam:d.afterSelectPersonalUrl,entity:i})):d.afterSelectOrganizationUrl&&e?t((0,o.tR)({urlWithParam:d.afterSelectOrganizationUrl,entity:e})):Promise.resolve();return{...d,afterCreateOrganizationUrl:g,skipInvitationScreen:d.skipInvitationScreen||!1,hidePersonal:s.forceOrganizationSelection||d.hidePersonal||!1,navigateAfterCreateOrganization:e=>"function"==typeof d.afterCreateOrganizationUrl?t(d.afterCreateOrganizationUrl(e)):d.afterCreateOrganizationUrl?t((0,o.tR)({urlWithParam:d.afterCreateOrganizationUrl,entity:e})):t(i.afterCreateOrganizationUrl),navigateAfterSelectOrganization:e=>u({organization:e}),navigateAfterSelectPersonal:e=>u({user:e}),componentName:c}}}}]);

package/dist/organizationprofile_ui_e1841e_1.0.0-snapshot.v20251215203425.js

@@ -0,0 +1 @@
+"use strict";(globalThis.webpackChunk_clerk_ui=globalThis.webpackChunk_clerk_ui||[]).push([["310"],{6568:function(e,i,a){a.r(i),a.d(i,{OrganizationProfileModal:()=>eW,OrganizationProfile:()=>eU});var n=a(4518),t=a(9361),r=a(5074),o=a(3269),l=a(9764),s=a(5396),d=a(1227),c=a(6256),g=a(3264),m=a(5892),u=a(4607),p=a(2861),h=a(7831),f=a(2265),b=a(7477);let Y=e=>{let{organization:i}=(0,t.Z5)(),{apiKeysProps:a,pages:r}=(0,m.V)(),o=(0,b.Fd)(e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"})),s=(0,b.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),c=r.routes.filter(e=>e.id!==d.jc.MEMBERS||e.id===d.jc.MEMBERS&&o).filter(e=>e.id!==d.jc.BILLING||e.id===d.jc.BILLING&&s).filter(e=>e.id!==d.jc.API_KEYS||!a?.hide);return i?(0,n.FD)(l.XM,{contentRef:e.contentRef,children:[(0,n.Y)(l.jq,{title:(0,p.G)("organizationProfile.navbar.title"),description:(0,p.G)("organizationProfile.navbar.description"),routes:c,contentRef:e.contentRef}),e.children]}):null};var v=a(540),P=a(7697),z=a(6153),D=a(9001),_=a(4003),y=a(8272),S=a(8920),G=a(3453),T=a(2513),x=a(2454),C=a(1475),I=a(3549),F=a(6370),R=a(4468),$=a(8640),L=a(6245),w=a(3689);let k=e=>{let i=(0,o.f0)(),{navigateAfterLeaveOrganization:a}=(0,m.V)(),{userMemberships:n,userInvitations:r}=(0,t.D_)({userMemberships:w.mu.userMemberships,userInvitations:w.mu.userInvitations});return()=>i.runAsync(async()=>{await e?.()}).then(()=>{n.revalidate?.(),r.revalidate?.(),a()})},A=e=>{let{organization:i}=(0,t.Z5)(),{user:a}=(0,t.Jd)(),r=k(()=>a.leaveOrganization(i.id));return i&&a?(0,n.Y)(M,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.successMessage"),onConfirmation:r,...e}):null},E=e=>{let{organization:i,membership:a}=(0,t.Z5)(),r=k(i?.destroy);return i&&a?(0,n.Y)(M,{organizationName:i.name,title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),messageLine1:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine1"),messageLine2:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.messageLine2"),actionDescription:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.actionDescription",{organizationName:i.name}),submitLabel:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),successMessage:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.successMessage"),onConfirmation:r,...e}):null},M=(0,o.dm)(e=>{let{title:i,messageLine1:a,messageLine2:t,actionDescription:r,organizationName:l,successMessage:s,submitLabel:d,onSuccess:c,onReset:g,onConfirmation:m,colorScheme:u="danger"}=e,h=(0,L.X)(),f=(0,o.f0)(),b=(0,$.tJ)("deleteOrganizationConfirmation","",{type:"text",label:r,isRequired:!0,placeholder:l}),Y=!r||b.value===l,v=async()=>{if(Y)try{await m().then(()=>h.nextStep())}catch(e){(0,R.H4)(e,[],f.setError)}};return(0,n.FD)(L.s,{...h.props,children:[(0,n.Y)(I.M,{headerTitle:i,gap:1,children:(0,n.FD)(x.l.Root,{onSubmit:v,children:[(0,n.FD)(y.fv,{children:[(0,n.Y)(y.EY,{localizationKey:a,colorScheme:"secondary"}),(0,n.Y)(y.EY,{localizationKey:t,colorScheme:"danger"})]}),(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.PlainInput,{...b.props})}),(0,n.FD)(C.c,{children:[(0,n.Y)(x.l.SubmitButton,{block:!1,colorScheme:u,localizationKey:d,isDisabled:!Y}),(0,n.Y)(x.l.ResetButton,{localizationKey:(0,p.G)("userProfile.formButtonReset"),block:!1,onClick:g})]})]})}),(0,n.Y)(F.B,{title:i,text:s,onFinish:c})]})});var O=a(3356),K=a(7896),B=a(4916),q=a(9068);let H=(0,o.dm)(e=>{let{domainId:i,mode:a="edit",onSuccess:l,onReset:s}=e,d=(0,o.f0)(),{organizationSettings:c}=(0,P.O)(),{membership:g,organization:m,domains:u}=(0,t.Z5)({domains:{infinite:!0}}),h="edit"===a,f=(()=>{let e,{organizationSettings:i}=(0,P.O)();return e=[],i.domains.enrollmentModes.includes("manual_invitation")&&e.push({value:"manual_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.manualInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_invitation")&&e.push({value:"automatic_invitation",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticInvitationOption__description")}),i.domains.enrollmentModes.includes("automatic_suggestion")&&e.push({value:"automatic_suggestion",label:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__label"),description:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.automaticSuggestionOption__description")}),e})(),b=(0,$.tJ)("enrollmentMode","",{type:"radio",radioOptions:f,isRequired:!0}),Y=(0,$.tJ)("deleteExistingInvitationsSuggestions","",{label:(0,p.G)("formFieldLabel__organizationDomainDeletePending"),type:"checkbox"}),{data:v,isLoading:D}=(0,K.s)(m?.getDomain,{domainId:i});(0,r.useEffect)(()=>{v&&b.setValue(v.enrollmentMode)},[v?.id]);let _=(0,p.G)("organizationProfile.verifiedDomainPage.title",{domain:v?.name||""}),G=(0,p.G)("organizationProfile.verifiedDomainPage.subtitle",{domain:v?.name||""}),T=((e,{infoLabel:i})=>{let a=e?.totalPendingInvitations||0;return 0===(e?.totalPendingSuggestions||0)+a?[]:[i,(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInvitationCountLabel",{count:a}),(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutSuggestionCountLabel",{count:a})]})(v,{infoLabel:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.calloutInfoLabel")}),F=async()=>{if(v&&m&&g&&u)try{await v.updateEnrollmentMode({enrollmentMode:b.value,deletePending:Y.checked}),await u.revalidate(),l()}catch(e){(0,R.H4)(e,[b],d.setError)}};return m&&c?D||!v?(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",sx:{height:"100%"},children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(v.verification&&"verified"===v.verification.status||s(),(0,n.Y)(I.M,{headerTitle:_,headerSubtitle:h?void 0:G,gap:4,children:(0,n.FD)(y.fv,{gap:6,children:[T.length>0&&(0,n.Y)(B.D,{icon:q.A,children:T.map((e,i)=>(0,n.Y)(y.EY,{as:"span",sx:{display:"block"},localizationKey:e},i))}),(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Subtitle,{localizationKey:(0,p.G)("organizationProfile.verifiedDomainPage.enrollmentTab.subtitle"),variant:"subtitle"})}),(0,n.FD)(x.l.Root,{onSubmit:F,gap:6,children:[(0,n.Y)(x.l.ControlRow,{elementId:b.id,children:(0,n.Y)(x.l.RadioGroup,{...b.props})}),h&&"manual_invitation"===b.value&&(0,n.Y)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.Checkbox,{...Y.props})}),(0,n.Y)(C.G,{isDisabled:D||!v,onReset:s})]})]})})):null}),V=(0,o.dm)(e=>{let{domainId:i,onSuccess:a,onReset:l,skipToVerified:s}=e,d=(0,o.f0)(),{organizationSettings:c}=(0,P.O)(),{organization:g}=(0,t.Z5)(),{data:m,isLoading:u}=(0,K.s)(s?void 0:g?.getDomain,{domainId:i}),h=(0,p.G)("organizationProfile.verifyDomainPage.title"),f=(0,p.G)("organizationProfile.verifyDomainPage.subtitle",{domainName:m?.name??""}),b=(0,L.X)({defaultStep:2*!!s,onNextStep:()=>d.setError(void 0)}),Y=(0,$.tJ)("affiliationEmailAddress","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomainEmailAddress"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomainEmailAddress"),infoText:(0,p.G)("formFieldLabel__organizationDomainEmailAddressDescription"),isRequired:!0}),v=(0,r.useRef)(),z=(0,p.G)("organizationProfile.verifyDomainPage.subtitleVerificationCodeScreen",{emailAddress:v.current||""}),D=(0,O.xM)({onCodeEntryFinished:(e,i,n)=>{m?.attemptAffiliationVerification?.({code:e}).then(async e=>{await i(),e.verification?.status==="verified"?b.nextStep():a?.()}).catch(e=>n(e))},onResendCodeClicked:()=>{m?.prepareAffiliationVerification({affiliationEmailAddress:Y.value}).catch(e=>{(0,R.H4)(e,[Y],d.setError)})}});if(!g||!c)return null;let _=g.name!==Y.value,G=`@${m?.name}`;return!u&&m||s?(0,n.FD)(L.s,{...b.props,children:[(0,n.Y)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.l.Root,{onSubmit:e=>{if(e.preventDefault(),m)return v.current=`${Y.value}${G}`,m.prepareAffiliationVerification({affiliationEmailAddress:v.current}).then(b.nextStep).catch(e=>{(0,R.H4)(e,[Y],d.setError)})},children:[(0,n.Y)(x.l.ControlRow,{elementId:Y.id,children:(0,n.Y)(x.l.InputGroup,{...Y.props,autoFocus:!0,groupSuffix:G,ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!_,onReset:l})]})}),(0,n.FD)(I.M,{headerTitle:h,headerSubtitle:z,children:[(0,n.Y)(x.l.OTPInput,{...D,label:(0,p.G)("organizationProfile.verifyDomainPage.formTitle"),description:(0,p.G)("organizationProfile.verifyDomainPage.formSubtitle"),resendButton:(0,p.G)("organizationProfile.verifyDomainPage.resendButton")}),(0,n.Y)(C.c,{children:(0,n.Y)(y.$n,{elementDescriptor:S.$z.formButtonReset,block:!1,variant:"ghost",textVariant:"buttonSmall",type:"reset",isDisabled:D.isLoading||"success"===D.otpControl.otpInputProps.feedbackType,onClick:()=>{D.otpControl.otpInputProps.clearFeedback(),D.otpControl.reset(),b.prevStep()},localizationKey:(0,p.G)("userProfile.formButtonReset")})})]}),(0,n.Y)(H,{domainId:i,mode:"select",onSuccess:a,onReset:l})]}):(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})})}),j=(0,o.dm)(e=>{let{onSuccess:i,onReset:a}=e,{organizationSettings:l}=(0,P.O)(),{domains:s}=(0,t.Z5)({domains:{infinite:!0}}),d=(0,L.X)({onNextStep:()=>b.setError(void 0)}),[c,g]=(0,r.useState)(""),[m,u]=(0,r.useState)(!1),h=(0,p.G)("organizationProfile.createDomainPage.title"),f=(0,p.G)("organizationProfile.createDomainPage.subtitle"),b=(0,o.f0)(),{organization:Y}=(0,t.Z5)(),v=(0,$.tJ)("name","",{type:"text",label:(0,p.G)("formFieldLabel__organizationDomain"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationDomain")});if(!Y||!l)return null;let z=""!==v.value.trim();return(0,n.FD)(L.s,{...d.props,children:[(0,n.Y)(I.M,{headerTitle:h,headerSubtitle:f,children:(0,n.FD)(x.l.Root,{onSubmit:e=>(v.clearFeedback(),e.preventDefault(),Y.createDomain(v.value).then(async e=>{g(e.id),s?.revalidate?.(),e.verification&&"verified"===e.verification.status&&u(!0),d.nextStep()}).catch(e=>{(0,R.H4)(e,[v],b.setError)})),children:[(0,n.Y)(x.l.ControlRow,{elementId:v.id,children:(0,n.Y)(x.l.PlainInput,{...v.props,autoFocus:!0,ignorePasswordManager:!0,isRequired:!0})}),(0,n.Y)(C.G,{isDisabled:!z,onReset:a})]})}),(0,n.Y)(V,{domainId:c,onSuccess:()=>{s?.revalidate?.(),i?.()},skipToVerified:m,onReset:a})]})});var Z=a(8080),N=a(2364);let X={manual_invitation:(0,p.G)("organizationProfile.badge__manualInvitation"),automatic_invitation:(0,p.G)("organizationProfile.badge__automaticInvitation"),automatic_suggestion:(0,p.G)("organizationProfile.badge__automaticSuggestion")},J=e=>{let{organizationDomain:i}=e;return i?i.verification&&"verified"===i.verification.status?(0,n.Y)(y.Ex,{localizationKey:X[i.enrollmentMode],colorScheme:"manual_invitation"===i.enrollmentMode?"primary":"success"}):(0,n.Y)(y.Ex,{localizationKey:(0,p.G)("organizationProfile.badge__unverified"),colorScheme:"warning"}):null};var U=a(8046);let W=e=>{let{organizationSettings:i}=(0,P.O)(),{organization:a}=(0,t.Z5)(),{domainId:o,onSuccess:l,onReset:s}=e,d=r.useRef(),{data:c,isLoading:g}=(0,K.s)(a?.getDomain,{domainId:o},{onSuccess(e){d.current={...e}}}),{domains:m}=(0,t.Z5)({domains:{infinite:!0}});return a&&i?g||!c?(0,n.Y)(y.so,{direction:"row",align:"center",justify:"center",children:(0,n.Y)(y.y$,{size:"lg",colorScheme:"primary",elementDescriptor:S.$z.spinner})}):(0,n.Y)(U.P,{title:(0,p.G)("organizationProfile.removeDomainPage.title"),messageLine1:(0,p.G)("organizationProfile.removeDomainPage.messageLine1",{domain:d.current?.name||""}),messageLine2:(0,p.G)("organizationProfile.removeDomainPage.messageLine2"),deleteResource:()=>c?.delete().then(async()=>{await m?.revalidate?.(),l()}),onSuccess:l,onReset:s}):null},Q=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(W,{onSuccess:i,onReset:i,...e})},ee=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(H,{onSuccess:i,onReset:i,...e})},ei=e=>{let{close:i}=(0,T.D5)();return(0,n.Y)(V,{onSuccess:i,onReset:i,skipToVerified:!1,...e})},ea=({domain:e})=>{let i=(e=>{let{open:i}=(0,T.D5)(),a=[];return e.verification&&"verified"===e.verification.status?a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__manage"),onClick:()=>i("manage")}):a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__verify"),onClick:()=>i("verify")}),a.push({label:(0,p.G)("organizationProfile.profilePage.domainSection.menuAction__remove"),isDestructive:!0,onClick:()=>i("remove")}),a})(e);return(0,n.Y)(Z.o,{actions:i})},en=(0,b.cb)(e=>{let{verificationStatus:i,enrollmentMode:a,fallback:o,...l}=e,{organization:s,domains:d}=(0,t.Z5)({domains:{infinite:!0,...l}}),{ref:c}=(0,N.W)({threshold:0,onChange:e=>{e&&d?.fetchNext?.()}}),g=(0,r.useMemo)(()=>d?.data?d.data.filter(e=>{let n=!0,t=!0;return i&&(n=!!e.verification&&e.verification.status===i),a&&(t=e.enrollmentMode===a),n&&t}):[],[d?.data]);if(!s)return null;let m=d?.hasNextPage||d?.isFetching;return 0!==g.length||d?.isLoading||o?(0,n.FD)(_.rd.ItemList,{id:"organizationDomains",children:[0===g.length&&!d?.isLoading&&o,g.map(e=>(0,n.FD)(G.r.Root,{children:[(0,n.FD)(_.rd.Item,{id:"organizationDomains",hoverable:!0,children:[(0,n.FD)(y.so,{sx:e=>({gap:e.space.$1}),children:[(0,n.Y)(y.EY,{children:e.name}),(0,n.Y)(J,{organizationDomain:e})]}),(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.Y)(ea,{domain:e})})]}),(0,n.Y)(G.r.Open,{value:"remove",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(Q,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"verify",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ei,{domainId:e.id})})}),(0,n.Y)(G.r.Open,{value:"manage",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(ee,{domainId:e.id})})})]},e.id)),(0,n.Y)(y.az,{ref:d?.hasNextPage&&!d.isFetching?c:void 0,sx:{visibility:"hidden"}}),m&&0===d.data.length&&(0,n.Y)(y.az,{sx:[e=>({width:"100%",height:e.space.$10,position:"relative"})],children:(0,n.Y)(y.az,{sx:{display:"flex",margin:"auto",position:"absolute",left:"50%",top:"50%",transform:"translateY(-50%) translateX(-50%)"},children:(0,n.Y)(y.y$,{size:"sm",colorScheme:"primary",elementDescriptor:S.$z.spinner})})})]}):null},{permission:"org:sys_domains:read"});var et=a(8225),er=a(5377);let eo=(0,o.dm)(e=>{let{onSuccess:i,onReset:a}=e,r=(0,p.G)("organizationProfile.profilePage.title"),l=(0,o.f0)(),{organization:s}=(0,t.Z5)(),{organizationSettings:d}=(0,P.O)(),c=(0,$.tJ)("name",s?.name||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationName"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationName")}),g=(0,$.tJ)("slug",s?.slug||"",{type:"text",label:(0,p.G)("formFieldLabel__organizationSlug"),placeholder:(0,p.G)("formFieldInputPlaceholder__organizationSlug")});if(!s)return null;let m=(s.name!==c.value||s.slug!==g.value)&&"error"!==g.feedbackType,u=!d.slug.disabled,h=async e=>{e.preventDefault();let a={name:c.value};return u&&(a.slug=g.value),(m?s.update(a):Promise.resolve()).then(i).catch(e=>{(0,R.H4)(e,[c,g],l.setError)})};return(0,n.Y)(I.M,{headerTitle:r,children:(0,n.FD)(x.l.Root,{onSubmit:h,children:[(0,n.Y)(er.i,{organization:s,onAvatarChange:e=>s.setLogo({file:e}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError)),onAvatarRemove:(0,et.p)(s.imageUrl)?null:()=>{s.setLogo({file:null}).then(()=>{l.setIdle(),i?.()}).catch(e=>(0,R.H4)(e,[],l.setError))}}),(0,n.Y)(x.l.ControlRow,{elementId:c.id,children:(0,n.Y)(x.l.PlainInput,{...c.props,autoFocus:!0,isRequired:!0,ignorePasswordManager:!0})}),u&&(0,n.Y)(x.l.ControlRow,{elementId:g.id,children:(0,n.Y)(x.l.PlainInput,{...g.props,onChange:e=>{var i;i=e.target.value,g.setValue(i),g.clearFeedback()},ignorePasswordManager:!0})}),(0,n.Y)(C.G,{isDisabled:!m,onReset:a})]})})}),el=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(eo,{onSuccess:e,onReset:e})},es=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(j,{onSuccess:e,onReset:e})},ed=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(A,{onSuccess:e,onReset:e})},ec=()=>{let{close:e}=(0,T.D5)();return(0,n.Y)(E,{onSuccess:e,onReset:e})},eg=()=>(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,sx:e=>({gap:e.space.$8}),children:(0,n.FD)(y.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationGeneral"),children:[(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__general"),sx:e=>({marginBottom:e.space.$4}),textVariant:"h2"})}),(0,n.Y)(em,{}),(0,n.Y)(b.EH,{permission:"org:sys_domains:read",children:(0,n.Y)(eu,{})}),(0,n.Y)(ep,{}),(0,n.Y)(eh,{})]})}),em=()=>{let{organization:e}=(0,t.Z5)();if(!e)return null;let i=(0,n.Y)(D.Q,{size:"lg",mainIdentifierVariant:"subtitle",organization:e});return(0,n.Y)(_.rd.Root,{title:(0,p.G)("organizationProfile.start.profileSection.title"),id:"organizationProfile",children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(b.EH,{permission:"org:sys_profile:manage",fallback:i,children:(0,n.Y)(G.r.Closed,{value:"edit",children:(0,n.FD)(_.rd.Item,{id:"organizationProfile",children:[i,(0,n.Y)(G.r.Trigger,{value:"edit",children:(0,n.Y)(_.rd.Button,{id:"organizationProfile",localizationKey:(0,p.G)("organizationProfile.start.profileSection.primaryButton")})})]})})}),(0,n.Y)(G.r.Open,{value:"edit",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(el,{})})})]})})},eu=()=>{let{organizationSettings:e}=(0,P.O)(),{organization:i}=(0,t.Z5)();return e&&i&&e.domains.enabled?(0,n.Y)(_.rd.Root,{title:(0,p.G)("organizationProfile.profilePage.domainSection.title"),id:"organizationDomains",centered:!1,children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(en,{}),(0,n.FD)(b.EH,{permission:"org:sys_domains:manage",children:[(0,n.Y)(G.r.Trigger,{value:"add",children:(0,n.FD)(y.fv,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.primaryButton"),id:"organizationDomains"}),(0,n.Y)(y.EY,{localizationKey:(0,p.G)("organizationProfile.profilePage.domainSection.subtitle"),sx:e=>({paddingLeft:e.space.$9}),colorScheme:"secondary"})]})}),(0,n.Y)(G.r.Open,{value:"add",children:(0,n.Y)(G.r.Card,{children:(0,n.Y)(es,{})})})]})]})}):null},ep=()=>{let{organization:e}=(0,t.Z5)();return e?(0,n.Y)(_.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title"),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"leave",children:(0,n.Y)(_.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"leave",children:(0,n.Y)(_.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.leaveOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"leave",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ed,{})})})]})}):null},eh=()=>{let{organization:e}=(0,t.Z5)(),i=(0,b.Fd)({permission:"org:sys_profile:delete"});if(!e)return null;let a=e.adminDeleteEnabled;return i&&a?(0,n.Y)(_.rd.Root,{id:"organizationDanger",title:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title"),sx:e=>({marginBottom:e.space.$4}),children:(0,n.FD)(G.r.Root,{children:[(0,n.Y)(G.r.Closed,{value:"delete",children:(0,n.Y)(_.rd.Item,{sx:e=>({paddingTop:0,paddingBottom:0,paddingLeft:e.space.$1}),id:"organizationDanger",children:(0,n.Y)(G.r.Trigger,{value:"delete",children:(0,n.Y)(_.rd.Button,{id:"organizationDanger",variant:"ghost",colorScheme:"danger",textVariant:"buttonLarge",localizationKey:(0,p.G)("organizationProfile.profilePage.dangerSection.deleteOrganization.title")})})})}),(0,n.Y)(G.r.Open,{value:"delete",children:(0,n.Y)(G.r.Card,{variant:"destructive",children:(0,n.Y)(ec,{})})})]})}):null};var ef=a(579),eb=a(6088),eY=a(5073),ev=a(1703),eP=a(7591),ez=a(9345),eD=a(3486),e_=a(4482);let ey=({memberships:e,pageSize:i})=>{let a=(0,o.f0)(),{organization:r}=(0,t.Z5)(),{options:l,isLoading:s}=(0,eD.x)();return r?(0,n.Y)(e_.bQ,{page:e?.page||1,onPageChange:i=>e?.fetchPage?.(i),itemCount:e?.count||0,pageCount:e?.pageCount||0,itemsPerPage:i,isLoading:e?.isLoading&&!e?.data.length||s,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.detailsTitle__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__joined"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(e?.data||[]).map(i=>(0,n.Y)(eS,{membership:i,options:l,onRoleChange:e=>a.runAsync(()=>i.update({role:e})).catch(e=>(0,R.H4)(e,[],a.setError)),onRemove:async()=>a.runAsync(async()=>{let a=await i.destroy();return await e?.revalidate?.(),a}).catch(e=>(0,R.H4)(e,[],a.setError))},i.id))}):null},eS=e=>{let{membership:i,onRemove:a,onRoleChange:r,options:l}=e,{localizeCustomRole:s}=(0,eD.l)(),d=(0,o.f0)(),{user:c}=(0,t.Jd)(),g=c?.id===i.publicUserData?.userId,m=l?.find(e=>e.value===i.role)?.label;return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:i.publicUserData,subtitle:i.publicUserData?.identifier,subtitleProps:{variant:"caption"},badge:g&&(0,n.Y)(y.Ex,{localizationKey:(0,p.G)("badge__you")})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",fallback:(0,n.Y)(y.EY,{sx:e=>({opacity:e.opacity.$inactive}),children:s(i.role)||m}),children:(0,n.Y)(e_.Vo,{isDisabled:d.isLoading||!r,value:i.role,fallbackLabel:i.roleName,onChange:r,roles:l})})}),(0,n.Y)(y.Td,{children:(0,n.Y)(b.EH,{permission:"org:sys_memberships:manage",children:(0,n.Y)(Z.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.activeMembersTab.menuAction__remove"),isDestructive:!0,onClick:a,isDisabled:g}],elementId:"member"})})})]})};var eG=a(3100);let eT=({actionSlot:e})=>{let i=(0,b.Fd)({permission:"org:sys_memberships:manage"});return(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.FD)(y.so,{justify:e?"between":"end",sx:e=>({width:"100%",marginLeft:"auto",padding:`${e.space.$none} ${e.space.$1}`}),gap:e?2:void 0,children:[e,i&&(0,n.Y)(G.r.Trigger,{value:"invite",hideOnActive:!e,children:(0,n.Y)(y.$n,{elementDescriptor:S.$z.membersPageInviteButton,"aria-label":"Invite",localizationKey:(0,p.G)("organizationProfile.membersPage.action__invite")})})]})}),i&&(0,n.Y)(ef.k,{children:(0,n.Y)(G.r.Open,{value:"invite",children:(0,n.Y)(y.so,{sx:e=>({paddingBottom:e.space.$6,padding:`${e.space.$none} ${e.space.$1} ${e.space.$6} ${e.space.$1}`}),children:(0,n.Y)(G.r.Card,{sx:{width:"100%"},children:(0,n.Y)(eG.D,{})})})})})]})};var ex=a(78),eC=a(4439),eI=a(7852),eF=a(5013);let eR=({query:e,value:i,memberships:a,onSearchChange:t,onQueryTrigger:o})=>{let{t:l}=(0,ex._)(),s=(0,r.useRef)(null);(0,r.useEffect)(()=>{e&&a?.data&&(a?.count??0)<=eB&&a?.fetchPage?.(1)},[e,a]);let d=i&&!!a?.isLoading&&!!a.data?.length;return(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(y.so,{sx:{width:"50%",[eP.g.sm]:{width:"auto"}},children:(0,n.Y)(eF.e,{value:i,type:"search",autoCapitalize:"none",spellCheck:!1,"aria-label":"Search",placeholder:l((0,p.G)("organizationProfile.membersPage.action__search")),leftIcon:d?(0,n.Y)(eI.y,{size:"xs"}):(0,n.Y)(y.In,{icon:eC.A,elementDescriptor:S.$z.organizationProfileMembersSearchInputIcon,sx:e=>({color:e.colors.$colorMutedForeground})}),onKeyUp:function(){s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{o(i.trim())},500)},onChange:e=>{let i=e.target.value;t(i),""===i&&o(i)},elementDescriptor:S.$z.organizationProfileMembersSearchInput})})})},e$={invitations:{pageSize:10,keepPreviousData:!0}},eL=()=>{let e=(0,o.f0)(),{organization:i,invitations:a}=(0,t.Z5)(e$),{options:r,isLoading:l}=(0,eD.x)();return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage||(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:e$.invitations.pageSize,isLoading:a?.isLoading||l,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.invitedMembersTab.tableHeader__invited"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__role"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(ew,{options:r,invitation:i,onRevoke:async()=>e.runAsync(async()=>(await i.revoke(),await a?.revalidate?.(),i)).catch(i=>(0,R.H4)(i,[],e.setError))},i.id))}):null},ew=e=>{let{invitation:i,onRevoke:a,options:t}=e,{localizeCustomRole:r}=(0,eD.l)(),o=t?.find(e=>e.value===i.role)?.label;return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},user:{primaryEmailAddress:{emailAddress:i.emailAddress}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.EY,{colorScheme:"secondary",localizationKey:r(i.role)||o})}),(0,n.Y)(y.Td,{children:(0,n.Y)(Z.o,{actions:[{label:(0,p.G)("organizationProfile.membersPage.invitedMembersTab.menuAction__revoke"),isDestructive:!0,onClick:a}],elementId:"invitation"})})]})},ek=(0,o.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,m.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(y.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.primaryButton"),id:"manageVerifiedDomains",sx:e=>({gap:e.space.$2}),onClick:i}),(0,n.Y)(y.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.invitationsTab.autoInvitations.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_invitation"})})]})}),(0,n.FD)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eL,{})]})]})}),eA={membershipRequests:{pageSize:10,keepPreviousData:!0}},eE=()=>{let e=(0,o.f0)(),{organization:i,membershipRequests:a}=(0,t.Z5)(eA);return i?(0,n.Y)(e_.bQ,{page:a?.page||1,onPageChange:a?.fetchPage??(()=>null),itemCount:a?.count||0,pageCount:a?.pageCount||0,itemsPerPage:eA.membershipRequests.pageSize,isLoading:a?.isLoading,emptyStateLocalizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.table__emptyRow"),headers:[(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__user"),(0,p.G)("organizationProfile.membersPage.requestsTab.tableHeader__requested"),(0,p.G)("organizationProfile.membersPage.activeMembersTab.tableHeader__actions")],rows:(a?.data||[]).map(i=>(0,n.Y)(eM,{request:i,onError:e.setError},i.id))}):null},eM=(0,o.dm)(e=>{let{request:i,onError:a}=e,r=(0,o.f0)(),{membership:l,membershipRequests:s}=(0,t.Z5)(eA);return(0,n.FD)(e_.Yq,{children:[(0,n.Y)(y.Td,{children:(0,n.Y)(ez.c,{sx:{maxWidth:"30ch"},showAvatar:!1,user:{primaryEmailAddress:{emailAddress:i.publicUserData.identifier}},subtitleProps:{variant:"caption"}})}),(0,n.Y)(y.Td,{children:(0,n.Y)(y.az,{as:"span",elementDescriptor:S.$z.formattedDate,elementId:S.$z.formattedDate.setId("tableCell"),children:i.createdAt.toLocaleDateString()})}),(0,n.Y)(y.Td,{children:(0,n.Y)(eO,{onAccept:()=>{if(l&&s)return r.runAsync(async()=>{await i.accept(),await s.revalidate()},"accept").catch(e=>(0,R.H4)(e,[],a))},onReject:()=>{if(l&&s)return r.runAsync(async()=>{await i.reject(),await s.revalidate()},"reject").catch(e=>(0,R.H4)(e,[],a))}})})]})}),eO=e=>{let i=(0,o.f0)();return(0,n.FD)(y.so,{gap:2,children:[(0,n.Y)(y.$n,{textVariant:"buttonSmall",variant:"ghost",isLoading:i.isLoading&&"reject"===i.loadingMetadata,isDisabled:i.isLoading&&"reject"!==i.loadingMetadata,onClick:e.onReject,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__reject")}),(0,n.Y)(y.$n,{textVariant:"buttonSmall",isLoading:i.isLoading&&"accept"===i.loadingMetadata,isDisabled:i.isLoading&&"accept"!==i.loadingMetadata,onClick:e.onAccept,localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.menuAction__approve")})]})},eK=()=>{let{organizationSettings:e}=(0,P.O)(),{navigateToGeneralPageRoot:i}=(0,m.V)(),a=e?.domains?.enabled;return(0,n.FD)(y.fv,{gap:4,sx:{width:"100%"},children:[a&&(0,n.Y)(b.EH,{permission:"org:sys_domains:manage",children:(0,n.FD)(y.so,{sx:e=>({width:"100%",gap:e.space.$8,paddingBottom:e.space.$4,paddingLeft:e.space.$1,paddingRight:e.space.$1,borderBottomWidth:e.borderWidths.$normal,borderBottomStyle:e.borderStyles.$solid,borderBottomColor:e.colors.$borderAlpha100,[eP.g.md]:{flexDirection:"column",gap:e.space.$2}}),children:[(0,n.Y)(y.fv,{sx:e=>({width:e.space.$66,marginTop:e.space.$2}),children:(0,n.Y)(z.Y.Root,{children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerTitle"),textVariant:"h3"})})}),(0,n.Y)(y.fv,{sx:{width:"100%"},children:(0,n.Y)(en,{fallback:(0,n.FD)(n.FK,{children:[(0,n.Y)(_.rd.ArrowButton,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.primaryButton"),sx:e=>({gap:e.space.$2}),id:"manageVerifiedDomains",onClick:i}),(0,n.Y)(y.EY,{localizationKey:(0,p.G)("organizationProfile.membersPage.requestsTab.autoSuggestions.headerSubtitle"),sx:e=>({paddingLeft:e.space.$10,color:e.colors.$colorMutedForeground,[eP.g.md]:{paddingLeft:0}})})]}),verificationStatus:"verified",enrollmentMode:"automatic_suggestion"})})]})}),(0,n.FD)(y.so,{direction:"col",gap:2,sx:{width:"100%"},children:[(0,n.Y)(eT,{}),(0,n.Y)(eE,{})]})]})},eB=10,eq=(0,o.dm)(()=>{let{organizationSettings:e}=(0,P.O)(),i=(0,o.f0)(),a=(0,b.Fd)({permission:"org:sys_memberships:manage"}),l=(0,b.Fd)({permission:"org:sys_memberships:read"}),s=e?.domains?.enabled&&a,[d,c]=(0,r.useState)(""),[g,m]=(0,r.useState)(""),{membershipRequests:u,memberships:h,invitations:f}=(0,t.Z5)({membershipRequests:s||void 0,invitations:a||void 0,memberships:l?{keepPreviousData:!0,query:d||void 0}:void 0});return null===a?null:(0,n.Y)(y.fv,{elementDescriptor:S.$z.page,gap:2,children:(0,n.Y)(y.fv,{elementDescriptor:S.$z.profilePage,elementId:S.$z.profilePage.setId("organizationMembers"),gap:4,children:(0,n.FD)(G.r.Root,{animate:!1,children:[(0,n.Y)(ef.k,{asChild:!0,children:(0,n.Y)(z.Y.Root,{contentSx:{[eP.g.md]:{flexDirection:"row",width:"100%",justifyContent:"space-between"}},children:(0,n.Y)(z.Y.Title,{localizationKey:(0,p.G)("organizationProfile.start.headerTitle__members"),textVariant:"h2"})})}),(0,n.Y)(eb.Z.Alert,{children:i.error}),(0,n.FD)(eY.tU,{children:[(0,n.FD)(eY.j7,{sx:e=>({gap:e.space.$2}),children:[l&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__members"),children:!!h?.count&&(0,n.Y)(ev.a,{shouldAnimate:!d,notificationCount:h.count,colorScheme:"outline"})}),a&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__invitations"),children:f?.data&&!f.isLoading&&(0,n.Y)(ev.a,{notificationCount:f.count,colorScheme:"outline"})}),a&&s&&(0,n.Y)(eY.oz,{localizationKey:(0,p.G)("organizationProfile.membersPage.start.headerTitle__requests"),children:u?.data&&!u.isLoading&&(0,n.Y)(ev.a,{notificationCount:u.count,colorScheme:"outline"})})]}),(0,n.FD)(eY.T2,{children:[l&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(y.so,{gap:4,direction:"col",sx:{width:"100%"},children:(0,n.FD)(y.so,{gap:2,direction:"col",sx:{width:"100%"},children:[(0,n.Y)(eT,{actionSlot:(0,n.Y)(eR,{query:d,value:g,memberships:h,onSearchChange:e=>m(e),onQueryTrigger:e=>c(e)})}),(0,n.Y)(ey,{pageSize:eB,memberships:h})]})})}),a&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(ek,{})}),a&&s&&(0,n.Y)(eY.Kp,{sx:{width:"100%"},children:(0,n.Y)(eK,{})})]})]})]})})})}),eH=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("207"),a.e("289")]).then(a.bind(a,343)).then(e=>({default:e.OrganizationBillingPage}))),eV=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("326"),a.e("223")]).then(a.bind(a,6518)).then(e=>({default:e.OrganizationAPIKeysPage}))),ej=(0,r.lazy)(()=>Promise.all([a.e("666"),a.e("970"),a.e("264")]).then(a.bind(a,2754)).then(e=>({default:e.OrganizationPlansPage}))),eZ=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("627")]).then(a.bind(a,4425)).then(e=>({default:e.OrganizationStatementPage}))),eN=(0,r.lazy)(()=>Promise.all([a.e("545"),a.e("666"),a.e("122")]).then(a.bind(a,4447)).then(e=>({default:e.OrganizationPaymentAttemptPage}))),eX=()=>{let{pages:e,isMembersPageRoot:i,isGeneralPageRoot:a,isBillingPageRoot:t,isAPIKeysPageRoot:o,shouldShowBilling:l,apiKeysProps:s}=(0,m.V)(),{apiKeysSettings:d,commerceSettings:c}=(0,P.O)(),g=e.contents?.map((e,t)=>{let r=!a&&!i&&0===t;return(0,n.Y)(f.q,{index:r,path:r?void 0:e.url,children:(0,n.Y)(v.H,{mount:e.mount,unmount:e.unmount})},`custom-page-${e.url}`)});return(0,n.FD)(h.d,{children:[g,(0,n.FD)(f.q,{children:[(0,n.Y)(f.q,{path:a?void 0:"organization-general",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(eg,{})})})}),(0,n.Y)(f.q,{path:i?void 0:"organization-members",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_memberships:read"})||e({permission:"org:sys_memberships:manage"}),redirectTo:a?"../":"./organization-general",children:(0,n.Y)(eq,{})})})})}),c.billing.organization.enabled&&l?(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"}),children:(0,n.Y)(f.q,{path:t?void 0:"organization-billing",children:(0,n.FD)(h.d,{children:[(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eH,{})})}),c.billing.organization.hasPaidPlans?(0,n.Y)(f.q,{path:"plans",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(ej,{})})}):null,(0,n.Y)(f.q,{path:"statement/:statementId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eZ,{})})}),(0,n.Y)(f.q,{path:"payment-attempt/:paymentAttemptId",children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eN,{})})})]})})}):null,d.orgs_api_keys_enabled&&!s?.hide&&(0,n.Y)(b.EH,{condition:e=>e({permission:"org:sys_api_keys:read"})||e({permission:"org:sys_api_keys:manage"}),children:(0,n.Y)(f.q,{path:o?void 0:"organization-api-keys",children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{index:!0,children:(0,n.Y)(r.Suspense,{fallback:"",children:(0,n.Y)(eV,{})})})})})})]})]})},eJ=(0,g.G)(()=>{let e=r.useRef(null);return(0,n.Y)(s.a.Root,{sx:e=>({display:"grid",gridTemplateColumns:"1fr 3fr",height:e.sizes.$176,overflow:"hidden"}),children:(0,n.FD)(Y,{contentRef:e,children:[(0,n.Y)(l.oT,{navbarTitleLocalizationKey:(0,p.G)("organizationProfile.navbar.title")}),(0,n.Y)(s.a.Content,{contentRef:e,scrollBoxId:d.qJ,children:(0,n.Y)(eX,{})})]})})}),eU=(0,o.dm)(e=>{let{organization:i}=(0,t.Z5)();return i?(0,n.Y)(u.n.Root,{flow:"organizationProfile",children:(0,n.Y)(u.n.Part,{children:(0,n.Y)(h.d,{children:(0,n.Y)(f.q,{children:(0,n.Y)(c.m$.Provider,{value:"organization",children:(0,n.Y)(eJ,{})})})})})}):null}),eW=e=>{let i={...e,routing:"virtual",componentName:"OrganizationProfile",mode:"modal"};return(0,n.Y)(f.q,{path:"organizationProfile",children:(0,n.Y)(m.o.Provider,{value:i,children:(0,n.Y)("div",{children:(0,n.Y)(eU,{...i})})})})}},5892:function(e,i,a){a.d(i,{V:()=>g,o:()=>c});var n=a(9361),t=a(5074),r=a(3121),o=a(1227),l=a(4964),s=a(7697),d=a(7288);let c=(0,t.createContext)(null),g=()=>{let e=(0,t.useContext)(c),{navigate:i}=(0,l.r)(),a=(0,s.O)(),g=(0,n.ho)();if(!e||"OrganizationProfile"!==e.componentName)throw Error("Clerk: useOrganizationProfileContext called outside OrganizationProfile.");let{componentName:m,customPages:u,...p}=e,h=(0,d.Rs)(),f=(0,d.eT)(),b=h.data?.subscriptionItems.some(e=>e.plan.hasBaseFee),Y=a.commerceSettings.billing.organization.hasPaidPlans||b||f.data.length>0,v=(0,t.useMemo)(()=>(0,r.q)(u||[],g,Y,a),[u,Y]),P=v.routes[0].id===o.jc.MEMBERS,z=v.routes[0].id===o.jc.GENERAL,D=v.routes[0].id===o.jc.BILLING,_=v.routes[0].id===o.jc.API_KEYS;return{...p,pages:v,navigateAfterLeaveOrganization:()=>i(p.afterLeaveOrganizationUrl||a.displayConfig.afterLeaveOrganizationUrl),componentName:m,navigateToGeneralPageRoot:()=>i(z?"../":P?"./organization-general":"../organization-general"),isMembersPageRoot:P,isGeneralPageRoot:z,isBillingPageRoot:D,isAPIKeysPageRoot:_,shouldShowBilling:Y}}},7288:function(e,i,a){a.d(i,{A$:()=>h,D:()=>f,Ij:()=>d,Rs:()=>p,eT:()=>u,mu:()=>g,wD:()=>m});var n=a(9361),t=a(5074),r=a(7477),o=a(5424),l=a(2861),s=a(6256);function d(e){return e.endsWith(".00")?e.slice(0,-3):e}let c=()=>{let e=(0,s.XX)(),i=(0,r.Fd)(e=>e({permission:"org:sys_billing:read"})||e({permission:"org:sys_billing:manage"})),a=(0,n.Wf)();return{for:e,keepPreviousData:!0,enabled:"organization"!==e||!!a?.organization&&i}},g=()=>{let e=c();return(0,n.X$)(e)},m=()=>{let e=c();return(0,n.t7)(e)},u=e=>{let i=c();return(0,n.tr)({...i,__experimental_mode:e?.mode})},p=()=>{let e=c(),i=(0,n.kH)(e),a=(0,t.useMemo)(()=>i.data?.subscriptionItems||[],[i.data?.subscriptionItems]);return{...i,subscriptionItems:a}},h=e=>{let i=(0,s.XX)();return(0,n.rg)({for:i,initialPage:1,pageSize:50,keepPreviousData:!0,enabled:!0,__experimental_mode:e?.mode})},f=()=>{let e=(0,n.ho)(),{session:i}=(0,n.wV)(),a=(0,s.XX)(),r=(0,t.useMemo)(()=>!!(!e.session||e?.session?.checkAuthorization({permission:"org:sys_billing:manage"})||"user"===a),[e,a]),{subscriptionItems:d,revalidate:c,data:m}=p(),{data:f,revalidate:b}=h({mode:"cache"}),{revalidate:Y}=u({mode:"cache"}),{revalidate:v}=g(),P=(0,t.useCallback)(()=>{c(),b(),Y(),v()},[c,b,Y,v]),z=(0,t.useMemo)(()=>0===d.length||!d.some(e=>!e.canceledAt),[d]),D=(0,t.useCallback)(e=>d.find(i=>i.plan.id===e.id),[d]),_=(0,t.useCallback)(e=>d.filter(i=>i.plan.id===e.id),[d]),y=(0,t.useCallback)((e,i="month")=>{let a=_(e);if(a.length>1){let e=a.find(e=>e.planPeriod===i);return e||a[0]}if(1===a.length)return a[0]},[_]),S=(0,t.useCallback)(({plan:e,subscription:i})=>{let a=i??(e?D(e):void 0);return!a||!a.canceledAt},[D]),G=(0,t.useCallback)(({plan:e,subscription:a,isCompact:n=!1,selectedPlanPeriod:t="annual"})=>{let o=a??(e?y(e,t):void 0),s=t,c=!!e?.annualMonthlyFee;"annual"!==s||c||(s="month");let g=a=>{if(e?.freeTrialEnabled){let a=!i,n=m?.eligibleForFreeTrial;if(a||n)return(0,l.G)("billing.startFreeTrial__days",{days:e.freeTrialDays??0})}return a};return{localizationKey:g((()=>{if(o){if(s!==o.planPeriod&&o.canceledAt){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}if(o.canceledAt)return(0,l.G)("billing.reSubscribe");if(s!==o.planPeriod){if("month"===s)return(0,l.G)("billing.switchToMonthly");if(c)return(0,l.G)("billing.switchToAnnual")}return(0,l.G)("billing.manageSubscription")}return d.filter(e=>!e.plan.isDefault).length>0?(0,l.G)("billing.switchPlan"):g((0,l.G)("billing.subscribe"))})()),variant:n?"bordered":"solid",colorScheme:n?"secondary":"primary",isDisabled:!r,disabled:!r}},[y,r,d,m]),T=(0,t.useCallback)(e=>e.pastDueAt?(0,l.G)("badge__pastDueAt",{date:e.pastDueAt}):"upcoming"===e.status?(0,l.G)("badge__startsAt",{date:e.periodStart}):e.canceledAt?(0,l.G)("badge__canceledEndsAt",{date:e.periodEnd}):e.periodEnd?(0,l.G)(e.isFreeTrial?"badge__trialEndsAt":"badge__renewsAt",{date:e.periodEnd}):void 0,[]),x=(0,t.useCallback)(i=>{let n=(0,o.J)("modal",i);e.__internal_openSubscriptionDetails({for:a,onSubscriptionCancel:()=>{P()},portalRoot:n})},[e,a,P]);return{activeOrUpcomingSubscription:D,activeAndUpcomingSubscriptions:_,activeOrUpcomingSubscriptionBasedOnPlanPeriod:y,isDefaultPlanImplicitlyActiveOrUpcoming:z,handleSelectPlan:(0,t.useCallback)(({plan:n,planPeriod:t,mode:r="mounted",event:l,appearance:s,newSubscriptionRedirectUrl:d})=>{let c=(0,o.J)(r,l);e.__internal_openCheckout({planId:n.id,planPeriod:"annual"!==t||n.annualMonthlyFee?t:"month",for:a,onSubscriptionComplete:()=>{P()},onClose:()=>{i?.id&&e.setActive({session:i.id})},appearance:s,portalRoot:c,newSubscriptionRedirectUrl:d})},[e,P,a,i?.id]),openSubscriptionDetails:x,buttonPropsForPlan:G,canManageSubscription:S,captionForSubscription:T,defaultFreePlan:(0,t.useMemo)(()=>f?.find(e=>e.isDefault),[f]),revalidateAll:P}}},6256:function(e,i,a){a.d(i,{N7:()=>l,XX:()=>o,m$:()=>r});var n=a(5074);let t="user",r=(0,n.createContext)(t),o=()=>(0,n.useContext)(r)||t,l=()=>"user"===o()?"userProfile":"organizationProfile"}}]);