@stytch/react 20.0.0-next.1 → 20.0.0-next.3

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StytchContext.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchContext.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  ComponentType,\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeWithStableProps } from '@stytch/js-utils';\nimport { PermissionsMap, Session, StytchProjectConfigurationInput, User } from '@stytch/core/public';\nimport { useAsyncState } from '../utils/async';\nimport { noProviderError, providerMustBeUniqueError } from '../utils/errors';\nimport { invariant } from '../utils/invariant';\nimport { isStytchSSRProxy } from '../bindings/StytchSSRProxy';\nimport { StytchClient } from '../../../StytchClient';\n\n// There's no user facing strings in this file\n/* eslint-disable lingui/no-unlocalized-strings */\n\ntype StytchContext<TProjectConfiguration extends StytchProjectConfigurationInput> =\n  | {\n      isMounted: false;\n    }\n  | {\n      isMounted: true;\n      client: StytchClient<TProjectConfiguration>;\n    };\n\ntype SWRUserUninitialized = {\n  /**\n   * Either the active {@link User} object, or null if the user is not logged in.\n   */\n  user: null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRUserInitialized = {\n  /**\n   * Either the active {@link User} object, or null if the user is not logged in.\n   */\n  user: User | null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: true;\n};\n\ntype SWRUser<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRUserInitialized\n  : SWRUserInitialized | SWRUserUninitialized;\n\nconst initialUser: SWRUserUninitialized = {\n  user: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWRSessionUninitialized = {\n  /**\n   * Either the active {@link Session} object, or null if the user is not logged in.\n   */\n  session: null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRSessionInitialized = {\n  /**\n   * Either the active {@link Session} object, or null if the user is not logged in.\n   */\n  session: Session | null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: true;\n};\n\ntype SWRSession<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRSessionInitialized\n  : SWRSessionInitialized | SWRSessionUninitialized;\n\nconst initialSession: SWRSessionUninitialized = {\n  session: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\nconst StytchContext = createContext<StytchContext<StytchProjectConfigurationInput>>({ isMounted: false });\nconst StytchUserContext = createContext<SWRUser>(initialUser);\nconst StytchSessionContext = createContext<SWRSession>(initialSession);\n\nexport const useIsMounted__INTERNAL = (): boolean => useContext(StytchContext).isMounted;\n\n/**\n * Returns the active User.\n * The Stytch SDKs are used for client-side authentication and session management.\n * Check the isInitialized property to determine if the SDK has completed initialization.\n * Check the fromCache property to determine if the user data is from persistent storage.\n * @example\n * const {user, isInitialized, fromCache} = useStytchUser();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<h1>Welcome, {user.name.first_name}</h1>);\n */\nexport const useStytchUser = <TAssumeHydrated extends boolean = false>(): SWRUser<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchUser'));\n  return useContext(StytchUserContext) as SWRUser<TAssumeHydrated>;\n};\n\n/**\n * Returns the active user's Stytch session.\n * The Stytch SDKs are used for client-side authentication and session management.\n * Check the isInitialized property to determine if the SDK has completed initialization.\n * Check the fromCache property to determine if the session data is from persistent storage.\n * @example\n * const {session, isInitialized, fromCache} = useStytchSession();\n * useEffect(() => {\n *   if (!isInitialized) {\n *     return;\n *   }\n *   if (!session) {\n *     router.replace('/login')\n *   }\n * }, [session, isInitialized]);\n */\nexport const useStytchSession = <TAssumeHydrated extends boolean = false>(): SWRSession<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchSession'));\n  return useContext(StytchSessionContext) as SWRSession<TAssumeHydrated>;\n};\n\n/**\n * Returns the Stytch client stored in the Stytch context.\n *\n * @example\n * const stytch = useStytch();\n * useEffect(() => {\n *   stytch.magicLinks.authenticate('...')\n * }, [stytch]);\n */\nexport const useStytch = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(): StytchClient<TProjectConfiguration> => {\n  const ctx = useContext(StytchContext);\n  invariant(ctx.isMounted, noProviderError('useStytch'));\n  return ctx.client as StytchClient<TProjectConfiguration>;\n};\n\nexport const withStytch = <\n  T extends object,\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(\n  Component: ComponentType<T & { stytch: StytchClient<TProjectConfiguration> }>,\n): ComponentType<T> => {\n  const WithStytch: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytch'));\n    return <Component {...props} stytch={useStytch()} />;\n  };\n  WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytch;\n};\n\nexport const withStytchUser = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchUser: User | null; stytchUserIsInitialized: boolean; stytchUserIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchUser: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchUser'));\n    const { user, isInitialized, fromCache } = useStytchUser<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchUser={user}\n        stytchUserIsInitialized={isInitialized}\n        stytchUserIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchUser.displayName = `withStytchUser(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchUser;\n};\n\nexport const withStytchSession = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchSession: Session | null; stytchSessionIsInitialized: boolean; stytchSessionIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchSession: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchSession'));\n    const { session, isInitialized, fromCache } = useStytchSession<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchSession={session}\n        stytchSessionIsInitialized={isInitialized}\n        stytchSessionIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchSession.displayName = `withStytchSession(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchSession;\n};\n\ntype SWRIsAuthorizedUninitialized = {\n  /**\n   * Whether the logged-in user is allowed to perform the specified action on the specified resource.\n   */\n  isAuthorized: false;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRIsAuthorizedInitialized = {\n  /**\n   * Whether the logged-in user is allowed to perform the specified action on the specified resource.\n   */\n  isAuthorized: boolean;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: boolean;\n};\n\ntype SWRIsAuthorized<TAlwaysInitialized extends boolean> = TAlwaysInitialized extends true\n  ? SWRIsAuthorizedInitialized\n  : SWRIsAuthorizedInitialized | SWRIsAuthorizedUninitialized;\n\n/**\n * Determines whether the logged-in user is allowed to perform the specified action on the specified resource.\n * Returns `true` if the user can perform the action, `false` otherwise.\n *\n * If the user is not logged in, this method will always return false.\n * If the resource or action provided are not valid for the configured RBAC policy, this method will return false.\n *\n * Remember - authorization checks for sensitive actions should always occur on the backend as well.\n * @example\n * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');\n * return <button disabled={!isAuthorized}>Edit</button>\n */\nexport const useStytchIsAuthorized = <TAssumeHydrated extends boolean = false>(\n  resourceId: string,\n  action: string,\n): SWRIsAuthorized<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchIsAuthorized', 'StytchProvider'));\n  const client = useStytch();\n  const { user } = useStytchUser();\n  const [isAuthorized, setIsAuthorized] = useAsyncState<SWRIsAuthorized<boolean>>({\n    isInitialized: false,\n    fromCache: false,\n    isAuthorized: false,\n  });\n\n  useEffect(() => {\n    if (isStytchSSRProxy(client)) {\n      return;\n    }\n\n    setIsAuthorized({\n      isInitialized: true,\n      fromCache: true,\n      isAuthorized: client.rbac.isAuthorizedSync(resourceId, action),\n    });\n  }, [action, client, resourceId, setIsAuthorized]);\n\n  useEffect(() => {\n    if (isStytchSSRProxy(client)) {\n      return;\n    }\n    client.rbac.isAuthorized(resourceId, action).then((isAuthorized) => {\n      setIsAuthorized({ isAuthorized, fromCache: false, isInitialized: true });\n    });\n  }, [client, user?.roles, resourceId, action, setIsAuthorized]);\n\n  return isAuthorized;\n};\n\ntype permissionsLoaded<Permissions extends Record<string, string>> =\n  | {\n      loaded: false;\n      value: null;\n    }\n  | {\n      loaded: true;\n      value: PermissionsMap<Permissions>;\n    };\n\n/**\n * Wrap your component with this HOC in order to receive the permissions for the logged-in user.\n * Evaluates all permissions granted to the logged-in user.\n * Returns a Record<RoleId, Record<Action, boolean>> response indicating the user's permissions.\n * Each boolean will be `true` if the user can perform the action, `false` otherwise.\n *\n * If the user is not logged in, all values will be false.\n *\n * Remember - authorization checks for sensitive actions should always occur on the backend as well.\n * @example\n * type Permissions = {\n *   document: 'create' | 'read' | 'write\n *   image: 'create' | 'read'\n * }\n *\n * const MyComponent = (props) => {\n *   const canEditDocuments = props.stytchPermissions.document.edit;\n *   const canReadImages = props.stytchPermissions.image.read;\n * }\n * return withStytchPermissions<Permissions>(MyComponent)\n */\nexport const withStytchPermissions = <Permissions extends Record<string, string>, T extends object>(\n  Component: ComponentType<T & { stytchPermissions: PermissionsMap<Permissions> }>,\n): ComponentType<T> => {\n  const WithStytchPermissions: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('useRBACPermissions', 'StytchProvider'));\n    const client = useStytch();\n    const { user } = useStytchUser();\n    const [permissions, setPermissions] = useAsyncState<permissionsLoaded<Permissions>>({ loaded: false, value: null });\n\n    useEffect(() => {\n      client.rbac.allPermissions<Permissions>().then((permissions) => {\n        setPermissions({ loaded: true, value: permissions });\n      });\n    }, [client, user?.roles, setPermissions]);\n\n    if (!permissions.loaded) {\n      return null;\n    }\n    return <Component {...props} stytchPermissions={permissions.value} />;\n  };\n  WithStytchPermissions.displayName = `withStytchPermissions(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n  return WithStytchPermissions;\n};\n\nexport interface StytchProviderProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> {\n  /**\n   * A Stytch client instance, created using either {@link createStytchHeadlessClient} or {@link createStytchClient}\n   */\n  stytch: StytchClient<TProjectConfiguration>;\n  /**\n   * When true, the provider will assume that the component will only be\n   * rendered in a browser environment, either in a single-page application or\n   * after completing hydration of a server-rendered application. This allows\n   * cached values to be retrieved from the browser on the first render, meaning\n   * that the `isInitialized` value returned from Stytch hooks will be `true`\n   * starting from the first render.\n   *\n   * When `false`, the provider will defer initialization until after the first\n   * render, and `isInitialized` will initially be `false`.\n   *\n   * This value defaults to `false` in `@stytch/nextjs`.\n   */\n  assumeHydrated?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * The Stytch Context Provider.\n * Wrap your application with this component in order to use Stytch everywhere in your app.\n * @example\n * const stytch = createStytchClient('public-token-<find yours in the stytch dashboard>')\n *\n * return (\n *   <StytchProvider stytch={stytch}>\n *     <App />\n *   </StytchProvider>\n * )\n */\nexport const StytchProvider = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>({\n  stytch,\n  children,\n  assumeHydrated = false,\n}: StytchProviderProps<TProjectConfiguration>) => {\n  invariant(!useIsMounted__INTERNAL(), providerMustBeUniqueError);\n  invariant(\n    !assumeHydrated || typeof window !== 'undefined',\n    'The `assumeHydrated` prop must be set to `false` when using StytchProvider in a server environment.',\n  );\n\n  const ctx = useMemo(() => ({ client: stytch, isMounted: true }), [stytch]);\n\n  type ClientState<TAlwaysInitialized extends boolean> = {\n    session: SWRSession<TAlwaysInitialized>;\n    user: SWRUser<TAlwaysInitialized>;\n  };\n\n  const getHydratedState = useCallback(() => {\n    return {\n      session: { ...stytch.session.getInfo(), isInitialized: true },\n      user: { ...stytch.user.getInfo(), isInitialized: true },\n    } satisfies ClientState<true>;\n  }, [stytch]);\n\n  const getInitialState = () => {\n    return {\n      session: initialSession,\n      user: initialUser,\n    } satisfies ClientState<false>;\n  };\n\n  const [{ user, session }, setClientState] = useAsyncState<ClientState<boolean>>(() =>\n    assumeHydrated ? getHydratedState() : (getInitialState() as ClientState<boolean>),\n  );\n\n  // Store the initial value of `assumeHydrated` in a ref, because it is\n  // logically only relevant for the first render\n  const assumeHydratedRef = useRef(assumeHydrated);\n  useEffect(() => {\n    if (isStytchSSRProxy(stytch)) {\n      return;\n    }\n\n    const updateState = () => {\n      setClientState((oldState) => mergeWithStableProps(oldState, getHydratedState()));\n    };\n\n    if (!assumeHydratedRef.current) {\n      updateState();\n    }\n\n    return stytch.onStateChange(updateState);\n  }, [getHydratedState, setClientState, stytch]);\n\n  return (\n    <StytchContext.Provider value={ctx}>\n      <StytchUserContext.Provider value={user}>\n        <StytchSessionContext.Provider value={session}>{children}</StytchSessionContext.Provider>\n      </StytchUserContext.Provider>\n    </StytchContext.Provider>\n  );\n};\n"],"names":["initialUser","user","fromCache","isInitialized","initialSession","session","StytchContext","createContext","isMounted","StytchUserContext","StytchSessionContext","useIsMounted__INTERNAL","useContext","useStytchUser","invariant","noProviderError","useStytchSession","useStytch","ctx","client","withStytch","Component","WithStytch","props","React","stytch","displayName","name","withStytchUser","WithStytchUser","stytchUser","stytchUserIsInitialized","stytchUserIsFromCache","withStytchSession","WithStytchSession","stytchSession","stytchSessionIsInitialized","stytchSessionIsFromCache","useStytchIsAuthorized","resourceId","action","isAuthorized","setIsAuthorized","useAsyncState","useEffect","isStytchSSRProxy","rbac","isAuthorizedSync","then","roles","withStytchPermissions","WithStytchPermissions","permissions","setPermissions","loaded","value","allPermissions","stytchPermissions","StytchProvider","children","assumeHydrated","providerMustBeUniqueError","window","useMemo","getHydratedState","useCallback","getInfo","getInitialState","setClientState","assumeHydratedRef","useRef","updateState","oldState","mergeWithStableProps","current","onStateChange","Provider"],"mappings":"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"}
+{"version":3,"file":"StytchContext.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchContext.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n  ComponentType,\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeWithStableProps } from '@stytch/js-utils';\nimport { PermissionsMap, Session, StytchProjectConfigurationInput, User } from '@stytch/core/public';\nimport { useAsyncState } from '../utils/async';\nimport { noProviderError, providerMustBeUniqueError } from '../utils/errors';\nimport { invariant } from '../utils/invariant';\nimport { isStytchSSRProxy } from '../bindings/StytchSSRProxy';\nimport { StytchClient } from '../../../StytchClient';\n\n// There's no user facing strings in this file\n/* eslint-disable lingui/no-unlocalized-strings */\n\ntype StytchContext<TProjectConfiguration extends StytchProjectConfigurationInput> =\n  | {\n      isMounted: false;\n    }\n  | {\n      isMounted: true;\n      client: StytchClient<TProjectConfiguration>;\n    };\n\ntype SWRUserUninitialized = {\n  /**\n   * Either the active {@link User} object, or null if the user is not logged in.\n   */\n  user: null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRUserInitialized = {\n  /**\n   * Either the active {@link User} object, or null if the user is not logged in.\n   */\n  user: User | null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: true;\n};\n\ntype SWRUser<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRUserInitialized\n  : SWRUserInitialized | SWRUserUninitialized;\n\nconst initialUser: SWRUserUninitialized = {\n  user: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWRSessionUninitialized = {\n  /**\n   * Either the active {@link Session} object, or null if the user is not logged in.\n   */\n  session: null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRSessionInitialized = {\n  /**\n   * Either the active {@link Session} object, or null if the user is not logged in.\n   */\n  session: Session | null;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: true;\n};\n\ntype SWRSession<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRSessionInitialized\n  : SWRSessionInitialized | SWRSessionUninitialized;\n\nconst initialSession: SWRSessionUninitialized = {\n  session: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\nconst StytchContext = createContext<StytchContext<StytchProjectConfigurationInput>>({ isMounted: false });\nconst StytchUserContext = createContext<SWRUser>(initialUser);\nconst StytchSessionContext = createContext<SWRSession>(initialSession);\n\nexport const useIsMounted__INTERNAL = (): boolean => useContext(StytchContext).isMounted;\n\n/**\n * Returns the active User.\n * The Stytch SDKs are used for client-side authentication and session management.\n * Check the isInitialized property to determine if the SDK has completed initialization.\n * Check the fromCache property to determine if the user data is from persistent storage.\n * @example\n * const {user, isInitialized, fromCache} = useStytchUser();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<h1>Welcome, {user.name.first_name}</h1>);\n */\nexport const useStytchUser = <TAssumeHydrated extends boolean = false>(): SWRUser<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchUser'));\n  return useContext(StytchUserContext) as SWRUser<TAssumeHydrated>;\n};\n\n/**\n * Returns the active user's Stytch session.\n * The Stytch SDKs are used for client-side authentication and session management.\n * Check the isInitialized property to determine if the SDK has completed initialization.\n * Check the fromCache property to determine if the session data is from persistent storage.\n * @example\n * const {session, isInitialized, fromCache} = useStytchSession();\n * useEffect(() => {\n *   if (!isInitialized) {\n *     return;\n *   }\n *   if (!session) {\n *     router.replace('/login')\n *   }\n * }, [session, isInitialized]);\n */\nexport const useStytchSession = <TAssumeHydrated extends boolean = false>(): SWRSession<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchSession'));\n  return useContext(StytchSessionContext) as SWRSession<TAssumeHydrated>;\n};\n\n/**\n * Returns the Stytch client stored in the Stytch context.\n *\n * @example\n * const stytch = useStytch();\n * useEffect(() => {\n *   stytch.magicLinks.authenticate('...')\n * }, [stytch]);\n */\nexport const useStytch = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(): StytchClient<TProjectConfiguration> => {\n  const ctx = useContext(StytchContext);\n  invariant(ctx.isMounted, noProviderError('useStytch'));\n  return ctx.client as StytchClient<TProjectConfiguration>;\n};\n\nexport const withStytch = <\n  T extends object,\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(\n  Component: ComponentType<T & { stytch: StytchClient<TProjectConfiguration> }>,\n): ComponentType<T> => {\n  const WithStytch: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytch'));\n    return <Component {...props} stytch={useStytch()} />;\n  };\n  WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytch;\n};\n\nexport const withStytchUser = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchUser: User | null; stytchUserIsInitialized: boolean; stytchUserIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchUser: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchUser'));\n    const { user, isInitialized, fromCache } = useStytchUser<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchUser={user}\n        stytchUserIsInitialized={isInitialized}\n        stytchUserIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchUser.displayName = `withStytchUser(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchUser;\n};\n\nexport const withStytchSession = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchSession: Session | null; stytchSessionIsInitialized: boolean; stytchSessionIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchSession: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchSession'));\n    const { session, isInitialized, fromCache } = useStytchSession<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchSession={session}\n        stytchSessionIsInitialized={isInitialized}\n        stytchSessionIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchSession.displayName = `withStytchSession(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchSession;\n};\n\ntype SWRIsAuthorizedUninitialized = {\n  /**\n   * Whether the logged-in user is allowed to perform the specified action on the specified resource.\n   */\n  isAuthorized: false;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: false;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: false;\n};\n\ntype SWRIsAuthorizedInitialized = {\n  /**\n   * Whether the logged-in user is allowed to perform the specified action on the specified resource.\n   */\n  isAuthorized: boolean;\n  /**\n   * If true, indicates that the value returned is from the application cache and a state refresh is in progress.\n   */\n  fromCache: boolean;\n  /**\n   * If true, indicates that the SDK has completed initialization.\n   */\n  isInitialized: boolean;\n};\n\ntype SWRIsAuthorized<TAlwaysInitialized extends boolean> = TAlwaysInitialized extends true\n  ? SWRIsAuthorizedInitialized\n  : SWRIsAuthorizedInitialized | SWRIsAuthorizedUninitialized;\n\n/**\n * Determines whether the logged-in user is allowed to perform the specified action on the specified resource.\n * Returns `true` if the user can perform the action, `false` otherwise.\n *\n * If the user is not logged in, this method will always return false.\n * If the resource or action provided are not valid for the configured RBAC policy, this method will return false.\n *\n * Remember - authorization checks for sensitive actions should always occur on the backend as well.\n * @example\n * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');\n * return <button disabled={!isAuthorized}>Edit</button>\n */\nexport const useStytchIsAuthorized = <TAssumeHydrated extends boolean = false>(\n  resourceId: string,\n  action: string,\n): SWRIsAuthorized<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchIsAuthorized', 'StytchProvider'));\n  const client = useStytch();\n  const { user } = useStytchUser();\n  const [isAuthorized, setIsAuthorized] = useAsyncState<SWRIsAuthorized<boolean>>({\n    isInitialized: false,\n    fromCache: false,\n    isAuthorized: false,\n  });\n\n  useEffect(() => {\n    if (isStytchSSRProxy(client)) {\n      return;\n    }\n\n    setIsAuthorized({\n      isInitialized: true,\n      fromCache: true,\n      isAuthorized: client.rbac.isAuthorizedSync(resourceId, action),\n    });\n  }, [action, client, resourceId, setIsAuthorized]);\n\n  useEffect(() => {\n    if (isStytchSSRProxy(client)) {\n      return;\n    }\n    client.rbac.isAuthorized(resourceId, action).then((isAuthorized) => {\n      setIsAuthorized({ isAuthorized, fromCache: false, isInitialized: true });\n    });\n  }, [client, user?.roles, resourceId, action, setIsAuthorized]);\n\n  return isAuthorized;\n};\n\ntype permissionsLoaded<Permissions extends Record<string, string>> =\n  | {\n      loaded: false;\n      value: null;\n    }\n  | {\n      loaded: true;\n      value: PermissionsMap<Permissions>;\n    };\n\n/**\n * Wrap your component with this HOC in order to receive the permissions for the logged-in user.\n * Evaluates all permissions granted to the logged-in user.\n * Returns a Record<RoleId, Record<Action, boolean>> response indicating the user's permissions.\n * Each boolean will be `true` if the user can perform the action, `false` otherwise.\n *\n * If the user is not logged in, all values will be false.\n *\n * Remember - authorization checks for sensitive actions should always occur on the backend as well.\n * @example\n * type Permissions = {\n *   document: 'create' | 'read' | 'write\n *   image: 'create' | 'read'\n * }\n *\n * const MyComponent = (props) => {\n *   const canEditDocuments = props.stytchPermissions.document.edit;\n *   const canReadImages = props.stytchPermissions.image.read;\n * }\n * return withStytchPermissions<Permissions>(MyComponent)\n */\nexport const withStytchPermissions = <Permissions extends Record<string, string>, T extends object>(\n  Component: ComponentType<T & { stytchPermissions: PermissionsMap<Permissions> }>,\n): ComponentType<T> => {\n  const WithStytchPermissions: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('useRBACPermissions', 'StytchProvider'));\n    const client = useStytch();\n    const { user } = useStytchUser();\n    const [permissions, setPermissions] = useAsyncState<permissionsLoaded<Permissions>>({ loaded: false, value: null });\n\n    useEffect(() => {\n      client.rbac.allPermissions<Permissions>().then((permissions) => {\n        setPermissions({ loaded: true, value: permissions });\n      });\n    }, [client, user?.roles, setPermissions]);\n\n    if (!permissions.loaded) {\n      return null;\n    }\n    return <Component {...props} stytchPermissions={permissions.value} />;\n  };\n  WithStytchPermissions.displayName = `withStytchPermissions(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n  return WithStytchPermissions;\n};\n\nexport interface StytchProviderProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> {\n  /**\n   * A Stytch client instance, created using either {@link createStytchHeadlessClient} or {@link createStytchClient}\n   */\n  stytch: StytchClient<TProjectConfiguration>;\n  /**\n   * When true, the provider will assume that the component will only be\n   * rendered in a browser environment, either in a single-page application or\n   * after completing hydration of a server-rendered application. This allows\n   * cached values to be retrieved from the browser on the first render, meaning\n   * that the `isInitialized` value returned from Stytch hooks will be `true`\n   * starting from the first render.\n   *\n   * When `false`, the provider will defer initialization until after the first\n   * render, and `isInitialized` will initially be `false`.\n   *\n   * This value defaults to `false` in `@stytch/nextjs`.\n   */\n  assumeHydrated?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * The Stytch Context Provider.\n * Wrap your application with this component in order to use Stytch everywhere in your app.\n * @example\n * const stytch = createStytchClient('public-token-<find yours in the stytch dashboard>')\n *\n * return (\n *   <StytchProvider stytch={stytch}>\n *     <App />\n *   </StytchProvider>\n * )\n */\nexport const StytchProvider = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>({\n  stytch,\n  children,\n  assumeHydrated = false,\n}: StytchProviderProps<TProjectConfiguration>) => {\n  invariant(!useIsMounted__INTERNAL(), providerMustBeUniqueError);\n  invariant(\n    !assumeHydrated || typeof window !== 'undefined',\n    'The `assumeHydrated` prop must be set to `false` when using StytchProvider in a server environment.',\n  );\n\n  const ctx = useMemo(() => ({ client: stytch, isMounted: true }), [stytch]);\n\n  type ClientState<TAlwaysInitialized extends boolean> = {\n    session: SWRSession<TAlwaysInitialized>;\n    user: SWRUser<TAlwaysInitialized>;\n  };\n\n  const getHydratedState = useCallback(() => {\n    return {\n      session: { ...stytch.session.getInfo(), isInitialized: true },\n      user: { ...stytch.user.getInfo(), isInitialized: true },\n    } satisfies ClientState<true>;\n  }, [stytch]);\n\n  const getInitialState = () => {\n    return {\n      session: initialSession,\n      user: initialUser,\n    } satisfies ClientState<false>;\n  };\n\n  const [{ user, session }, setClientState] = useAsyncState<ClientState<boolean>>(() =>\n    assumeHydrated ? getHydratedState() : (getInitialState() as ClientState<boolean>),\n  );\n\n  // Store the initial value of `assumeHydrated` in a ref, because it is\n  // logically only relevant for the first render\n  const assumeHydratedRef = useRef(assumeHydrated);\n  useEffect(() => {\n    if (isStytchSSRProxy(stytch)) {\n      return;\n    }\n\n    const updateState = () => {\n      setClientState((oldState) => mergeWithStableProps(oldState, getHydratedState()));\n    };\n\n    if (!assumeHydratedRef.current) {\n      updateState();\n    }\n\n    return stytch.onStateChange(updateState);\n  }, [getHydratedState, setClientState, stytch]);\n\n  return (\n    <StytchContext.Provider value={ctx}>\n      <StytchUserContext.Provider value={user}>\n        <StytchSessionContext.Provider value={session}>{children}</StytchSessionContext.Provider>\n      </StytchUserContext.Provider>\n    </StytchContext.Provider>\n  );\n};\n"],"names":["initialUser","user","fromCache","isInitialized","initialSession","session","StytchContext","createContext","isMounted","StytchUserContext","StytchSessionContext","useIsMounted__INTERNAL","useContext","useStytchUser","invariant","noProviderError","useStytchSession","useStytch","ctx","client","withStytch","Component","WithStytch","props","React","stytch","displayName","name","withStytchUser","WithStytchUser","stytchUser","stytchUserIsInitialized","stytchUserIsFromCache","withStytchSession","WithStytchSession","stytchSession","stytchSessionIsInitialized","stytchSessionIsFromCache","useStytchIsAuthorized","resourceId","action","isAuthorized","setIsAuthorized","useAsyncState","useEffect","isStytchSSRProxy","rbac","isAuthorizedSync","then","roles","withStytchPermissions","WithStytchPermissions","permissions","setPermissions","loaded","value","allPermissions","stytchPermissions","StytchProvider","children","assumeHydrated","providerMustBeUniqueError","window","useMemo","getHydratedState","useCallback","getInfo","getInitialState","setClientState","assumeHydratedRef","useRef","updateState","oldState","mergeWithStableProps","current","onStateChange","Provider"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchLogin.mjs

@@ -28,7 +28,7 @@ import { createB2CComponent } from '../bindings/createB2CComponent.mjs';
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchLogin = createB2CComponent('StytchLogin', AppContainer);
+ */ const StytchLogin = /* @__PURE__ */ createB2CComponent('StytchLogin', AppContainer);
 
 export { StytchLogin };
 //# sourceMappingURL=StytchLogin.mjs.map

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchLogin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StytchLogin.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchLogin.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { AppContainer } from '../../b2c/AppContainer';\nimport { PresentationConfig, StytchLoginConfig } from '../../../types';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\n\nexport interface StytchProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\n  /**\n   * A {@link StytchLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   * @example\n   * {\n   *   products: [Products.crypto, Products.otp]\n   * }\n   *\n   * @example\n   * {\n   *   products: [Products.emailMagicLinks]\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   products: [Products.oauth]\n   *   oauthOptions: {\n   *   providers: [\n   *       { type: 'google', one_tap: true, position: 'embedded' },\n   *       { type: 'microsoft' },\n   *       { type: 'apple' },\n   *       { type: 'facebook' },\n   *     ],\n   *   }\n   * }\n   */\n  config: StytchLoginConfig;\n  /**\n   * An optional {@link PresentationConfig} to customize the UI presentation.\n   */\n  presentation?: PresentationConfig;\n  /**\n   * An optional {@link Callbacks} object.\n   *\n   * @example\n   * {\n   *   onError: ({message}) => {\n   *      console.error('Stytch login screen error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.CryptoWalletAuthenticate) {\n   *       console.log('Logged in with crypto wallet', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n}\n\n/**\n * The Stytch Login Screen component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchLogin\n *   config={{\n *     products: [Products.emailMagicLinks, Products.oauth],\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     oauthOptions: {\n *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],\n *    },\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchLogin = createB2CComponent('StytchLogin', AppContainer);\n"],"names":["StytchLogin","createB2CComponent","AppContainer"],"mappings":";;;AAiEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,IACM,MAAMA,WAAAA,GAAcC,kBAAAA,CAAmB,eAAeC,YAAAA;;;;"}
+{"version":3,"file":"StytchLogin.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchLogin.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { AppContainer } from '../../b2c/AppContainer';\nimport { PresentationConfig, StytchLoginConfig } from '../../../types';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\n\nexport interface StytchProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\n  /**\n   * A {@link StytchLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   * @example\n   * {\n   *   products: [Products.crypto, Products.otp]\n   * }\n   *\n   * @example\n   * {\n   *   products: [Products.emailMagicLinks]\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   products: [Products.oauth]\n   *   oauthOptions: {\n   *   providers: [\n   *       { type: 'google', one_tap: true, position: 'embedded' },\n   *       { type: 'microsoft' },\n   *       { type: 'apple' },\n   *       { type: 'facebook' },\n   *     ],\n   *   }\n   * }\n   */\n  config: StytchLoginConfig;\n  /**\n   * An optional {@link PresentationConfig} to customize the UI presentation.\n   */\n  presentation?: PresentationConfig;\n  /**\n   * An optional {@link Callbacks} object.\n   *\n   * @example\n   * {\n   *   onError: ({message}) => {\n   *      console.error('Stytch login screen error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.CryptoWalletAuthenticate) {\n   *       console.log('Logged in with crypto wallet', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n}\n\n/**\n * The Stytch Login Screen component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchLogin\n *   config={{\n *     products: [Products.emailMagicLinks, Products.oauth],\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     oauthOptions: {\n *      providers: [{ type: OAuthProviders.Google }, { type: OAuthProviders.Microsoft }],\n *    },\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchLogin = /* @__PURE__ */ createB2CComponent('StytchLogin', AppContainer);\n"],"names":["StytchLogin","createB2CComponent","AppContainer"],"mappings":";;;AAiEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,IACM,MAAMA,WAAAA,mBAA8BC,kBAAAA,CAAmB,eAAeC,YAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchPasskeyRegistration.mjs

@@ -18,7 +18,7 @@ import { createB2CComponent } from '../bindings/createB2CComponent.mjs';
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasskeyRegistration = createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
+ */ const StytchPasskeyRegistration = /* @__PURE__ */ createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
 
 export { StytchPasskeyRegistration };
 //# sourceMappingURL=StytchPasskeyRegistration.mjs.map

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchPasskeyRegistration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StytchPasskeyRegistration.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchPasskeyRegistration.tsx"],"sourcesContent":["import { PasskeyRegistrationContainer } from '../../b2c/PasskeyRegistrationContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\n\n/**\n * The Stytch Passkey Registration component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchPasskeyRegistration\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchPasskeyRegistration = createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);\n"],"names":["StytchPasskeyRegistration","createB2CComponent","PasskeyRegistrationContainer"],"mappings":";;;AAGA;;;;;;;;;;;;;;;;;AAiBC,IACM,MAAMA,yBAAAA,GAA4BC,kBAAAA,CAAmB,6BAA6BC,4BAAAA;;;;"}
+{"version":3,"file":"StytchPasskeyRegistration.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchPasskeyRegistration.tsx"],"sourcesContent":["import { PasskeyRegistrationContainer } from '../../b2c/PasskeyRegistrationContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\n\n/**\n * The Stytch Passkey Registration component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchPasskeyRegistration\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchPasskeyRegistration = /* @__PURE__ */ createB2CComponent(\n  'StytchPasskeyRegistration',\n  PasskeyRegistrationContainer,\n);\n"],"names":["StytchPasskeyRegistration","createB2CComponent","PasskeyRegistrationContainer"],"mappings":";;;AAGA;;;;;;;;;;;;;;;;;AAiBC,IACM,MAAMA,yBAAAA,mBAA4CC,kBAAAA,CACvD,6BACAC,4BAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchPasswordReset.mjs

@@ -26,7 +26,7 @@ import { createB2CComponent } from '../bindings/createB2CComponent.mjs';
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasswordReset = createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
+ */ const StytchPasswordReset = /* @__PURE__ */ createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
 
 export { StytchPasswordReset };
 //# sourceMappingURL=StytchPasswordReset.mjs.map

package/dist/esm-dev/packages/web/src/ui/react/b2c/StytchPasswordReset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StytchPasswordReset.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchPasswordReset.tsx"],"sourcesContent":["import { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ResetPasswordContainer } from '../../b2c/ResetPasswordContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\nimport { StytchProps } from './StytchLogin';\n\nexport interface StytchResetPasswordProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StytchProps<TProjectConfiguration> {\n  /**\n   * A Stytch password reset token.\n   */\n  passwordResetToken: string;\n}\n\n/**\n * The Stytch Reset Password component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchPasswordReset\n *   config={{\n *     products: [Products.passwords],\n *     passwordOptions: {\n *       loginRedirectURL: '${exampleURL}/authenticate',\n *       resetPasswordRedirectURL: '${exampleURL}/authenticate',\n *     },\n *   }}\n *   passwordResetToken=\"PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs\"\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchPasswordReset = createB2CComponent('StytchPasswordReset', ResetPasswordContainer);\n"],"names":["StytchPasswordReset","createB2CComponent","ResetPasswordContainer"],"mappings":";;;AAcA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBC,IACM,MAAMA,mBAAAA,GAAsBC,kBAAAA,CAAmB,uBAAuBC,sBAAAA;;;;"}
+{"version":3,"file":"StytchPasswordReset.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/StytchPasswordReset.tsx"],"sourcesContent":["import { StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { ResetPasswordContainer } from '../../b2c/ResetPasswordContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\nimport { StytchProps } from './StytchLogin';\n\nexport interface StytchResetPasswordProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StytchProps<TProjectConfiguration> {\n  /**\n   * A Stytch password reset token.\n   */\n  passwordResetToken: string;\n}\n\n/**\n * The Stytch Reset Password component.\n * This component can only be used with a Stytch UI Client\n * passed into the StytchProvider.\n *\n * See the {@link https://stytch.com/docs/sdks online reference}\n *\n * @example\n * <StytchPasswordReset\n *   config={{\n *     products: [Products.passwords],\n *     passwordOptions: {\n *       loginRedirectURL: '${exampleURL}/authenticate',\n *       resetPasswordRedirectURL: '${exampleURL}/authenticate',\n *     },\n *   }}\n *   passwordResetToken=\"PvC5UudZ7TPZbELt95yXAQ-8MeEUCRob8bUQ-g52fIJs\"\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchPasswordReset = /* @__PURE__ */ createB2CComponent('StytchPasswordReset', ResetPasswordContainer);\n"],"names":["StytchPasswordReset","createB2CComponent","ResetPasswordContainer"],"mappings":";;;AAcA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBC,IACM,MAAMA,mBAAAA,mBAAsCC,kBAAAA,CAAmB,uBAAuBC,sBAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/react/utils/errors.mjs

@@ -1,8 +1,12 @@
+import { RUN_IN_DEV } from '../../../../../core/src/utils/dev.mjs';
+
 // The strings in this file are only for developers
-/* eslint-disable lingui/no-unlocalized-strings */ function serverRenderError(name) {
-    if (typeof window === 'undefined') {
-        throw new Error(`<${name} /> cannot be rendered on the server. If you are using Next.js, use the @stytch/nextjs package or 'use client' directives`);
-    }
+function serverRenderError(name) {
+    RUN_IN_DEV(()=>{
+        if (typeof window === 'undefined') {
+            throw new Error(`<${name} /> cannot be rendered on the server. If you are using Next.js, use the @stytch/nextjs package or 'use client' directives`);
+        }
+    });
 }
 const noProviderError = (item, provider = 'StytchProvider')=>`${item} can only be used inside <${provider}>.`;
 const providerMustBeUniqueError = 'You cannot render a <StytchProvider> inside another <StytchProvider>.';

package/dist/esm-dev/packages/web/src/ui/react/utils/errors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"errors.mjs","sources":["../../../../../../../../../web/src/ui/react/utils/errors.ts"],"sourcesContent":["// The strings in this file are only for developers\n/* eslint-disable lingui/no-unlocalized-strings */\n\nexport function serverRenderError(name: string) {\n  if (process.env.NODE_ENV !== 'production' && typeof window === 'undefined') {\n    throw new Error(\n      `<${name} /> cannot be rendered on the server. If you are using Next.js, use the @stytch/nextjs package or 'use client' directives`,\n    );\n  }\n}\n\nexport const noProviderError = (item: string, provider = 'StytchProvider'): string =>\n  `${item} can only be used inside <${provider}>.`;\n\nexport const providerMustBeUniqueError = 'You cannot render a <StytchProvider> inside another <StytchProvider>.';\n\nexport const cannotInvokeMethodOnServerError = (path: string) =>\n  process.env.NODE_ENV === 'production'\n    ? `[Stytch] Invalid server-side function call to ${path}`\n    : `[Stytch] Invalid server-side function call to ${path}.\nThe Stytch JavaScript SDK is intended to only be used on the client side.\nMake sure to wrap your API calls in a hook to ensure they are executed on the client.\n\n\\`\\`\\`\nconst myComponent = () => {\n  const stytch = useStytch();\n  // This will error out on the server.\n  stytch.magicLinks.authenticate(...);\n  useEffect(() => {\n    // This will work well\n    stytch.magicLinks.authenticate(...);\n  }, []);\n}\n\\`\\`\\`\n\nIf you want to make API calls from server environments, please use the Stytch Node Library\nhttps://www.npmjs.com/package/stytch.`;\n"],"names":["serverRenderError","name","window","Error","noProviderError","item","provider","providerMustBeUniqueError","cannotInvokeMethodOnServerError","path"],"mappings":"AAAA;AACA,mDAEO,SAASA,iBAAAA,CAAkBC,IAAY,EAAA;AAC5C,IAAA,IAA6C,OAAOC,MAAAA,KAAW,WAAA,EAAa;AAC1E,QAAA,MAAM,IAAIC,KAAAA,CACR,CAAC,CAAC,EAAEF,IAAAA,CAAK,yHAAyH,CAAC,CAAA;AAEvI,IAAA;AACF;AAEO,MAAMG,eAAAA,GAAkB,CAACC,IAAAA,EAAcC,WAAW,gBAAgB,GACvE,CAAA,EAAGD,IAAAA,CAAK,0BAA0B,EAAEC,QAAAA,CAAS,EAAE;AAE1C,MAAMC,4BAA4B;AAElC,MAAMC,+BAAAA,GAAkC,CAACC,IAAAA,GAG1C,CAAC,8CAA8C,EAAEA,IAAAA,CAAK;;;;;;;;;;;;;;;;;AAiBvB,qCAAA;;;;"}
+{"version":3,"file":"errors.mjs","sources":["../../../../../../../../../web/src/ui/react/utils/errors.ts"],"sourcesContent":["// The strings in this file are only for developers\n/* eslint-disable lingui/no-unlocalized-strings */\n\nimport { RUN_IN_DEV } from '@stytch/core';\n\nexport function serverRenderError(name: string) {\n  RUN_IN_DEV(() => {\n    if (typeof window === 'undefined') {\n      throw new Error(\n        `<${name} /> cannot be rendered on the server. If you are using Next.js, use the @stytch/nextjs package or 'use client' directives`,\n      );\n    }\n  });\n}\n\nexport const noProviderError = (item: string, provider = 'StytchProvider'): string =>\n  `${item} can only be used inside <${provider}>.`;\n\nexport const providerMustBeUniqueError = 'You cannot render a <StytchProvider> inside another <StytchProvider>.';\n\nexport const cannotInvokeMethodOnServerError = (path: string) =>\n  process.env.NODE_ENV === 'production'\n    ? `[Stytch] Invalid server-side function call to ${path}`\n    : `[Stytch] Invalid server-side function call to ${path}.\nThe Stytch JavaScript SDK is intended to only be used on the client side.\nMake sure to wrap your API calls in a hook to ensure they are executed on the client.\n\n\\`\\`\\`\nconst myComponent = () => {\n  const stytch = useStytch();\n  // This will error out on the server.\n  stytch.magicLinks.authenticate(...);\n  useEffect(() => {\n    // This will work well\n    stytch.magicLinks.authenticate(...);\n  }, []);\n}\n\\`\\`\\`\n\nIf you want to make API calls from server environments, please use the Stytch Node Library\nhttps://www.npmjs.com/package/stytch.`;\n"],"names":["serverRenderError","name","RUN_IN_DEV","window","Error","noProviderError","item","provider","providerMustBeUniqueError","cannotInvokeMethodOnServerError","path"],"mappings":";;AAAA;AAKO,SAASA,kBAAkBC,IAAY,EAAA;IAC5CC,UAAAA,CAAW,IAAA;QACT,IAAI,OAAOC,WAAW,WAAA,EAAa;AACjC,YAAA,MAAM,IAAIC,KAAAA,CACR,CAAC,CAAC,EAAEH,IAAAA,CAAK,yHAAyH,CAAC,CAAA;AAEvI,QAAA;AACF,IAAA,CAAA,CAAA;AACF;AAEO,MAAMI,eAAAA,GAAkB,CAACC,IAAAA,EAAcC,WAAW,gBAAgB,GACvE,CAAA,EAAGD,IAAAA,CAAK,0BAA0B,EAAEC,QAAAA,CAAS,EAAE;AAE1C,MAAMC,4BAA4B;AAElC,MAAMC,+BAAAA,GAAkC,CAACC,IAAAA,GAG1C,CAAC,8CAA8C,EAAEA,IAAAA,CAAK;;;;;;;;;;;;;;;;;AAiBvB,qCAAA;;;;"}

package/dist/esm-dev/packages/web/src/utils/crypto.mjs

@@ -1,11 +1,7 @@
+import { b as bs58Exports } from '../../../../_virtual/index4.mjs';
 import 'react';
-import { b as bs58Exports } from '../../../../_virtual/index3.mjs';
 import { GenericWalletIcon } from '../assets/genericWallet.mjs';
-import '../assets/logo.module.css.mjs';
-import { BinanceIcon } from '../assets/logo-color/Binance.mjs';
-import { CoinbaseIcon } from '../assets/logo-color/Coinbase.mjs';
-import { MetamaskIcon } from '../assets/logo-color/Metamask.mjs';
-import { PhantomIcon } from '../assets/logo-color/Phantom.mjs';
+import { usePresentation } from '../ui/components/PresentationConfig.mjs';
 import { Wallets } from '../../../core/src/public/ui.mjs';
 
 const hasMultipleEthereumWallets = ()=>!!window.ethereum?.providers;
@@ -15,13 +11,18 @@ const hasOtherEthereumWallet = ()=>!hasMetaMask() && !hasCoinbaseWallet() && !!w
 const getMetaMaskProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum;
 const getCoinbaseProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum;
 const getOtherInjectedProvider = ()=>window.ethereum.providers?.find((wallet)=>!wallet.isCoinbaseWallet && !wallet.isMetaMask);
-const WalletToIcon = {
-    [Wallets.Phantom]: PhantomIcon,
-    [Wallets.Binance]: BinanceIcon,
-    [Wallets.Coinbase]: CoinbaseIcon,
-    [Wallets.Metamask]: MetamaskIcon,
-    [Wallets.GenericEthereumWallet]: GenericWalletIcon,
-    [Wallets.GenericSolanaWallet]: GenericWalletIcon
+const walletIcons = {
+    [Wallets.Phantom]: 'phantom',
+    [Wallets.Binance]: 'binance',
+    [Wallets.Coinbase]: 'coinbase',
+    [Wallets.Metamask]: 'metamask'
+};
+const useCryptoIcon = ()=>{
+    const iconRegistry = usePresentation().iconRegistry;
+    return (wallet)=>{
+        const iconName = walletIcons[wallet];
+        return iconName ? iconRegistry[iconName] : GenericWalletIcon;
+    };
 };
 const WalletToText = {
     [Wallets.Phantom]: {
@@ -167,5 +168,5 @@ const isSolanaWallet = (wallet)=>{
     return solanaWallets.includes(wallet);
 };
 
-export { WalletToIcon, WalletToText, connectWithWallet, isSolanaWallet, isWalletVisible, signMessageWithWallet };
+export { WalletToText, connectWithWallet, isSolanaWallet, isWalletVisible, signMessageWithWallet, useCryptoIcon, walletIcons };
 //# sourceMappingURL=crypto.mjs.map

package/dist/esm-dev/packages/web/src/utils/crypto.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"crypto.mjs","sources":["../../../../../../../web/src/utils/crypto.tsx"],"sourcesContent":["import { MessageDescriptor } from '@lingui/core';\nimport { msg } from '@lingui/core/macro';\nimport * as React from 'react';\nimport { Wallets } from '@stytch/core/public';\nimport { encode } from 'bs58';\n\nimport { GenericWalletIcon } from '../assets';\nimport { PhantomIcon, MetamaskIcon, BinanceIcon, CoinbaseIcon } from '../assets/logo-color';\n\ntype ProviderRequest = ({\n  method,\n  params,\n}: {\n  method: 'eth_requestAccounts' | 'personal_sign';\n  params?: string[];\n}) => string[] | string;\n\ntype ETHProvider = {\n  isMetaMask?: boolean;\n  isCoinbaseWallet?: boolean;\n  request: ProviderRequest;\n};\n\ndeclare global {\n  interface Window {\n    solana: {\n      isPhantom?: boolean;\n      connect: () => { publicKey: { toString: () => string } };\n      request: ({\n        method,\n        params,\n      }: {\n        method: 'signMessage';\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        params: Record<string, any>;\n      }) => { signature: Uint8Array };\n    };\n\n    ethereum: {\n      isMetaMask?: boolean;\n      isCoinbaseWallet?: boolean;\n      request?: ({ method, params }: { method: string; params?: string[] }) => string[] | string;\n      providers?: ETHProvider[];\n    };\n\n    BinanceChain: { request: ProviderRequest };\n  }\n}\n\nconst hasMultipleEthereumWallets = () => !!window.ethereum?.providers;\n\nconst hasMetaMask = () =>\n  !!(hasMultipleEthereumWallets()\n    ? window.ethereum.providers?.find((wallet) => wallet.isMetaMask)\n    : window.ethereum.isMetaMask);\n\nconst hasCoinbaseWallet = () =>\n  !!(hasMultipleEthereumWallets()\n    ? window.ethereum.providers?.find((wallet) => wallet.isCoinbaseWallet)\n    : window.ethereum?.isCoinbaseWallet);\n\nconst hasOtherEthereumWallet = () => !hasMetaMask() && !hasCoinbaseWallet() && !!window.ethereum;\n\nconst getMetaMaskProvider = () =>\n  hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet) => wallet.isMetaMask) : window.ethereum;\n\nconst getCoinbaseProvider = () =>\n  hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet) => wallet.isCoinbaseWallet) : window.ethereum;\n\nconst getOtherInjectedProvider = () =>\n  window.ethereum.providers?.find((wallet) => !wallet.isCoinbaseWallet && !wallet.isMetaMask);\n\nexport const WalletToIcon: Record<Wallets, React.FC> = {\n  [Wallets.Phantom]: PhantomIcon,\n  [Wallets.Binance]: BinanceIcon,\n  [Wallets.Coinbase]: CoinbaseIcon,\n  [Wallets.Metamask]: MetamaskIcon,\n  [Wallets.GenericEthereumWallet]: GenericWalletIcon,\n  [Wallets.GenericSolanaWallet]: GenericWalletIcon,\n};\n\nexport const WalletToText: Record<Wallets, MessageDescriptor> = {\n  [Wallets.Phantom]: msg({ id: 'crypto.wallet.phantom', message: 'Phantom' }),\n  [Wallets.Binance]: msg({ id: 'crypto.wallet.binance', message: 'Binance' }),\n  [Wallets.Coinbase]: msg({ id: 'crypto.wallet.coinbase', message: 'Coinbase' }),\n  [Wallets.Metamask]: msg({ id: 'crypto.wallet.metamask', message: 'Metamask' }),\n  [Wallets.GenericEthereumWallet]: msg({ id: 'crypto.wallet.otherEthereum', message: 'Other Ethereum Wallet' }),\n  [Wallets.GenericSolanaWallet]: msg({ id: 'crypto.wallet.otherSolana', message: 'Other Solana Wallet' }),\n};\n\nexport const isWalletVisible = (wallet: Wallets): boolean => {\n  switch (wallet) {\n    case Wallets.Metamask:\n      return !!window.ethereum && hasMetaMask();\n    case Wallets.Phantom:\n      return (!!window.solana && window.solana?.isPhantom) ?? false;\n    case Wallets.Binance:\n      return !!window.BinanceChain;\n    case Wallets.Coinbase:\n      return !!window.ethereum && hasCoinbaseWallet();\n    case Wallets.GenericEthereumWallet:\n      return !!window.ethereum && hasOtherEthereumWallet();\n    case Wallets.GenericSolanaWallet:\n      return !!window.solana && !window.solana.isPhantom;\n    default:\n      return false;\n  }\n};\n\nconst connectWithEthereumProvider = async (request: ProviderRequest): Promise<string> => {\n  const [address] = await request({\n    method: 'eth_requestAccounts',\n  });\n  return address;\n};\n\nexport const connectWithWallet = async ({ wallet }: { wallet: Wallets }): Promise<string> => {\n  switch (wallet) {\n    case Wallets.Metamask: {\n      const provider = getMetaMaskProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.Phantom: {\n      const connectResp = await window.solana.connect();\n      return connectResp.publicKey.toString();\n    }\n    case Wallets.Binance: {\n      const provider = window.BinanceChain;\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.Coinbase: {\n      const provider = getCoinbaseProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.GenericEthereumWallet: {\n      const provider = getOtherInjectedProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.GenericSolanaWallet: {\n      const connectResp = await window.solana.connect();\n      return connectResp.publicKey.toString();\n    }\n    default:\n      return '';\n  }\n};\n\nconst signMessageWithSolanaProvider = async (message: string): Promise<string> => {\n  const encodedMessage = new TextEncoder().encode(message);\n  const signResp = await window.solana.request({\n    method: 'signMessage',\n    params: {\n      message: encodedMessage,\n      display: 'utf8',\n    },\n  });\n  return encode(signResp.signature);\n};\n\nconst signMessageWithEthereumProvider = async (\n  request: ProviderRequest,\n  message: string,\n  address: string,\n): Promise<string> => {\n  const signature = await request({\n    method: 'personal_sign',\n    params: [message, address],\n  });\n  return signature as string;\n};\n\nexport const signMessageWithWallet = async ({\n  wallet,\n  message,\n  address,\n}: {\n  wallet: Wallets;\n  message: string;\n  address: string;\n}): Promise<string> => {\n  switch (wallet) {\n    case Wallets.Phantom:\n    case Wallets.GenericSolanaWallet:\n      return signMessageWithSolanaProvider(message);\n    case Wallets.Metamask: {\n      const provider = getMetaMaskProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.Binance: {\n      const provider = window.BinanceChain;\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.Coinbase: {\n      const provider = getCoinbaseProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.GenericEthereumWallet: {\n      const provider = getOtherInjectedProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    default:\n      return '';\n  }\n};\n\nexport const isSolanaWallet = (wallet: Wallets) => {\n  const solanaWallets: Wallets[] = [Wallets.Phantom, Wallets.GenericSolanaWallet];\n  return solanaWallets.includes(wallet);\n};\n\nexport const isEthereumWallet = (wallet: Wallets) => {\n  const ethWallets: Wallets[] = [Wallets.Binance, Wallets.GenericEthereumWallet, Wallets.Coinbase, Wallets.Metamask];\n  return ethWallets.includes(wallet);\n};\n"],"names":["hasMultipleEthereumWallets","window","ethereum","providers","hasMetaMask","find","wallet","isMetaMask","hasCoinbaseWallet","isCoinbaseWallet","hasOtherEthereumWallet","getMetaMaskProvider","getCoinbaseProvider","getOtherInjectedProvider","WalletToIcon","Wallets","Phantom","PhantomIcon","Binance","BinanceIcon","Coinbase","CoinbaseIcon","Metamask","MetamaskIcon","GenericEthereumWallet","GenericWalletIcon","GenericSolanaWallet","WalletToText","isWalletVisible","solana","isPhantom","BinanceChain","connectWithEthereumProvider","request","address","method","connectWithWallet","provider","connectResp","connect","publicKey","toString","signMessageWithSolanaProvider","message","encodedMessage","TextEncoder","encode","signResp","params","display","signature","signMessageWithEthereumProvider","signMessageWithWallet","isSolanaWallet","solanaWallets","includes"],"mappings":";;;;;;;;;;AAiDA,MAAMA,6BAA6B,IAAM,CAAC,CAACC,MAAAA,CAAOC,QAAQ,EAAEC,SAAAA;AAE5D,MAAMC,WAAAA,GAAc,IAClB,CAAC,EAAEJ,0BAAAA,EAAAA,GACCC,MAAAA,CAAOC,QAAQ,CAACC,SAAS,EAAEE,IAAAA,CAAK,CAACC,SAAWA,MAAAA,CAAOC,UAAU,IAC7DN,MAAAA,CAAOC,QAAQ,CAACK,UAAU,CAAD;AAE/B,MAAMC,iBAAAA,GAAoB,IACxB,CAAC,EAAER,0BAAAA,EAAAA,GACCC,MAAAA,CAAOC,QAAQ,CAACC,SAAS,EAAEE,IAAAA,CAAK,CAACC,SAAWA,MAAAA,CAAOG,gBAAgB,IACnER,MAAAA,CAAOC,QAAQ,EAAEO,gBAAe,CAAA;AAEtC,MAAMC,sBAAAA,GAAyB,IAAM,CAACN,WAAAA,EAAAA,IAAiB,CAACI,iBAAAA,EAAAA,IAAuB,CAAC,CAACP,MAAAA,CAAOC,QAAQ;AAEhG,MAAMS,mBAAAA,GAAsB,IAC1BX,0BAAAA,EAAAA,GAA+BC,MAAAA,CAAOC,QAAQ,CAACC,SAAS,EAAEE,IAAAA,CAAK,CAACC,MAAAA,GAAWA,MAAAA,CAAOC,UAAU,CAAA,GAAIN,OAAOC,QAAQ;AAEjH,MAAMU,mBAAAA,GAAsB,IAC1BZ,0BAAAA,EAAAA,GAA+BC,MAAAA,CAAOC,QAAQ,CAACC,SAAS,EAAEE,IAAAA,CAAK,CAACC,MAAAA,GAAWA,MAAAA,CAAOG,gBAAgB,CAAA,GAAIR,OAAOC,QAAQ;AAEvH,MAAMW,2BAA2B,IAC/BZ,MAAAA,CAAOC,QAAQ,CAACC,SAAS,EAAEE,IAAAA,CAAK,CAACC,MAAAA,GAAW,CAACA,MAAAA,CAAOG,gBAAgB,IAAI,CAACH,OAAOC,UAAU,CAAA;MAE/EO,YAAAA,GAA0C;IACrD,CAACC,OAAAA,CAAQC,OAAO,GAAGC,WAAAA;IACnB,CAACF,OAAAA,CAAQG,OAAO,GAAGC,WAAAA;IACnB,CAACJ,OAAAA,CAAQK,QAAQ,GAAGC,YAAAA;IACpB,CAACN,OAAAA,CAAQO,QAAQ,GAAGC,YAAAA;IACpB,CAACR,OAAAA,CAAQS,qBAAqB,GAAGC,iBAAAA;IACjC,CAACV,OAAAA,CAAQW,mBAAmB,GAAGD;AACjC;MAEaE,YAAAA,GAAmD;IAC9D,CAACZ,OAAAA,CAAQC,OAAO,GAAC;;;;IACjB,CAACD,OAAAA,CAAQG,OAAO,GAAC;;;;IACjB,CAACH,OAAAA,CAAQK,QAAQ,GAAC;;;;IAClB,CAACL,OAAAA,CAAQO,QAAQ,GAAC;;;;IAClB,CAACP,OAAAA,CAAQS,qBAAqB,GAAC;;;;IAC/B,CAACT,OAAAA,CAAQW,mBAAmB,GAAC;;;;AAC/B;AAEO,MAAME,kBAAkB,CAACtB,MAAAA,GAAAA;IAC9B,OAAQA,MAAAA;AACN,QAAA,KAAKS,QAAQO,QAAQ;AACnB,YAAA,OAAO,CAAC,CAACrB,MAAAA,CAAOC,QAAQ,IAAIE,WAAAA,EAAAA;AAC9B,QAAA,KAAKW,QAAQC,OAAO;YAClB,OAAQ,CAAA,CAAC,CAACf,MAAAA,CAAO4B,MAAM,IAAI5B,MAAAA,CAAO4B,MAAM,EAAEC,SAAQ,KAAM,KAAA;AAC1D,QAAA,KAAKf,QAAQG,OAAO;YAClB,OAAO,CAAC,CAACjB,MAAAA,CAAO8B,YAAY;AAC9B,QAAA,KAAKhB,QAAQK,QAAQ;AACnB,YAAA,OAAO,CAAC,CAACnB,MAAAA,CAAOC,QAAQ,IAAIM,iBAAAA,EAAAA;AAC9B,QAAA,KAAKO,QAAQS,qBAAqB;AAChC,YAAA,OAAO,CAAC,CAACvB,MAAAA,CAAOC,QAAQ,IAAIQ,sBAAAA,EAAAA;AAC9B,QAAA,KAAKK,QAAQW,mBAAmB;YAC9B,OAAO,CAAC,CAACzB,MAAAA,CAAO4B,MAAM,IAAI,CAAC5B,MAAAA,CAAO4B,MAAM,CAACC,SAAS;AACpD,QAAA;YACE,OAAO,KAAA;AACX;AACF;AAEA,MAAME,8BAA8B,OAAOC,OAAAA,GAAAA;AACzC,IAAA,MAAM,CAACC,OAAAA,CAAQ,GAAG,MAAMD,OAAAA,CAAQ;QAC9BE,MAAAA,EAAQ;AACV,KAAA,CAAA;IACA,OAAOD,OAAAA;AACT,CAAA;AAEO,MAAME,iBAAAA,GAAoB,OAAO,EAAE9B,MAAM,EAAuB,GAAA;IACrE,OAAQA,MAAAA;AACN,QAAA,KAAKS,QAAQO,QAAQ;AAAE,YAAA;AACrB,gBAAA,MAAMe,QAAAA,GAAW1B,mBAAAA,EAAAA;AACjB,gBAAA,OAAO0B,QAAAA,EAAUJ,OAAAA,GAAUD,2BAAAA,CAA4BK,QAAAA,EAAUJ,OAAAA,CAAAA,GAAW,EAAA;AAC9E,YAAA;AACA,QAAA,KAAKlB,QAAQC,OAAO;AAAE,YAAA;AACpB,gBAAA,MAAMsB,WAAAA,GAAc,MAAMrC,MAAAA,CAAO4B,MAAM,CAACU,OAAO,EAAA;gBAC/C,OAAOD,WAAAA,CAAYE,SAAS,CAACC,QAAQ,EAAA;AACvC,YAAA;AACA,QAAA,KAAK1B,QAAQG,OAAO;AAAE,YAAA;gBACpB,MAAMmB,QAAAA,GAAWpC,OAAO8B,YAAY;AACpC,gBAAA,OAAOM,QAAAA,EAAUJ,OAAAA,GAAUD,2BAAAA,CAA4BK,QAAAA,EAAUJ,OAAAA,CAAAA,GAAW,EAAA;AAC9E,YAAA;AACA,QAAA,KAAKlB,QAAQK,QAAQ;AAAE,YAAA;AACrB,gBAAA,MAAMiB,QAAAA,GAAWzB,mBAAAA,EAAAA;AACjB,gBAAA,OAAOyB,QAAAA,EAAUJ,OAAAA,GAAUD,2BAAAA,CAA4BK,QAAAA,EAAUJ,OAAAA,CAAAA,GAAW,EAAA;AAC9E,YAAA;AACA,QAAA,KAAKlB,QAAQS,qBAAqB;AAAE,YAAA;AAClC,gBAAA,MAAMa,QAAAA,GAAWxB,wBAAAA,EAAAA;AACjB,gBAAA,OAAOwB,QAAAA,EAAUJ,OAAAA,GAAUD,2BAAAA,CAA4BK,QAAAA,EAAUJ,OAAAA,CAAAA,GAAW,EAAA;AAC9E,YAAA;AACA,QAAA,KAAKlB,QAAQW,mBAAmB;AAAE,YAAA;AAChC,gBAAA,MAAMY,WAAAA,GAAc,MAAMrC,MAAAA,CAAO4B,MAAM,CAACU,OAAO,EAAA;gBAC/C,OAAOD,WAAAA,CAAYE,SAAS,CAACC,QAAQ,EAAA;AACvC,YAAA;AACA,QAAA;YACE,OAAO,EAAA;AACX;AACF;AAEA,MAAMC,gCAAgC,OAAOC,OAAAA,GAAAA;AAC3C,IAAA,MAAMC,cAAAA,GAAiB,IAAIC,WAAAA,EAAAA,CAAcC,MAAM,CAACH,OAAAA,CAAAA;AAChD,IAAA,MAAMI,WAAW,MAAM9C,MAAAA,CAAO4B,MAAM,CAACI,OAAO,CAAC;QAC3CE,MAAAA,EAAQ,aAAA;QACRa,MAAAA,EAAQ;YACNL,OAAAA,EAASC,cAAAA;YACTK,OAAAA,EAAS;AACX;AACF,KAAA,CAAA;IACA,OAAOH,kBAAAA,CAAOC,SAASG,SAAS,CAAA;AAClC,CAAA;AAEA,MAAMC,+BAAAA,GAAkC,OACtClB,OAAAA,EACAU,OAAAA,EACAT,OAAAA,GAAAA;IAEA,MAAMgB,SAAAA,GAAY,MAAMjB,OAAAA,CAAQ;QAC9BE,MAAAA,EAAQ,eAAA;QACRa,MAAAA,EAAQ;AAACL,YAAAA,OAAAA;AAAST,YAAAA;AAAQ;AAC5B,KAAA,CAAA;IACA,OAAOgB,SAAAA;AACT,CAAA;AAEO,MAAME,wBAAwB,OAAO,EAC1C9C,MAAM,EACNqC,OAAO,EACPT,OAAO,EAKR,GAAA;IACC,OAAQ5B,MAAAA;AACN,QAAA,KAAKS,QAAQC,OAAO;AACpB,QAAA,KAAKD,QAAQW,mBAAmB;AAC9B,YAAA,OAAOgB,6BAAAA,CAA8BC,OAAAA,CAAAA;AACvC,QAAA,KAAK5B,QAAQO,QAAQ;AAAE,YAAA;AACrB,gBAAA,MAAMe,QAAAA,GAAW1B,mBAAAA,EAAAA;AACjB,gBAAA,OAAO0B,UAAUJ,OAAAA,GAAUkB,+BAAAA,CAAgCd,QAAAA,EAAUJ,OAAAA,EAASU,SAAST,OAAAA,CAAAA,GAAW,EAAA;AACpG,YAAA;AACA,QAAA,KAAKnB,QAAQG,OAAO;AAAE,YAAA;gBACpB,MAAMmB,QAAAA,GAAWpC,OAAO8B,YAAY;AACpC,gBAAA,OAAOM,UAAUJ,OAAAA,GAAUkB,+BAAAA,CAAgCd,QAAAA,EAAUJ,OAAAA,EAASU,SAAST,OAAAA,CAAAA,GAAW,EAAA;AACpG,YAAA;AACA,QAAA,KAAKnB,QAAQK,QAAQ;AAAE,YAAA;AACrB,gBAAA,MAAMiB,QAAAA,GAAWzB,mBAAAA,EAAAA;AACjB,gBAAA,OAAOyB,UAAUJ,OAAAA,GAAUkB,+BAAAA,CAAgCd,QAAAA,EAAUJ,OAAAA,EAASU,SAAST,OAAAA,CAAAA,GAAW,EAAA;AACpG,YAAA;AACA,QAAA,KAAKnB,QAAQS,qBAAqB;AAAE,YAAA;AAClC,gBAAA,MAAMa,QAAAA,GAAWxB,wBAAAA,EAAAA;AACjB,gBAAA,OAAOwB,UAAUJ,OAAAA,GAAUkB,+BAAAA,CAAgCd,QAAAA,EAAUJ,OAAAA,EAASU,SAAST,OAAAA,CAAAA,GAAW,EAAA;AACpG,YAAA;AACA,QAAA;YACE,OAAO,EAAA;AACX;AACF;AAEO,MAAMmB,iBAAiB,CAAC/C,MAAAA,GAAAA;AAC7B,IAAA,MAAMgD,aAAAA,GAA2B;AAACvC,QAAAA,OAAAA,CAAQC,OAAO;AAAED,QAAAA,OAAAA,CAAQW;AAAoB,KAAA;IAC/E,OAAO4B,aAAAA,CAAcC,QAAQ,CAACjD,MAAAA,CAAAA;AAChC;;;;"}
+{"version":3,"file":"crypto.mjs","sources":["../../../../../../../web/src/utils/crypto.tsx"],"sourcesContent":["import { MessageDescriptor } from '@lingui/core';\nimport { msg } from '@lingui/core/macro';\nimport { Wallets } from '@stytch/core/public';\nimport { encode } from 'bs58';\n\nimport { GenericWalletIcon } from '../assets';\nimport { cryptoIcons } from '../ui/b2c/components/Icons';\nimport { IconRegistry } from '../ui/components/IconRegistry';\nimport { usePresentation } from '../ui/components/PresentationConfig';\n\ntype ProviderRequest = ({\n  method,\n  params,\n}: {\n  method: 'eth_requestAccounts' | 'personal_sign';\n  params?: string[];\n}) => string[] | string;\n\ntype ETHProvider = {\n  isMetaMask?: boolean;\n  isCoinbaseWallet?: boolean;\n  request: ProviderRequest;\n};\n\ndeclare global {\n  interface Window {\n    solana: {\n      isPhantom?: boolean;\n      connect: () => { publicKey: { toString: () => string } };\n      request: ({\n        method,\n        params,\n      }: {\n        method: 'signMessage';\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        params: Record<string, any>;\n      }) => { signature: Uint8Array };\n    };\n\n    ethereum: {\n      isMetaMask?: boolean;\n      isCoinbaseWallet?: boolean;\n      request?: ({ method, params }: { method: string; params?: string[] }) => string[] | string;\n      providers?: ETHProvider[];\n    };\n\n    BinanceChain: { request: ProviderRequest };\n  }\n}\n\nconst hasMultipleEthereumWallets = () => !!window.ethereum?.providers;\n\nconst hasMetaMask = () =>\n  !!(hasMultipleEthereumWallets()\n    ? window.ethereum.providers?.find((wallet) => wallet.isMetaMask)\n    : window.ethereum.isMetaMask);\n\nconst hasCoinbaseWallet = () =>\n  !!(hasMultipleEthereumWallets()\n    ? window.ethereum.providers?.find((wallet) => wallet.isCoinbaseWallet)\n    : window.ethereum?.isCoinbaseWallet);\n\nconst hasOtherEthereumWallet = () => !hasMetaMask() && !hasCoinbaseWallet() && !!window.ethereum;\n\nconst getMetaMaskProvider = () =>\n  hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet) => wallet.isMetaMask) : window.ethereum;\n\nconst getCoinbaseProvider = () =>\n  hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet) => wallet.isCoinbaseWallet) : window.ethereum;\n\nconst getOtherInjectedProvider = () =>\n  window.ethereum.providers?.find((wallet) => !wallet.isCoinbaseWallet && !wallet.isMetaMask);\n\ntype CryptoIcon = keyof typeof cryptoIcons;\nexport const walletIcons: Partial<Record<Wallets, CryptoIcon>> = {\n  [Wallets.Phantom]: 'phantom',\n  [Wallets.Binance]: 'binance',\n  [Wallets.Coinbase]: 'coinbase',\n  [Wallets.Metamask]: 'metamask',\n};\n\nexport const useCryptoIcon = () => {\n  const iconRegistry: IconRegistry<CryptoIcon> = usePresentation().iconRegistry;\n  return (wallet: Wallets) => {\n    const iconName = walletIcons[wallet];\n    return iconName ? iconRegistry[iconName] : GenericWalletIcon;\n  };\n};\n\nexport const WalletToText: Record<Wallets, MessageDescriptor> = {\n  [Wallets.Phantom]: msg({ id: 'crypto.wallet.phantom', message: 'Phantom' }),\n  [Wallets.Binance]: msg({ id: 'crypto.wallet.binance', message: 'Binance' }),\n  [Wallets.Coinbase]: msg({ id: 'crypto.wallet.coinbase', message: 'Coinbase' }),\n  [Wallets.Metamask]: msg({ id: 'crypto.wallet.metamask', message: 'Metamask' }),\n  [Wallets.GenericEthereumWallet]: msg({ id: 'crypto.wallet.otherEthereum', message: 'Other Ethereum Wallet' }),\n  [Wallets.GenericSolanaWallet]: msg({ id: 'crypto.wallet.otherSolana', message: 'Other Solana Wallet' }),\n};\n\nexport const isWalletVisible = (wallet: Wallets): boolean => {\n  switch (wallet) {\n    case Wallets.Metamask:\n      return !!window.ethereum && hasMetaMask();\n    case Wallets.Phantom:\n      return (!!window.solana && window.solana?.isPhantom) ?? false;\n    case Wallets.Binance:\n      return !!window.BinanceChain;\n    case Wallets.Coinbase:\n      return !!window.ethereum && hasCoinbaseWallet();\n    case Wallets.GenericEthereumWallet:\n      return !!window.ethereum && hasOtherEthereumWallet();\n    case Wallets.GenericSolanaWallet:\n      return !!window.solana && !window.solana.isPhantom;\n    default:\n      return false;\n  }\n};\n\nconst connectWithEthereumProvider = async (request: ProviderRequest): Promise<string> => {\n  const [address] = await request({\n    method: 'eth_requestAccounts',\n  });\n  return address;\n};\n\nexport const connectWithWallet = async ({ wallet }: { wallet: Wallets }): Promise<string> => {\n  switch (wallet) {\n    case Wallets.Metamask: {\n      const provider = getMetaMaskProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.Phantom: {\n      const connectResp = await window.solana.connect();\n      return connectResp.publicKey.toString();\n    }\n    case Wallets.Binance: {\n      const provider = window.BinanceChain;\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.Coinbase: {\n      const provider = getCoinbaseProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.GenericEthereumWallet: {\n      const provider = getOtherInjectedProvider();\n      return provider?.request ? connectWithEthereumProvider(provider?.request) : '';\n    }\n    case Wallets.GenericSolanaWallet: {\n      const connectResp = await window.solana.connect();\n      return connectResp.publicKey.toString();\n    }\n    default:\n      return '';\n  }\n};\n\nconst signMessageWithSolanaProvider = async (message: string): Promise<string> => {\n  const encodedMessage = new TextEncoder().encode(message);\n  const signResp = await window.solana.request({\n    method: 'signMessage',\n    params: {\n      message: encodedMessage,\n      display: 'utf8',\n    },\n  });\n  return encode(signResp.signature);\n};\n\nconst signMessageWithEthereumProvider = async (\n  request: ProviderRequest,\n  message: string,\n  address: string,\n): Promise<string> => {\n  const signature = await request({\n    method: 'personal_sign',\n    params: [message, address],\n  });\n  return signature as string;\n};\n\nexport const signMessageWithWallet = async ({\n  wallet,\n  message,\n  address,\n}: {\n  wallet: Wallets;\n  message: string;\n  address: string;\n}): Promise<string> => {\n  switch (wallet) {\n    case Wallets.Phantom:\n    case Wallets.GenericSolanaWallet:\n      return signMessageWithSolanaProvider(message);\n    case Wallets.Metamask: {\n      const provider = getMetaMaskProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.Binance: {\n      const provider = window.BinanceChain;\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.Coinbase: {\n      const provider = getCoinbaseProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    case Wallets.GenericEthereumWallet: {\n      const provider = getOtherInjectedProvider();\n      return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';\n    }\n    default:\n      return '';\n  }\n};\n\nexport const isSolanaWallet = (wallet: Wallets) => {\n  const solanaWallets: Wallets[] = [Wallets.Phantom, Wallets.GenericSolanaWallet];\n  return solanaWallets.includes(wallet);\n};\n\nexport const isEthereumWallet = (wallet: Wallets) => {\n  const ethWallets: Wallets[] = [Wallets.Binance, Wallets.GenericEthereumWallet, Wallets.Coinbase, Wallets.Metamask];\n  return ethWallets.includes(wallet);\n};\n"],"names":["hasMultipleEthereumWallets","window","ethereum","providers","hasMetaMask","find","wallet","isMetaMask","hasCoinbaseWallet","isCoinbaseWallet","hasOtherEthereumWallet","getMetaMaskProvider","getCoinbaseProvider","getOtherInjectedProvider","walletIcons","Wallets","Phantom","Binance","Coinbase","Metamask","useCryptoIcon","iconRegistry","usePresentation","iconName","GenericWalletIcon","WalletToText","GenericEthereumWallet","GenericSolanaWallet","isWalletVisible","solana","isPhantom","BinanceChain","connectWithEthereumProvider","request","address","method","connectWithWallet","provider","connectResp","connect","publicKey","toString","signMessageWithSolanaProvider","message","encodedMessage","TextEncoder","encode","signResp","params","display","signature","signMessageWithEthereumProvider","signMessageWithWallet","isSolanaWallet","solanaWallets","includes"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/utils/oauthProviderType.mjs

@@ -10,7 +10,7 @@ const getParamsFromB2BOAuthProviderConfig = (provider)=>{
         providerType = provider;
     } else {
         providerType = provider.type;
-        if (provider.type === B2BOAuthProviders.Google && 'one_tap' in provider) {
+        if (provider.type === B2BOAuthProviders.Google && provider.one_tap) {
             oneTap = provider.one_tap;
             cancelOnTapOutside = provider.cancel_on_tap_outside;
         }

package/dist/esm-dev/packages/web/src/utils/oauthProviderType.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"oauthProviderType.mjs","sources":["../../../../../../../web/src/utils/oauthProviderType.ts"],"sourcesContent":["import { B2BOAuthProviderConfig, B2BOAuthProviders } from '@stytch/core/public';\n\nexport const getParamsFromB2BOAuthProviderConfig = (provider: B2BOAuthProviderConfig) => {\n  let providerType: B2BOAuthProviders;\n  let oneTap = false;\n  let customScopes: string[] = [];\n  let providerParams: Record<string, string> = {};\n  let cancelOnTapOutside: boolean | undefined = undefined;\n  if (typeof provider === 'string') {\n    providerType = provider;\n  } else {\n    providerType = provider.type;\n    if (provider.type === B2BOAuthProviders.Google && 'one_tap' in provider) {\n      oneTap = provider.one_tap;\n      cancelOnTapOutside = provider.cancel_on_tap_outside;\n    }\n    customScopes = provider.customScopes || [];\n    providerParams = provider.providerParams || {};\n  }\n  return {\n    type: providerType,\n    one_tap: oneTap,\n    customScopes,\n    providerParams,\n    cancel_on_tap_outside: cancelOnTapOutside,\n  };\n};\n"],"names":["getParamsFromB2BOAuthProviderConfig","provider","providerType","oneTap","customScopes","providerParams","cancelOnTapOutside","undefined","type","B2BOAuthProviders","Google","one_tap","cancel_on_tap_outside"],"mappings":";;AAEO,MAAMA,sCAAsC,CAACC,QAAAA,GAAAA;IAClD,IAAIC,YAAAA;AACJ,IAAA,IAAIC,MAAAA,GAAS,KAAA;AACb,IAAA,IAAIC,eAAyB,EAAE;AAC/B,IAAA,IAAIC,iBAAyC,EAAC;AAC9C,IAAA,IAAIC,kBAAAA,GAA0CC,SAAAA;IAC9C,IAAI,OAAON,aAAa,QAAA,EAAU;QAChCC,YAAAA,GAAeD,QAAAA;IACjB,CAAA,MAAO;AACLC,QAAAA,YAAAA,GAAeD,SAASO,IAAI;AAC5B,QAAA,IAAIP,SAASO,IAAI,KAAKC,kBAAkBC,MAAM,IAAI,aAAaT,QAAAA,EAAU;AACvEE,YAAAA,MAAAA,GAASF,SAASU,OAAO;AACzBL,YAAAA,kBAAAA,GAAqBL,SAASW,qBAAqB;AACrD,QAAA;QACAR,YAAAA,GAAeH,QAAAA,CAASG,YAAY,IAAI,EAAE;QAC1CC,cAAAA,GAAiBJ,QAAAA,CAASI,cAAc,IAAI,EAAC;AAC/C,IAAA;IACA,OAAO;QACLG,IAAAA,EAAMN,YAAAA;QACNS,OAAAA,EAASR,MAAAA;AACTC,QAAAA,YAAAA;AACAC,QAAAA,cAAAA;QACAO,qBAAAA,EAAuBN;AACzB,KAAA;AACF;;;;"}
+{"version":3,"file":"oauthProviderType.mjs","sources":["../../../../../../../web/src/utils/oauthProviderType.ts"],"sourcesContent":["import { B2BOAuthProviderConfig, B2BOAuthProviders } from '@stytch/core/public';\n\nexport const getParamsFromB2BOAuthProviderConfig = (provider: B2BOAuthProviderConfig) => {\n  let providerType: B2BOAuthProviders;\n  let oneTap = false;\n  let customScopes: string[] = [];\n  let providerParams: Record<string, string> = {};\n  let cancelOnTapOutside: boolean | undefined = undefined;\n  if (typeof provider === 'string') {\n    providerType = provider;\n  } else {\n    providerType = provider.type;\n    if (provider.type === B2BOAuthProviders.Google && provider.one_tap) {\n      oneTap = provider.one_tap;\n      cancelOnTapOutside = provider.cancel_on_tap_outside;\n    }\n    customScopes = provider.customScopes || [];\n    providerParams = provider.providerParams || {};\n  }\n  return {\n    type: providerType,\n    one_tap: oneTap,\n    customScopes,\n    providerParams,\n    cancel_on_tap_outside: cancelOnTapOutside,\n  };\n};\n"],"names":["getParamsFromB2BOAuthProviderConfig","provider","providerType","oneTap","customScopes","providerParams","cancelOnTapOutside","undefined","type","B2BOAuthProviders","Google","one_tap","cancel_on_tap_outside"],"mappings":";;AAEO,MAAMA,sCAAsC,CAACC,QAAAA,GAAAA;IAClD,IAAIC,YAAAA;AACJ,IAAA,IAAIC,MAAAA,GAAS,KAAA;AACb,IAAA,IAAIC,eAAyB,EAAE;AAC/B,IAAA,IAAIC,iBAAyC,EAAC;AAC9C,IAAA,IAAIC,kBAAAA,GAA0CC,SAAAA;IAC9C,IAAI,OAAON,aAAa,QAAA,EAAU;QAChCC,YAAAA,GAAeD,QAAAA;IACjB,CAAA,MAAO;AACLC,QAAAA,YAAAA,GAAeD,SAASO,IAAI;QAC5B,IAAIP,QAAAA,CAASO,IAAI,KAAKC,iBAAAA,CAAkBC,MAAM,IAAIT,QAAAA,CAASU,OAAO,EAAE;AAClER,YAAAA,MAAAA,GAASF,SAASU,OAAO;AACzBL,YAAAA,kBAAAA,GAAqBL,SAASW,qBAAqB;AACrD,QAAA;QACAR,YAAAA,GAAeH,QAAAA,CAASG,YAAY,IAAI,EAAE;QAC1CC,cAAAA,GAAiBJ,QAAAA,CAASI,cAAc,IAAI,EAAC;AAC/C,IAAA;IACA,OAAO;QACLG,IAAAA,EAAMN,YAAAA;QACNS,OAAAA,EAASR,MAAAA;AACTC,QAAAA,YAAAA;AACAC,QAAAA,cAAAA;QACAO,qBAAAA,EAAuBN;AACzB,KAAA;AACF;;;;"}

package/dist/types/PresentationConfig-CcNEXkjS.d.ts

@@ -0,0 +1,172 @@
+import './ui-B7IvSGQf.js';
+import { HTMLAttributes, ComponentType } from 'react';
+
+type Theme = Partial<ColorMixFallback> & {
+    'color-scheme': 'light' | 'dark' | 'shadcn';
+    /** Base font for all text.
+     *  @default system-ui */
+    'font-family': string;
+    /** Font for monospace code, such as TOTP setup and recovery code.
+     *  @default ui-monospace. */
+    'font-family-mono': string;
+    /** Header font override.
+     *  @default base font-family */
+    'header-font'?: string;
+    /** Base sizing variable. Changing this makes most spacing between elements larger or smaller.
+     *  @default 4px */
+    spacing: string;
+    /** Max width for outer container.
+     *  @default 400px */
+    'container-width': string;
+    /** UI components are larger to accommodate touch screens below this size
+     *  @default 768px */
+    'mobile-breakpoint': string;
+    /** Base border radius.
+     *  @default 4px */
+    'rounded-base': string;
+    /** Base font size.
+     *  @default 1rem or 16px */
+    'text-base': string;
+    /** Override for button border radius
+     *  @default 2x rounded-base or 8px */
+    'button-radius'?: string;
+    /** Override for input border radius
+     *  @default 2x rounded-base or 8px */
+    'input-radius'?: string;
+    /** Override for outer container border radius
+     *  @default 6x rounded-base or 24px */
+    'container-radius'?: string;
+    /** Base box shadow, used for both buttons and inputs
+     *  @default none */
+    shadow?: string;
+    'shadow-button'?: string;
+    'shadow-input'?: string;
+    'transition-duration': string;
+    /** Background color of the SDK container. */
+    background: string;
+    /** Default font color for text in the SDK container. */
+    foreground: string;
+    /**
+     * Your primary brand color. This will be applied to primary action buttons
+     * such as form submit buttons.
+     */
+    primary: string;
+    'primary-foreground': string;
+    secondary: string;
+    'secondary-foreground': string;
+    /**
+     * A neutral, subtle color for areas such as the unfilled part of a progress bar.
+     */
+    muted: string;
+    /**
+     * Text color contrasting with muted, and also the color used for helper and other
+     * secondary text.
+     */
+    'muted-foreground': string;
+    /**
+     * Your accent brand color. This will be applied to backgrounds to draw user's attention
+     * such as backup code for TOTP registration.
+     */
+    accent: string;
+    'accent-foreground': string;
+    /** Border color for the outer container and dividers */
+    border: string;
+    /** Border color for inputs */
+    input: string;
+    /** Input and button focus ring color */
+    ring: string;
+    /** Background and font color for destructive actions and error states.
+     *  @default Red color */
+    destructive: string;
+    'destructive-foreground': string;
+    /** Background and font color for warning states.
+     *  @default Orange color */
+    warning: string;
+    /** Background and font color for successful states.
+     *  @default Green color */
+    success: string;
+    /** Border color only for the outer container
+     *  @default The value of border */
+    'container-border'?: string;
+};
+/**
+ * Color mix overrides -
+ * These variables are constructed using color-mix() by default. If customer needs to support older browsers,
+ * these values can be set using a pre-processor or JS a chroma.js polyfill
+ */
+type ColorMixFallback = {
+    'tab-background': string;
+    'primary-button-hover': string;
+    'secondary-button-hover': string;
+    'destructive-button-hover': string;
+    'divider-color': string;
+    'focus-ring-shadow': string;
+};
+
+interface IconProps extends HTMLAttributes<unknown> {
+    size?: number;
+}
+
+/**
+ * Usage note: This is not type-safe if you use string as T, you have to constrain T to the icon key, e.g.
+ * const iconRegistry: IconRegistry<keyof typeof oauthIcons> = usePresentation().iconRegistry;
+ **/
+type IconRegistry<T extends string> = Record<T, ComponentType<IconProps>>;
+
+type PresentationOptions = {
+    /**
+     * When this value is false, the title and description text will not show in the SDK.
+     */
+    hideHeaderText: boolean;
+    /**
+     * Optional suffix for <input> id attribute so input IDs are unique.
+     */
+    inputIdSuffix?: string;
+    /**
+     * The configuration object for your custom logo.
+     */
+    logo?: {
+        /**
+         * The URL of your custom logo.
+         */
+        url: string;
+        /**
+         * Alt text for the logo. This would usually be the name of the website or your company,
+         * unless this is already repeated nearby in which case this should be left empty.
+         */
+        alt: string;
+    };
+    /**
+     * Override our icons. Currently, this only supports logos, such as those that appear in Oauth buttons.
+     * This should be an object where the key is the icon name and the value is a React component
+     * (not React element) with a size prop and the rest spread onto the root element.
+     *
+     * Note that custom logos not imported from our packages is not yet available in @stytch/vanilla-js.
+     * We are looking at provide alternatives in the future.
+     *
+     * @example
+     *
+     * // Using a solid black or white icon
+     * import { whiteIcons } from '@stytch/react';
+     *
+     * const presentation = {
+     *   options: {
+     *     icons: {
+     *       outlook: whiteIcons.outlook,
+     *     },
+     *   },
+     * };
+     *
+     * // Using a custom icon
+     * const presentation = {
+     *  icons: {
+     *    outlook: ({ size, ...props }) => (
+     *      <svg width={size} height={size} {...props}>...</svg>
+     *    ),
+     *  },
+     * };
+     */
+    icons?: IconRegistry<string>;
+};
+
+export type { ColorMixFallback as C, IconRegistry as I, PresentationOptions as P, Theme as T };

package/dist/types/{StytchB2BClient-C_7NUKZh.d.ts → StytchB2BClient-D16e_lp1.d.ts}

@@ -1,4 +1,5 @@
-import { u as IHeadlessB2BIDPClient, a as INetworkClient, B as B2BOAuthAuthorizeStartOptions, v as B2BOAuthAuthorizeStartResponse, w as B2BOAuthAuthorizeSubmitOptions, x as B2BOAuthAuthorizeSubmitResponse, y as B2BOAuthLogoutStartOptions, z as B2BOAuthLogoutStartResponse, S as StytchProjectConfigurationInput, D as IHeadlessB2BOAuthClient, h as OneTapRenderResult, E as IHeadlessB2BMagicLinksClient, F as IHeadlessB2BSessionClient, G as IHeadlessB2BMemberClient, H as IHeadlessB2BSelfClient, J as IHeadlessB2BOrganizationClient, K as IHeadlessB2BSSOClient, L as IHeadlessB2BDiscoveryClient, M as IHeadlessB2BPasswordClient, N as IHeadlessB2BOTPsClient, Q as IHeadlessB2BTOTPsClient, R as IHeadlessB2BRecoveryCodesClient, T as IHeadlessB2BRBACClient, U as IHeadlessB2BSCIMClient, V as IHeadlessB2BImpersonationClient, s as StateChangeRegisterFunction, W as B2BState, P as ParseAuthenticateUrl, A as AuthenticateByUrl, t as StytchClientOptions } from './createAuthUrlHandler-BJRA2PHG.js';
+import { a as StytchProjectConfigurationInput, h as IHeadlessB2BOAuthClient, i as IHeadlessB2BMagicLinksClient, j as IHeadlessB2BOrganizationClient, k as IHeadlessB2BSSOClient, l as IHeadlessB2BDiscoveryClient, m as IHeadlessB2BPasswordClient, n as IHeadlessB2BOTPsClient, o as IHeadlessB2BTOTPsClient, p as IHeadlessB2BRecoveryCodesClient, q as IHeadlessB2BImpersonationClient, B as B2BState, g as StytchClientOptions } from './ui-B7IvSGQf.js';
+import { m as IHeadlessB2BIDPClient, a as INetworkClient, B as B2BOAuthAuthorizeStartOptions, n as B2BOAuthAuthorizeStartResponse, o as B2BOAuthAuthorizeSubmitOptions, p as B2BOAuthAuthorizeSubmitResponse, q as B2BOAuthLogoutStartOptions, r as B2BOAuthLogoutStartResponse, h as OneTapRenderResult, s as IHeadlessB2BSessionClient, t as IHeadlessB2BMemberClient, u as IHeadlessB2BSelfClient, v as IHeadlessB2BRBACClient, w as IHeadlessB2BSCIMClient, S as StateChangeRegisterFunction, P as ParseAuthenticateUrl, A as AuthenticateByUrl } from './createAuthUrlHandler-R1kNNQD_.js';
 
 declare class HeadlessB2BIDPClient implements IHeadlessB2BIDPClient {
     private _networkClient;

package/dist/types/{StytchClient-Ccvk8Nj1.d.ts → StytchClient-BwQdJzdj.d.ts}

@@ -1,4 +1,5 @@
-import { I as IHeadlessIDPClient, a as INetworkClient, O as OAuthAuthorizeStartOptions, b as OAuthAuthorizeStartResponse, c as OAuthAuthorizeSubmitOptions, d as OAuthAuthorizeSubmitResponse, e as OAuthLogoutStartOptions, f as OAuthLogoutStartResponse, S as StytchProjectConfigurationInput, g as IHeadlessOAuthClient, h as OneTapRenderResult, i as IHeadlessUserClient, j as IHeadlessMagicLinksClient, k as IHeadlessSessionClient, l as IHeadlessOTPsClient, m as IHeadlessCryptoWalletClient, n as IHeadlessTOTPClient, o as IHeadlessWebAuthnClient, p as IHeadlessPasswordClient, q as IHeadlessImpersonationClient, r as IHeadlessRBACClient, s as StateChangeRegisterFunction, C as ConsumerState, P as ParseAuthenticateUrl, A as AuthenticateByUrl, t as StytchClientOptions } from './createAuthUrlHandler-BJRA2PHG.js';
+import { a as StytchProjectConfigurationInput, I as IHeadlessMagicLinksClient, b as IHeadlessSessionClient, c as IHeadlessOTPsClient, d as IHeadlessCryptoWalletClient, e as IHeadlessWebAuthnClient, f as IHeadlessPasswordClient, C as ConsumerState, g as StytchClientOptions } from './ui-B7IvSGQf.js';
+import { I as IHeadlessIDPClient, a as INetworkClient, O as OAuthAuthorizeStartOptions, b as OAuthAuthorizeStartResponse, c as OAuthAuthorizeSubmitOptions, d as OAuthAuthorizeSubmitResponse, e as OAuthLogoutStartOptions, f as OAuthLogoutStartResponse, g as IHeadlessOAuthClient, h as OneTapRenderResult, i as IHeadlessUserClient, j as IHeadlessTOTPClient, k as IHeadlessImpersonationClient, l as IHeadlessRBACClient, S as StateChangeRegisterFunction, P as ParseAuthenticateUrl, A as AuthenticateByUrl } from './createAuthUrlHandler-R1kNNQD_.js';
 
 declare class HeadlessIDPClient implements IHeadlessIDPClient {
     private _networkClient;