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

package/dist/esm-dev/packages/web/src/ui/compat/styleToTheme.mjs

@@ -0,0 +1,166 @@
+import { RUN_IN_DEV } from '../../../../core/src/utils/dev.mjs';
+import { logger } from '../../../../core/src/utils/logger.mjs';
+
+/* eslint-disable lingui/no-unlocalized-strings */ /**
+ * Maps a legacy StyleConfig to the new Theme format.
+ *
+ * This is a best-effort mapping - some StyleConfig properties don't have
+ * direct equivalents in Theme, and some Theme properties don't have
+ * StyleConfig equivalents.
+ *
+ * StyleConfig properties that don't have good mappings to Theme:
+ *  - inputs.placeholderColor - No equivalent (could potentially map to muted-foreground)
+ *  - inputs.textColor - Mapped to foreground as approximation, but is input-specific
+ *  - buttons.primary.borderColor - No specific mapping (could use border but loses specificity)
+ *  - buttons.primary.borderRadius - Mapped to button-radius but loses primary-specific control
+ *  - buttons.secondary.borderColor - No specific mapping (could use border but loses specificity)
+ *  - buttons.secondary.borderRadius - Mapped to button-radius but loses secondary-specific control
+ *  - buttons.disabled.* - No equivalents (disabled state styling not in Theme)
+ *
+ * Theme properties that don't have StyleConfig equivalents:
+ *  - 'transition-duration' - defaulted to 0 instead of 0.15s in our new default theme
+ *  - 'font-family-mono' - defaults to theme default which is system UI monospace
+ *  - 'text-base' - defaults to 1rem which is close to the old font sizes
+ *  - spacing - defaults to new theme default which is close but not equivalent to old spacing
+ *  - shadow, 'shadow-button', 'shadow-input' - no default in new theme
+ *  - foreground - Approximated from inputs.textColor but not exact
+ *  - muted, 'muted-foreground'
+ *  - 'accent-foreground'
+ *  - ring - previously defaults to OS default focus outline color
+ */ function styleToTheme(styleConfig, { silent } = {}) {
+    const warn = silent ? ()=>{
+    // noop
+    } : logger.warn;
+    const error = silent ? ()=>{
+    // noop
+    } : logger.error;
+    const theme = {};
+    const options = {};
+    const { colors, container, inputs, hideHeaderText, buttons, logo, fontFamily, ...outerEmpty } = styleConfig;
+    // presentation.theme mapping
+    // ------------------------------------------------
+    RUN_IN_DEV(()=>{
+        warn("styleToTheme: We recommend setting theme['color-scheme'] to either 'light' or 'dark' explicitly " + 'depending on whether this is a light or dark theme. This enables icons to automatically automatically ' + 'apply contrasting colors.');
+        if (Object.keys(outerEmpty).length > 0) warn('styleToTheme: Unrecognized style properties', outerEmpty);
+    });
+    theme['font-family'] = fontFamily;
+    if (colors) {
+        const { primary, secondary, success, warning, accent, error, ...expectEmpty } = colors;
+        RUN_IN_DEV(()=>{
+            if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.colors properties', expectEmpty);
+        });
+        Object.assign(theme, {
+            primary,
+            secondary,
+            success,
+            warning,
+            accent,
+            destructive: error
+        });
+    }
+    if (container) {
+        const { backgroundColor, borderColor, width, borderRadius, ...expectEmpty } = container;
+        RUN_IN_DEV(()=>{
+            if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.container properties', expectEmpty);
+        });
+        Object.assign(theme, {
+            background: backgroundColor,
+            border: borderColor,
+            'container-width': width,
+            // 1/4 because the new base is quite small and most components use a 2x or 4x multiplier
+            'rounded-base': updateLength(borderRadius, 0.25)
+        });
+    }
+    if (buttons) {
+        const { primary, secondary, disabled, ...expectEmpty } = buttons;
+        RUN_IN_DEV(()=>{
+            if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);
+            if (disabled && Object.keys(disabled).length > 0) warn('styleToTheme: buttons.disabled is no longer supported', {
+                disabled
+            });
+            if (primary?.borderColor && primary?.backgroundColor && primary.borderColor !== primary.backgroundColor) error("styleToTheme: primary button's border color is now always equal to background color; " + 'having distinct colors is no longer supported', {
+                borderColor: primary.borderColor,
+                backgroundColor: primary.backgroundColor
+            });
+            if (secondary?.borderColor && secondary.textColor && secondary.borderColor !== secondary.textColor) error("styleToTheme: secondary button's border color is now always equal to text color", {
+                borderColor: secondary.borderColor,
+                textColor: secondary.textColor
+            });
+            if (primary?.borderRadius !== secondary?.borderRadius) error('styleToTheme: All buttons must use the same border-radius', {
+                primaryRadius: primary?.borderRadius,
+                secondaryRadius: secondary?.borderRadius
+            });
+        });
+        // Set background and text colors
+        Object.assign(theme, {
+            primary: primary?.backgroundColor,
+            'primary-foreground': primary?.textColor,
+            secondary: secondary?.backgroundColor,
+            'secondary-foreground': secondary?.textColor
+        });
+        // Set border radius
+        if (primary?.borderRadius || secondary?.borderRadius) {
+            // Conflicts between primary and secondary border radius is handled above
+            const baseRadius = updateLength(primary?.borderRadius, 0.5) ?? updateLength(secondary?.borderRadius, 0.5);
+            if (theme['rounded-base']) {
+                if (theme['rounded-base'] !== baseRadius) {
+                    theme['button-radius'] = primary?.borderRadius;
+                }
+            } else {
+                theme['rounded-base'] = baseRadius;
+            }
+        }
+    }
+    if (inputs) {
+        const { backgroundColor, textColor, placeholderColor, borderColor, borderRadius, ...expectEmpty } = inputs;
+        RUN_IN_DEV(()=>{
+            if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);
+            if (backgroundColor && theme.background && theme.background !== backgroundColor) error('styleToTheme: Input now always use the container background', {
+                inputBackground: backgroundColor,
+                containerBackground: theme.background
+            });
+        });
+        Object.assign(theme, {
+            foreground: textColor,
+            input: borderColor,
+            'muted-foreground': placeholderColor
+        });
+        // Set border radius
+        if (theme['rounded-base']) {
+            if (theme['rounded-base'] !== borderRadius) {
+                theme['input-radius'] = borderRadius;
+            }
+        } else {
+            theme['rounded-base'] = borderRadius;
+        }
+    }
+    // presentation.options mapping
+    // ------------------------------------------------
+    options.hideHeaderText = hideHeaderText;
+    if (logo?.logoImageUrl) {
+        options.logo = {
+            url: logo.logoImageUrl,
+            alt: ''
+        };
+        RUN_IN_DEV(()=>{
+            logger.warn('styleToTheme: Please set options.logo.alt for the logo alt text for accessibility');
+        });
+    }
+    return {
+        theme: removeEmptyValues(theme),
+        options: removeEmptyValues(options)
+    };
+}
+function removeEmptyValues(obj) {
+    return Object.fromEntries(Object.entries(obj).filter(([, value])=>value != null && value !== ''));
+}
+function updateLength(length, factor) {
+    if (!length) return length;
+    // Loose check that this is a numeric and not keyword value
+    const value = parseFloat(length);
+    if (Number.isNaN(value)) return length;
+    return `calc(${length} * ${factor})`;
+}
+
+export { styleToTheme };
+//# sourceMappingURL=styleToTheme.mjs.map

package/dist/esm-dev/packages/web/src/ui/compat/styleToTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleToTheme.mjs","sources":["../../../../../../../../web/src/ui/compat/styleToTheme.ts"],"sourcesContent":["import type { StyleConfig } from '@stytch/core/public';\nimport type { Theme } from '../components/themes/ThemeConfig';\nimport type { PresentationOptions } from '../components/PresentationConfig';\nimport { logger, RUN_IN_DEV } from '@stytch/core';\n\n/* eslint-disable lingui/no-unlocalized-strings */\n\n/**\n * Maps a legacy StyleConfig to the new Theme format.\n *\n * This is a best-effort mapping - some StyleConfig properties don't have\n * direct equivalents in Theme, and some Theme properties don't have\n * StyleConfig equivalents.\n *\n * StyleConfig properties that don't have good mappings to Theme:\n *  - inputs.placeholderColor - No equivalent (could potentially map to muted-foreground)\n *  - inputs.textColor - Mapped to foreground as approximation, but is input-specific\n *  - buttons.primary.borderColor - No specific mapping (could use border but loses specificity)\n *  - buttons.primary.borderRadius - Mapped to button-radius but loses primary-specific control\n *  - buttons.secondary.borderColor - No specific mapping (could use border but loses specificity)\n *  - buttons.secondary.borderRadius - Mapped to button-radius but loses secondary-specific control\n *  - buttons.disabled.* - No equivalents (disabled state styling not in Theme)\n *\n * Theme properties that don't have StyleConfig equivalents:\n *  - 'transition-duration' - defaulted to 0 instead of 0.15s in our new default theme\n *  - 'font-family-mono' - defaults to theme default which is system UI monospace\n *  - 'text-base' - defaults to 1rem which is close to the old font sizes\n *  - spacing - defaults to new theme default which is close but not equivalent to old spacing\n *  - shadow, 'shadow-button', 'shadow-input' - no default in new theme\n *  - foreground - Approximated from inputs.textColor but not exact\n *  - muted, 'muted-foreground'\n *  - 'accent-foreground'\n *  - ring - previously defaults to OS default focus outline color\n */\nexport function styleToTheme(\n  styleConfig: StyleConfig,\n  { silent }: { silent?: boolean } = {},\n): {\n  theme: Partial<Theme>;\n  options: Partial<PresentationOptions>;\n} {\n  const warn = silent\n    ? () => {\n        // noop\n      }\n    : logger.warn;\n  const error = silent\n    ? () => {\n        // noop\n      }\n    : logger.error;\n\n  const theme: Partial<Theme> = {};\n  const options: Partial<PresentationOptions> = {};\n\n  const { colors, container, inputs, hideHeaderText, buttons, logo, fontFamily, ...outerEmpty } = styleConfig;\n\n  // presentation.theme mapping\n  // ------------------------------------------------\n  RUN_IN_DEV(() => {\n    warn(\n      \"styleToTheme: We recommend setting theme['color-scheme'] to either 'light' or 'dark' explicitly \" +\n        'depending on whether this is a light or dark theme. This enables icons to automatically automatically ' +\n        'apply contrasting colors.',\n    );\n\n    if (Object.keys(outerEmpty).length > 0) warn('styleToTheme: Unrecognized style properties', outerEmpty);\n  });\n\n  theme['font-family'] = fontFamily;\n\n  if (colors) {\n    const { primary, secondary, success, warning, accent, error, ...expectEmpty } = colors;\n    RUN_IN_DEV(() => {\n      if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.colors properties', expectEmpty);\n    });\n\n    Object.assign(theme, {\n      primary,\n      secondary,\n      success,\n      warning,\n      accent,\n      destructive: error,\n    } satisfies Partial<Theme>);\n  }\n\n  if (container) {\n    const { backgroundColor, borderColor, width, borderRadius, ...expectEmpty } = container;\n\n    RUN_IN_DEV(() => {\n      if (Object.keys(expectEmpty).length > 0)\n        warn('styleToTheme: Unrecognized style.container properties', expectEmpty);\n    });\n\n    Object.assign(theme, {\n      background: backgroundColor,\n      border: borderColor,\n      'container-width': width,\n      // 1/4 because the new base is quite small and most components use a 2x or 4x multiplier\n      'rounded-base': updateLength(borderRadius, 0.25),\n    } satisfies Partial<Theme>);\n  }\n\n  if (buttons) {\n    const { primary, secondary, disabled, ...expectEmpty } = buttons;\n\n    RUN_IN_DEV(() => {\n      if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);\n\n      if (disabled && Object.keys(disabled).length > 0)\n        warn('styleToTheme: buttons.disabled is no longer supported', { disabled });\n\n      if (primary?.borderColor && primary?.backgroundColor && primary.borderColor !== primary.backgroundColor)\n        error(\n          \"styleToTheme: primary button's border color is now always equal to background color; \" +\n            'having distinct colors is no longer supported',\n          {\n            borderColor: primary.borderColor,\n            backgroundColor: primary.backgroundColor,\n          },\n        );\n\n      if (secondary?.borderColor && secondary.textColor && secondary.borderColor !== secondary.textColor)\n        error(\"styleToTheme: secondary button's border color is now always equal to text color\", {\n          borderColor: secondary.borderColor,\n          textColor: secondary.textColor,\n        });\n\n      if (primary?.borderRadius !== secondary?.borderRadius)\n        error('styleToTheme: All buttons must use the same border-radius', {\n          primaryRadius: primary?.borderRadius,\n          secondaryRadius: secondary?.borderRadius,\n        });\n    });\n\n    // Set background and text colors\n    Object.assign(theme, {\n      primary: primary?.backgroundColor,\n      'primary-foreground': primary?.textColor,\n\n      secondary: secondary?.backgroundColor,\n      'secondary-foreground': secondary?.textColor,\n    } satisfies Partial<Theme>);\n\n    // Set border radius\n    if (primary?.borderRadius || secondary?.borderRadius) {\n      // Conflicts between primary and secondary border radius is handled above\n      const baseRadius = updateLength(primary?.borderRadius, 0.5) ?? updateLength(secondary?.borderRadius, 0.5);\n\n      if (theme['rounded-base']) {\n        if (theme['rounded-base'] !== baseRadius) {\n          theme['button-radius'] = primary?.borderRadius;\n        }\n      } else {\n        theme['rounded-base'] = baseRadius;\n      }\n    }\n  }\n\n  if (inputs) {\n    const { backgroundColor, textColor, placeholderColor, borderColor, borderRadius, ...expectEmpty } = inputs;\n    RUN_IN_DEV(() => {\n      if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);\n\n      if (backgroundColor && theme.background && theme.background !== backgroundColor)\n        error('styleToTheme: Input now always use the container background', {\n          inputBackground: backgroundColor,\n          containerBackground: theme.background,\n        });\n    });\n\n    Object.assign(theme, {\n      foreground: textColor,\n      input: borderColor,\n      'muted-foreground': placeholderColor,\n    } satisfies Partial<Theme>);\n\n    // Set border radius\n    if (theme['rounded-base']) {\n      if (theme['rounded-base'] !== borderRadius) {\n        theme['input-radius'] = borderRadius;\n      }\n    } else {\n      theme['rounded-base'] = borderRadius;\n    }\n  }\n\n  // presentation.options mapping\n  // ------------------------------------------------\n\n  options.hideHeaderText = hideHeaderText;\n  if (logo?.logoImageUrl) {\n    options.logo = {\n      url: logo.logoImageUrl,\n      alt: '',\n    };\n\n    RUN_IN_DEV(() => {\n      logger.warn('styleToTheme: Please set options.logo.alt for the logo alt text for accessibility');\n    });\n  }\n\n  return { theme: removeEmptyValues(theme), options: removeEmptyValues(options) };\n}\n\nfunction removeEmptyValues<T extends Record<string, unknown>>(obj: T): T {\n  return Object.fromEntries(Object.entries(obj).filter(([, value]) => value != null && value !== '')) as T;\n}\n\nfunction updateLength(length: string | undefined, factor: number): string | undefined {\n  if (!length) return length;\n\n  // Loose check that this is a numeric and not keyword value\n  const value = parseFloat(length);\n  if (Number.isNaN(value)) return length;\n\n  return `calc(${length} * ${factor})`;\n}\n"],"names":["styleToTheme","styleConfig","silent","warn","logger","error","theme","options","colors","container","inputs","hideHeaderText","buttons","logo","fontFamily","outerEmpty","RUN_IN_DEV","Object","keys","length","primary","secondary","success","warning","accent","expectEmpty","assign","destructive","backgroundColor","borderColor","width","borderRadius","background","border","updateLength","disabled","textColor","primaryRadius","secondaryRadius","baseRadius","placeholderColor","inputBackground","containerBackground","foreground","input","logoImageUrl","url","alt","removeEmptyValues","obj","fromEntries","entries","filter","value","factor","parseFloat","Number","isNaN"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/ui/components/PresentationConfig.mjs

@@ -1,6 +1,7 @@
 import { defaultTheme } from './themes/themes.mjs';
 import { useContext, createContext, useMemo } from 'react';
 import { useMediaQuery } from '../hooks/useMediaQuery.mjs';
+import { RUN_IN_DEV } from '../../../../core/src/utils/dev.mjs';
 import { logger } from '../../../../core/src/utils/logger.mjs';
 
 const defaultOptions = {
@@ -8,13 +9,13 @@ const defaultOptions = {
 };
 function usePresentationWithDefault(maybeConfig, displayWatermark, products, productsName) {
     const { theme, options } = maybeConfig ?? {};
-    {
+    RUN_IN_DEV(()=>{
         const stringProducts = products.filter((p)=>typeof p === 'string');
         if (stringProducts.length > 0) {
             logger.error(`Please add an import for ${productsName} and update config.products to\n` + 'products: [' + products.map((p)=>`${productsName}.${typeof p === 'string' ? p : p.id}`).join(', ') + ']');
             throw new Error("'config.products' should not include strings anymore");
         }
-    }
+    });
     // Switch theme automatically depending on color scheme
     const isDynamic = isDynamicTheme(theme);
     const darkMode = useMediaQuery(isDynamic ? '(prefers-color-scheme: dark)' : undefined);

package/dist/esm-dev/packages/web/src/ui/components/PresentationConfig.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationConfig.mjs","sources":["../../../../../../../../web/src/ui/components/PresentationConfig.ts"],"sourcesContent":["import { defaultTheme } from './themes/themes';\nimport { createContext, useContext, useMemo } from 'react';\nimport { PresentationConfig } from '../../types';\nimport { Theme } from './themes/ThemeConfig';\nimport { useMediaQuery } from '../hooks/useMediaQuery';\nimport { IconRegistry } from './IconRegistry';\nimport { IconNames } from '../b2c/components/Icons';\nimport { logger } from '@stytch/core';\n\nexport type PresentationOptions = {\n  /**\n   * When this value is false, the title and description text will not show in the SDK.\n   */\n  hideHeaderText: boolean;\n\n  /**\n   * Optional suffix for <input> id attribute so input IDs are unique.\n   */\n  inputIdSuffix?: string;\n\n  /**\n   * The configuration object for your custom logo.\n   */\n  logo?: {\n    /**\n     * The URL of your custom logo.\n     */\n    url: string;\n\n    /**\n     * Alt text for the logo. This would usually be the name of the website or your company,\n     * unless this is already repeated nearby in which case this should be left empty.\n     */\n    alt: string;\n  };\n\n  /**\n   * Override our icons. Currently, this only supports logos, such as those that appear in Oauth buttons.\n   * This should be an object where the key is the icon name and the value is a React component\n   * (not React element) with a size prop and the rest spread onto the root element.\n   *\n   * Note that custom logos not imported from our packages is not yet available in @stytch/vanilla-js.\n   * We are looking at provide alternatives in the future.\n   *\n   * @example\n   *\n   * // Using a solid black or white icon\n   * import { whiteIcons } from '@stytch/react';\n   *\n   * const presentation = {\n   *   options: {\n   *     icons: {\n   *       outlook: whiteIcons.outlook,\n   *     },\n   *   },\n   * };\n   *\n   * // Using a custom icon\n   * const presentation = {\n   *  icons: {\n   *    outlook: ({ size, ...props }) => (\n   *      <svg width={size} height={size} {...props}>...</svg>\n   *    ),\n   *  },\n   * };\n   */\n  icons?: IconRegistry<string>;\n};\n\nconst defaultOptions: PresentationOptions = {\n  hideHeaderText: false,\n};\n\n/**\n * Internal type -\n * @see {PresentationConfig} is the public one\n */\nexport type Presentation = {\n  theme: Theme;\n  options: PresentationOptions;\n\n  // Internal properties\n  displayWatermark: boolean;\n  iconRegistry: IconRegistry<string>;\n};\n\nexport function usePresentationWithDefault(\n  maybeConfig: PresentationConfig | undefined,\n  displayWatermark: boolean,\n  products: { id: string; icons?: Partial<IconRegistry<IconNames>> }[],\n  productsName?: string,\n): Presentation {\n  const { theme, options } = maybeConfig ?? {};\n\n  if (process.env.NODE_ENV !== 'production') {\n    const stringProducts = products.filter((p) => typeof p === 'string');\n    if (stringProducts.length > 0) {\n      logger.error(\n        `Please add an import for ${productsName} and update config.products to\\n` +\n          'products: [' +\n          products.map((p) => `${productsName}.${typeof p === 'string' ? p : p.id}`).join(', ') +\n          ']',\n      );\n\n      throw new Error(\"'config.products' should not include strings anymore\");\n    }\n  }\n\n  // Switch theme automatically depending on color scheme\n  const isDynamic = isDynamicTheme(theme);\n  const darkMode = useMediaQuery(isDynamic ? '(prefers-color-scheme: dark)' : undefined);\n\n  let effectiveTheme: Partial<Theme> | undefined;\n  if (isDynamic) {\n    effectiveTheme = darkMode ? theme[1] : theme[0];\n  } else {\n    effectiveTheme = theme;\n  }\n\n  // Memoize the icon registry so it only need to be constructed once\n  const iconRegistry = useMemo(() => {\n    const registry: IconRegistry<string> = {};\n    for (const product of products) {\n      Object.assign(registry, product.icons);\n    }\n    Object.assign(registry, options?.icons);\n    return registry;\n  }, [products, options]);\n\n  return {\n    theme: {\n      ...defaultTheme,\n      ...effectiveTheme,\n    },\n    options: {\n      ...defaultOptions,\n      ...options,\n    },\n    displayWatermark,\n    iconRegistry,\n  };\n}\n\nexport function isDynamicTheme(\n  theme: PresentationConfig['theme'],\n): theme is readonly [light: Partial<Theme>, dark: Partial<Theme>] {\n  return Array.isArray(theme);\n}\n\nexport const PresentationContext = createContext<Presentation>(undefined!);\nexport const usePresentation = () => useContext(PresentationContext);\n"],"names":["defaultOptions","hideHeaderText","usePresentationWithDefault","maybeConfig","displayWatermark","products","productsName","theme","options","stringProducts","filter","p","length","logger","error","map","id","join","Error","isDynamic","isDynamicTheme","darkMode","useMediaQuery","undefined","effectiveTheme","iconRegistry","useMemo","registry","product","Object","assign","icons","defaultTheme","Array","isArray","PresentationContext","createContext","usePresentation","useContext"],"mappings":";;;;;AAqEA,MAAMA,cAAAA,GAAsC;IAC1CC,cAAAA,EAAgB;AAClB,CAAA;AAeO,SAASC,2BACdC,WAA2C,EAC3CC,gBAAyB,EACzBC,QAAoE,EACpEC,YAAqB,EAAA;AAErB,IAAA,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGL,eAAe,EAAC;AAE3C,IAA2C;AACzC,QAAA,MAAMM,iBAAiBJ,QAAAA,CAASK,MAAM,CAAC,CAACC,CAAAA,GAAM,OAAOA,CAAAA,KAAM,QAAA,CAAA;QAC3D,IAAIF,cAAAA,CAAeG,MAAM,GAAG,CAAA,EAAG;AAC7BC,YAAAA,MAAAA,CAAOC,KAAK,CACV,CAAC,yBAAyB,EAAER,YAAAA,CAAa,gCAAgC,CAAC,GACxE,aAAA,GACAD,QAAAA,CAASU,GAAG,CAAC,CAACJ,CAAAA,GAAM,CAAA,EAAGL,YAAAA,CAAa,CAAC,EAAE,OAAOK,CAAAA,KAAM,QAAA,GAAWA,CAAAA,GAAIA,CAAAA,CAAEK,EAAE,CAAA,CAAE,CAAA,CAAEC,IAAI,CAAC,IAAA,CAAA,GAChF,GAAA,CAAA;AAGJ,YAAA,MAAM,IAAIC,KAAAA,CAAM,sDAAA,CAAA;AAClB,QAAA;AACF,IAAA;;AAGA,IAAA,MAAMC,YAAYC,cAAAA,CAAeb,KAAAA,CAAAA;IACjC,MAAMc,QAAAA,GAAWC,aAAAA,CAAcH,SAAAA,GAAY,8BAAA,GAAiCI,SAAAA,CAAAA;IAE5E,IAAIC,cAAAA;AACJ,IAAA,IAAIL,SAAAA,EAAW;AACbK,QAAAA,cAAAA,GAAiBH,WAAWd,KAAK,CAAC,EAAE,GAAGA,KAAK,CAAC,CAAA,CAAE;IACjD,CAAA,MAAO;QACLiB,cAAAA,GAAiBjB,KAAAA;AACnB,IAAA;;AAGA,IAAA,MAAMkB,eAAeC,OAAAA,CAAQ,IAAA;AAC3B,QAAA,MAAMC,WAAiC,EAAC;QACxC,KAAK,MAAMC,WAAWvB,QAAAA,CAAU;AAC9BwB,YAAAA,MAAAA,CAAOC,MAAM,CAACH,QAAAA,EAAUC,OAAAA,CAAQG,KAAK,CAAA;AACvC,QAAA;QACAF,MAAAA,CAAOC,MAAM,CAACH,QAAAA,EAAUnB,OAAAA,EAASuB,KAAAA,CAAAA;QACjC,OAAOJ,QAAAA;IACT,CAAA,EAAG;AAACtB,QAAAA,QAAAA;AAAUG,QAAAA;AAAQ,KAAA,CAAA;IAEtB,OAAO;QACLD,KAAAA,EAAO;AACL,YAAA,GAAGyB,YAAY;AACf,YAAA,GAAGR;AACL,SAAA;QACAhB,OAAAA,EAAS;AACP,YAAA,GAAGR,cAAc;AACjB,YAAA,GAAGQ;AACL,SAAA;AACAJ,QAAAA,gBAAAA;AACAqB,QAAAA;AACF,KAAA;AACF;AAEO,SAASL,eACdb,KAAkC,EAAA;IAElC,OAAO0B,KAAAA,CAAMC,OAAO,CAAC3B,KAAAA,CAAAA;AACvB;AAEO,MAAM4B,mBAAAA,GAAsBC,aAAAA,CAA4Bb,SAAAA;AACxD,MAAMc,eAAAA,GAAkB,IAAMC,UAAAA,CAAWH,mBAAAA;;;;"}
+{"version":3,"file":"PresentationConfig.mjs","sources":["../../../../../../../../web/src/ui/components/PresentationConfig.ts"],"sourcesContent":["import { defaultTheme } from './themes/themes';\nimport { createContext, useContext, useMemo } from 'react';\nimport { PresentationConfig } from '../../types';\nimport { Theme } from './themes/ThemeConfig';\nimport { useMediaQuery } from '../hooks/useMediaQuery';\nimport { IconRegistry } from './IconRegistry';\nimport { IconNames } from '../b2c/components/Icons';\nimport { logger, RUN_IN_DEV } from '@stytch/core';\n\nexport type PresentationOptions = {\n  /**\n   * When this value is false, the title and description text will not show in the SDK.\n   */\n  hideHeaderText: boolean;\n\n  /**\n   * Optional suffix for <input> id attribute so input IDs are unique.\n   */\n  inputIdSuffix?: string;\n\n  /**\n   * The configuration object for your custom logo.\n   */\n  logo?: {\n    /**\n     * The URL of your custom logo.\n     */\n    url: string;\n\n    /**\n     * Alt text for the logo. This would usually be the name of the website or your company,\n     * unless this is already repeated nearby in which case this should be left empty.\n     */\n    alt: string;\n  };\n\n  /**\n   * Override our icons. Currently, this only supports logos, such as those that appear in Oauth buttons.\n   * This should be an object where the key is the icon name and the value is a React component\n   * (not React element) with a size prop and the rest spread onto the root element.\n   *\n   * Note that custom logos not imported from our packages is not yet available in @stytch/vanilla-js.\n   * We are looking at provide alternatives in the future.\n   *\n   * @example\n   *\n   * // Using a solid black or white icon\n   * import { whiteIcons } from '@stytch/react';\n   *\n   * const presentation = {\n   *   options: {\n   *     icons: {\n   *       outlook: whiteIcons.outlook,\n   *     },\n   *   },\n   * };\n   *\n   * // Using a custom icon\n   * const presentation = {\n   *  icons: {\n   *    outlook: ({ size, ...props }) => (\n   *      <svg width={size} height={size} {...props}>...</svg>\n   *    ),\n   *  },\n   * };\n   */\n  icons?: IconRegistry<string>;\n};\n\nconst defaultOptions: PresentationOptions = {\n  hideHeaderText: false,\n};\n\n/**\n * Internal type -\n * @see {PresentationConfig} is the public one\n */\nexport type Presentation = {\n  theme: Theme;\n  options: PresentationOptions;\n\n  // Internal properties\n  displayWatermark: boolean;\n  iconRegistry: IconRegistry<string>;\n};\n\nexport function usePresentationWithDefault(\n  maybeConfig: PresentationConfig | undefined,\n  displayWatermark: boolean,\n  products: { id: string; icons?: Partial<IconRegistry<IconNames>> }[],\n  productsName?: string,\n): Presentation {\n  const { theme, options } = maybeConfig ?? {};\n\n  RUN_IN_DEV(() => {\n    const stringProducts = products.filter((p) => typeof p === 'string');\n    if (stringProducts.length > 0) {\n      logger.error(\n        `Please add an import for ${productsName} and update config.products to\\n` +\n          'products: [' +\n          products.map((p) => `${productsName}.${typeof p === 'string' ? p : p.id}`).join(', ') +\n          ']',\n      );\n\n      throw new Error(\"'config.products' should not include strings anymore\");\n    }\n  });\n\n  // Switch theme automatically depending on color scheme\n  const isDynamic = isDynamicTheme(theme);\n  const darkMode = useMediaQuery(isDynamic ? '(prefers-color-scheme: dark)' : undefined);\n\n  let effectiveTheme: Partial<Theme> | undefined;\n  if (isDynamic) {\n    effectiveTheme = darkMode ? theme[1] : theme[0];\n  } else {\n    effectiveTheme = theme;\n  }\n\n  // Memoize the icon registry so it only need to be constructed once\n  const iconRegistry = useMemo(() => {\n    const registry: IconRegistry<string> = {};\n    for (const product of products) {\n      Object.assign(registry, product.icons);\n    }\n    Object.assign(registry, options?.icons);\n    return registry;\n  }, [products, options]);\n\n  return {\n    theme: {\n      ...defaultTheme,\n      ...effectiveTheme,\n    },\n    options: {\n      ...defaultOptions,\n      ...options,\n    },\n    displayWatermark,\n    iconRegistry,\n  };\n}\n\nexport function isDynamicTheme(\n  theme: PresentationConfig['theme'],\n): theme is readonly [light: Partial<Theme>, dark: Partial<Theme>] {\n  return Array.isArray(theme);\n}\n\nexport const PresentationContext = createContext<Presentation>(undefined!);\nexport const usePresentation = () => useContext(PresentationContext);\n"],"names":["defaultOptions","hideHeaderText","usePresentationWithDefault","maybeConfig","displayWatermark","products","productsName","theme","options","RUN_IN_DEV","stringProducts","filter","p","length","logger","error","map","id","join","Error","isDynamic","isDynamicTheme","darkMode","useMediaQuery","undefined","effectiveTheme","iconRegistry","useMemo","registry","product","Object","assign","icons","defaultTheme","Array","isArray","PresentationContext","createContext","usePresentation","useContext"],"mappings":";;;;;;AAqEA,MAAMA,cAAAA,GAAsC;IAC1CC,cAAAA,EAAgB;AAClB,CAAA;AAeO,SAASC,2BACdC,WAA2C,EAC3CC,gBAAyB,EACzBC,QAAoE,EACpEC,YAAqB,EAAA;AAErB,IAAA,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGL,eAAe,EAAC;IAE3CM,UAAAA,CAAW,IAAA;AACT,QAAA,MAAMC,iBAAiBL,QAAAA,CAASM,MAAM,CAAC,CAACC,CAAAA,GAAM,OAAOA,CAAAA,KAAM,QAAA,CAAA;QAC3D,IAAIF,cAAAA,CAAeG,MAAM,GAAG,CAAA,EAAG;AAC7BC,YAAAA,MAAAA,CAAOC,KAAK,CACV,CAAC,yBAAyB,EAAET,YAAAA,CAAa,gCAAgC,CAAC,GACxE,aAAA,GACAD,QAAAA,CAASW,GAAG,CAAC,CAACJ,CAAAA,GAAM,CAAA,EAAGN,YAAAA,CAAa,CAAC,EAAE,OAAOM,CAAAA,KAAM,QAAA,GAAWA,CAAAA,GAAIA,CAAAA,CAAEK,EAAE,CAAA,CAAE,CAAA,CAAEC,IAAI,CAAC,IAAA,CAAA,GAChF,GAAA,CAAA;AAGJ,YAAA,MAAM,IAAIC,KAAAA,CAAM,sDAAA,CAAA;AAClB,QAAA;AACF,IAAA,CAAA,CAAA;;AAGA,IAAA,MAAMC,YAAYC,cAAAA,CAAed,KAAAA,CAAAA;IACjC,MAAMe,QAAAA,GAAWC,aAAAA,CAAcH,SAAAA,GAAY,8BAAA,GAAiCI,SAAAA,CAAAA;IAE5E,IAAIC,cAAAA;AACJ,IAAA,IAAIL,SAAAA,EAAW;AACbK,QAAAA,cAAAA,GAAiBH,WAAWf,KAAK,CAAC,EAAE,GAAGA,KAAK,CAAC,CAAA,CAAE;IACjD,CAAA,MAAO;QACLkB,cAAAA,GAAiBlB,KAAAA;AACnB,IAAA;;AAGA,IAAA,MAAMmB,eAAeC,OAAAA,CAAQ,IAAA;AAC3B,QAAA,MAAMC,WAAiC,EAAC;QACxC,KAAK,MAAMC,WAAWxB,QAAAA,CAAU;AAC9ByB,YAAAA,MAAAA,CAAOC,MAAM,CAACH,QAAAA,EAAUC,OAAAA,CAAQG,KAAK,CAAA;AACvC,QAAA;QACAF,MAAAA,CAAOC,MAAM,CAACH,QAAAA,EAAUpB,OAAAA,EAASwB,KAAAA,CAAAA;QACjC,OAAOJ,QAAAA;IACT,CAAA,EAAG;AAACvB,QAAAA,QAAAA;AAAUG,QAAAA;AAAQ,KAAA,CAAA;IAEtB,OAAO;QACLD,KAAAA,EAAO;AACL,YAAA,GAAG0B,YAAY;AACf,YAAA,GAAGR;AACL,SAAA;QACAjB,OAAAA,EAAS;AACP,YAAA,GAAGR,cAAc;AACjB,YAAA,GAAGQ;AACL,SAAA;AACAJ,QAAAA,gBAAAA;AACAsB,QAAAA;AACF,KAAA;AACF;AAEO,SAASL,eACdd,KAAkC,EAAA;IAElC,OAAO2B,KAAAA,CAAMC,OAAO,CAAC5B,KAAAA,CAAAA;AACvB;AAEO,MAAM6B,mBAAAA,GAAsBC,aAAAA,CAA4Bb,SAAAA;AACxD,MAAMc,eAAAA,GAAkB,IAAMC,UAAAA,CAAWH,mBAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/components/atoms/Typography.module.css.mjs

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Typography_module_typography__d307cb57{font-family:var(--st-font-family)}.Typography_module_header__d307cb57{color:var(--st-foreground);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__d307cb57{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__d307cb57,.Typography_module_helper__d307cb57{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__d307cb57{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__d307cb57{text-align:start}.Typography_module_center__d307cb57{text-align:center}.Typography_module_end__d307cb57{text-align:end}.Typography_module_foreground__d307cb57{color:var(--st-foreground)}.Typography_module_muted__d307cb57{color:var(--st-muted-foreground)}.Typography_module_destructive__d307cb57{color:var(--st-destructive)}.Typography_module_warning__d307cb57{color:var(--st-warning)}.Typography_module_success__d307cb57{color:var(--st-success)}.Typography_module_regular__d307cb57{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__d307cb57{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__d307cb57{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__d307cb57{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__d307cb57{font-family:var(--st-font-family)}.Typography_module_monoFont__d307cb57{font-family:var(--st-font-family-mono)}";
+var css = ".Typography_module_typography__74817c74{font-family:var(--st-font-family)}.Typography_module_header__74817c74{color:var(--st-foreground);font-family:var(--st-header-font);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__74817c74{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__74817c74,.Typography_module_helper__74817c74{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__74817c74{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__74817c74{text-align:start}.Typography_module_center__74817c74{text-align:center}.Typography_module_end__74817c74{text-align:end}.Typography_module_foreground__74817c74{color:var(--st-foreground)}.Typography_module_muted__74817c74{color:var(--st-muted-foreground)}.Typography_module_destructive__74817c74{color:var(--st-destructive)}.Typography_module_warning__74817c74{color:var(--st-warning)}.Typography_module_success__74817c74{color:var(--st-success)}.Typography_module_regular__74817c74{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__74817c74{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__74817c74{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__74817c74{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__74817c74{font-family:var(--st-font-family)}.Typography_module_monoFont__74817c74{font-family:var(--st-font-family-mono)}";
 collectCss(css);
-var modules_1d7499fc = {"typography":"Typography_module_typography__d307cb57","header":"Typography_module_header__d307cb57","body":"Typography_module_body__d307cb57","helper":"Typography_module_helper__d307cb57","start":"Typography_module_start__d307cb57","center":"Typography_module_center__d307cb57","end":"Typography_module_end__d307cb57","foreground":"Typography_module_foreground__d307cb57","muted":"Typography_module_muted__d307cb57","destructive":"Typography_module_destructive__d307cb57","warning":"Typography_module_warning__d307cb57","success":"Typography_module_success__d307cb57","regular":"Typography_module_regular__d307cb57","medium":"Typography_module_medium__d307cb57","semibold":"Typography_module_semibold__d307cb57","bold":"Typography_module_bold__d307cb57","defaultFont":"Typography_module_defaultFont__d307cb57","monoFont":"Typography_module_monoFont__d307cb57"};
+var modules_1d7499fc = {"typography":"Typography_module_typography__74817c74","header":"Typography_module_header__74817c74","body":"Typography_module_body__74817c74","helper":"Typography_module_helper__74817c74","start":"Typography_module_start__74817c74","center":"Typography_module_center__74817c74","end":"Typography_module_end__74817c74","foreground":"Typography_module_foreground__74817c74","muted":"Typography_module_muted__74817c74","destructive":"Typography_module_destructive__74817c74","warning":"Typography_module_warning__74817c74","success":"Typography_module_success__74817c74","regular":"Typography_module_regular__74817c74","medium":"Typography_module_medium__74817c74","semibold":"Typography_module_semibold__74817c74","bold":"Typography_module_bold__74817c74","defaultFont":"Typography_module_defaultFont__74817c74","monoFont":"Typography_module_monoFont__74817c74"};
 
 export { css, modules_1d7499fc as default };
 //# sourceMappingURL=Typography.module.css.mjs.map

package/dist/esm-dev/packages/web/src/ui/react/b2b/B2BIdentityProvider.mjs

@@ -20,7 +20,7 @@ import { createB2BComponent } from '../bindings/createB2BComponent.mjs';
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const B2BIdentityProvider = createB2BComponent('B2BIdentityProvider', B2BIDPContainer);
+ */ const B2BIdentityProvider = /* @__PURE__ */ createB2BComponent('B2BIdentityProvider', B2BIDPContainer);
 
 export { B2BIdentityProvider };
 //# sourceMappingURL=B2BIdentityProvider.mjs.map

package/dist/esm-dev/packages/web/src/ui/react/b2b/B2BIdentityProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"B2BIdentityProvider.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/B2BIdentityProvider.tsx"],"sourcesContent":["import { StytchB2BProps } from './Stytch';\nimport { B2BIDPContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\nimport { AuthTokenParams, B2BIDPConsentManifestGenerator } from '../../../types';\n\nexport type B2BIdentityProviderProps = Omit<StytchB2BProps, 'config'> & {\n  /**\n   * Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.\n   */\n  getIDPConsentManifest?: B2BIDPConsentManifestGenerator;\n  /**\n   * Optional trusted auth token parameters to attest before the OAuth flow.\n   */\n  trustedAuthTokenParams?: AuthTokenParams;\n};\n\n/**\n * The Stytch B2B IDP component.\n * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.\n * Requires the user to be logged in.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <B2BIdentityProvider\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const B2BIdentityProvider = createB2BComponent('B2BIdentityProvider', B2BIDPContainer);\n"],"names":["B2BIdentityProvider","createB2BComponent","B2BIDPContainer"],"mappings":";;;AAgBA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,MAAMA,mBAAAA,GAAsBC,kBAAAA,CAAmB,uBAAuBC,eAAAA;;;;"}
+{"version":3,"file":"B2BIdentityProvider.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/B2BIdentityProvider.tsx"],"sourcesContent":["import { StytchB2BProps } from './Stytch';\nimport { B2BIDPContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\nimport { AuthTokenParams, B2BIDPConsentManifestGenerator } from '../../../types';\n\nexport type B2BIdentityProviderProps = Omit<StytchB2BProps, 'config'> & {\n  /**\n   * Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.\n   */\n  getIDPConsentManifest?: B2BIDPConsentManifestGenerator;\n  /**\n   * Optional trusted auth token parameters to attest before the OAuth flow.\n   */\n  trustedAuthTokenParams?: AuthTokenParams;\n};\n\n/**\n * The Stytch B2B IDP component.\n * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.\n * Requires the user to be logged in.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <B2BIdentityProvider\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const B2BIdentityProvider = /* @__PURE__ */ createB2BComponent('B2BIdentityProvider', B2BIDPContainer);\n"],"names":["B2BIdentityProvider","createB2BComponent","B2BIDPContainer"],"mappings":";;;AAgBA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,MAAMA,mBAAAA,mBAAsCC,kBAAAA,CAAmB,uBAAuBC,eAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/react/b2b/Stytch.mjs

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

package/dist/esm-dev/packages/web/src/ui/react/b2b/Stytch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stytch.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/Stytch.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { PresentationConfig, StytchB2BUIConfig } from '../../../types';\nimport { AppContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\n\nexport interface StytchB2BProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\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 error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.B2BMagicLinkAuthenticate) {\n   *       console.log('Logged in with', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n  /**\n   * A {@link StytchB2BUIConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks],\n   *   authFlowType: \"Discovery\",\n   *   emailMagicLinksOptions: {\n   *     discoveryRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks, B2BProducts.sso],\n   *   authFlowType: \"Organization\",\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   ssoOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   */\n  config: StytchB2BUIConfig;\n}\n\n/**\n * The Stytch B2B UI component.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <StytchB2B\n *   config={{\n *     authFlowType: \"Organization\",\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     ssoOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     sessionOptions: {\n *       sessionDurationMinutes: 60,\n *     }\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchB2B = createB2BComponent('StytchB2B', AppContainer);\n"],"names":["StytchB2B","createB2BComponent","AppContainer"],"mappings":";;;AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BC,IACM,MAAMA,SAAAA,GAAYC,kBAAAA,CAAmB,aAAaC,YAAAA;;;;"}
+{"version":3,"file":"Stytch.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/Stytch.tsx"],"sourcesContent":["import { Callbacks, StringsOptions, StytchProjectConfigurationInput } from '@stytch/core/public';\nimport { PresentationConfig, StytchB2BUIConfig } from '../../../types';\nimport { AppContainer } from '../../b2b/App';\nimport { createB2BComponent } from '../bindings/createB2BComponent';\n\nexport interface StytchB2BProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> extends StringsOptions {\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 error', message)\n   *   }\n   * }\n   *\n   * @example\n   * {\n   *   onEvent: ({type, data}) => {\n   *     if(type === StytchEventType.B2BMagicLinkAuthenticate) {\n   *       console.log('Logged in with', data);\n   *     }\n   *   }\n   * }\n   */\n  callbacks?: Callbacks<TProjectConfiguration>;\n  /**\n   * A {@link StytchB2BUIConfig} object. Add products and product-specific config to this object to change the login methods shown.\n   *\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks],\n   *   authFlowType: \"Discovery\",\n   *   emailMagicLinksOptions: {\n   *     discoveryRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   *\n   * @example\n   * {\n   *   products: [B2BProducts.emailMagicLinks, B2BProducts.sso],\n   *   authFlowType: \"Organization\",\n   *   emailMagicLinksOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   ssoOptions: {\n   *     loginRedirectURL: 'https://example.com/authenticate',\n   *     signupRedirectURL: 'https://example.com/authenticate',\n   *   },\n   *   sessionOptions: {\n   *     sessionDurationMinutes: 60,\n   *   },\n   * }\n   */\n  config: StytchB2BUIConfig;\n}\n\n/**\n * The Stytch B2B UI component.\n * This component can only be used with a Stytch B2B UI Client\n * passed into the StytchB2BProvider.\n *\n * See the {@link https://stytch.com/docs/b2b/sdks online reference}\n *\n * @example\n * <StytchB2B\n *   config={{\n *     authFlowType: \"Organization\",\n *     emailMagicLinksOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     ssoOptions: {\n *       loginRedirectURL: 'https://example.com/authenticate',\n *       signupRedirectURL: 'https://example.com/authenticate',\n *     },\n *     sessionOptions: {\n *       sessionDurationMinutes: 60,\n *     }\n *   }}\n *   presentation={{\n *     theme: { primary: '#0577CA' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const StytchB2B = /* @__PURE__ */ createB2BComponent('StytchB2B', AppContainer);\n"],"names":["StytchB2B","createB2BComponent","AppContainer"],"mappings":";;;AAoEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BC,IACM,MAAMA,SAAAA,mBAA4BC,kBAAAA,CAAmB,aAAaC,YAAAA;;;;"}

package/dist/esm-dev/packages/web/src/ui/react/b2b/StytchB2BContext.mjs

@@ -85,7 +85,7 @@ const useIsMounted__INTERNAL = ()=>useContext(StytchB2BContext).isMounted;
  *
  * Remember - authorization checks for sensitive actions should always occur on the backend as well.
  * @example
- * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');
  * return <button disabled={!isAuthorized}>Edit</button>
  */ const useStytchIsAuthorized = (resourceId, action)=>{
     invariant(useIsMounted__INTERNAL(), noProviderError('useStytchIsAuthorized', 'StytchB2BProvider'));

package/dist/esm-dev/packages/web/src/ui/react/b2b/StytchB2BContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StytchB2BContext.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/StytchB2BContext.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  Member,\n  MemberSession,\n  Organization,\n  PermissionsMap,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\nimport { mergeWithStableProps } from '@stytch/js-utils';\nimport { isStytchSSRProxy } from '../bindings/StytchSSRProxy';\nimport { useAsyncState } from '../utils/async';\nimport { noProviderError } from '../utils/errors';\nimport { invariant } from '../utils/invariant';\nimport { StytchB2BClient } from '../../../b2b/StytchB2BClient';\n\n// There's no user facing strings in this file\n/* eslint-disable lingui/no-unlocalized-strings */\n\ntype StytchB2BContext<TProjectConfiguration extends StytchProjectConfigurationInput> =\n  | {\n      isMounted: false;\n    }\n  | {\n      isMounted: true;\n      client: StytchB2BClient<TProjectConfiguration>;\n    };\n\ntype SWRMemberUninitialized = {\n  /**\n   * Either the active {@link Member} object, or null if the member is not logged in.\n   */\n  member: 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 SWRMemberInitialized = {\n  /**\n   * Either the active {@link Member} object, or null if the member is not logged in.\n   */\n  member: Member | 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 SWRMember<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRMemberInitialized\n  : SWRMemberInitialized | SWRMemberUninitialized;\n\nconst initialMember: SWRMember = {\n  member: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWRMemberSessionUninitialized = {\n  /**\n   * Either the active {@link MemberSession} object, or null if the member 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 SWRMemberSessionInitialized = {\n  /**\n   * Either the active {@link MemberSession} object, or null if the member is not logged in.\n   */\n  session: MemberSession | 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 SWRMemberSession<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRMemberSessionInitialized\n  : SWRMemberSessionInitialized | SWRMemberSessionUninitialized;\n\nconst initialMemberSession: SWRMemberSession = {\n  session: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWROrganizationUninitialized = {\n  /**\n   * Either the active {@link Organization} object, or null if the member is not logged in.\n   */\n  organization: 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 SWROrganizationInitialized = {\n  /**\n   * Either the active {@link Organization} object, or null if the member is not logged in.\n   */\n  organization: Organization | 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 SWROrganization<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWROrganizationInitialized\n  : SWROrganizationInitialized | SWROrganizationUninitialized;\n\nconst initialOrganization: SWROrganization = {\n  organization: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\nconst StytchB2BContext = createContext<StytchB2BContext<StytchProjectConfigurationInput>>({ isMounted: false });\nconst StytchMemberContext = createContext<SWRMember>(initialMember);\nconst StytchMemberSessionContext = createContext<SWRMemberSession>(initialMemberSession);\nconst StytchOrganizationContext = createContext<SWROrganization>(initialOrganization);\n\nexport const useIsMounted__INTERNAL = (): boolean => useContext(StytchB2BContext).isMounted;\n\n/**\n * Returns the active Member.\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 member data is from persistent storage.\n * @example\n * const {member, isInitialized, fromCache} = useStytchMember();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<h1>Welcome, {member.name}</h1>);\n */\nexport const useStytchMember = <TAssumeHydrated extends boolean = false>(): SWRMember<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchMember', 'StytchB2BProvider'));\n  return useContext(StytchMemberContext) as SWRMember<TAssumeHydrated>;\n};\n\n/**\n * Returns the active member's Stytch member 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} = useStytchMemberSession();\n * useEffect(() => {\n *   if (!isInitialized) {\n *     return;\n *   }\n *   if (!session) {\n *     router.replace('/login')\n *   }\n * }, [session, isInitialized]);\n */\nexport const useStytchMemberSession = <\n  TAssumeHydrated extends boolean = false,\n>(): SWRMemberSession<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchMemberSession', 'StytchB2BProvider'));\n  return useContext(StytchMemberSessionContext) as SWRMemberSession<TAssumeHydrated>;\n};\n\n/**\n * Returns the active Stytch organization.\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 organization data is from persistent storage.\n * @example\n * const {organization, isInitialized, fromCache} = useStytchOrganization();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<p>Welcome to {organization.organization_name}</p>);\n */\nexport const useStytchOrganization = <TAssumeHydrated extends boolean = false>(): SWROrganization<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchOrganization', 'StytchB2BProvider'));\n  return useContext(StytchOrganizationContext) as SWROrganization<TAssumeHydrated>;\n};\n\ntype SWRIsAuthorizedUninitialized = {\n  /**\n   * Whether the logged-in member 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 member 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 member is allowed to perform the specified action on the specified resource.\n * Returns `true` if the member can perform the action, `false` otherwise.\n *\n * If the member 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', 'StytchB2BProvider'));\n  const client = useStytchB2BClient();\n  const { session } = useStytchMemberSession();\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\n    client.rbac.isAuthorized(resourceId, action).then((isAuthorized) => {\n      setIsAuthorized({ isAuthorized, fromCache: false, isInitialized: true });\n    });\n  }, [client, session?.roles, resourceId, action, setIsAuthorized]);\n\n  return isAuthorized;\n};\n\n/**\n * Returns the Stytch B2B client stored in the Stytch context.\n *\n * @example\n * const stytch = useStytchB2BClient();\n * useEffect(() => {\n *   stytch.magicLinks.authenticate('...')\n * }, [stytch]);\n */\nexport const useStytchB2BClient = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(): StytchB2BClient<TProjectConfiguration> => {\n  const ctx = useContext(StytchB2BContext);\n  invariant(ctx.isMounted, noProviderError('useStytchB2BClient', 'StytchB2BProvider'));\n  return ctx.client as StytchB2BClient<TProjectConfiguration>;\n};\n\nexport const withStytchB2BClient = <T extends object, TProjectConfiguration extends StytchProjectConfigurationInput>(\n  Component: ComponentType<T & { stytch: StytchB2BClient<TProjectConfiguration> }>,\n): ComponentType<T> => {\n  const WithStytch: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchB2BClient', 'StytchB2BProvider'));\n    return <Component {...props} stytch={useStytchB2BClient()} />;\n  };\n  WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytch;\n};\n\nexport const withStytchMember = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchMember: Member | null; stytchMemberIsInitialized: boolean; stytchMemberIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchUser: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchMember', 'StytchB2BProvider'));\n    const { member, isInitialized, fromCache } = useStytchMember<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchMember={member}\n        stytchMemberIsInitialized={isInitialized}\n        stytchMemberIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchUser.displayName = `withStytchMember(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchUser;\n};\n\nexport const withStytchMemberSession = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & {\n      stytchMemberSession: MemberSession | null;\n      stytchMemberSessionIsInitialized: boolean;\n      stytchMemberSessionIsFromCache: boolean;\n    }\n  >,\n): ComponentType<T> => {\n  const WithStytchSession: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchMemberSession', 'StytchB2BProvider'));\n    const { session, isInitialized, fromCache } = useStytchMemberSession<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchMemberSession={session}\n        stytchMemberSessionIsInitialized={isInitialized}\n        stytchMemberSessionIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchSession.displayName = `withStytchMemberSession(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchSession;\n};\n\nexport const withStytchOrganization = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & {\n      stytchOrganization: Organization | null;\n      stytchOrganizationIsInitialized: boolean;\n      stytchOrganizationIsFromCache: boolean;\n    }\n  >,\n): ComponentType<T> => {\n  const WithStytchOrganization: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchOrganization', 'StytchB2BProvider'));\n    const { organization, isInitialized, fromCache } = useStytchOrganization<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchOrganization={organization}\n        stytchOrganizationIsInitialized={isInitialized}\n        stytchOrganizationIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchOrganization.displayName = `withStytchOrganization(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n  return WithStytchOrganization;\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 member.\n * Evaluates all permissions granted to the logged-in member.\n * Returns a Record<RoleId, Record<Action, boolean>> response indicating the member's permissions.\n * Each boolean will be `true` if the member can perform the action, `false` otherwise.\n *\n * If the member 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', 'StytchB2BProvider'));\n    const client = useStytchB2BClient();\n    const { session } = useStytchMemberSession();\n    const [permissions, setPermissions] = useAsyncState<permissionsLoaded<Permissions>>({ loaded: false, value: null });\n    useEffect(() => {\n      client.rbac\n        .allPermissions<Permissions>()\n        .then((permissions) => setPermissions({ loaded: true, value: permissions }));\n    }, [client, session?.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 StytchB2BProviderProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> {\n  /**\n   * A Stytch client instance, created using either {@link createStytchB2BClient} or {@link createStytchB2BClient}\n   */\n  stytch: StytchB2BClient<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 = createStytchB2BClient('public-token-<find yours in the stytch dashboard>')\n *\n * return (\n *   <StytchB2BProvider stytch={stytch}>\n *     <App />\n *   </StytchB2BProvider>\n * )\n */\nexport const StytchB2BProvider = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>({\n  stytch,\n  children,\n  assumeHydrated = false,\n}: StytchB2BProviderProps<TProjectConfiguration>): JSX.Element => {\n  invariant(!useIsMounted__INTERNAL(), 'You cannot render a <StytchB2BProvider> inside another <StytchB2BProvider>.');\n  invariant(\n    !assumeHydrated || typeof window !== 'undefined',\n    'The `assumeHydrated` prop must be set to `false` when using StytchB2BProvider in a server environment.',\n  );\n\n  const ctx = useMemo(() => ({ client: stytch, isMounted: true }), [stytch]);\n\n  type ClientState<TAlwaysInitialized extends boolean> = {\n    member: SWRMember<TAlwaysInitialized>;\n    session: SWRMemberSession<TAlwaysInitialized>;\n    organization: SWROrganization<TAlwaysInitialized>;\n  };\n\n  const getHydratedState = useCallback(() => {\n    return {\n      member: { ...stytch.self.getInfo(), isInitialized: true },\n      session: { ...stytch.session.getInfo(), isInitialized: true },\n      organization: { ...stytch.organization.getInfo(), isInitialized: true },\n    } satisfies ClientState<true>;\n  }, [stytch]);\n\n  const getInitialState = () => {\n    return {\n      member: initialMember,\n      session: initialMemberSession,\n      organization: initialOrganization,\n    } satisfies ClientState<false>;\n  };\n\n  const [{ member, session, organization }, 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    <StytchB2BContext.Provider value={ctx}>\n      <StytchOrganizationContext.Provider value={organization}>\n        <StytchMemberContext.Provider value={member}>\n          <StytchMemberSessionContext.Provider value={session}>{children}</StytchMemberSessionContext.Provider>\n        </StytchMemberContext.Provider>\n      </StytchOrganizationContext.Provider>\n    </StytchB2BContext.Provider>\n  );\n};\n"],"names":["initialMember","member","fromCache","isInitialized","initialMemberSession","session","initialOrganization","organization","StytchB2BContext","createContext","isMounted","StytchMemberContext","StytchMemberSessionContext","StytchOrganizationContext","useIsMounted__INTERNAL","useContext","useStytchMember","invariant","noProviderError","useStytchMemberSession","useStytchOrganization","useStytchIsAuthorized","resourceId","action","client","useStytchB2BClient","isAuthorized","setIsAuthorized","useAsyncState","useEffect","isStytchSSRProxy","rbac","isAuthorizedSync","then","roles","ctx","withStytchB2BClient","Component","WithStytch","props","React","stytch","displayName","name","withStytchMember","WithStytchUser","stytchMember","stytchMemberIsInitialized","stytchMemberIsFromCache","withStytchMemberSession","WithStytchSession","stytchMemberSession","stytchMemberSessionIsInitialized","stytchMemberSessionIsFromCache","withStytchOrganization","WithStytchOrganization","stytchOrganization","stytchOrganizationIsInitialized","stytchOrganizationIsFromCache","withStytchPermissions","WithStytchPermissions","permissions","setPermissions","loaded","value","allPermissions","stytchPermissions","StytchB2BProvider","children","assumeHydrated","window","useMemo","getHydratedState","useCallback","self","getInfo","getInitialState","setClientState","assumeHydratedRef","useRef","updateState","oldState","mergeWithStableProps","current","onStateChange","Provider"],"mappings":"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"}
+{"version":3,"file":"StytchB2BContext.mjs","sources":["../../../../../../../../../web/src/ui/react/b2b/StytchB2BContext.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  createContext,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  Member,\n  MemberSession,\n  Organization,\n  PermissionsMap,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\nimport { mergeWithStableProps } from '@stytch/js-utils';\nimport { isStytchSSRProxy } from '../bindings/StytchSSRProxy';\nimport { useAsyncState } from '../utils/async';\nimport { noProviderError } from '../utils/errors';\nimport { invariant } from '../utils/invariant';\nimport { StytchB2BClient } from '../../../b2b/StytchB2BClient';\n\n// There's no user facing strings in this file\n/* eslint-disable lingui/no-unlocalized-strings */\n\ntype StytchB2BContext<TProjectConfiguration extends StytchProjectConfigurationInput> =\n  | {\n      isMounted: false;\n    }\n  | {\n      isMounted: true;\n      client: StytchB2BClient<TProjectConfiguration>;\n    };\n\ntype SWRMemberUninitialized = {\n  /**\n   * Either the active {@link Member} object, or null if the member is not logged in.\n   */\n  member: 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 SWRMemberInitialized = {\n  /**\n   * Either the active {@link Member} object, or null if the member is not logged in.\n   */\n  member: Member | 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 SWRMember<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRMemberInitialized\n  : SWRMemberInitialized | SWRMemberUninitialized;\n\nconst initialMember: SWRMember = {\n  member: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWRMemberSessionUninitialized = {\n  /**\n   * Either the active {@link MemberSession} object, or null if the member 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 SWRMemberSessionInitialized = {\n  /**\n   * Either the active {@link MemberSession} object, or null if the member is not logged in.\n   */\n  session: MemberSession | 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 SWRMemberSession<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWRMemberSessionInitialized\n  : SWRMemberSessionInitialized | SWRMemberSessionUninitialized;\n\nconst initialMemberSession: SWRMemberSession = {\n  session: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\ntype SWROrganizationUninitialized = {\n  /**\n   * Either the active {@link Organization} object, or null if the member is not logged in.\n   */\n  organization: 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 SWROrganizationInitialized = {\n  /**\n   * Either the active {@link Organization} object, or null if the member is not logged in.\n   */\n  organization: Organization | 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 SWROrganization<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true\n  ? SWROrganizationInitialized\n  : SWROrganizationInitialized | SWROrganizationUninitialized;\n\nconst initialOrganization: SWROrganization = {\n  organization: null,\n  fromCache: false,\n  isInitialized: false,\n};\n\nconst StytchB2BContext = createContext<StytchB2BContext<StytchProjectConfigurationInput>>({ isMounted: false });\nconst StytchMemberContext = createContext<SWRMember>(initialMember);\nconst StytchMemberSessionContext = createContext<SWRMemberSession>(initialMemberSession);\nconst StytchOrganizationContext = createContext<SWROrganization>(initialOrganization);\n\nexport const useIsMounted__INTERNAL = (): boolean => useContext(StytchB2BContext).isMounted;\n\n/**\n * Returns the active Member.\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 member data is from persistent storage.\n * @example\n * const {member, isInitialized, fromCache} = useStytchMember();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<h1>Welcome, {member.name}</h1>);\n */\nexport const useStytchMember = <TAssumeHydrated extends boolean = false>(): SWRMember<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchMember', 'StytchB2BProvider'));\n  return useContext(StytchMemberContext) as SWRMember<TAssumeHydrated>;\n};\n\n/**\n * Returns the active member's Stytch member 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} = useStytchMemberSession();\n * useEffect(() => {\n *   if (!isInitialized) {\n *     return;\n *   }\n *   if (!session) {\n *     router.replace('/login')\n *   }\n * }, [session, isInitialized]);\n */\nexport const useStytchMemberSession = <\n  TAssumeHydrated extends boolean = false,\n>(): SWRMemberSession<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchMemberSession', 'StytchB2BProvider'));\n  return useContext(StytchMemberSessionContext) as SWRMemberSession<TAssumeHydrated>;\n};\n\n/**\n * Returns the active Stytch organization.\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 organization data is from persistent storage.\n * @example\n * const {organization, isInitialized, fromCache} = useStytchOrganization();\n * if (!isInitialized) {\n *     return <p>Loading...</p>;\n * }\n * return (<p>Welcome to {organization.organization_name}</p>);\n */\nexport const useStytchOrganization = <TAssumeHydrated extends boolean = false>(): SWROrganization<TAssumeHydrated> => {\n  invariant(useIsMounted__INTERNAL(), noProviderError('useStytchOrganization', 'StytchB2BProvider'));\n  return useContext(StytchOrganizationContext) as SWROrganization<TAssumeHydrated>;\n};\n\ntype SWRIsAuthorizedUninitialized = {\n  /**\n   * Whether the logged-in member 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 member 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 member is allowed to perform the specified action on the specified resource.\n * Returns `true` if the member can perform the action, `false` otherwise.\n *\n * If the member 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', 'StytchB2BProvider'));\n  const client = useStytchB2BClient();\n  const { session } = useStytchMemberSession();\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\n    client.rbac.isAuthorized(resourceId, action).then((isAuthorized) => {\n      setIsAuthorized({ isAuthorized, fromCache: false, isInitialized: true });\n    });\n  }, [client, session?.roles, resourceId, action, setIsAuthorized]);\n\n  return isAuthorized;\n};\n\n/**\n * Returns the Stytch B2B client stored in the Stytch context.\n *\n * @example\n * const stytch = useStytchB2BClient();\n * useEffect(() => {\n *   stytch.magicLinks.authenticate('...')\n * }, [stytch]);\n */\nexport const useStytchB2BClient = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>(): StytchB2BClient<TProjectConfiguration> => {\n  const ctx = useContext(StytchB2BContext);\n  invariant(ctx.isMounted, noProviderError('useStytchB2BClient', 'StytchB2BProvider'));\n  return ctx.client as StytchB2BClient<TProjectConfiguration>;\n};\n\nexport const withStytchB2BClient = <T extends object, TProjectConfiguration extends StytchProjectConfigurationInput>(\n  Component: ComponentType<T & { stytch: StytchB2BClient<TProjectConfiguration> }>,\n): ComponentType<T> => {\n  const WithStytch: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchB2BClient', 'StytchB2BProvider'));\n    return <Component {...props} stytch={useStytchB2BClient()} />;\n  };\n  WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytch;\n};\n\nexport const withStytchMember = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & { stytchMember: Member | null; stytchMemberIsInitialized: boolean; stytchMemberIsFromCache: boolean }\n  >,\n): ComponentType<T> => {\n  const WithStytchUser: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchMember', 'StytchB2BProvider'));\n    const { member, isInitialized, fromCache } = useStytchMember<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchMember={member}\n        stytchMemberIsInitialized={isInitialized}\n        stytchMemberIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchUser.displayName = `withStytchMember(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchUser;\n};\n\nexport const withStytchMemberSession = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & {\n      stytchMemberSession: MemberSession | null;\n      stytchMemberSessionIsInitialized: boolean;\n      stytchMemberSessionIsFromCache: boolean;\n    }\n  >,\n): ComponentType<T> => {\n  const WithStytchSession: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchMemberSession', 'StytchB2BProvider'));\n    const { session, isInitialized, fromCache } = useStytchMemberSession<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchMemberSession={session}\n        stytchMemberSessionIsInitialized={isInitialized}\n        stytchMemberSessionIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchSession.displayName = `withStytchMemberSession(${Component.displayName || Component.name || 'Component'})`;\n  return WithStytchSession;\n};\n\nexport const withStytchOrganization = <T extends object, TAssumeHydrated extends boolean = false>(\n  Component: ComponentType<\n    T & {\n      stytchOrganization: Organization | null;\n      stytchOrganizationIsInitialized: boolean;\n      stytchOrganizationIsFromCache: boolean;\n    }\n  >,\n): ComponentType<T> => {\n  const WithStytchOrganization: ComponentType<T> = (props) => {\n    invariant(useIsMounted__INTERNAL(), noProviderError('withStytchOrganization', 'StytchB2BProvider'));\n    const { organization, isInitialized, fromCache } = useStytchOrganization<TAssumeHydrated>();\n    return (\n      <Component\n        {...props}\n        stytchOrganization={organization}\n        stytchOrganizationIsInitialized={isInitialized}\n        stytchOrganizationIsFromCache={fromCache}\n      />\n    );\n  };\n  WithStytchOrganization.displayName = `withStytchOrganization(${\n    Component.displayName || Component.name || 'Component'\n  })`;\n  return WithStytchOrganization;\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 member.\n * Evaluates all permissions granted to the logged-in member.\n * Returns a Record<RoleId, Record<Action, boolean>> response indicating the member's permissions.\n * Each boolean will be `true` if the member can perform the action, `false` otherwise.\n *\n * If the member 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', 'StytchB2BProvider'));\n    const client = useStytchB2BClient();\n    const { session } = useStytchMemberSession();\n    const [permissions, setPermissions] = useAsyncState<PermissionsLoaded<Permissions>>({ loaded: false, value: null });\n    useEffect(() => {\n      client.rbac\n        .allPermissions<Permissions>()\n        .then((permissions) => setPermissions({ loaded: true, value: permissions }));\n    }, [client, session?.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 StytchB2BProviderProps<\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n> {\n  /**\n   * A Stytch client instance, created using either {@link createStytchB2BClient} or {@link createStytchB2BClient}\n   */\n  stytch: StytchB2BClient<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 = createStytchB2BClient('public-token-<find yours in the stytch dashboard>')\n *\n * return (\n *   <StytchB2BProvider stytch={stytch}>\n *     <App />\n *   </StytchB2BProvider>\n * )\n */\nexport const StytchB2BProvider = <\n  TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration,\n>({\n  stytch,\n  children,\n  assumeHydrated = false,\n}: StytchB2BProviderProps<TProjectConfiguration>): JSX.Element => {\n  invariant(!useIsMounted__INTERNAL(), 'You cannot render a <StytchB2BProvider> inside another <StytchB2BProvider>.');\n  invariant(\n    !assumeHydrated || typeof window !== 'undefined',\n    'The `assumeHydrated` prop must be set to `false` when using StytchB2BProvider in a server environment.',\n  );\n\n  const ctx = useMemo(() => ({ client: stytch, isMounted: true }), [stytch]);\n\n  type ClientState<TAlwaysInitialized extends boolean> = {\n    member: SWRMember<TAlwaysInitialized>;\n    session: SWRMemberSession<TAlwaysInitialized>;\n    organization: SWROrganization<TAlwaysInitialized>;\n  };\n\n  const getHydratedState = useCallback(() => {\n    return {\n      member: { ...stytch.self.getInfo(), isInitialized: true },\n      session: { ...stytch.session.getInfo(), isInitialized: true },\n      organization: { ...stytch.organization.getInfo(), isInitialized: true },\n    } satisfies ClientState<true>;\n  }, [stytch]);\n\n  const getInitialState = () => {\n    return {\n      member: initialMember,\n      session: initialMemberSession,\n      organization: initialOrganization,\n    } satisfies ClientState<false>;\n  };\n\n  const [{ member, session, organization }, 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    <StytchB2BContext.Provider value={ctx}>\n      <StytchOrganizationContext.Provider value={organization}>\n        <StytchMemberContext.Provider value={member}>\n          <StytchMemberSessionContext.Provider value={session}>{children}</StytchMemberSessionContext.Provider>\n        </StytchMemberContext.Provider>\n      </StytchOrganizationContext.Provider>\n    </StytchB2BContext.Provider>\n  );\n};\n"],"names":["initialMember","member","fromCache","isInitialized","initialMemberSession","session","initialOrganization","organization","StytchB2BContext","createContext","isMounted","StytchMemberContext","StytchMemberSessionContext","StytchOrganizationContext","useIsMounted__INTERNAL","useContext","useStytchMember","invariant","noProviderError","useStytchMemberSession","useStytchOrganization","useStytchIsAuthorized","resourceId","action","client","useStytchB2BClient","isAuthorized","setIsAuthorized","useAsyncState","useEffect","isStytchSSRProxy","rbac","isAuthorizedSync","then","roles","ctx","withStytchB2BClient","Component","WithStytch","props","React","stytch","displayName","name","withStytchMember","WithStytchUser","stytchMember","stytchMemberIsInitialized","stytchMemberIsFromCache","withStytchMemberSession","WithStytchSession","stytchMemberSession","stytchMemberSessionIsInitialized","stytchMemberSessionIsFromCache","withStytchOrganization","WithStytchOrganization","stytchOrganization","stytchOrganizationIsInitialized","stytchOrganizationIsFromCache","withStytchPermissions","WithStytchPermissions","permissions","setPermissions","loaded","value","allPermissions","stytchPermissions","StytchB2BProvider","children","assumeHydrated","window","useMemo","getHydratedState","useCallback","self","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/IdentityProvider.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"IdentityProvider.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/IdentityProvider.tsx"],"sourcesContent":["import { IDPContainer } from '../../b2c/IDPContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\nimport { StytchProps } from './StytchLogin';\nimport { AuthTokenParams, IDPConsentManifestGenerator } from '../../../types';\n\nexport type IdentityProviderProps = Omit<StytchProps, 'config'> & {\n  /**\n   * Optional {@link IDPConsentManifestGenerator} to customize the consent screen.\n   */\n  getIDPConsentManifest?: IDPConsentManifestGenerator;\n  /**\n   * Optional {@link AuthTokenParams} to provide a trusted auth token to provide for attestation prior to running OAuth flow.\n   */\n  authTokenParams?: AuthTokenParams;\n};\n\n/**\n * The Stytch IDP component.\n * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.\n * Requires the user to be logged in.\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 * <IdentityProvider\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const IdentityProvider = createB2CComponent('IdentityProvider', IDPContainer);\n"],"names":["IdentityProvider","createB2CComponent","IDPContainer"],"mappings":";;;AAgBA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,MAAMA,gBAAAA,GAAmBC,kBAAAA,CAAmB,oBAAoBC,YAAAA;;;;"}
+{"version":3,"file":"IdentityProvider.mjs","sources":["../../../../../../../../../web/src/ui/react/b2c/IdentityProvider.tsx"],"sourcesContent":["import { IDPContainer } from '../../b2c/IDPContainer';\nimport { createB2CComponent } from '../bindings/createB2CComponent';\nimport { StytchProps } from './StytchLogin';\nimport { AuthTokenParams, IDPConsentManifestGenerator } from '../../../types';\n\nexport type IdentityProviderProps = Omit<StytchProps, 'config'> & {\n  /**\n   * Optional {@link IDPConsentManifestGenerator} to customize the consent screen.\n   */\n  getIDPConsentManifest?: IDPConsentManifestGenerator;\n  /**\n   * Optional {@link AuthTokenParams} to provide a trusted auth token to provide for attestation prior to running OAuth flow.\n   */\n  authTokenParams?: AuthTokenParams;\n};\n\n/**\n * The Stytch IDP component.\n * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.\n * Requires the user to be logged in.\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 * <IdentityProvider\n *   presentation={{\n *     theme: { primary: '#ff00f7' },\n *     options: {},\n *   }}\n *   callbacks={{\n *     onEvent: (event) => console.log(event)\n *   }}\n * />\n */\nexport const IdentityProvider = /* @__PURE__ */ createB2CComponent('IdentityProvider', IDPContainer);\n"],"names":["IdentityProvider","createB2CComponent","IDPContainer"],"mappings":";;;AAgBA;;;;;;;;;;;;;;;;;;;AAmBC,IACM,MAAMA,gBAAAA,mBAAmCC,kBAAAA,CAAmB,oBAAoBC,YAAAA;;;;"}

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

@@ -116,7 +116,7 @@ const withStytchSession = (Component)=>{
  *
  * Remember - authorization checks for sensitive actions should always occur on the backend as well.
  * @example
- * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');
  * return <button disabled={!isAuthorized}>Edit</button>
  */ const useStytchIsAuthorized = (resourceId, action)=>{
     invariant(useIsMounted__INTERNAL(), noProviderError('useStytchIsAuthorized', 'StytchProvider'));