@stytch/react 20.0.1 → 20.0.3

package/dist/esm/packages/web/src/ui/components/mixins/Root.module.css.mjs

@@ -1,6 +1,6 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
 
-var css = ".Root_module_root__5a8e6e98{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__5a8e6e98),:where(.Root_module_root__5a8e6e98) *{box-sizing:border-box;margin:0;padding:0}.Root_module_root__5a8e6e98 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__5a8e6e98 :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}.Root_module_root__5a8e6e98 :is(span,strong,em,p){color:inherit}.Root_module_root__5a8e6e98 :is(span,em,p){font-weight:inherit}:where(.Root_module_root__5a8e6e98) :is(b,strong){font-weight:var(--st-font-weight-bold)}:where(.Root_module_root__5a8e6e98) :is(img,svg){display:block}.Root_module_root__5a8e6e98{--st-font-weight-normal:400;--st-font-weight-medium:500;--st-font-weight-semibold:600;--st-font-weight-bold:700;--st-rounded-md:calc(var(--st-rounded-base)*2);--st-rounded-2xl:calc(var(--st-rounded-base)*6);--st-rounded-full:calc(var(--st-rounded-base)*9999);--st-text-xs:calc(var(--st-text-base)*0.75);--st-text-sm:calc(var(--st-text-base)*0.875);--st-text-2xl:calc(var(--st-text-base)*1.5);--st-line-height-xs:1.33333;--st-line-height-sm:1.42857;--st-line-height-base:1.5;--st-line-height-2xl:1.33333;--st-spacing-0_5:calc(var(--st-spacing)*0.5);--st-spacing-2:calc(var(--st-spacing)*2);--st-spacing-3:calc(var(--st-spacing)*3);--st-spacing-4:calc(var(--st-spacing)*4);--st-spacing-5:calc(var(--st-spacing)*5);--st-spacing-6:calc(var(--st-spacing)*6);--st-spacing-7:calc(var(--st-spacing)*7);--st-spacing-8:calc(var(--st-spacing)*8);--st-spacing-9:calc(var(--st-spacing)*9);--st-spacing-10:calc(var(--st-spacing)*10);--st-tab-background:color-mix(in oklab,var(--st-accent) 80%,transparent);--st-primary-button-hover:color-mix(in oklab,var(--st-primary) 90%,transparent);--st-secondary-button-hover:color-mix(in oklab,var(--st-secondary) 80%,transparent);--st-destructive-button-hover:color-mix(in oklab,var(--st-destructive) 80%,transparent);--st-divider-color:color-mix(in oklab,var(--st-border) 50%,transparent);--st-focus-ring-shadow:0 0 0 3px color-mix(in oklab,var(--st-ring) 50%,transparent);--st-shadow:0 0;--st-shadow-input:var(--st-shadow);--st-shadow-button:var(--st-shadow);--st-button-radius:var(--st-rounded-md);--st-input-radius:var(--st-rounded-md);--st-container-radius:var(--st-rounded-2xl);--st-container-border:var(--st-border);--st-header-font:var(--st-font-family)}";
+var css = ".Root_module_root__870c11a1{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__870c11a1),:where(.Root_module_root__870c11a1) *{box-sizing:border-box;margin:0;padding:0}:where(.Root_module_root__870c11a1) :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}:where(.Root_module_root__870c11a1) :is(span,strong,em,p){color:inherit}:where(.Root_module_root__870c11a1) :is(span,em,p){font-weight:inherit}:where(.Root_module_root__870c11a1) :is(img,svg){display:block}.Root_module_root__870c11a1 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__870c11a1 :is(b,strong){font-weight:var(--st-font-weight-bold)}.Root_module_root__870c11a1{--st-font-weight-normal:400;--st-font-weight-medium:500;--st-font-weight-semibold:600;--st-font-weight-bold:700;--st-rounded-md:calc(var(--st-rounded-base)*2);--st-rounded-2xl:calc(var(--st-rounded-base)*6);--st-rounded-full:calc(var(--st-rounded-base)*9999);--st-text-xs:calc(var(--st-text-base)*0.75);--st-text-sm:calc(var(--st-text-base)*0.875);--st-text-2xl:calc(var(--st-text-base)*1.5);--st-line-height-xs:1.33333;--st-line-height-sm:1.42857;--st-line-height-base:1.5;--st-line-height-2xl:1.33333;--st-spacing-0_5:calc(var(--st-spacing)*0.5);--st-spacing-2:calc(var(--st-spacing)*2);--st-spacing-3:calc(var(--st-spacing)*3);--st-spacing-4:calc(var(--st-spacing)*4);--st-spacing-5:calc(var(--st-spacing)*5);--st-spacing-6:calc(var(--st-spacing)*6);--st-spacing-7:calc(var(--st-spacing)*7);--st-spacing-8:calc(var(--st-spacing)*8);--st-spacing-9:calc(var(--st-spacing)*9);--st-spacing-10:calc(var(--st-spacing)*10);--st-tab-background:color-mix(in oklab,var(--st-accent) 80%,transparent);--st-primary-button-hover:color-mix(in oklab,var(--st-primary) 90%,transparent);--st-secondary-button-hover:color-mix(in oklab,var(--st-secondary) 80%,transparent);--st-destructive-button-hover:color-mix(in oklab,var(--st-destructive) 80%,transparent);--st-divider-color:color-mix(in oklab,var(--st-border) 50%,transparent);--st-focus-ring-shadow:0 0 0 3px color-mix(in oklab,var(--st-ring) 50%,transparent);--st-shadow:0 0;--st-shadow-input:var(--st-shadow);--st-shadow-button:var(--st-shadow);--st-button-radius:var(--st-rounded-md);--st-input-radius:var(--st-rounded-md);--st-container-radius:var(--st-rounded-2xl);--st-container-border:var(--st-border);--st-header-font:var(--st-font-family)}";
 collectCss(css);
 
 export { css };

package/dist/esm/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs

@@ -2,7 +2,7 @@ import { collectCss } from '../../../../../../internal/style-injector/src/index.
 
 var css = ".MainContainer_module_container__d1278a0c{background-color:var(--st-background);border:1px solid var(--st-container-border);border-radius:var(--st-container-radius);color:var(--st-foreground);max-width:var(--st-container-width);padding:var(--st-spacing-10) var(--st-spacing-9);width:100%}.MainContainer_module_watermarkContainer__d1278a0c{display:flex;justify-content:center}";
 collectCss(css);
-var modules_852c89cd = {"container":"MainContainer_module_container__d1278a0c Root_module_root__5a8e6e98","watermarkContainer":"MainContainer_module_watermarkContainer__d1278a0c"};
+var modules_852c89cd = {"container":"MainContainer_module_container__d1278a0c Root_module_root__870c11a1","watermarkContainer":"MainContainer_module_watermarkContainer__d1278a0c"};
 
 export { css, modules_852c89cd as default };
 //# sourceMappingURL=MainContainer.module.css.mjs.map

package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs

@@ -127,10 +127,12 @@ const Autocomplete = ({ caption, fullWidth, getOptionDescription, getOptionDisab
                 const { onDelete, ...tagProps } = getTagProps({
                     index
                 });
-                return /*#__PURE__*/ React__default.createElement(AutocompleteTag, {
+                return(// key is in tagProps
+                // eslint-disable-next-line react/jsx-key
+                /*#__PURE__*/ React__default.createElement(AutocompleteTag, {
                     ...tagProps,
                     onDelete: getOptionDisabled?.(option) ? undefined : onDelete
-                }, getOptionLabel(option));
+                }, getOptionLabel(option)));
             })
     }), caption && /*#__PURE__*/ React__default.createElement(Typography, {
         variant: "body2"

package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../../../web/src/adminPortal/components/Autocomplete.tsx"],"sourcesContent":["import CheckIcon from '@mui/icons-material/CheckRounded';\nimport Close from '@mui/icons-material/Close';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport {\n  Autocomplete as MuiAutocomplete,\n  autocompleteClasses,\n  IconButton,\n  inputBaseClasses,\n  outlinedInputClasses,\n  OutlinedTextFieldProps,\n  styled,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport React, { MouseEventHandler, ReactNode, useState } from 'react';\n\nimport { useUniqueId } from '../../utils/uniqueId';\nimport { SelectContainer } from '../shared/components/Select';\nimport { FlexBox } from './FlexBox';\nimport { Label } from './Label';\nimport { Tag } from './Tag';\n\nconst StyledAutocomplete = styled(MuiAutocomplete)(({ theme }) => ({\n  [`& .${inputBaseClasses.root}`]: {\n    padding: theme.spacing(1),\n    gap: theme.spacing(0.5),\n    color: theme.styleConfig.inputs.textColor,\n  },\n  [`& .${outlinedInputClasses.input}.${autocompleteClasses.input}`]: {\n    padding: 0,\n    height: 24,\n    '&::placeholder': {\n      color: theme.styleConfig.inputs.placeholderColor,\n      opacity: 1,\n    },\n    '&:hover': {\n      borderColor: theme.styleConfig.inputs.textColor,\n    },\n  },\n  [`& .${outlinedInputClasses.notchedOutline}`]: {\n    border: '1px solid',\n    borderRadius: theme.styleConfig.inputs.borderRadius,\n    borderColor: theme.styleConfig.inputs.borderColor,\n  },\n  [`&:hover .${outlinedInputClasses.root} .${outlinedInputClasses.notchedOutline}, .${outlinedInputClasses.root}.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]:\n    {\n      borderWidth: 1,\n      borderColor: theme.styleConfig.inputs.textColor,\n    },\n  [`& .${autocompleteClasses.tag}`]: {\n    margin: 0,\n  },\n})) as typeof MuiAutocomplete;\n\ninterface AutocompleteTagReceivedProps {\n  className?: string;\n  ['data-tag-index']?: number;\n  disabled?: boolean;\n  onDelete?: MouseEventHandler<HTMLElement>;\n  tabIndex?: number;\n}\n\ninterface AutocompleteTagProps extends AutocompleteTagReceivedProps {\n  children: ReactNode;\n}\n\nconst StyledIconButton = styled(IconButton)({\n  padding: '3px',\n});\n\nconst AutocompleteTag = ({ children, onDelete, ...props }: AutocompleteTagProps) => {\n  return (\n    <Tag {...props} size=\"small\" hasTopAndBottomPadding={false}>\n      <FlexBox gap={0.5} alignItems=\"center\">\n        {children}\n        {onDelete && (\n          <StyledIconButton size=\"small\" onClick={onDelete}>\n            <Close fontSize=\"small\" />\n          </StyledIconButton>\n        )}\n      </FlexBox>\n    </Tag>\n  );\n};\n\nconst Input = (props: Omit<OutlinedTextFieldProps, 'variant'>) => {\n  return <TextField {...props} variant=\"outlined\" />;\n};\n\nexport interface AutocompleteProps<TSelectItem> {\n  caption?: string;\n  fullWidth?: boolean;\n  getOptionDescription?: (item: TSelectItem) => string | undefined;\n  getOptionDisabled?: (item: TSelectItem) => boolean;\n  getOptionLabel?: (item: TSelectItem) => string;\n  id?: string;\n  label?: ReactNode;\n  menuAnchorHorizontal?: 'left' | 'right' | 'center';\n  selectItems: TSelectItem[];\n  onChange?: (value: TSelectItem[]) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  required?: boolean;\n  value: TSelectItem[];\n}\n\nconst defaultGetOptionLabel = <T,>(item: T) => item as string;\n\nexport const Autocomplete = <TSelectItem,>({\n  caption,\n  fullWidth,\n  getOptionDescription,\n  getOptionDisabled,\n  getOptionLabel = defaultGetOptionLabel,\n  id,\n  label,\n  onChange,\n  placeholder,\n  required,\n  selectItems,\n  value,\n}: AutocompleteProps<TSelectItem>) => {\n  const selectId = useUniqueId(id);\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <SelectContainer fullWidth={fullWidth}>\n      {label && (\n        <Label htmlFor={selectId} required={required} variant=\"caption\" labelColor=\"secondary\">\n          {label}\n        </Label>\n      )}\n      <StyledAutocomplete\n        popupIcon={<ExpandMore />}\n        fullWidth\n        id={selectId}\n        multiple\n        onChange={(_, newValue, reason) => {\n          if (onChange) {\n            if (reason === 'clear' && getOptionDisabled) {\n              // Retain any selected values that are also disabled (i.e., should\n              // not be clearable)\n              onChange(value.filter((item) => getOptionDisabled(item)));\n            } else {\n              onChange(newValue);\n            }\n          }\n        }}\n        onClose={() => setIsOpen(false)}\n        onOpen={() => setIsOpen(true)}\n        open={isOpen}\n        value={value}\n        options={selectItems}\n        getOptionDisabled={getOptionDisabled}\n        getOptionLabel={getOptionLabel}\n        renderOption={(props, option, state) => {\n          const description = getOptionDescription?.(option);\n          return (\n            <li {...props}>\n              <FlexBox gap={0.5} alignItems=\"center\">\n                <CheckIcon\n                  fontSize=\"small\"\n                  style={{ visibility: state.selected ? 'visible' : 'hidden' }}\n                  aria-hidden={!state.selected}\n                />\n                <div>\n                  {getOptionLabel(option)}\n                  {description && <Typography variant=\"body2\">{description}</Typography>}\n                </div>\n              </FlexBox>\n            </li>\n          );\n        }}\n        renderInput={(params) => <Input {...params} placeholder={placeholder} />}\n        renderTags={(value, getTagProps) =>\n          value.map((option, index) => {\n            const { onDelete, ...tagProps } = getTagProps({ index });\n            return (\n              <AutocompleteTag {...tagProps} onDelete={getOptionDisabled?.(option) ? undefined : onDelete}>\n                {getOptionLabel(option)}\n              </AutocompleteTag>\n            );\n          })\n        }\n      />\n      {caption && <Typography variant=\"body2\">{caption}</Typography>}\n    </SelectContainer>\n  );\n};\n"],"names":["StyledAutocomplete","styled","MuiAutocomplete","theme","inputBaseClasses","root","padding","spacing","gap","color","styleConfig","inputs","textColor","outlinedInputClasses","input","autocompleteClasses","height","placeholderColor","opacity","borderColor","notchedOutline","border","borderRadius","focused","borderWidth","tag","margin","StyledIconButton","IconButton","AutocompleteTag","children","onDelete","props","React","Tag","size","hasTopAndBottomPadding","FlexBox","alignItems","onClick","Close","fontSize","Input","TextField","variant","defaultGetOptionLabel","item","Autocomplete","caption","fullWidth","getOptionDescription","getOptionDisabled","getOptionLabel","id","label","onChange","placeholder","required","selectItems","value","selectId","useUniqueId","isOpen","setIsOpen","useState","SelectContainer","Label","htmlFor","labelColor","popupIcon","ExpandMore","multiple","_","newValue","reason","filter","onClose","onOpen","open","options","renderOption","option","state","description","li","CheckIcon","style","visibility","selected","aria-hidden","div","Typography","renderInput","params","renderTags","getTagProps","map","index","tagProps","undefined"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../../../web/src/adminPortal/components/Autocomplete.tsx"],"sourcesContent":["import CheckIcon from '@mui/icons-material/CheckRounded';\nimport Close from '@mui/icons-material/Close';\nimport ExpandMore from '@mui/icons-material/ExpandMore';\nimport {\n  Autocomplete as MuiAutocomplete,\n  autocompleteClasses,\n  IconButton,\n  inputBaseClasses,\n  outlinedInputClasses,\n  OutlinedTextFieldProps,\n  styled,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport React, { MouseEventHandler, ReactNode, useState } from 'react';\n\nimport { useUniqueId } from '../../utils/uniqueId';\nimport { SelectContainer } from '../shared/components/Select';\nimport { FlexBox } from './FlexBox';\nimport { Label } from './Label';\nimport { Tag } from './Tag';\n\nconst StyledAutocomplete = styled(MuiAutocomplete)(({ theme }) => ({\n  [`& .${inputBaseClasses.root}`]: {\n    padding: theme.spacing(1),\n    gap: theme.spacing(0.5),\n    color: theme.styleConfig.inputs.textColor,\n  },\n  [`& .${outlinedInputClasses.input}.${autocompleteClasses.input}`]: {\n    padding: 0,\n    height: 24,\n    '&::placeholder': {\n      color: theme.styleConfig.inputs.placeholderColor,\n      opacity: 1,\n    },\n    '&:hover': {\n      borderColor: theme.styleConfig.inputs.textColor,\n    },\n  },\n  [`& .${outlinedInputClasses.notchedOutline}`]: {\n    border: '1px solid',\n    borderRadius: theme.styleConfig.inputs.borderRadius,\n    borderColor: theme.styleConfig.inputs.borderColor,\n  },\n  [`&:hover .${outlinedInputClasses.root} .${outlinedInputClasses.notchedOutline}, .${outlinedInputClasses.root}.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]:\n    {\n      borderWidth: 1,\n      borderColor: theme.styleConfig.inputs.textColor,\n    },\n  [`& .${autocompleteClasses.tag}`]: {\n    margin: 0,\n  },\n})) as typeof MuiAutocomplete;\n\ninterface AutocompleteTagReceivedProps {\n  className?: string;\n  ['data-tag-index']?: number;\n  disabled?: boolean;\n  onDelete?: MouseEventHandler<HTMLElement>;\n  tabIndex?: number;\n}\n\ninterface AutocompleteTagProps extends AutocompleteTagReceivedProps {\n  children: ReactNode;\n}\n\nconst StyledIconButton = styled(IconButton)({\n  padding: '3px',\n});\n\nconst AutocompleteTag = ({ children, onDelete, ...props }: AutocompleteTagProps) => {\n  return (\n    <Tag {...props} size=\"small\" hasTopAndBottomPadding={false}>\n      <FlexBox gap={0.5} alignItems=\"center\">\n        {children}\n        {onDelete && (\n          <StyledIconButton size=\"small\" onClick={onDelete}>\n            <Close fontSize=\"small\" />\n          </StyledIconButton>\n        )}\n      </FlexBox>\n    </Tag>\n  );\n};\n\nconst Input = (props: Omit<OutlinedTextFieldProps, 'variant'>) => {\n  return <TextField {...props} variant=\"outlined\" />;\n};\n\nexport interface AutocompleteProps<TSelectItem> {\n  caption?: string;\n  fullWidth?: boolean;\n  getOptionDescription?: (item: TSelectItem) => string | undefined;\n  getOptionDisabled?: (item: TSelectItem) => boolean;\n  getOptionLabel?: (item: TSelectItem) => string;\n  id?: string;\n  label?: ReactNode;\n  menuAnchorHorizontal?: 'left' | 'right' | 'center';\n  selectItems: TSelectItem[];\n  onChange?: (value: TSelectItem[]) => void;\n  placeholder?: string;\n  readOnly?: boolean;\n  required?: boolean;\n  value: TSelectItem[];\n}\n\nconst defaultGetOptionLabel = <T,>(item: T) => item as string;\n\nexport const Autocomplete = <TSelectItem,>({\n  caption,\n  fullWidth,\n  getOptionDescription,\n  getOptionDisabled,\n  getOptionLabel = defaultGetOptionLabel,\n  id,\n  label,\n  onChange,\n  placeholder,\n  required,\n  selectItems,\n  value,\n}: AutocompleteProps<TSelectItem>) => {\n  const selectId = useUniqueId(id);\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <SelectContainer fullWidth={fullWidth}>\n      {label && (\n        <Label htmlFor={selectId} required={required} variant=\"caption\" labelColor=\"secondary\">\n          {label}\n        </Label>\n      )}\n      <StyledAutocomplete\n        popupIcon={<ExpandMore />}\n        fullWidth\n        id={selectId}\n        multiple\n        onChange={(_, newValue, reason) => {\n          if (onChange) {\n            if (reason === 'clear' && getOptionDisabled) {\n              // Retain any selected values that are also disabled (i.e., should\n              // not be clearable)\n              onChange(value.filter((item) => getOptionDisabled(item)));\n            } else {\n              onChange(newValue);\n            }\n          }\n        }}\n        onClose={() => setIsOpen(false)}\n        onOpen={() => setIsOpen(true)}\n        open={isOpen}\n        value={value}\n        options={selectItems}\n        getOptionDisabled={getOptionDisabled}\n        getOptionLabel={getOptionLabel}\n        renderOption={(props, option, state) => {\n          const description = getOptionDescription?.(option);\n          return (\n            <li {...props}>\n              <FlexBox gap={0.5} alignItems=\"center\">\n                <CheckIcon\n                  fontSize=\"small\"\n                  style={{ visibility: state.selected ? 'visible' : 'hidden' }}\n                  aria-hidden={!state.selected}\n                />\n                <div>\n                  {getOptionLabel(option)}\n                  {description && <Typography variant=\"body2\">{description}</Typography>}\n                </div>\n              </FlexBox>\n            </li>\n          );\n        }}\n        renderInput={(params) => <Input {...params} placeholder={placeholder} />}\n        renderTags={(value, getTagProps) =>\n          value.map((option, index) => {\n            const { onDelete, ...tagProps } = getTagProps({ index });\n            return (\n              // key is in tagProps\n              // eslint-disable-next-line react/jsx-key\n              <AutocompleteTag {...tagProps} onDelete={getOptionDisabled?.(option) ? undefined : onDelete}>\n                {getOptionLabel(option)}\n              </AutocompleteTag>\n            );\n          })\n        }\n      />\n      {caption && <Typography variant=\"body2\">{caption}</Typography>}\n    </SelectContainer>\n  );\n};\n"],"names":["StyledAutocomplete","styled","MuiAutocomplete","theme","inputBaseClasses","root","padding","spacing","gap","color","styleConfig","inputs","textColor","outlinedInputClasses","input","autocompleteClasses","height","placeholderColor","opacity","borderColor","notchedOutline","border","borderRadius","focused","borderWidth","tag","margin","StyledIconButton","IconButton","AutocompleteTag","children","onDelete","props","React","Tag","size","hasTopAndBottomPadding","FlexBox","alignItems","onClick","Close","fontSize","Input","TextField","variant","defaultGetOptionLabel","item","Autocomplete","caption","fullWidth","getOptionDescription","getOptionDisabled","getOptionLabel","id","label","onChange","placeholder","required","selectItems","value","selectId","useUniqueId","isOpen","setIsOpen","useState","SelectContainer","Label","htmlFor","labelColor","popupIcon","ExpandMore","multiple","_","newValue","reason","filter","onClose","onOpen","open","options","renderOption","option","state","description","li","CheckIcon","style","visibility","selected","aria-hidden","div","Typography","renderInput","params","renderTags","getTagProps","map","index","tagProps","undefined"],"mappings":"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"}

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

@@ -9,8 +9,6 @@ const DEFAULT_MFA_STATE = {
         enrolledNumber: null
     },
     totp: {
-        isCreating: false,
-        createError: null,
         enrollment: null
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MfaState.mjs","sources":["../../../../../../../../web/src/ui/b2b/MfaState.ts"],"sourcesContent":["import { CountryCode } from '@stytch/core';\nimport { B2BMFAProducts } from '@stytch/core/public';\n\nimport { AppScreens } from './types/AppScreens';\n\nexport interface MfaState {\n  primaryInfo: {\n    enrolledMfaMethods: B2BMFAProducts[];\n    memberId: string;\n    memberPhoneNumber: string | null;\n    organizationId: string;\n    organizationMfaOptionsSupported: B2BMFAProducts[];\n    postAuthScreen: AppScreens;\n  } | null;\n  isEnrolling: boolean;\n  smsOtp: {\n    isSending: boolean;\n    sendError: unknown;\n    codeExpiration: Date | null;\n    formattedDestination: string | null;\n    enrolledNumber: {\n      phoneNumber: string;\n      countryCode: CountryCode;\n    } | null;\n  };\n  totp: {\n    isCreating: boolean;\n    createError: unknown;\n    enrollment: {\n      secret: string;\n      qrCode: string;\n      recoveryCodes: string[];\n      method: 'qr' | 'manual';\n    } | null;\n  };\n}\n\nexport const DEFAULT_MFA_STATE = {\n  primaryInfo: null,\n  isEnrolling: false,\n  smsOtp: {\n    isSending: false,\n    sendError: null,\n    codeExpiration: null,\n    formattedDestination: null,\n    enrolledNumber: null,\n  },\n  totp: {\n    isCreating: false,\n    createError: null,\n    enrollment: null,\n  },\n} as const satisfies MfaState;\n"],"names":["DEFAULT_MFA_STATE","primaryInfo","isEnrolling","smsOtp","isSending","sendError","codeExpiration","formattedDestination","enrolledNumber","totp","isCreating","createError","enrollment"],"mappings":"MAqCaA,iBAAAA,GAAoB;IAC/BC,WAAAA,EAAa,IAAA;IACbC,WAAAA,EAAa,KAAA;IACbC,MAAAA,EAAQ;QACNC,SAAAA,EAAW,KAAA;QACXC,SAAAA,EAAW,IAAA;QACXC,cAAAA,EAAgB,IAAA;QAChBC,oBAAAA,EAAsB,IAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACAC,IAAAA,EAAM;QACJC,UAAAA,EAAY,KAAA;QACZC,WAAAA,EAAa,IAAA;QACbC,UAAAA,EAAY;AACd;AACF;;;;"}
+{"version":3,"file":"MfaState.mjs","sources":["../../../../../../../../web/src/ui/b2b/MfaState.ts"],"sourcesContent":["import { CountryCode } from '@stytch/core';\nimport { B2BMFAProducts } from '@stytch/core/public';\n\nimport { AppScreens } from './types/AppScreens';\n\nexport interface MfaState {\n  primaryInfo: {\n    enrolledMfaMethods: B2BMFAProducts[];\n    memberId: string;\n    memberPhoneNumber: string | null;\n    organizationId: string;\n    organizationMfaOptionsSupported: B2BMFAProducts[];\n    postAuthScreen: AppScreens;\n  } | null;\n  isEnrolling: boolean;\n  smsOtp: {\n    isSending: boolean;\n    sendError: unknown;\n    codeExpiration: Date | null;\n    formattedDestination: string | null;\n    enrolledNumber: {\n      phoneNumber: string;\n      countryCode: CountryCode;\n    } | null;\n  };\n  totp: {\n    enrollment: {\n      secret: string;\n      qrCode: string;\n      recoveryCodes: string[];\n      method: 'qr' | 'manual';\n    } | null;\n  };\n}\n\nexport const DEFAULT_MFA_STATE = {\n  primaryInfo: null,\n  isEnrolling: false,\n  smsOtp: {\n    isSending: false,\n    sendError: null,\n    codeExpiration: null,\n    formattedDestination: null,\n    enrolledNumber: null,\n  },\n  totp: {\n    enrollment: null,\n  },\n} as const satisfies MfaState;\n"],"names":["DEFAULT_MFA_STATE","primaryInfo","isEnrolling","smsOtp","isSending","sendError","codeExpiration","formattedDestination","enrolledNumber","totp","enrollment"],"mappings":"MAmCaA,iBAAAA,GAAoB;IAC/BC,WAAAA,EAAa,IAAA;IACbC,WAAAA,EAAa,KAAA;IACbC,MAAAA,EAAQ;QACNC,SAAAA,EAAW,KAAA;QACXC,SAAAA,EAAW,IAAA;QACXC,cAAAA,EAAgB,IAAA;QAChBC,oBAAAA,EAAsB,IAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACAC,IAAAA,EAAM;QACJC,UAAAA,EAAY;AACd;AACF;;;;"}

package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs

@@ -246,21 +246,6 @@ const mfaReducer = (state, action)=>{
                     mfa: state.mfa.isEnrolling ? state.mfa : DEFAULT_MFA_STATE
                 });
             }
-        case 'totp/create':
-            if (state.mfa.totp.isCreating) {
-                return state;
-            }
-            return {
-                ...state,
-                mfa: {
-                    ...state.mfa,
-                    totp: {
-                        ...state.mfa.totp,
-                        isCreating: true,
-                        createError: null
-                    }
-                }
-            };
         case 'totp/create_success':
             if (!state.mfa.isEnrolling || state.mfa.primaryInfo?.memberId !== action.memberId || state.mfa.primaryInfo?.organizationId !== action.organizationId) {
                 return state;
@@ -271,8 +256,6 @@ const mfaReducer = (state, action)=>{
                     ...state.mfa,
                     totp: {
                         ...state.mfa.totp,
-                        createError: null,
-                        isCreating: false,
                         enrollment: {
                             secret: action.response.secret,
                             qrCode: action.response.qr_code,
@@ -282,18 +265,6 @@ const mfaReducer = (state, action)=>{
                     }
                 }
             };
-        case 'totp/create_error':
-            return {
-                ...state,
-                mfa: {
-                    ...state.mfa,
-                    totp: {
-                        ...state.mfa.totp,
-                        isCreating: false,
-                        createError: action.error
-                    }
-                }
-            };
         case 'totp/show_code':
             {
                 if (!state.mfa.isEnrolling || !state.mfa.totp.enrollment) {

package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mfa.mjs","sources":["../../../../../../../../../web/src/ui/b2b/reducer/mfa.ts"],"sourcesContent":["import { CountryCode, StringLiteralFromEnum } from '@stytch/core';\nimport {\n  AuthFlowType,\n  B2BAuthenticateResponseWithMFA,\n  B2BMFAProducts,\n  B2BSMSSendResponse,\n  B2BTOTPCreateResponse,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\n\nimport { isTruthy } from '../../../utils/isTruthy';\nimport { Optional } from '../../../utils/Optional';\nimport { getEnabledMethods } from '../getEnabledMethods';\nimport { DEFAULT_MFA_STATE, MfaState } from '../MfaState';\nimport { AppScreens } from '../types/AppScreens';\nimport { AppState } from '../types/AppState';\nimport { ErrorType } from '../types/ErrorType';\nimport { pushHistory, replaceHistory } from './navigation';\n\ntype PrimaryAuthenticateSuccessAction = {\n  type: 'primary_authenticate_success';\n  response: B2BAuthenticateResponseWithMFA<StytchProjectConfigurationInput>;\n  includedMfaMethods: readonly StringLiteralFromEnum<B2BMFAProducts>[] | undefined;\n  resetTokenType?: string;\n};\n\ntype TotpAuthenticateAction = {\n  type: 'totp/authenticate_success';\n};\n\ntype TotpCreateAction =\n  | { type: 'totp/create' }\n  | {\n      type: 'totp/create_success';\n      response: B2BTOTPCreateResponse;\n      memberId: string;\n      organizationId: string;\n    }\n  | { type: 'totp/create_error'; error: unknown };\n\ntype TotpShowCodeAction = {\n  type: 'totp/show_code';\n  method?: 'qr' | 'manual';\n};\n\ntype RecoveryCodeAuthenticateAction = {\n  type: 'recovery_code/authenticate_success';\n};\n\ntype RecoveryCodeSaveAcknowledgeAction = { type: 'recovery_code/save_acknowledge' };\n\ntype SmsOtpAuthenticateAction = {\n  type: 'sms_otp/authenticate_success';\n};\n\ntype SmsOtpSendAction =\n  | { type: 'sms_otp/send' }\n  | ({\n      type: 'sms_otp/send_success';\n      response: B2BSMSSendResponse;\n    } & Optional<{\n      phoneNumber: string;\n      countryCode: CountryCode;\n      formattedPhoneNumber: string;\n    }>)\n  | { type: 'sms_otp/send_error'; error: unknown }\n  | { type: 'sms_otp/format_destination'; formattedPhoneNumber: string };\n\nexport type MfaAction =\n  | PrimaryAuthenticateSuccessAction\n  | RecoveryCodeAuthenticateAction\n  | RecoveryCodeSaveAcknowledgeAction\n  | SmsOtpAuthenticateAction\n  | SmsOtpSendAction\n  | TotpAuthenticateAction\n  | TotpCreateAction\n  | TotpShowCodeAction;\n\nconst DEFAULT_SMS_OTP_EXPIRATION_MS = 1000 * 60 * 2; // 2 minutes\n\nfunction apiMfaMethodToProduct(method: 'sms_otp' | 'totp'): B2BMFAProducts;\nfunction apiMfaMethodToProduct(method: string): B2BMFAProducts | undefined;\nfunction apiMfaMethodToProduct(method: string): B2BMFAProducts | undefined {\n  switch (method) {\n    case 'totp':\n      return B2BMFAProducts.totp;\n    case 'sms_otp':\n      return B2BMFAProducts.smsOtp;\n    default:\n      return undefined;\n  }\n}\n\nfunction getNextEnrollmentScreen(enabledMethods: Set<'smsOtp' | 'totp'>) {\n  // If there is only one possible method, use it\n  if (enabledMethods.size === 1) {\n    if (enabledMethods.has(B2BMFAProducts.totp)) {\n      return AppScreens.TOTPEnrollmentQRCode;\n    }\n    if (enabledMethods.has(B2BMFAProducts.smsOtp)) {\n      return AppScreens.SMSOTPEnrollment;\n    }\n  }\n\n  return AppScreens.MFAEnrollmentSelection;\n}\n\nconst getSmsOtpCodeExpiration = () => new Date(Date.now() + DEFAULT_SMS_OTP_EXPIRATION_MS);\n\nexport const B2B_MFA_METHODS = [B2BMFAProducts.totp, B2BMFAProducts.smsOtp] as const;\n\nexport const mfaReducer = (state: AppState, action: MfaAction): AppState => {\n  switch (action.type) {\n    case 'primary_authenticate_success': {\n      const memberAuthenticated = !!action.response.member_session;\n      const postAuthScreen =\n        action.resetTokenType === 'multi_tenant_magic_links' ? AppScreens.PasswordResetForm : AppScreens.LoggedIn;\n\n      // 1. If the member is fully authenticated, there's no need to continue\n      if (memberAuthenticated) {\n        return replaceHistory(postAuthScreen, {\n          ...state,\n          mfa: DEFAULT_MFA_STATE,\n          primary: {},\n        });\n      }\n\n      // 2. Additional primary auth may be required\n      if (action.response.primary_required) {\n        const primaryAuthMethods = action.response.primary_required.allowed_auth_methods;\n        const { email_address: email, email_address_verified: emailVerified } = action.response.member;\n\n        const newBaseState = {\n          ...state,\n          flowState: {\n            type: AuthFlowType.Organization,\n            organization: action.response.organization,\n          },\n          formState: {\n            ...state.formState,\n            passwordState: { email },\n          },\n          primary: {\n            primaryAuthMethods,\n            email,\n            emailVerified,\n          },\n        };\n\n        if (primaryAuthMethods?.length === 0) {\n          return replaceHistory(AppScreens.Error, {\n            ...newBaseState,\n            error: { type: ErrorType.CannotJoinOrgDueToAuthPolicy, canGoBack: false },\n          });\n        }\n\n        return replaceHistory(AppScreens.Main, newBaseState);\n      }\n\n      // 3. Start MFA\n      const memberEnrolledInSmsOtp = action.response.member.mfa_phone_number_verified;\n      const memberEnrolledInTotp = !!action.response.member.totp_registration_id;\n\n      const primaryInfo: MfaState['primaryInfo'] = {\n        enrolledMfaMethods: (\n          [memberEnrolledInTotp && B2BMFAProducts.totp, memberEnrolledInSmsOtp && B2BMFAProducts.smsOtp] as const\n        ).filter(isTruthy),\n        memberId: action.response.member_id,\n        memberPhoneNumber: action.response.member.mfa_phone_number,\n        organizationId: action.response.organization.organization_id,\n        organizationMfaOptionsSupported:\n          action.response.organization.mfa_methods === 'RESTRICTED'\n            ? (action.response.organization.allowed_mfa_methods?.map(apiMfaMethodToProduct).filter(isTruthy) ?? [])\n            : [],\n        postAuthScreen,\n      };\n\n      const organizationSupportsMethod = (method: B2BMFAProducts) =>\n        primaryInfo.organizationMfaOptionsSupported.length === 0 ||\n        primaryInfo.organizationMfaOptionsSupported.includes(method);\n\n      const getDefaultMethod = () => {\n        const defaultMethod = apiMfaMethodToProduct(action.response.member.default_mfa_method);\n\n        if (\n          defaultMethod &&\n          organizationSupportsMethod(defaultMethod) &&\n          primaryInfo.enrolledMfaMethods.includes(defaultMethod)\n        ) {\n          return defaultMethod;\n        }\n\n        return undefined;\n      };\n\n      // 3A. Use the member's preferred method, or any suitable fallback if the\n      // preferred method is not available for whatever reason. However, if an\n      // SMS was automatically sent, we should proceed directly to SMS OTP\n      // entry (even if the member's phone number is not yet verified).\n      const smsImplicitlySent = action.response.mfa_required?.secondary_auth_initiated === 'sms_otp';\n      const entryMethod = smsImplicitlySent\n        ? B2BMFAProducts.smsOtp\n        : (getDefaultMethod() ?? primaryInfo.enrolledMfaMethods.find(organizationSupportsMethod));\n      if (entryMethod) {\n        const mfaState: MfaState = {\n          ...DEFAULT_MFA_STATE,\n          primaryInfo,\n        } as const;\n\n        switch (entryMethod) {\n          case B2BMFAProducts.totp: {\n            return replaceHistory(AppScreens.TOTPEntry, {\n              ...state,\n              mfa: mfaState,\n              primary: {},\n            });\n          }\n\n          case B2BMFAProducts.smsOtp: {\n            const nextState = {\n              ...state,\n              mfa: {\n                ...mfaState,\n                smsOtp: {\n                  ...mfaState.smsOtp,\n                  // Setting codeExpiration tells SMSOTPEntry that the SMS has already been sent\n                  codeExpiration: smsImplicitlySent ? getSmsOtpCodeExpiration() : null,\n                },\n              },\n              primary: {},\n            };\n\n            if (memberEnrolledInSmsOtp) {\n              return replaceHistory(AppScreens.SMSOTPEntry, nextState);\n            } else {\n              // If the user is not enrolled in SMS OTP (i.e. phone number not verified)\n              // we need to allow the user to go back to enrollment to change it, so we need to\n              // add it to history\n              return {\n                ...nextState,\n                screen: AppScreens.SMSOTPEntry,\n                screenHistory: [AppScreens.SMSOTPEnrollment],\n              };\n            }\n          }\n        }\n      }\n\n      // 3B. If the member is not enrolled in MFA, we need to enroll them. Note that\n      // it's possible the member is actually enrolled, but using a method we\n      // don't recognize. Unfortunately, we can't distinguish between these\n      // cases; we'll offer to enroll the user, but enrollment will likely fail\n      // if the member can't complete MFA first.\n\n      const enabledMethods = getEnabledMethods({\n        allMethods: B2B_MFA_METHODS,\n        orgSupportedMethods: primaryInfo.organizationMfaOptionsSupported,\n        uiIncludedMethods: action.includedMfaMethods,\n      });\n\n      return replaceHistory(getNextEnrollmentScreen(enabledMethods), {\n        ...state,\n        mfa: {\n          ...DEFAULT_MFA_STATE,\n          primaryInfo,\n          isEnrolling: true,\n        },\n        primary: {},\n      });\n    }\n\n    case 'sms_otp/send':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: true,\n            sendError: null,\n          },\n        },\n      };\n\n    case 'sms_otp/send_success':\n      return pushHistory(AppScreens.SMSOTPEntry, {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: false,\n            sendError: null,\n            codeExpiration: getSmsOtpCodeExpiration(),\n            formattedDestination: action.formattedPhoneNumber ?? state.mfa.smsOtp.formattedDestination,\n            enrolledNumber: action.phoneNumber\n              ? {\n                  phoneNumber: action.phoneNumber,\n                  countryCode: action.countryCode,\n                }\n              : null,\n          },\n        },\n      });\n\n    case 'sms_otp/send_error':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: false,\n            sendError: action.error,\n            // If there was no code (expiration), set an expiration to an\n            // arbitrary point in the past. This reveals the \"resend code\"\n            // button so the user can try again.\n            codeExpiration: state.mfa.smsOtp.codeExpiration ?? new Date(Date.now() - 1000),\n          },\n        },\n      };\n\n    case 'sms_otp/format_destination':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            formattedDestination: action.formattedPhoneNumber,\n          },\n        },\n      };\n\n    case 'sms_otp/authenticate_success':\n    case 'recovery_code/authenticate_success':\n    case 'recovery_code/save_acknowledge':\n      return replaceHistory(state.mfa.primaryInfo?.postAuthScreen ?? AppScreens.LoggedIn, {\n        ...state,\n        mfa: DEFAULT_MFA_STATE,\n      });\n\n    case 'totp/authenticate_success': {\n      const nextScreen = state.mfa.isEnrolling\n        ? AppScreens.RecoveryCodeSave\n        : (state.mfa.primaryInfo?.postAuthScreen ?? AppScreens.LoggedIn);\n      return replaceHistory(nextScreen, {\n        ...state,\n        mfa: state.mfa.isEnrolling ? state.mfa : DEFAULT_MFA_STATE,\n      });\n    }\n\n    case 'totp/create':\n      if (state.mfa.totp.isCreating) {\n        return state;\n      }\n\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            isCreating: true,\n            createError: null,\n          },\n        },\n      };\n\n    case 'totp/create_success':\n      if (\n        !state.mfa.isEnrolling ||\n        state.mfa.primaryInfo?.memberId !== action.memberId ||\n        state.mfa.primaryInfo?.organizationId !== action.organizationId\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            createError: null,\n            isCreating: false,\n            enrollment: {\n              secret: action.response.secret,\n              qrCode: action.response.qr_code,\n              recoveryCodes: action.response.recovery_codes,\n              method: state.mfa.totp.enrollment?.method ?? 'qr',\n            },\n          },\n        },\n      };\n    case 'totp/create_error':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            isCreating: false,\n            createError: action.error,\n          },\n        },\n      };\n\n    case 'totp/show_code': {\n      if (!state.mfa.isEnrolling || !state.mfa.totp.enrollment) {\n        return state;\n      }\n\n      const method = action.method ?? state.mfa.totp.enrollment.method ?? 'qr';\n      const nextScreen = method === 'manual' ? AppScreens.TOTPEnrollmentManual : AppScreens.TOTPEnrollmentQRCode;\n\n      return pushHistory(nextScreen, {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            enrollment: {\n              ...state.mfa.totp.enrollment,\n              method,\n            },\n          },\n        },\n      });\n    }\n\n    default:\n      return state;\n  }\n};\n"],"names":["DEFAULT_SMS_OTP_EXPIRATION_MS","apiMfaMethodToProduct","method","B2BMFAProducts","totp","smsOtp","undefined","getNextEnrollmentScreen","enabledMethods","size","has","AppScreens","TOTPEnrollmentQRCode","SMSOTPEnrollment","MFAEnrollmentSelection","getSmsOtpCodeExpiration","Date","now","B2B_MFA_METHODS","mfaReducer","state","action","type","memberAuthenticated","response","member_session","postAuthScreen","resetTokenType","PasswordResetForm","LoggedIn","replaceHistory","mfa","DEFAULT_MFA_STATE","primary","primary_required","primaryAuthMethods","allowed_auth_methods","email_address","email","email_address_verified","emailVerified","member","newBaseState","flowState","AuthFlowType","Organization","organization","formState","passwordState","length","Error","error","ErrorType","CannotJoinOrgDueToAuthPolicy","canGoBack","Main","memberEnrolledInSmsOtp","mfa_phone_number_verified","memberEnrolledInTotp","totp_registration_id","primaryInfo","enrolledMfaMethods","filter","isTruthy","memberId","member_id","memberPhoneNumber","mfa_phone_number","organizationId","organization_id","organizationMfaOptionsSupported","mfa_methods","allowed_mfa_methods","map","organizationSupportsMethod","includes","getDefaultMethod","defaultMethod","default_mfa_method","smsImplicitlySent","mfa_required","secondary_auth_initiated","entryMethod","find","mfaState","TOTPEntry","nextState","codeExpiration","SMSOTPEntry","screen","screenHistory","getEnabledMethods","allMethods","orgSupportedMethods","uiIncludedMethods","includedMfaMethods","isEnrolling","isSending","sendError","pushHistory","formattedDestination","formattedPhoneNumber","enrolledNumber","phoneNumber","countryCode","nextScreen","RecoveryCodeSave","isCreating","createError","enrollment","secret","qrCode","qr_code","recoveryCodes","recovery_codes","TOTPEnrollmentManual"],"mappings":"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"}
+{"version":3,"file":"mfa.mjs","sources":["../../../../../../../../../web/src/ui/b2b/reducer/mfa.ts"],"sourcesContent":["import { CountryCode, StringLiteralFromEnum } from '@stytch/core';\nimport {\n  AuthFlowType,\n  B2BAuthenticateResponseWithMFA,\n  B2BMFAProducts,\n  B2BSMSSendResponse,\n  B2BTOTPCreateResponse,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\n\nimport { isTruthy } from '../../../utils/isTruthy';\nimport { Optional } from '../../../utils/Optional';\nimport { getEnabledMethods } from '../getEnabledMethods';\nimport { DEFAULT_MFA_STATE, MfaState } from '../MfaState';\nimport { AppScreens } from '../types/AppScreens';\nimport { AppState } from '../types/AppState';\nimport { ErrorType } from '../types/ErrorType';\nimport { pushHistory, replaceHistory } from './navigation';\n\ntype PrimaryAuthenticateSuccessAction = {\n  type: 'primary_authenticate_success';\n  response: B2BAuthenticateResponseWithMFA<StytchProjectConfigurationInput>;\n  includedMfaMethods: readonly StringLiteralFromEnum<B2BMFAProducts>[] | undefined;\n  resetTokenType?: string;\n};\n\ntype TotpAuthenticateAction = {\n  type: 'totp/authenticate_success';\n};\n\ntype TotpCreateAction = {\n  type: 'totp/create_success';\n  response: B2BTOTPCreateResponse;\n  memberId: string;\n  organizationId: string;\n};\n\ntype TotpShowCodeAction = {\n  type: 'totp/show_code';\n  method?: 'qr' | 'manual';\n};\n\ntype RecoveryCodeAuthenticateAction = {\n  type: 'recovery_code/authenticate_success';\n};\n\ntype RecoveryCodeSaveAcknowledgeAction = { type: 'recovery_code/save_acknowledge' };\n\ntype SmsOtpAuthenticateAction = {\n  type: 'sms_otp/authenticate_success';\n};\n\ntype SmsOtpSendAction =\n  | { type: 'sms_otp/send' }\n  | ({\n      type: 'sms_otp/send_success';\n      response: B2BSMSSendResponse;\n    } & Optional<{\n      phoneNumber: string;\n      countryCode: CountryCode;\n      formattedPhoneNumber: string;\n    }>)\n  | { type: 'sms_otp/send_error'; error: unknown }\n  | { type: 'sms_otp/format_destination'; formattedPhoneNumber: string };\n\nexport type MfaAction =\n  | PrimaryAuthenticateSuccessAction\n  | RecoveryCodeAuthenticateAction\n  | RecoveryCodeSaveAcknowledgeAction\n  | SmsOtpAuthenticateAction\n  | SmsOtpSendAction\n  | TotpAuthenticateAction\n  | TotpCreateAction\n  | TotpShowCodeAction;\n\nconst DEFAULT_SMS_OTP_EXPIRATION_MS = 1000 * 60 * 2; // 2 minutes\n\nfunction apiMfaMethodToProduct(method: 'sms_otp' | 'totp'): B2BMFAProducts;\nfunction apiMfaMethodToProduct(method: string): B2BMFAProducts | undefined;\nfunction apiMfaMethodToProduct(method: string): B2BMFAProducts | undefined {\n  switch (method) {\n    case 'totp':\n      return B2BMFAProducts.totp;\n    case 'sms_otp':\n      return B2BMFAProducts.smsOtp;\n    default:\n      return undefined;\n  }\n}\n\nfunction getNextEnrollmentScreen(enabledMethods: Set<'smsOtp' | 'totp'>) {\n  // If there is only one possible method, use it\n  if (enabledMethods.size === 1) {\n    if (enabledMethods.has(B2BMFAProducts.totp)) {\n      return AppScreens.TOTPEnrollmentQRCode;\n    }\n    if (enabledMethods.has(B2BMFAProducts.smsOtp)) {\n      return AppScreens.SMSOTPEnrollment;\n    }\n  }\n\n  return AppScreens.MFAEnrollmentSelection;\n}\n\nconst getSmsOtpCodeExpiration = () => new Date(Date.now() + DEFAULT_SMS_OTP_EXPIRATION_MS);\n\nexport const B2B_MFA_METHODS = [B2BMFAProducts.totp, B2BMFAProducts.smsOtp] as const;\n\nexport const mfaReducer = (state: AppState, action: MfaAction): AppState => {\n  switch (action.type) {\n    case 'primary_authenticate_success': {\n      const memberAuthenticated = !!action.response.member_session;\n      const postAuthScreen =\n        action.resetTokenType === 'multi_tenant_magic_links' ? AppScreens.PasswordResetForm : AppScreens.LoggedIn;\n\n      // 1. If the member is fully authenticated, there's no need to continue\n      if (memberAuthenticated) {\n        return replaceHistory(postAuthScreen, {\n          ...state,\n          mfa: DEFAULT_MFA_STATE,\n          primary: {},\n        });\n      }\n\n      // 2. Additional primary auth may be required\n      if (action.response.primary_required) {\n        const primaryAuthMethods = action.response.primary_required.allowed_auth_methods;\n        const { email_address: email, email_address_verified: emailVerified } = action.response.member;\n\n        const newBaseState = {\n          ...state,\n          flowState: {\n            type: AuthFlowType.Organization,\n            organization: action.response.organization,\n          },\n          formState: {\n            ...state.formState,\n            passwordState: { email },\n          },\n          primary: {\n            primaryAuthMethods,\n            email,\n            emailVerified,\n          },\n        };\n\n        if (primaryAuthMethods?.length === 0) {\n          return replaceHistory(AppScreens.Error, {\n            ...newBaseState,\n            error: { type: ErrorType.CannotJoinOrgDueToAuthPolicy, canGoBack: false },\n          });\n        }\n\n        return replaceHistory(AppScreens.Main, newBaseState);\n      }\n\n      // 3. Start MFA\n      const memberEnrolledInSmsOtp = action.response.member.mfa_phone_number_verified;\n      const memberEnrolledInTotp = !!action.response.member.totp_registration_id;\n\n      const primaryInfo: MfaState['primaryInfo'] = {\n        enrolledMfaMethods: (\n          [memberEnrolledInTotp && B2BMFAProducts.totp, memberEnrolledInSmsOtp && B2BMFAProducts.smsOtp] as const\n        ).filter(isTruthy),\n        memberId: action.response.member_id,\n        memberPhoneNumber: action.response.member.mfa_phone_number,\n        organizationId: action.response.organization.organization_id,\n        organizationMfaOptionsSupported:\n          action.response.organization.mfa_methods === 'RESTRICTED'\n            ? (action.response.organization.allowed_mfa_methods?.map(apiMfaMethodToProduct).filter(isTruthy) ?? [])\n            : [],\n        postAuthScreen,\n      };\n\n      const organizationSupportsMethod = (method: B2BMFAProducts) =>\n        primaryInfo.organizationMfaOptionsSupported.length === 0 ||\n        primaryInfo.organizationMfaOptionsSupported.includes(method);\n\n      const getDefaultMethod = () => {\n        const defaultMethod = apiMfaMethodToProduct(action.response.member.default_mfa_method);\n\n        if (\n          defaultMethod &&\n          organizationSupportsMethod(defaultMethod) &&\n          primaryInfo.enrolledMfaMethods.includes(defaultMethod)\n        ) {\n          return defaultMethod;\n        }\n\n        return undefined;\n      };\n\n      // 3A. Use the member's preferred method, or any suitable fallback if the\n      // preferred method is not available for whatever reason. However, if an\n      // SMS was automatically sent, we should proceed directly to SMS OTP\n      // entry (even if the member's phone number is not yet verified).\n      const smsImplicitlySent = action.response.mfa_required?.secondary_auth_initiated === 'sms_otp';\n      const entryMethod = smsImplicitlySent\n        ? B2BMFAProducts.smsOtp\n        : (getDefaultMethod() ?? primaryInfo.enrolledMfaMethods.find(organizationSupportsMethod));\n      if (entryMethod) {\n        const mfaState: MfaState = {\n          ...DEFAULT_MFA_STATE,\n          primaryInfo,\n        } as const;\n\n        switch (entryMethod) {\n          case B2BMFAProducts.totp: {\n            return replaceHistory(AppScreens.TOTPEntry, {\n              ...state,\n              mfa: mfaState,\n              primary: {},\n            });\n          }\n\n          case B2BMFAProducts.smsOtp: {\n            const nextState = {\n              ...state,\n              mfa: {\n                ...mfaState,\n                smsOtp: {\n                  ...mfaState.smsOtp,\n                  // Setting codeExpiration tells SMSOTPEntry that the SMS has already been sent\n                  codeExpiration: smsImplicitlySent ? getSmsOtpCodeExpiration() : null,\n                },\n              },\n              primary: {},\n            };\n\n            if (memberEnrolledInSmsOtp) {\n              return replaceHistory(AppScreens.SMSOTPEntry, nextState);\n            } else {\n              // If the user is not enrolled in SMS OTP (i.e. phone number not verified)\n              // we need to allow the user to go back to enrollment to change it, so we need to\n              // add it to history\n              return {\n                ...nextState,\n                screen: AppScreens.SMSOTPEntry,\n                screenHistory: [AppScreens.SMSOTPEnrollment],\n              };\n            }\n          }\n        }\n      }\n\n      // 3B. If the member is not enrolled in MFA, we need to enroll them. Note that\n      // it's possible the member is actually enrolled, but using a method we\n      // don't recognize. Unfortunately, we can't distinguish between these\n      // cases; we'll offer to enroll the user, but enrollment will likely fail\n      // if the member can't complete MFA first.\n\n      const enabledMethods = getEnabledMethods({\n        allMethods: B2B_MFA_METHODS,\n        orgSupportedMethods: primaryInfo.organizationMfaOptionsSupported,\n        uiIncludedMethods: action.includedMfaMethods,\n      });\n\n      return replaceHistory(getNextEnrollmentScreen(enabledMethods), {\n        ...state,\n        mfa: {\n          ...DEFAULT_MFA_STATE,\n          primaryInfo,\n          isEnrolling: true,\n        },\n        primary: {},\n      });\n    }\n\n    case 'sms_otp/send':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: true,\n            sendError: null,\n          },\n        },\n      };\n\n    case 'sms_otp/send_success':\n      return pushHistory(AppScreens.SMSOTPEntry, {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: false,\n            sendError: null,\n            codeExpiration: getSmsOtpCodeExpiration(),\n            formattedDestination: action.formattedPhoneNumber ?? state.mfa.smsOtp.formattedDestination,\n            enrolledNumber: action.phoneNumber\n              ? {\n                  phoneNumber: action.phoneNumber,\n                  countryCode: action.countryCode,\n                }\n              : null,\n          },\n        },\n      });\n\n    case 'sms_otp/send_error':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            isSending: false,\n            sendError: action.error,\n            // If there was no code (expiration), set an expiration to an\n            // arbitrary point in the past. This reveals the \"resend code\"\n            // button so the user can try again.\n            codeExpiration: state.mfa.smsOtp.codeExpiration ?? new Date(Date.now() - 1000),\n          },\n        },\n      };\n\n    case 'sms_otp/format_destination':\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          smsOtp: {\n            ...state.mfa.smsOtp,\n            formattedDestination: action.formattedPhoneNumber,\n          },\n        },\n      };\n\n    case 'sms_otp/authenticate_success':\n    case 'recovery_code/authenticate_success':\n    case 'recovery_code/save_acknowledge':\n      return replaceHistory(state.mfa.primaryInfo?.postAuthScreen ?? AppScreens.LoggedIn, {\n        ...state,\n        mfa: DEFAULT_MFA_STATE,\n      });\n\n    case 'totp/authenticate_success': {\n      const nextScreen = state.mfa.isEnrolling\n        ? AppScreens.RecoveryCodeSave\n        : (state.mfa.primaryInfo?.postAuthScreen ?? AppScreens.LoggedIn);\n      return replaceHistory(nextScreen, {\n        ...state,\n        mfa: state.mfa.isEnrolling ? state.mfa : DEFAULT_MFA_STATE,\n      });\n    }\n\n    case 'totp/create_success':\n      if (\n        !state.mfa.isEnrolling ||\n        state.mfa.primaryInfo?.memberId !== action.memberId ||\n        state.mfa.primaryInfo?.organizationId !== action.organizationId\n      ) {\n        return state;\n      }\n\n      return {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            enrollment: {\n              secret: action.response.secret,\n              qrCode: action.response.qr_code,\n              recoveryCodes: action.response.recovery_codes,\n              method: state.mfa.totp.enrollment?.method ?? 'qr',\n            },\n          },\n        },\n      };\n\n    case 'totp/show_code': {\n      if (!state.mfa.isEnrolling || !state.mfa.totp.enrollment) {\n        return state;\n      }\n\n      const method = action.method ?? state.mfa.totp.enrollment.method ?? 'qr';\n      const nextScreen = method === 'manual' ? AppScreens.TOTPEnrollmentManual : AppScreens.TOTPEnrollmentQRCode;\n\n      return pushHistory(nextScreen, {\n        ...state,\n        mfa: {\n          ...state.mfa,\n          totp: {\n            ...state.mfa.totp,\n            enrollment: {\n              ...state.mfa.totp.enrollment,\n              method,\n            },\n          },\n        },\n      });\n    }\n\n    default:\n      return state;\n  }\n};\n"],"names":["DEFAULT_SMS_OTP_EXPIRATION_MS","apiMfaMethodToProduct","method","B2BMFAProducts","totp","smsOtp","undefined","getNextEnrollmentScreen","enabledMethods","size","has","AppScreens","TOTPEnrollmentQRCode","SMSOTPEnrollment","MFAEnrollmentSelection","getSmsOtpCodeExpiration","Date","now","B2B_MFA_METHODS","mfaReducer","state","action","type","memberAuthenticated","response","member_session","postAuthScreen","resetTokenType","PasswordResetForm","LoggedIn","replaceHistory","mfa","DEFAULT_MFA_STATE","primary","primary_required","primaryAuthMethods","allowed_auth_methods","email_address","email","email_address_verified","emailVerified","member","newBaseState","flowState","AuthFlowType","Organization","organization","formState","passwordState","length","Error","error","ErrorType","CannotJoinOrgDueToAuthPolicy","canGoBack","Main","memberEnrolledInSmsOtp","mfa_phone_number_verified","memberEnrolledInTotp","totp_registration_id","primaryInfo","enrolledMfaMethods","filter","isTruthy","memberId","member_id","memberPhoneNumber","mfa_phone_number","organizationId","organization_id","organizationMfaOptionsSupported","mfa_methods","allowed_mfa_methods","map","organizationSupportsMethod","includes","getDefaultMethod","defaultMethod","default_mfa_method","smsImplicitlySent","mfa_required","secondary_auth_initiated","entryMethod","find","mfaState","TOTPEntry","nextState","codeExpiration","SMSOTPEntry","screen","screenHistory","getEnabledMethods","allMethods","orgSupportedMethods","uiIncludedMethods","includedMfaMethods","isEnrolling","isSending","sendError","pushHistory","formattedDestination","formattedPhoneNumber","enrolledNumber","phoneNumber","countryCode","nextScreen","RecoveryCodeSave","enrollment","secret","qrCode","qr_code","recoveryCodes","recovery_codes","TOTPEnrollmentManual"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs

@@ -214,6 +214,7 @@ const Discovery = ()=>{
             message: "Accept Invite"
         });
         return /*#__PURE__*/ React__default.createElement(OrganizationRow, {
+            key: organization.organization_id,
             organization: organization,
             action: action,
             onClick: ()=>handleDiscoveryOrganizationStart(discoveredOrganization)

package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Discovery.mjs","sources":["../../../../../../../../../web/src/ui/b2b/screens/Discovery.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport {\n  B2BDiscoveryIntermediateSessionsExchangeResponse,\n  B2BDiscoveryOrganizationsCreateResponse,\n  DirectLoginForSingleMembershipConfig,\n  DiscoveredOrganization,\n  StytchAPIError,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\nimport React, { useCallback, useEffect } from 'react';\n\nimport Button from '../../components/atoms/Button';\nimport Column from '../../components/atoms/Column';\nimport Typography from '../../components/atoms/Typography';\nimport ButtonColumn from '../../components/molecules/ButtonColumn';\nimport { LoadingScreen, LoggingInScreen } from '../../components/molecules/Loading';\nimport OrganizationRow from '../components/OrganizationRow';\nimport { useConfig, useGlobalReducer, useStytch } from '../GlobalContextProvider';\nimport { AppScreens } from '../types/AppScreens';\nimport { ErrorType } from '../types/ErrorType';\nimport { onAuthenticateSuccess, StytchMutationKey, useBootstrap, useMutate } from '../utils';\n\nconst isJoinViaJitType = (type: DiscoveredOrganization['membership']['type']) =>\n  type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';\n\nconst DiscoverNoOrganizations = () => {\n  const [state, dispatch] = useGlobalReducer();\n  const stytchClient = useStytch();\n  const config = useConfig();\n  const { createOrganizationEnabled } = useBootstrap();\n  const { t } = useLingui();\n  const goBack = () => dispatch({ type: 'transition', screen: AppScreens.Main });\n\n  const { trigger: stytchCreateOrganization, isMutating: isCreateLoading } = useMutate<\n    B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey\n  >(\n    'stytch.discovery.organizations.create',\n    () =>\n      stytchClient.discovery.organizations.create({\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  const shouldAutomaticallyCreateOrganization =\n    createOrganizationEnabled && config.directCreateOrganizationForNoMembership;\n\n  useEffect(() => {\n    if (shouldAutomaticallyCreateOrganization) {\n      stytchCreateOrganization();\n    }\n  }, [shouldAutomaticallyCreateOrganization, stytchCreateOrganization]);\n\n  if (shouldAutomaticallyCreateOrganization || isCreateLoading) {\n    return <LoadingScreen />;\n  }\n\n  const email = state.formState.discoveryState.email;\n\n  if (createOrganizationEnabled && !config.disableCreateOrganization) {\n    return (\n      <Column gap={6}>\n        <Typography variant=\"header\">\n          {t({ id: 'organizationDiscovery.noOrgs.create.title', message: 'Create an organization to get started' })}\n        </Typography>\n\n        <Typography variant=\"body\">\n          {t({\n            id: 'organizationDiscovery.noOrgs.create.content',\n            message: `${email} does not have an account. Think this is a mistake? Try a different email address, or contact your admin.`,\n          })}\n        </Typography>\n\n        <ButtonColumn>\n          <Button variant=\"primary\" onClick={() => stytchCreateOrganization()}>\n            {t({ id: 'button.createAnOrganization', message: 'Create an organization' })}\n          </Button>\n          <Button variant=\"ghost\" onClick={goBack}>\n            {t({ id: 'button.goBack', message: 'Go back' })}\n          </Button>\n        </ButtonColumn>\n      </Column>\n    );\n  }\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({\n          id: 'organizationDiscovery.noOrgs.title',\n          message: `${email} does not belong to any organizations.`,\n        })}\n      </Typography>\n      <Typography variant=\"body\">\n        {t({\n          id: 'organizationDiscovery.noOrgs.content',\n          message: 'Make sure your email address is correct. Otherwise, you might need to be invited by your admin.',\n        })}\n      </Typography>\n      <Button variant=\"outline\" onClick={goBack}>\n        {t({ id: 'button.tryDifferentEmailAddress', message: 'Try a different email address' })}\n      </Button>\n    </Column>\n  );\n};\n\nconst shouldAllowDirectLoginToOrganization = (\n  organizations: DiscoveredOrganization[],\n  config?: DirectLoginForSingleMembershipConfig,\n): DiscoveredOrganization | null => {\n  // If direct login is not enabled, return false\n  if (!config?.status) {\n    return null;\n  }\n\n  // Count active memberships\n  const activeOrganizations = organizations.filter((org) => org.membership.type === 'active_member');\n\n  // Check for pending invites or JIT provisioning, depending on config\n  const hasBlockingConditions = organizations.some(\n    (org) =>\n      ((org.membership.type === 'pending_member' || org.membership.type === 'invited_member') &&\n        !config.ignoreInvites) ||\n      (isJoinViaJitType(org.membership.type) && !config.ignoreJitProvisioning),\n  );\n\n  // Allow direct login if there is exactly one active membership and no blocking conditions\n  return activeOrganizations.length === 1 && !hasBlockingConditions ? activeOrganizations[0] : null;\n};\n\nexport const Discovery = () => {\n  const [state, dispatch] = useGlobalReducer();\n  const stytchClient = useStytch();\n  const config = useConfig();\n  const { t } = useLingui();\n  const shouldDirectLoginConfigEnabled = !!config.directLoginForSingleMembership?.status;\n  const { createOrganizationEnabled } = useBootstrap();\n\n  useEffect(() => {\n    if (isExchangeInProgress) {\n      // If there is already an exchange in progress, don't do anything\n      return;\n    }\n\n    const directLoginOrganization = shouldAllowDirectLoginToOrganization(\n      state.formState.discoveryState.discoveredOrganizations,\n      config.directLoginForSingleMembership,\n    );\n\n    if (shouldDirectLoginConfigEnabled && directLoginOrganization !== null) {\n      handleDiscoveryOrganizationStart(directLoginOrganization);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- SDK-1354\n  }, [\n    shouldDirectLoginConfigEnabled,\n    state.formState.discoveryState.discoveredOrganizations,\n    config.directLoginForSingleMembership,\n  ]);\n\n  const handleDiscoveryOrganizationStart = (discoveredOrganization: DiscoveredOrganization) => {\n    const organization = discoveredOrganization.organization;\n\n    if (discoveredOrganization.primary_required) {\n      const allowedAuthMethods = discoveredOrganization.primary_required.allowed_auth_methods;\n      if (\n        allowedAuthMethods &&\n        allowedAuthMethods.length === 1 &&\n        allowedAuthMethods[0] === 'sso' &&\n        organization.sso_default_connection_id\n      ) {\n        startSso(organization.sso_default_connection_id);\n      } else {\n        dispatch({\n          type: 'select_discovered_organization',\n          discoveredOrganization,\n        });\n      }\n    } else {\n      stytchDiscoveryExchange({ organizationId: organization.organization_id });\n    }\n  };\n\n  const startSso = useCallback(\n    (connectionId: string) => {\n      stytchClient.sso.start({\n        connection_id: connectionId,\n        login_redirect_url: config.ssoOptions?.loginRedirectURL,\n        signup_redirect_url: config.ssoOptions?.signupRedirectURL,\n      });\n    },\n    [stytchClient, config.ssoOptions],\n  );\n\n  const { trigger: stytchDiscoveryExchange, isMutating: isExchangeInProgress } = useMutate<\n    B2BDiscoveryIntermediateSessionsExchangeResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey,\n    { organizationId: string }\n  >(\n    `stytch.discovery.intermediateSessions.exchange`,\n    (_: string, { arg: { organizationId } }: { arg: { organizationId: string } }) =>\n      stytchClient.discovery.intermediateSessions.exchange({\n        organization_id: organizationId,\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryIntermediateSessionsExchangeResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  const { trigger: stytchCreateOrganization, isMutating: isCreateLoading } = useMutate<\n    B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey\n  >(\n    'stytch.discovery.organizations.create',\n    () =>\n      stytchClient.discovery.organizations.create({\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  if (isExchangeInProgress) {\n    return <LoggingInScreen />;\n  }\n\n  if (isCreateLoading) {\n    return <LoadingScreen />;\n  }\n\n  if (state.formState.discoveryState.discoveredOrganizations.length === 0) {\n    return <DiscoverNoOrganizations />;\n  }\n\n  const organizationButtons = state.formState.discoveryState.discoveredOrganizations.map((discoveredOrganization) => {\n    const { organization, membership } = discoveredOrganization;\n\n    let action: string | undefined;\n    if (isJoinViaJitType(membership.type) || membership.type === 'pending_member')\n      action = t({ id: 'organizationDiscovery.join', message: 'Join' });\n    else if (membership.type === 'invited_member')\n      action = t({ id: 'organizationDiscovery.acceptInvite', message: 'Accept Invite' });\n\n    return (\n      <OrganizationRow\n        organization={organization}\n        action={action}\n        onClick={() => handleDiscoveryOrganizationStart(discoveredOrganization)}\n      ></OrganizationRow>\n    );\n  });\n\n  const createOrganizationButton =\n    createOrganizationEnabled && !config.disableCreateOrganization ? (\n      <Button variant=\"outline\" onClick={() => stytchCreateOrganization()}>\n        {t({ id: 'button.createAnOrganization', message: 'Create an organization' })}\n      </Button>\n    ) : null;\n\n  const goBackButton = (\n    <Button variant=\"ghost\" onClick={() => dispatch({ type: 'transition', screen: AppScreens.Main })}>\n      {t({ id: 'button.goBack', message: 'Go back' })}\n    </Button>\n  );\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({ id: 'organizationDiscovery.title', message: 'Select an organization to continue' })}\n      </Typography>\n\n      {createOrganizationButton ? (\n        // Display with divider if the Create Organization Button can be shown,\n        // otherwise just show everything together\n        <ButtonColumn\n          top={organizationButtons}\n          bottom={\n            <>\n              {createOrganizationButton}\n              {goBackButton}\n            </>\n          }\n        />\n      ) : (\n        <Column gap={4}>\n          <ButtonColumn>{organizationButtons}</ButtonColumn>\n          {goBackButton}\n        </Column>\n      )}\n    </Column>\n  );\n};\n"],"names":["isJoinViaJitType","type","DiscoverNoOrganizations","state","dispatch","useGlobalReducer","stytchClient","useStytch","config","useConfig","createOrganizationEnabled","useBootstrap","useLingui","goBack","screen","AppScreens","Main","trigger","stytchCreateOrganization","isMutating","isCreateLoading","useMutate","discovery","organizations","create","session_duration_minutes","sessionOptions","sessionDurationMinutes","onSuccess","data","onAuthenticateSuccess","onError","error","errorType","error_type","ErrorType","OrganizationDiscoveryClaimedDomain","Default","canGoBack","shouldAutomaticallyCreateOrganization","directCreateOrganizationForNoMembership","useEffect","React","LoadingScreen","email","formState","discoveryState","disableCreateOrganization","Column","gap","Typography","variant","ButtonColumn","Button","onClick","shouldAllowDirectLoginToOrganization","status","activeOrganizations","filter","org","membership","hasBlockingConditions","some","ignoreInvites","ignoreJitProvisioning","length","Discovery","shouldDirectLoginConfigEnabled","directLoginForSingleMembership","isExchangeInProgress","directLoginOrganization","discoveredOrganizations","handleDiscoveryOrganizationStart","discoveredOrganization","organization","primary_required","allowedAuthMethods","allowed_auth_methods","sso_default_connection_id","startSso","stytchDiscoveryExchange","organizationId","organization_id","useCallback","connectionId","sso","start","connection_id","login_redirect_url","ssoOptions","loginRedirectURL","signup_redirect_url","signupRedirectURL","_","arg","intermediateSessions","exchange","LoggingInScreen","organizationButtons","map","action","OrganizationRow","createOrganizationButton","goBackButton","top","bottom"],"mappings":"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"}
+{"version":3,"file":"Discovery.mjs","sources":["../../../../../../../../../web/src/ui/b2b/screens/Discovery.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport {\n  B2BDiscoveryIntermediateSessionsExchangeResponse,\n  B2BDiscoveryOrganizationsCreateResponse,\n  DirectLoginForSingleMembershipConfig,\n  DiscoveredOrganization,\n  StytchAPIError,\n  StytchProjectConfigurationInput,\n} from '@stytch/core/public';\nimport React, { useCallback, useEffect } from 'react';\n\nimport Button from '../../components/atoms/Button';\nimport Column from '../../components/atoms/Column';\nimport Typography from '../../components/atoms/Typography';\nimport ButtonColumn from '../../components/molecules/ButtonColumn';\nimport { LoadingScreen, LoggingInScreen } from '../../components/molecules/Loading';\nimport OrganizationRow from '../components/OrganizationRow';\nimport { useConfig, useGlobalReducer, useStytch } from '../GlobalContextProvider';\nimport { AppScreens } from '../types/AppScreens';\nimport { ErrorType } from '../types/ErrorType';\nimport { onAuthenticateSuccess, StytchMutationKey, useBootstrap, useMutate } from '../utils';\n\nconst isJoinViaJitType = (type: DiscoveredOrganization['membership']['type']) =>\n  type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';\n\nconst DiscoverNoOrganizations = () => {\n  const [state, dispatch] = useGlobalReducer();\n  const stytchClient = useStytch();\n  const config = useConfig();\n  const { createOrganizationEnabled } = useBootstrap();\n  const { t } = useLingui();\n  const goBack = () => dispatch({ type: 'transition', screen: AppScreens.Main });\n\n  const { trigger: stytchCreateOrganization, isMutating: isCreateLoading } = useMutate<\n    B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey\n  >(\n    'stytch.discovery.organizations.create',\n    () =>\n      stytchClient.discovery.organizations.create({\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  const shouldAutomaticallyCreateOrganization =\n    createOrganizationEnabled && config.directCreateOrganizationForNoMembership;\n\n  useEffect(() => {\n    if (shouldAutomaticallyCreateOrganization) {\n      stytchCreateOrganization();\n    }\n  }, [shouldAutomaticallyCreateOrganization, stytchCreateOrganization]);\n\n  if (shouldAutomaticallyCreateOrganization || isCreateLoading) {\n    return <LoadingScreen />;\n  }\n\n  const email = state.formState.discoveryState.email;\n\n  if (createOrganizationEnabled && !config.disableCreateOrganization) {\n    return (\n      <Column gap={6}>\n        <Typography variant=\"header\">\n          {t({ id: 'organizationDiscovery.noOrgs.create.title', message: 'Create an organization to get started' })}\n        </Typography>\n\n        <Typography variant=\"body\">\n          {t({\n            id: 'organizationDiscovery.noOrgs.create.content',\n            message: `${email} does not have an account. Think this is a mistake? Try a different email address, or contact your admin.`,\n          })}\n        </Typography>\n\n        <ButtonColumn>\n          <Button variant=\"primary\" onClick={() => stytchCreateOrganization()}>\n            {t({ id: 'button.createAnOrganization', message: 'Create an organization' })}\n          </Button>\n          <Button variant=\"ghost\" onClick={goBack}>\n            {t({ id: 'button.goBack', message: 'Go back' })}\n          </Button>\n        </ButtonColumn>\n      </Column>\n    );\n  }\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({\n          id: 'organizationDiscovery.noOrgs.title',\n          message: `${email} does not belong to any organizations.`,\n        })}\n      </Typography>\n      <Typography variant=\"body\">\n        {t({\n          id: 'organizationDiscovery.noOrgs.content',\n          message: 'Make sure your email address is correct. Otherwise, you might need to be invited by your admin.',\n        })}\n      </Typography>\n      <Button variant=\"outline\" onClick={goBack}>\n        {t({ id: 'button.tryDifferentEmailAddress', message: 'Try a different email address' })}\n      </Button>\n    </Column>\n  );\n};\n\nconst shouldAllowDirectLoginToOrganization = (\n  organizations: DiscoveredOrganization[],\n  config?: DirectLoginForSingleMembershipConfig,\n): DiscoveredOrganization | null => {\n  // If direct login is not enabled, return false\n  if (!config?.status) {\n    return null;\n  }\n\n  // Count active memberships\n  const activeOrganizations = organizations.filter((org) => org.membership.type === 'active_member');\n\n  // Check for pending invites or JIT provisioning, depending on config\n  const hasBlockingConditions = organizations.some(\n    (org) =>\n      ((org.membership.type === 'pending_member' || org.membership.type === 'invited_member') &&\n        !config.ignoreInvites) ||\n      (isJoinViaJitType(org.membership.type) && !config.ignoreJitProvisioning),\n  );\n\n  // Allow direct login if there is exactly one active membership and no blocking conditions\n  return activeOrganizations.length === 1 && !hasBlockingConditions ? activeOrganizations[0] : null;\n};\n\nexport const Discovery = () => {\n  const [state, dispatch] = useGlobalReducer();\n  const stytchClient = useStytch();\n  const config = useConfig();\n  const { t } = useLingui();\n  const shouldDirectLoginConfigEnabled = !!config.directLoginForSingleMembership?.status;\n  const { createOrganizationEnabled } = useBootstrap();\n\n  useEffect(() => {\n    if (isExchangeInProgress) {\n      // If there is already an exchange in progress, don't do anything\n      return;\n    }\n\n    const directLoginOrganization = shouldAllowDirectLoginToOrganization(\n      state.formState.discoveryState.discoveredOrganizations,\n      config.directLoginForSingleMembership,\n    );\n\n    if (shouldDirectLoginConfigEnabled && directLoginOrganization !== null) {\n      handleDiscoveryOrganizationStart(directLoginOrganization);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- SDK-1354\n  }, [\n    shouldDirectLoginConfigEnabled,\n    state.formState.discoveryState.discoveredOrganizations,\n    config.directLoginForSingleMembership,\n  ]);\n\n  const handleDiscoveryOrganizationStart = (discoveredOrganization: DiscoveredOrganization) => {\n    const organization = discoveredOrganization.organization;\n\n    if (discoveredOrganization.primary_required) {\n      const allowedAuthMethods = discoveredOrganization.primary_required.allowed_auth_methods;\n      if (\n        allowedAuthMethods &&\n        allowedAuthMethods.length === 1 &&\n        allowedAuthMethods[0] === 'sso' &&\n        organization.sso_default_connection_id\n      ) {\n        startSso(organization.sso_default_connection_id);\n      } else {\n        dispatch({\n          type: 'select_discovered_organization',\n          discoveredOrganization,\n        });\n      }\n    } else {\n      stytchDiscoveryExchange({ organizationId: organization.organization_id });\n    }\n  };\n\n  const startSso = useCallback(\n    (connectionId: string) => {\n      stytchClient.sso.start({\n        connection_id: connectionId,\n        login_redirect_url: config.ssoOptions?.loginRedirectURL,\n        signup_redirect_url: config.ssoOptions?.signupRedirectURL,\n      });\n    },\n    [stytchClient, config.ssoOptions],\n  );\n\n  const { trigger: stytchDiscoveryExchange, isMutating: isExchangeInProgress } = useMutate<\n    B2BDiscoveryIntermediateSessionsExchangeResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey,\n    { organizationId: string }\n  >(\n    `stytch.discovery.intermediateSessions.exchange`,\n    (_: string, { arg: { organizationId } }: { arg: { organizationId: string } }) =>\n      stytchClient.discovery.intermediateSessions.exchange({\n        organization_id: organizationId,\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryIntermediateSessionsExchangeResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  const { trigger: stytchCreateOrganization, isMutating: isCreateLoading } = useMutate<\n    B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>,\n    StytchAPIError,\n    StytchMutationKey\n  >(\n    'stytch.discovery.organizations.create',\n    () =>\n      stytchClient.discovery.organizations.create({\n        session_duration_minutes: config.sessionOptions.sessionDurationMinutes,\n      }),\n    {\n      onSuccess: (data: B2BDiscoveryOrganizationsCreateResponse<StytchProjectConfigurationInput>) => {\n        onAuthenticateSuccess(data, dispatch, config);\n      },\n      onError: (error) => {\n        dispatch({\n          type: 'set_error_message_and_transition',\n          errorType:\n            error.error_type === 'action_not_allowed_email_domain_is_claimed'\n              ? ErrorType.OrganizationDiscoveryClaimedDomain\n              : ErrorType.Default,\n          canGoBack: true,\n        });\n      },\n    },\n  );\n\n  if (isExchangeInProgress) {\n    return <LoggingInScreen />;\n  }\n\n  if (isCreateLoading) {\n    return <LoadingScreen />;\n  }\n\n  if (state.formState.discoveryState.discoveredOrganizations.length === 0) {\n    return <DiscoverNoOrganizations />;\n  }\n\n  const organizationButtons = state.formState.discoveryState.discoveredOrganizations.map((discoveredOrganization) => {\n    const { organization, membership } = discoveredOrganization;\n\n    let action: string | undefined;\n    if (isJoinViaJitType(membership.type) || membership.type === 'pending_member')\n      action = t({ id: 'organizationDiscovery.join', message: 'Join' });\n    else if (membership.type === 'invited_member')\n      action = t({ id: 'organizationDiscovery.acceptInvite', message: 'Accept Invite' });\n\n    return (\n      <OrganizationRow\n        key={organization.organization_id}\n        organization={organization}\n        action={action}\n        onClick={() => handleDiscoveryOrganizationStart(discoveredOrganization)}\n      ></OrganizationRow>\n    );\n  });\n\n  const createOrganizationButton =\n    createOrganizationEnabled && !config.disableCreateOrganization ? (\n      <Button variant=\"outline\" onClick={() => stytchCreateOrganization()}>\n        {t({ id: 'button.createAnOrganization', message: 'Create an organization' })}\n      </Button>\n    ) : null;\n\n  const goBackButton = (\n    <Button variant=\"ghost\" onClick={() => dispatch({ type: 'transition', screen: AppScreens.Main })}>\n      {t({ id: 'button.goBack', message: 'Go back' })}\n    </Button>\n  );\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({ id: 'organizationDiscovery.title', message: 'Select an organization to continue' })}\n      </Typography>\n\n      {createOrganizationButton ? (\n        // Display with divider if the Create Organization Button can be shown,\n        // otherwise just show everything together\n        <ButtonColumn\n          top={organizationButtons}\n          bottom={\n            <>\n              {createOrganizationButton}\n              {goBackButton}\n            </>\n          }\n        />\n      ) : (\n        <Column gap={4}>\n          <ButtonColumn>{organizationButtons}</ButtonColumn>\n          {goBackButton}\n        </Column>\n      )}\n    </Column>\n  );\n};\n"],"names":["isJoinViaJitType","type","DiscoverNoOrganizations","state","dispatch","useGlobalReducer","stytchClient","useStytch","config","useConfig","createOrganizationEnabled","useBootstrap","useLingui","goBack","screen","AppScreens","Main","trigger","stytchCreateOrganization","isMutating","isCreateLoading","useMutate","discovery","organizations","create","session_duration_minutes","sessionOptions","sessionDurationMinutes","onSuccess","data","onAuthenticateSuccess","onError","error","errorType","error_type","ErrorType","OrganizationDiscoveryClaimedDomain","Default","canGoBack","shouldAutomaticallyCreateOrganization","directCreateOrganizationForNoMembership","useEffect","React","LoadingScreen","email","formState","discoveryState","disableCreateOrganization","Column","gap","Typography","variant","ButtonColumn","Button","onClick","shouldAllowDirectLoginToOrganization","status","activeOrganizations","filter","org","membership","hasBlockingConditions","some","ignoreInvites","ignoreJitProvisioning","length","Discovery","shouldDirectLoginConfigEnabled","directLoginForSingleMembership","isExchangeInProgress","directLoginOrganization","discoveredOrganizations","handleDiscoveryOrganizationStart","discoveredOrganization","organization","primary_required","allowedAuthMethods","allowed_auth_methods","sso_default_connection_id","startSso","stytchDiscoveryExchange","organizationId","organization_id","useCallback","connectionId","sso","start","connection_id","login_redirect_url","ssoOptions","loginRedirectURL","signup_redirect_url","signupRedirectURL","_","arg","intermediateSessions","exchange","LoggingInScreen","organizationButtons","map","action","OrganizationRow","key","createOrganizationButton","goBackButton","top","bottom"],"mappings":";;;;;;;;;;;;;AAsBA,MAAMA,gBAAAA,GAAmB,CAACC,IAAAA,GACxBA,IAAAA,KAAS,sCAAsCA,IAAAA,KAAS,kCAAA;AAE1D,MAAMC,uBAAAA,GAA0B,IAAA;IAC9B,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,gBAAAA,EAAAA;AAC1B,IAAA,MAAMC,YAAAA,GAAeC,SAAAA,EAAAA;AACrB,IAAA,MAAMC,MAAAA,GAASC,SAAAA,EAAAA;IACf,MAAM,EAAEC,yBAAyB,EAAE,GAAGC,YAAAA,EAAAA;AACtC,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;IACd,MAAMC,MAAAA,GAAS,IAAMT,QAAAA,CAAS;YAAEH,IAAAA,EAAM,YAAA;AAAca,YAAAA,MAAAA,EAAQC,WAAWC;AAAK,SAAA,CAAA;AAE5E,IAAA,MAAM,EAAEC,OAAAA,EAASC,wBAAwB,EAAEC,UAAAA,EAAYC,eAAe,EAAE,GAAGC,SAAAA,CAKzE,uCAAA,EACA,IACEf,YAAAA,CAAagB,SAAS,CAACC,aAAa,CAACC,MAAM,CAAC;YAC1CC,wBAAAA,EAA0BjB,MAAAA,CAAOkB,cAAc,CAACC;SAClD,CAAA,EACF;AACEC,QAAAA,SAAAA,EAAW,CAACC,IAAAA,GAAAA;AACVC,YAAAA,qBAAAA,CAAsBD,MAAMzB,QAAAA,EAAUI,MAAAA,CAAAA;AACxC,QAAA,CAAA;AACAuB,QAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAAA;YACR5B,QAAAA,CAAS;gBACPH,IAAAA,EAAM,kCAAA;gBACNgC,SAAAA,EACED,KAAAA,CAAME,UAAU,KAAK,4CAAA,GACjBC,UAAUC,kCAAkC,GAC5CD,UAAUE,OAAO;gBACvBC,SAAAA,EAAW;AACb,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;IAGF,MAAMC,qCAAAA,GACJ7B,yBAAAA,IAA6BF,MAAAA,CAAOgC,uCAAuC;IAE7EC,SAAAA,CAAU,IAAA;AACR,QAAA,IAAIF,qCAAAA,EAAuC;AACzCrB,YAAAA,wBAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACqB,QAAAA,qCAAAA;AAAuCrB,QAAAA;AAAyB,KAAA,CAAA;AAEpE,IAAA,IAAIqB,yCAAyCnB,eAAAA,EAAiB;AAC5D,QAAA,qBAAOsB,cAAA,CAAA,aAAA,CAACC,aAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;AAEA,IAAA,MAAMC,QAAQzC,KAAAA,CAAM0C,SAAS,CAACC,cAAc,CAACF,KAAK;AAElD,IAAA,IAAIlC,yBAAAA,IAA6B,CAACF,MAAAA,CAAOuC,yBAAyB,EAAE;AAClE,QAAA,qBACEL,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;YAAOC,GAAAA,EAAK;yBACXP,cAAA,CAAA,aAAA,CAACQ,UAAAA,EAAAA;YAAWC,OAAAA,EAAQ;;;;2BAIpBT,cAAA,CAAA,aAAA,CAACQ,UAAAA,EAAAA;YAAWC,OAAAA,EAAQ;;;;;AAGJP,gBAAAA,KAAAA,EAAAA;;AAIhB,SAAA,CAAA,CAAA,gBAAAF,cAAA,CAAA,aAAA,CAACU,kCACCV,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA;YAAOF,OAAAA,EAAQ,SAAA;AAAUG,YAAAA,OAAAA,EAAS,IAAMpC,wBAAAA;;;;2BAGzCwB,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA;YAAOF,OAAAA,EAAQ,OAAA;YAAQG,OAAAA,EAASzC;;;;;AAMzC,IAAA;AAEA,IAAA,qBACE6B,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXP,cAAA,CAAA,aAAA,CAACQ,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;;AAGJP,YAAAA,KAAAA,EAAAA;;uBAGhBF,cAAA,CAAA,aAAA,CAACQ,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;uBAMpBT,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA;QAAOF,OAAAA,EAAQ,SAAA;QAAUG,OAAAA,EAASzC;;;;;AAKzC,CAAA;AAEA,MAAM0C,oCAAAA,GAAuC,CAC3ChC,aAAAA,EACAf,MAAAA,GAAAA;;IAGA,IAAI,CAACA,QAAQgD,MAAAA,EAAQ;QACnB,OAAO,IAAA;AACT,IAAA;;IAGA,MAAMC,mBAAAA,GAAsBlC,aAAAA,CAAcmC,MAAM,CAAC,CAACC,MAAQA,GAAAA,CAAIC,UAAU,CAAC3D,IAAI,KAAK,eAAA,CAAA;;AAGlF,IAAA,MAAM4D,qBAAAA,GAAwBtC,aAAAA,CAAcuC,IAAI,CAC9C,CAACH,GAAAA,GACGA,CAAAA,GAAAA,CAAIC,UAAU,CAAC3D,IAAI,KAAK,oBAAoB0D,GAAAA,CAAIC,UAAU,CAAC3D,IAAI,KAAK,gBAAe,KACnF,CAACO,OAAOuD,aAAa,IACtB/D,gBAAAA,CAAiB2D,GAAAA,CAAIC,UAAU,CAAC3D,IAAI,CAAA,IAAK,CAACO,OAAOwD,qBAAqB,CAAA;;IAI3E,OAAOP,mBAAAA,CAAoBQ,MAAM,KAAK,CAAA,IAAK,CAACJ,qBAAAA,GAAwBJ,mBAAmB,CAAC,CAAA,CAAE,GAAG,IAAA;AAC/F,CAAA;MAEaS,SAAAA,GAAY,IAAA;IACvB,MAAM,CAAC/D,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,gBAAAA,EAAAA;AAC1B,IAAA,MAAMC,YAAAA,GAAeC,SAAAA,EAAAA;AACrB,IAAA,MAAMC,MAAAA,GAASC,SAAAA,EAAAA;AACf,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQG,SAAAA,EAAAA;AACd,IAAA,MAAMuD,8BAAAA,GAAiC,CAAC,CAAC3D,MAAAA,CAAO4D,8BAA8B,EAAEZ,MAAAA;IAChF,MAAM,EAAE9C,yBAAyB,EAAE,GAAGC,YAAAA,EAAAA;IAEtC8B,SAAAA,CAAU,IAAA;AACR,QAAA,IAAI4B,oBAAAA,EAAsB;;AAExB,YAAA;AACF,QAAA;QAEA,MAAMC,uBAAAA,GAA0Bf,oCAAAA,CAC9BpD,KAAAA,CAAM0C,SAAS,CAACC,cAAc,CAACyB,uBAAuB,EACtD/D,MAAAA,CAAO4D,8BAA8B,CAAA;QAGvC,IAAID,8BAAAA,IAAkCG,4BAA4B,IAAA,EAAM;YACtEE,gCAAAA,CAAiCF,uBAAAA,CAAAA;AACnC,QAAA;;IAEF,CAAA,EAAG;AACDH,QAAAA,8BAAAA;AACAhE,QAAAA,KAAAA,CAAM0C,SAAS,CAACC,cAAc,CAACyB,uBAAuB;AACtD/D,QAAAA,MAAAA,CAAO4D;AACR,KAAA,CAAA;AAED,IAAA,MAAMI,mCAAmC,CAACC,sBAAAA,GAAAA;QACxC,MAAMC,YAAAA,GAAeD,uBAAuBC,YAAY;QAExD,IAAID,sBAAAA,CAAuBE,gBAAgB,EAAE;AAC3C,YAAA,MAAMC,kBAAAA,GAAqBH,sBAAAA,CAAuBE,gBAAgB,CAACE,oBAAoB;AACvF,YAAA,IACED,kBAAAA,IACAA,kBAAAA,CAAmBX,MAAM,KAAK,CAAA,IAC9BW,kBAAkB,CAAC,CAAA,CAAE,KAAK,KAAA,IAC1BF,YAAAA,CAAaI,yBAAyB,EACtC;AACAC,gBAAAA,QAAAA,CAASL,aAAaI,yBAAyB,CAAA;YACjD,CAAA,MAAO;gBACL1E,QAAAA,CAAS;oBACPH,IAAAA,EAAM,gCAAA;AACNwE,oBAAAA;AACF,iBAAA,CAAA;AACF,YAAA;QACF,CAAA,MAAO;YACLO,uBAAAA,CAAwB;AAAEC,gBAAAA,cAAAA,EAAgBP,aAAaQ;AAAgB,aAAA,CAAA;AACzE,QAAA;AACF,IAAA,CAAA;IAEA,MAAMH,QAAAA,GAAWI,YACf,CAACC,YAAAA,GAAAA;QACC9E,YAAAA,CAAa+E,GAAG,CAACC,KAAK,CAAC;YACrBC,aAAAA,EAAeH,YAAAA;YACfI,kBAAAA,EAAoBhF,MAAAA,CAAOiF,UAAU,EAAEC,gBAAAA;YACvCC,mBAAAA,EAAqBnF,MAAAA,CAAOiF,UAAU,EAAEG;AAC1C,SAAA,CAAA;IACF,CAAA,EACA;AAACtF,QAAAA,YAAAA;AAAcE,QAAAA,MAAAA,CAAOiF;AAAW,KAAA,CAAA;AAGnC,IAAA,MAAM,EAAExE,OAAAA,EAAS+D,uBAAuB,EAAE7D,UAAAA,EAAYkD,oBAAoB,EAAE,GAAGhD,SAAAA,CAM7E,CAAC,8CAA8C,CAAC,EAChD,CAACwE,CAAAA,EAAW,EAAEC,GAAAA,EAAK,EAAEb,cAAc,EAAE,EAAuC,GAC1E3E,YAAAA,CAAagB,SAAS,CAACyE,oBAAoB,CAACC,QAAQ,CAAC;YACnDd,eAAAA,EAAiBD,cAAAA;YACjBxD,wBAAAA,EAA0BjB,MAAAA,CAAOkB,cAAc,CAACC;SAClD,CAAA,EACF;AACEC,QAAAA,SAAAA,EAAW,CAACC,IAAAA,GAAAA;AACVC,YAAAA,qBAAAA,CAAsBD,MAAMzB,QAAAA,EAAUI,MAAAA,CAAAA;AACxC,QAAA,CAAA;AACAuB,QAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAAA;YACR5B,QAAAA,CAAS;gBACPH,IAAAA,EAAM,kCAAA;gBACNgC,SAAAA,EACED,KAAAA,CAAME,UAAU,KAAK,4CAAA,GACjBC,UAAUC,kCAAkC,GAC5CD,UAAUE,OAAO;gBACvBC,SAAAA,EAAW;AACb,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;AAGF,IAAA,MAAM,EAAErB,OAAAA,EAASC,wBAAwB,EAAEC,UAAAA,EAAYC,eAAe,EAAE,GAAGC,SAAAA,CAKzE,uCAAA,EACA,IACEf,YAAAA,CAAagB,SAAS,CAACC,aAAa,CAACC,MAAM,CAAC;YAC1CC,wBAAAA,EAA0BjB,MAAAA,CAAOkB,cAAc,CAACC;SAClD,CAAA,EACF;AACEC,QAAAA,SAAAA,EAAW,CAACC,IAAAA,GAAAA;AACVC,YAAAA,qBAAAA,CAAsBD,MAAMzB,QAAAA,EAAUI,MAAAA,CAAAA;AACxC,QAAA,CAAA;AACAuB,QAAAA,OAAAA,EAAS,CAACC,KAAAA,GAAAA;YACR5B,QAAAA,CAAS;gBACPH,IAAAA,EAAM,kCAAA;gBACNgC,SAAAA,EACED,KAAAA,CAAME,UAAU,KAAK,4CAAA,GACjBC,UAAUC,kCAAkC,GAC5CD,UAAUE,OAAO;gBACvBC,SAAAA,EAAW;AACb,aAAA,CAAA;AACF,QAAA;AACF,KAAA,CAAA;AAGF,IAAA,IAAI+B,oBAAAA,EAAsB;AACxB,QAAA,qBAAO3B,cAAA,CAAA,aAAA,CAACuD,eAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;AAEA,IAAA,IAAI7E,eAAAA,EAAiB;AACnB,QAAA,qBAAOsB,cAAA,CAAA,aAAA,CAACC,aAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;IAEA,IAAIxC,KAAAA,CAAM0C,SAAS,CAACC,cAAc,CAACyB,uBAAuB,CAACN,MAAM,KAAK,CAAA,EAAG;AACvE,QAAA,qBAAOvB,cAAA,CAAA,aAAA,CAACxC,uBAAAA,EAAAA,IAAAA,CAAAA;AACV,IAAA;IAEA,MAAMgG,mBAAAA,GAAsB/F,KAAAA,CAAM0C,SAAS,CAACC,cAAc,CAACyB,uBAAuB,CAAC4B,GAAG,CAAC,CAAC1B,sBAAAA,GAAAA;AACtF,QAAA,MAAM,EAAEC,YAAY,EAAEd,UAAU,EAAE,GAAGa,sBAAAA;QAErC,IAAI2B,MAAAA;AACJ,QAAA,IAAIpG,iBAAiB4D,UAAAA,CAAW3D,IAAI,KAAK2D,UAAAA,CAAW3D,IAAI,KAAK,gBAAA,EAC3DmG,MAAAA,GAAAA,OAAAA,CAAAA,CAAAA,CAAAA;;;;aACG,IAAIxC,UAAAA,CAAW3D,IAAI,KAAK,gBAAA,EAC3BmG,MAAAA,GAAAA,OAAAA,CAAAA,CAAAA,CAAAA;;;;AAEF,QAAA,qBACE1D,cAAA,CAAA,aAAA,CAAC2D,eAAAA,EAAAA;AACCC,YAAAA,GAAAA,EAAK5B,aAAaQ,eAAe;YACjCR,YAAAA,EAAcA,YAAAA;YACd0B,MAAAA,EAAQA,MAAAA;AACR9C,YAAAA,OAAAA,EAAS,IAAMkB,gCAAAA,CAAiCC,sBAAAA;;AAGtD,IAAA,CAAA,CAAA;AAEA,IAAA,MAAM8B,2BACJ7F,yBAAAA,IAA6B,CAACF,MAAAA,CAAOuC,yBAAyB,iBAC5DL,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA;QAAOF,OAAAA,EAAQ,SAAA;AAAUG,QAAAA,OAAAA,EAAS,IAAMpC,wBAAAA;;;;AAGvC,KAAA,CAAA,CAAA,GAAA,IAAA;AAEN,IAAA,MAAMsF,6BACJ9D,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA;QAAOF,OAAAA,EAAQ,OAAA;AAAQG,QAAAA,OAAAA,EAAS,IAAMlD,QAAAA,CAAS;gBAAEH,IAAAA,EAAM,YAAA;AAAca,gBAAAA,MAAAA,EAAQC,WAAWC;AAAK,aAAA;;;;;AAKhG,IAAA,qBACE0B,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXP,cAAA,CAAA,aAAA,CAACQ,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;AAInBoD,KAAAA,CAAAA,CAAAA,EAAAA,wBAAAA;;kBAGC7D,cAAA,CAAA,aAAA,CAACU,YAAAA,EAAAA;QACCqD,GAAAA,EAAKP,mBAAAA;AACLQ,QAAAA,MAAAA,gBACEhE,4DACG6D,wBAAAA,EACAC,YAAAA;uBAKP9D,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;AACX,KAAA,gBAAAP,cAAA,CAAA,aAAA,CAACU,oBAAc8C,mBAAAA,CAAAA,EACdM,YAAAA,CAAAA,CAAAA;AAKX;;;;"}

package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs

@@ -1,5 +1,6 @@
 import { useLingui } from '../../../../../../node_modules/@lingui/react/dist/index.mjs';
-import React__default, { useEffect } from 'react';
+import React__default from 'react';
+import useSWR from '../../../../../../node_modules/swr/core/dist/index.mjs';
 import { getTranslatedError } from '../../../utils/getTranslatedError.mjs';
 import Button from '../../components/atoms/Button.mjs';
 import Column from '../../components/atoms/Column.mjs';
@@ -7,29 +8,37 @@ import { errorToast } from '../../components/atoms/Toast.mjs';
 import Typography from '../../components/atoms/Typography.mjs';
 import ButtonColumn from '../../components/molecules/ButtonColumn.mjs';
 import { LoadingScreen } from '../../components/molecules/Loading.mjs';
-import { useStytch, useGlobalReducer } from '../GlobalContextProvider.mjs';
+import { useStytch, useGlobalReducer, useEventCallback, useErrorCallback } from '../GlobalContextProvider.mjs';
 import { AppScreens } from '../types/AppScreens.mjs';
-import { useMutate } from '../utils.mjs';
 import modules_b00e876f from './TOTPEnrollQRScreen.module.css.mjs';
+import { StytchEventType } from '../../../../../core/src/public/ui.mjs';
 
 const TOTPEnrollQRScreen = ()=>{
     const stytchClient = useStytch();
     const [state, dispatch] = useGlobalReducer();
+    const onEvent = useEventCallback();
+    const onError = useErrorCallback();
     const { i18n: $__i18n, _: $__ } = useLingui();
-    const { mfa: { totp: { createError, enrollment, isCreating } } } = state;
     // This screen should only be shown if primary info and TOTP enrollment are
     // available
     const { memberId, organizationId } = state.mfa.primaryInfo;
-    const { trigger: createTotp } = useMutate('stytch.totp.create', (_, { arg: { memberId, organizationId } })=>{
-        dispatch({
-            type: 'totp/create'
-        });
-        return stytchClient.totp.create({
+    const { data } = useSWR([
+        'stytch.totp.create',
+        memberId,
+        organizationId
+    ], ()=>stytchClient.totp.create({
             member_id: memberId,
             organization_id: organizationId
-        });
-    }, {
+        }), {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
         onSuccess: (response)=>{
+            onEvent({
+                type: StytchEventType.B2BTOTPCreate,
+                data: response
+            });
+            // Store the enrollment object so we can show recovery code after authenticating
             dispatch({
                 type: 'totp/create_success',
                 response,
@@ -44,26 +53,9 @@ const TOTPEnrollQRScreen = ()=>{
                     message
                 });
             }
-            dispatch({
-                type: 'totp/create_error',
-                error
-            });
+            onError(error);
         }
     });
-    const shouldCreate = !enrollment && !isCreating && !createError;
-    useEffect(()=>{
-        if (shouldCreate) {
-            createTotp({
-                memberId,
-                organizationId
-            });
-        }
-    }, [
-        createTotp,
-        memberId,
-        organizationId,
-        shouldCreate
-    ]);
     const handleShowManualCode = ()=>{
         dispatch({
             type: 'totp/show_code',
@@ -89,12 +81,12 @@ const TOTPEnrollQRScreen = ()=>{
     }, $__i18n._({
         id: "totp.setupQr.content",
         message: "Your organization requires an additional form of verification to make your account more secure. If you don’t have an authenticator app, you’ll need to install one first."
-    })), enrollment ? /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("img", {
+    })), data ? /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("img", {
         alt: $__i18n._({
             id: "mfaTotpEnrollment.qrAltText",
             message: "QR code for TOTP enrollment"
         }),
-        src: enrollment.qrCode,
+        src: data.qr_code,
         className: modules_b00e876f.qr
     }), /*#__PURE__*/ React__default.createElement(ButtonColumn, null, /*#__PURE__*/ React__default.createElement(Button, {
         variant: "primary",

package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TOTPEnrollQRScreen.mjs","sources":["../../../../../../../../../web/src/ui/b2b/screens/TOTPEnrollQRScreen.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport { B2BTOTPCreateResponse, StytchAPIError } from '@stytch/core/public';\nimport React, { useEffect } from 'react';\n\nimport { getTranslatedError } from '../../../utils/getTranslatedError';\nimport Button from '../../components/atoms/Button';\nimport Column from '../../components/atoms/Column';\nimport { errorToast } from '../../components/atoms/Toast';\nimport Typography from '../../components/atoms/Typography';\nimport ButtonColumn from '../../components/molecules/ButtonColumn';\nimport { LoadingScreen } from '../../components/molecules/Loading';\nimport { useGlobalReducer, useStytch } from '../GlobalContextProvider';\nimport { AppScreens } from '../types/AppScreens';\nimport { StytchMutationKey, useMutate } from '../utils';\nimport styles from './TOTPEnrollQRScreen.module.css';\n\nexport const TOTPEnrollQRScreen = () => {\n  const stytchClient = useStytch();\n  const [state, dispatch] = useGlobalReducer();\n  const { t } = useLingui();\n  const {\n    mfa: {\n      totp: { createError, enrollment, isCreating },\n    },\n  } = state;\n\n  // This screen should only be shown if primary info and TOTP enrollment are\n  // available\n  const { memberId, organizationId } = state.mfa.primaryInfo!;\n\n  const { trigger: createTotp } = useMutate<\n    B2BTOTPCreateResponse,\n    unknown,\n    StytchMutationKey,\n    { memberId: string; organizationId: string }\n  >(\n    'stytch.totp.create',\n    (_: string, { arg: { memberId, organizationId } }: { arg: { memberId: string; organizationId: string } }) => {\n      dispatch({ type: 'totp/create' });\n      return stytchClient.totp.create({ member_id: memberId, organization_id: organizationId });\n    },\n    {\n      onSuccess: (response) => {\n        dispatch({ type: 'totp/create_success', response, memberId, organizationId });\n      },\n      onError: (error) => {\n        const message = getTranslatedError(error as StytchAPIError, t);\n        if (message) {\n          errorToast({ message });\n        }\n        dispatch({ type: 'totp/create_error', error });\n      },\n    },\n  );\n\n  const shouldCreate = !enrollment && !isCreating && !createError;\n  useEffect(() => {\n    if (shouldCreate) {\n      createTotp({ memberId, organizationId });\n    }\n  }, [createTotp, memberId, organizationId, shouldCreate]);\n\n  const handleShowManualCode = () => {\n    dispatch({ type: 'totp/show_code', method: 'manual' });\n  };\n\n  const handleContinue = () => {\n    dispatch({ type: 'transition', history: 'push', screen: AppScreens.TOTPEntry });\n  };\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({ id: 'totp.setupQr.title', message: 'Scan the QR code to link your authenticator app' })}\n      </Typography>\n\n      <Typography variant=\"body\">\n        {t({\n          id: 'totp.setupQr.content',\n          message:\n            'Your organization requires an additional form of verification to make your account more secure. If you don’t have an authenticator app, you’ll need to install one first.',\n        })}\n      </Typography>\n\n      {enrollment ? (\n        <>\n          <img\n            alt={t({ id: 'mfaTotpEnrollment.qrAltText', message: 'QR code for TOTP enrollment' })}\n            src={enrollment.qrCode}\n            className={styles.qr}\n          />\n\n          <ButtonColumn>\n            <Button variant=\"primary\" onClick={handleContinue}>\n              {t({ id: 'button.continue', message: 'Continue' })}\n            </Button>\n            <Button variant=\"outline\" onClick={handleShowManualCode}>\n              {t({ id: 'button.totpQrManual', message: 'Having trouble scanning?' })}\n            </Button>\n          </ButtonColumn>\n        </>\n      ) : (\n        <LoadingScreen />\n      )}\n    </Column>\n  );\n};\n"],"names":["TOTPEnrollQRScreen","stytchClient","useStytch","state","dispatch","useGlobalReducer","useLingui","mfa","totp","createError","enrollment","isCreating","memberId","organizationId","primaryInfo","trigger","createTotp","useMutate","_","arg","type","create","member_id","organization_id","onSuccess","response","onError","error","message","getTranslatedError","errorToast","shouldCreate","useEffect","handleShowManualCode","method","handleContinue","history","screen","AppScreens","TOTPEntry","React","Column","gap","Typography","variant","img","alt","src","qrCode","className","styles","qr","ButtonColumn","Button","onClick","LoadingScreen"],"mappings":"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"}
+{"version":3,"file":"TOTPEnrollQRScreen.mjs","sources":["../../../../../../../../../web/src/ui/b2b/screens/TOTPEnrollQRScreen.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport { StytchAPIError, StytchError, StytchEventType } from '@stytch/core/public';\nimport React from 'react';\nimport useSWR from 'swr';\n\nimport { getTranslatedError } from '../../../utils/getTranslatedError';\nimport Button from '../../components/atoms/Button';\nimport Column from '../../components/atoms/Column';\nimport { errorToast } from '../../components/atoms/Toast';\nimport Typography from '../../components/atoms/Typography';\nimport ButtonColumn from '../../components/molecules/ButtonColumn';\nimport { LoadingScreen } from '../../components/molecules/Loading';\nimport { useErrorCallback, useEventCallback, useGlobalReducer, useStytch } from '../GlobalContextProvider';\nimport { AppScreens } from '../types/AppScreens';\nimport styles from './TOTPEnrollQRScreen.module.css';\n\nexport const TOTPEnrollQRScreen = () => {\n  const stytchClient = useStytch();\n  const [state, dispatch] = useGlobalReducer();\n  const onEvent = useEventCallback();\n  const onError = useErrorCallback();\n\n  const { t } = useLingui();\n\n  // This screen should only be shown if primary info and TOTP enrollment are\n  // available\n  const { memberId, organizationId } = state.mfa.primaryInfo!;\n\n  const { data } = useSWR(\n    ['stytch.totp.create', memberId, organizationId],\n    () => stytchClient.totp.create({ member_id: memberId, organization_id: organizationId }),\n    {\n      revalidateOnFocus: false,\n      revalidateOnReconnect: false,\n      revalidateIfStale: false,\n\n      onSuccess: (response) => {\n        onEvent({ type: StytchEventType.B2BTOTPCreate, data: response });\n        // Store the enrollment object so we can show recovery code after authenticating\n        dispatch({ type: 'totp/create_success', response, memberId, organizationId });\n      },\n      onError: (error) => {\n        const message = getTranslatedError(error as StytchAPIError, t);\n        if (message) {\n          errorToast({ message });\n        }\n        onError(error as StytchError);\n      },\n    },\n  );\n\n  const handleShowManualCode = () => {\n    dispatch({ type: 'totp/show_code', method: 'manual' });\n  };\n\n  const handleContinue = () => {\n    dispatch({ type: 'transition', history: 'push', screen: AppScreens.TOTPEntry });\n  };\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({ id: 'totp.setupQr.title', message: 'Scan the QR code to link your authenticator app' })}\n      </Typography>\n\n      <Typography variant=\"body\">\n        {t({\n          id: 'totp.setupQr.content',\n          message:\n            'Your organization requires an additional form of verification to make your account more secure. If you don’t have an authenticator app, you’ll need to install one first.',\n        })}\n      </Typography>\n\n      {data ? (\n        <>\n          <img\n            alt={t({ id: 'mfaTotpEnrollment.qrAltText', message: 'QR code for TOTP enrollment' })}\n            src={data.qr_code}\n            className={styles.qr}\n          />\n\n          <ButtonColumn>\n            <Button variant=\"primary\" onClick={handleContinue}>\n              {t({ id: 'button.continue', message: 'Continue' })}\n            </Button>\n            <Button variant=\"outline\" onClick={handleShowManualCode}>\n              {t({ id: 'button.totpQrManual', message: 'Having trouble scanning?' })}\n            </Button>\n          </ButtonColumn>\n        </>\n      ) : (\n        <LoadingScreen />\n      )}\n    </Column>\n  );\n};\n"],"names":["TOTPEnrollQRScreen","stytchClient","useStytch","state","dispatch","useGlobalReducer","onEvent","useEventCallback","onError","useErrorCallback","useLingui","memberId","organizationId","mfa","primaryInfo","data","useSWR","totp","create","member_id","organization_id","revalidateOnFocus","revalidateOnReconnect","revalidateIfStale","onSuccess","response","type","StytchEventType","B2BTOTPCreate","error","message","getTranslatedError","errorToast","handleShowManualCode","method","handleContinue","history","screen","AppScreens","TOTPEntry","React","Column","gap","Typography","variant","img","alt","src","qr_code","className","styles","qr","ButtonColumn","Button","onClick","LoadingScreen"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ const Watermark = ({ poweredBy, label })=>/*#__PURE__*/ React__default.createEle
         href: "https://stytch.com/",
         target: "_blank",
         rel: "noreferrer"
-    }, /*#__PURE__*/ React__default.createElement("span", null, poweredBy, " "), /*#__PURE__*/ React__default.createElement("svg", {
+    }, /*#__PURE__*/ React__default.createElement("span", null, poweredBy, "\xa0"), /*#__PURE__*/ React__default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 47 24",