npm - @stytch/react - Versions diffs - 20.0.2 → 20.0.3 - Mend

@stytch/react 20.0.2 → 20.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 // 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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_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":";;;;;;;;AA2EA,MAAMA,6BAAAA,GAAgC,IAAA,GAAO,EAAA,GAAK,CAAA,CAAA;AAIlD,SAASC,sBAAsBC,MAAc,EAAA;IAC3C,OAAQA,MAAAA;QACN,KAAK,MAAA;AACH,YAAA,OAAOC,eAAeC,IAAI;QAC5B,KAAK,SAAA;AACH,YAAA,OAAOD,eAAeE,MAAM;AAC9B,QAAA;YACE,OAAOC,SAAAA;AACX;AACF;AAEA,SAASC,wBAAwBC,cAAsC,EAAA;;IAErE,IAAIA,cAAAA,CAAeC,IAAI,KAAK,CAAA,EAAG;AAC7B,QAAA,IAAID,cAAAA,CAAeE,GAAG,CAACP,cAAAA,CAAeC,IAAI,CAAA,EAAG;AAC3C,YAAA,OAAOO,WAAWC,oBAAoB;AACxC,QAAA;AACA,QAAA,IAAIJ,cAAAA,CAAeE,GAAG,CAACP,cAAAA,CAAeE,MAAM,CAAA,EAAG;AAC7C,YAAA,OAAOM,WAAWE,gBAAgB;AACpC,QAAA;AACF,IAAA;AAEA,IAAA,OAAOF,WAAWG,sBAAsB;AAC1C;AAEA,MAAMC,0BAA0B,IAAM,IAAIC,IAAAA,CAAKA,IAAAA,CAAKC,GAAG,EAAA,GAAKjB,6BAAAA,CAAAA;MAE/CkB,eAAAA,GAAkB;AAACf,IAAAA,cAAAA,CAAeC,IAAI;AAAED,IAAAA,cAAAA,CAAeE;;AAE7D,MAAMc,UAAAA,GAAa,CAACC,KAAAA,EAAiBC,MAAAA,GAAAA;AAC1C,IAAA,OAAQA,OAAOC,IAAI;QACjB,KAAK,8BAAA;AAAgC,YAAA;AACnC,gBAAA,MAAMC,sBAAsB,CAAC,CAACF,MAAAA,CAAOG,QAAQ,CAACC,cAAc;gBAC5D,MAAMC,cAAAA,GACJL,OAAOM,cAAc,KAAK,6BAA6BhB,UAAAA,CAAWiB,iBAAiB,GAAGjB,UAAAA,CAAWkB,QAAQ;;AAG3G,gBAAA,IAAIN,mBAAAA,EAAqB;AACvB,oBAAA,OAAOO,eAAeJ,cAAAA,EAAgB;AACpC,wBAAA,GAAGN,KAAK;wBACRW,GAAAA,EAAKC,iBAAAA;AACLC,wBAAAA,OAAAA,EAAS;AACX,qBAAA,CAAA;AACF,gBAAA;;AAGA,gBAAA,IAAIZ,MAAAA,CAAOG,QAAQ,CAACU,gBAAgB,EAAE;AACpC,oBAAA,MAAMC,qBAAqBd,MAAAA,CAAOG,QAAQ,CAACU,gBAAgB,CAACE,oBAAoB;oBAChF,MAAM,EAAEC,aAAAA,EAAeC,KAAK,EAAEC,sBAAAA,EAAwBC,aAAa,EAAE,GAAGnB,MAAAA,CAAOG,QAAQ,CAACiB,MAAM;AAE9F,oBAAA,MAAMC,YAAAA,GAAe;AACnB,wBAAA,GAAGtB,KAAK;wBACRuB,SAAAA,EAAW;AACTrB,4BAAAA,IAAAA,EAAMsB,aAAaC,YAAY;4BAC/BC,YAAAA,EAAczB,MAAAA,CAAOG,QAAQ,CAACsB;AAChC,yBAAA;wBACAC,SAAAA,EAAW;AACT,4BAAA,GAAG3B,MAAM2B,SAAS;4BAClBC,aAAAA,EAAe;AAAEV,gCAAAA;AAAM;AACzB,yBAAA;wBACAL,OAAAA,EAAS;AACPE,4BAAAA,kBAAAA;AACAG,4BAAAA,KAAAA;AACAE,4BAAAA;AACF;AACF,qBAAA;oBAEA,IAAIL,kBAAAA,EAAoBc,WAAW,CAAA,EAAG;wBACpC,OAAOnB,cAAAA,CAAenB,UAAAA,CAAWuC,KAAK,EAAE;AACtC,4BAAA,GAAGR,YAAY;4BACfS,KAAAA,EAAO;AAAE7B,gCAAAA,IAAAA,EAAM8B,UAAUC,4BAA4B;gCAAEC,SAAAA,EAAW;AAAM;AAC1E,yBAAA,CAAA;AACF,oBAAA;oBAEA,OAAOxB,cAAAA,CAAenB,UAAAA,CAAW4C,IAAI,EAAEb,YAAAA,CAAAA;AACzC,gBAAA;;AAGA,gBAAA,MAAMc,yBAAyBnC,MAAAA,CAAOG,QAAQ,CAACiB,MAAM,CAACgB,yBAAyB;gBAC/E,MAAMC,oBAAAA,GAAuB,CAAC,CAACrC,MAAAA,CAAOG,QAAQ,CAACiB,MAAM,CAACkB,oBAAoB;AAE1E,gBAAA,MAAMC,WAAAA,GAAuC;AAC3CC,oBAAAA,kBAAAA,EAAoB;AACjBH,wBAAAA,oBAAAA,IAAwBvD,eAAeC,IAAI;AAAEoD,wBAAAA,sBAAAA,IAA0BrD,eAAeE;AAAO,qBAAA,CAC9FyD,MAAM,CAACC,QAAAA,CAAAA;oBACTC,QAAAA,EAAU3C,MAAAA,CAAOG,QAAQ,CAACyC,SAAS;AACnCC,oBAAAA,iBAAAA,EAAmB7C,MAAAA,CAAOG,QAAQ,CAACiB,MAAM,CAAC0B,gBAAgB;AAC1DC,oBAAAA,cAAAA,EAAgB/C,MAAAA,CAAOG,QAAQ,CAACsB,YAAY,CAACuB,eAAe;oBAC5DC,+BAAAA,EACEjD,MAAAA,CAAOG,QAAQ,CAACsB,YAAY,CAACyB,WAAW,KAAK,eACxClD,MAAAA,CAAOG,QAAQ,CAACsB,YAAY,CAAC0B,mBAAmB,EAAEC,GAAAA,CAAIxE,uBAAuB6D,MAAAA,CAAOC,QAAAA,CAAAA,IAAa,EAAE,GACpG,EAAE;AACRrC,oBAAAA;AACF,iBAAA;AAEA,gBAAA,MAAMgD,0BAAAA,GAA6B,CAACxE,MAAAA,GAClC0D,WAAAA,CAAYU,+BAA+B,CAACrB,MAAM,KAAK,CAAA,IACvDW,WAAAA,CAAYU,+BAA+B,CAACK,QAAQ,CAACzE,MAAAA,CAAAA;AAEvD,gBAAA,MAAM0E,gBAAAA,GAAmB,IAAA;AACvB,oBAAA,MAAMC,gBAAgB5E,qBAAAA,CAAsBoB,MAAAA,CAAOG,QAAQ,CAACiB,MAAM,CAACqC,kBAAkB,CAAA;oBAErF,IACED,aAAAA,IACAH,2BAA2BG,aAAAA,CAAAA,IAC3BjB,WAAAA,CAAYC,kBAAkB,CAACc,QAAQ,CAACE,aAAAA,CAAAA,EACxC;wBACA,OAAOA,aAAAA;AACT,oBAAA;oBAEA,OAAOvE,SAAAA;AACT,gBAAA,CAAA;;;;;AAMA,gBAAA,MAAMyE,oBAAoB1D,MAAAA,CAAOG,QAAQ,CAACwD,YAAY,EAAEC,wBAAAA,KAA6B,SAAA;gBACrF,MAAMC,WAAAA,GAAcH,iBAAAA,GAChB5E,cAAAA,CAAeE,MAAM,GACpBuE,sBAAsBhB,WAAAA,CAAYC,kBAAkB,CAACsB,IAAI,CAACT,0BAAAA,CAAAA;AAC/D,gBAAA,IAAIQ,WAAAA,EAAa;AACf,oBAAA,MAAME,QAAAA,GAAqB;AACzB,wBAAA,GAAGpD,iBAAiB;AACpB4B,wBAAAA;AACF,qBAAA;oBAEA,OAAQsB,WAAAA;AACN,wBAAA,KAAK/E,eAAeC,IAAI;AAAE,4BAAA;gCACxB,OAAO0B,cAAAA,CAAenB,UAAAA,CAAW0E,SAAS,EAAE;AAC1C,oCAAA,GAAGjE,KAAK;oCACRW,GAAAA,EAAKqD,QAAAA;AACLnD,oCAAAA,OAAAA,EAAS;AACX,iCAAA,CAAA;AACF,4BAAA;AAEA,wBAAA,KAAK9B,eAAeE,MAAM;AAAE,4BAAA;AAC1B,gCAAA,MAAMiF,SAAAA,GAAY;AAChB,oCAAA,GAAGlE,KAAK;oCACRW,GAAAA,EAAK;AACH,wCAAA,GAAGqD,QAAQ;wCACX/E,MAAAA,EAAQ;AACN,4CAAA,GAAG+E,SAAS/E,MAAM;;AAElBkF,4CAAAA,cAAAA,EAAgBR,oBAAoBhE,uBAAAA,EAAAA,GAA4B;AAClE;AACF,qCAAA;AACAkB,oCAAAA,OAAAA,EAAS;AACX,iCAAA;AAEA,gCAAA,IAAIuB,sBAAAA,EAAwB;oCAC1B,OAAO1B,cAAAA,CAAenB,UAAAA,CAAW6E,WAAW,EAAEF,SAAAA,CAAAA;gCAChD,CAAA,MAAO;;;;oCAIL,OAAO;AACL,wCAAA,GAAGA,SAAS;AACZG,wCAAAA,MAAAA,EAAQ9E,WAAW6E,WAAW;wCAC9BE,aAAAA,EAAe;AAAC/E,4CAAAA,UAAAA,CAAWE;AAAiB;AAC9C,qCAAA;AACF,gCAAA;AACF,4BAAA;AACF;AACF,gBAAA;;;;;;AAQA,gBAAA,MAAML,iBAAiBmF,iBAAAA,CAAkB;oBACvCC,UAAAA,EAAY1E,eAAAA;AACZ2E,oBAAAA,mBAAAA,EAAqBjC,YAAYU,+BAA+B;AAChEwB,oBAAAA,iBAAAA,EAAmBzE,OAAO0E;AAC5B,iBAAA,CAAA;gBAEA,OAAOjE,cAAAA,CAAevB,wBAAwBC,cAAAA,CAAAA,EAAiB;AAC7D,oBAAA,GAAGY,KAAK;oBACRW,GAAAA,EAAK;AACH,wBAAA,GAAGC,iBAAiB;AACpB4B,wBAAAA,WAAAA;wBACAoC,WAAAA,EAAa;AACf,qBAAA;AACA/D,oBAAAA,OAAAA,EAAS;AACX,iBAAA,CAAA;AACF,YAAA;QAEA,KAAK,cAAA;YACH,OAAO;AACL,gBAAA,GAAGb,KAAK;gBACRW,GAAAA,EAAK;AACH,oBAAA,GAAGX,MAAMW,GAAG;oBACZ1B,MAAAA,EAAQ;wBACN,GAAGe,KAAAA,CAAMW,GAAG,CAAC1B,MAAM;wBACnB4F,SAAAA,EAAW,IAAA;wBACXC,SAAAA,EAAW;AACb;AACF;AACF,aAAA;QAEF,KAAK,sBAAA;YACH,OAAOC,WAAAA,CAAYxF,UAAAA,CAAW6E,WAAW,EAAE;AACzC,gBAAA,GAAGpE,KAAK;gBACRW,GAAAA,EAAK;AACH,oBAAA,GAAGX,MAAMW,GAAG;oBACZ1B,MAAAA,EAAQ;wBACN,GAAGe,KAAAA,CAAMW,GAAG,CAAC1B,MAAM;wBACnB4F,SAAAA,EAAW,KAAA;wBACXC,SAAAA,EAAW,IAAA;wBACXX,cAAAA,EAAgBxE,uBAAAA,EAAAA;wBAChBqF,oBAAAA,EAAsB/E,MAAAA,CAAOgF,oBAAoB,IAAIjF,KAAAA,CAAMW,GAAG,CAAC1B,MAAM,CAAC+F,oBAAoB;wBAC1FE,cAAAA,EAAgBjF,MAAAA,CAAOkF,WAAW,GAC9B;AACEA,4BAAAA,WAAAA,EAAalF,OAAOkF,WAAW;AAC/BC,4BAAAA,WAAAA,EAAanF,OAAOmF;yBACtB,GACA;AACN;AACF;AACF,aAAA,CAAA;QAEF,KAAK,oBAAA;YACH,OAAO;AACL,gBAAA,GAAGpF,KAAK;gBACRW,GAAAA,EAAK;AACH,oBAAA,GAAGX,MAAMW,GAAG;oBACZ1B,MAAAA,EAAQ;wBACN,GAAGe,KAAAA,CAAMW,GAAG,CAAC1B,MAAM;wBACnB4F,SAAAA,EAAW,KAAA;AACXC,wBAAAA,SAAAA,EAAW7E,OAAO8B,KAAK;;;;wBAIvBoC,cAAAA,EAAgBnE,KAAAA,CAAMW,GAAG,CAAC1B,MAAM,CAACkF,cAAc,IAAI,IAAIvE,IAAAA,CAAKA,IAAAA,CAAKC,GAAG,EAAA,GAAK,IAAA;AAC3E;AACF;AACF,aAAA;QAEF,KAAK,4BAAA;YACH,OAAO;AACL,gBAAA,GAAGG,KAAK;gBACRW,GAAAA,EAAK;AACH,oBAAA,GAAGX,MAAMW,GAAG;oBACZ1B,MAAAA,EAAQ;wBACN,GAAGe,KAAAA,CAAMW,GAAG,CAAC1B,MAAM;AACnB+F,wBAAAA,oBAAAA,EAAsB/E,OAAOgF;AAC/B;AACF;AACF,aAAA;QAEF,KAAK,8BAAA;QACL,KAAK,oCAAA;QACL,KAAK,gCAAA;YACH,OAAOvE,cAAAA,CAAeV,MAAMW,GAAG,CAAC6B,WAAW,EAAElC,cAAAA,IAAkBf,UAAAA,CAAWkB,QAAQ,EAAE;AAClF,gBAAA,GAAGT,KAAK;gBACRW,GAAAA,EAAKC;AACP,aAAA,CAAA;QAEF,KAAK,2BAAA;AAA6B,YAAA;AAChC,gBAAA,MAAMyE,aAAarF,KAAAA,CAAMW,GAAG,CAACiE,WAAW,GACpCrF,UAAAA,CAAW+F,gBAAgB,GAC1BtF,KAAAA,CAAMW,GAAG,CAAC6B,WAAW,EAAElC,cAAAA,IAAkBf,WAAWkB,QAAQ;AACjE,gBAAA,OAAOC,eAAe2E,UAAAA,EAAY;AAChC,oBAAA,GAAGrF,KAAK;AACRW,oBAAAA,GAAAA,EAAKX,MAAMW,GAAG,CAACiE,WAAW,GAAG5E,KAAAA,CAAMW,GAAG,GAAGC;AAC3C,iBAAA,CAAA;AACF,YAAA;QAEA,KAAK,qBAAA;YACH,IACE,CAACZ,MAAMW,GAAG,CAACiE,WAAW,IACtB5E,KAAAA,CAAMW,GAAG,CAAC6B,WAAW,EAAEI,aAAa3C,MAAAA,CAAO2C,QAAQ,IACnD5C,KAAAA,CAAMW,GAAG,CAAC6B,WAAW,EAAEQ,cAAAA,KAAmB/C,MAAAA,CAAO+C,cAAc,EAC/D;gBACA,OAAOhD,KAAAA;AACT,YAAA;YAEA,OAAO;AACL,gBAAA,GAAGA,KAAK;gBACRW,GAAAA,EAAK;AACH,oBAAA,GAAGX,MAAMW,GAAG;oBACZ3B,IAAAA,EAAM;wBACJ,GAAGgB,KAAAA,CAAMW,GAAG,CAAC3B,IAAI;wBACjBuG,UAAAA,EAAY;4BACVC,MAAAA,EAAQvF,MAAAA,CAAOG,QAAQ,CAACoF,MAAM;4BAC9BC,MAAAA,EAAQxF,MAAAA,CAAOG,QAAQ,CAACsF,OAAO;4BAC/BC,aAAAA,EAAe1F,MAAAA,CAAOG,QAAQ,CAACwF,cAAc;AAC7C9G,4BAAAA,MAAAA,EAAQkB,MAAMW,GAAG,CAAC3B,IAAI,CAACuG,UAAU,EAAEzG,MAAAA,IAAU;AAC/C;AACF;AACF;AACF,aAAA;QAEF,KAAK,gBAAA;AAAkB,YAAA;AACrB,gBAAA,IAAI,CAACkB,KAAAA,CAAMW,GAAG,CAACiE,WAAW,IAAI,CAAC5E,KAAAA,CAAMW,GAAG,CAAC3B,IAAI,CAACuG,UAAU,EAAE;oBACxD,OAAOvF,KAAAA;AACT,gBAAA;AAEA,gBAAA,MAAMlB,MAAAA,GAASmB,MAAAA,CAAOnB,MAAM,IAAIkB,KAAAA,CAAMW,GAAG,CAAC3B,IAAI,CAACuG,UAAU,CAACzG,MAAM,IAAI,IAAA;AACpE,gBAAA,MAAMuG,aAAavG,MAAAA,KAAW,QAAA,GAAWS,WAAWsG,oBAAoB,GAAGtG,WAAWC,oBAAoB;AAE1G,gBAAA,OAAOuF,YAAYM,UAAAA,EAAY;AAC7B,oBAAA,GAAGrF,KAAK;oBACRW,GAAAA,EAAK;AACH,wBAAA,GAAGX,MAAMW,GAAG;wBACZ3B,IAAAA,EAAM;4BACJ,GAAGgB,KAAAA,CAAMW,GAAG,CAAC3B,IAAI;4BACjBuG,UAAAA,EAAY;AACV,gCAAA,GAAGvF,KAAAA,CAAMW,GAAG,CAAC3B,IAAI,CAACuG,UAAU;AAC5BzG,gCAAAA;AACF;AACF;AACF;AACF,iBAAA,CAAA;AACF,YAAA;AAEA,QAAA;YACE,OAAOkB,KAAAA;AACX;AACF;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":"~~;;;;;;;;;;;;;;~~MAgBaA,kBAAAA,GAAqB,IAAA;AAChC,IAAA,MAAMC,YAAAA,GAAeC,SAAAA,EAAAA;IACrB,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,gBAAAA,EAAAA;AAC1B,IAAA,~~MAAM~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~OAAA~~,~~EAAA~~,~~CAAA~~,~~EAAA~~,~~GAAA~~,~~EAAA~~,~~GAAQC,SAAAA,~~EAAAA;~~AACd~~,IAAA,MAAM,~~EACJC~~,~~GAAAA~~,~~EAAK~~,~~EACHC~~,~~IAAAA~~,~~EAAM~~,~~EAAEC~~,~~WAAW~~,~~EAAEC~~,~~UAAU~~,~~EAAEC~~,~~UAAU,EAAE,EAC9C,EACF,GAAGR,KAAAA~~;;;~~IAIJ~~,MAAM,~~EAAES~~,QAAQ,EAAEC,cAAc,EAAE,~~GAAGV~~,KAAAA,~~CAAMI~~,GAAG,~~CAACO~~,WAAW;AAE1D,IAAA,MAAM,EAAEC,~~OAAAA~~,~~EAASC,UAAU,~~EAAE,GAAGC,~~UAM9B~~,~~oBAAA~~,~~EACA~~,~~CAACC,CAAAA,EAAW,EAAEC,KAAK,EAAEP,QAAQ,EAAEC,cAAc,EAAE,EAAyD,GAAA~~;~~QACtGT~~,QAAAA,~~CAAS~~;~~YAAEgB~~,~~IAAAA,EAAM~~;~~AAAc~~,~~SAAA~~,~~CAAA;AAC/B~~,~~QAAA~~,~~OAAOnB,~~YAAAA,~~CAAaO~~,IAAI,~~CAACa~~,MAAM,CAAC;YAAEC,SAAAA,~~EAAWV~~,QAAAA;~~YAAUW~~,eAAAA,~~EAAiBV~~;~~AAAe~~,~~SAAA~~,~~CAAA~~;~~IACzF~~,~~CAAA~~,~~EACA~~;~~AACEW~~,QAAAA,SAAAA,EAAW,CAACC,QAAAA,GAAAA;~~YACVrB~~,QAAAA,CAAS;~~gBAAEgB~~,IAAAA,EAAM,qBAAA;~~AAAuBK~~,gBAAAA,QAAAA;~~AAAUb~~,gBAAAA,QAAAA;AAAUC,gBAAAA;AAAe,aAAA,CAAA;AAC7E,QAAA,CAAA;~~AACAa~~,QAAAA,OAAAA,EAAS,~~CAACC~~,KAAAA,GAAAA;AACR,YAAA,MAAMC,UAAUC,kBAAAA,CAAmBF,KAAAA,EAAAA,GAAAA,CAAAA;AACnC,YAAA,IAAIC,OAAAA,EAAS;gBACXE,UAAAA,CAAW;AAAEF,oBAAAA;AAAQ,iBAAA,CAAA;AACvB,YAAA;~~YACAxB~~,~~QAAAA~~,~~CAAS;gBAAEgB~~,~~IAAAA~~,~~EAAM,mBAAA~~;~~AAAqBO~~,~~gBAAAA;AAAM,aAAA,CAAA;AAC9C,~~QAAA;AACF,KAAA,CAAA;AAGF,IAAA,MAAMI,YAAAA,GAAe,CAACrB,UAAAA,IAAc,CAACC,cAAc,CAACF,WAAAA;IACpDuB,SAAAA,CAAU,IAAA;AACR,QAAA,IAAID,YAAAA,EAAc;YAChBf,UAAAA,CAAW;AAAEJ,gBAAAA,QAAAA;AAAUC,gBAAAA;AAAe,aAAA,CAAA;AACxC,QAAA;IACF,CAAA,EAAG;AAACG,QAAAA,UAAAA;AAAYJ,QAAAA,QAAAA;AAAUC,QAAAA,cAAAA;AAAgBkB,QAAAA;AAAa,KAAA,CAAA;AAEvD,IAAA,MAAME,oBAAAA,GAAuB,IAAA;QAC3B7B,QAAAA,CAAS;~~YAAEgB~~,IAAAA,EAAM,gBAAA;~~YAAkBc~~,MAAAA,EAAQ;AAAS,SAAA,CAAA;AACtD,IAAA,CAAA;AAEA,IAAA,MAAMC,cAAAA,GAAiB,IAAA;QACrB/B,QAAAA,CAAS;~~YAAEgB~~,IAAAA,EAAM,YAAA;~~YAAcgB~~,OAAAA,EAAS,MAAA;AAAQC,YAAAA,MAAAA,EAAQC,WAAWC;AAAU,SAAA,CAAA;AAC/E,IAAA,CAAA;AAEA,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXF,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;uBAIpBJ,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;~~AAQnBlC~~,KAAAA,CAAAA,CAAAA,EAAAA,~~UAAAA~~,~~iBACC8B~~,0EACEA,cAAA,CAAA,aAAA,CAACK,KAAAA,EAAAA;QACCC,GAAG,EAAA,OAAA,CAAA,CAAA,CAAA;;;;AACHC,QAAAA,GAAAA,~~EAAKrC~~,~~WAAWsC~~,~~MAAM~~;~~AACtBC~~,QAAAA,SAAAA,EAAWC,iBAAOC;AAGpB,KAAA,CAAA,gBAAAX,cAAA,CAAA,aAAA,CAACY,kCACCZ,cAAA,CAAA,aAAA,CAACa,MAAAA,EAAAA;QAAOT,OAAAA,EAAQ,SAAA;QAAUU,OAAAA,EAASnB;;;;uBAGnCK,cAAA,CAAA,aAAA,CAACa,MAAAA,EAAAA;QAAOT,OAAAA,EAAQ,SAAA;QAAUU,OAAAA,EAASrB;;;;0BAMvCO,cAAA,CAAA,aAAA,CAACe,aAAAA,EAAAA,IAAAA,CAAAA,CAAAA;AAIT;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Watermark.mjs","sources":["../../../../../../../../../web/src/ui/components/atoms/Watermark.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport inputBase from '../mixins/inputBase.module.css';\nimport styles from './Watermark.module.css';\n\nconst Watermark = ({ poweredBy, label }: { poweredBy: string; label: string }) => (\n <a\n className={classNames(styles.watermark, inputBase.focusRing)}\n href=\"https://stytch.com/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <span>{poweredBy} </span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 47 24\" aria-label={label}>\n <path\n fillRule=\"evenodd\"\n d=\"M3.58 9.1c0 .86.37 1.26 1.4 1.5v.01l1.36.33c2 .5 2.9 1.47 2.9 3.18 0 2.3-1.56 3.6-4.09 3.6S1.19 16.57 1 14.37h2.19c.14 1.1.83 1.66 1.96 1.66 1.14 0 1.87-.61 1.87-1.56 0-.9-.45-1.35-1.62-1.61l-1.37-.31c-1.22-.3-2.67-1.09-2.67-3.2C1.36 7.35 2.9 6 5.18 6c2.46 0 3.73.98 3.89 2.98H6.79c-.1-.89-.64-1.32-1.64-1.32-.93 0-1.57.56-1.57 1.43Zm31.95 2.84c-.16-.83-.7-1.22-1.68-1.22h-.14c-1.3 0-2.13 1.02-2.13 2.6 0 1.57.84 2.59 2.13 2.59h.14c.98 0 1.52-.39 1.68-1.22h2.15c-.2 1.96-1.58 3.03-3.9 3.03-2.46 0-4.18-1.81-4.18-4.4 0-2.6 1.72-4.41 4.18-4.41 2.32 0 3.7 1.07 3.9 3.03h-2.15Zm-8.5 2.9v-4.17h2.27V8.9h-1.48a.8.8 0 0 1-.8-.8V6h-2.17v2.9h-1.8a1.9 1.9 0 0 0-1.74 1.16l-1.88 4.44-2-4.47a1.9 1.9 0 0 0-1.72-1.13h-2.6a.8.8 0 0 1-.8-.8V6h-2.16v9.47c0 1.47.78 2.25 2.25 2.25h2.06v-1.8h-1.08c-.84 0-1.06-.23-1.06-1.08v-4.17h2.64c.24 0 .42.1.5.28l2.92 6.14v.45c0 .87-.24.9-1.06.9h-2.73v1.85h3.6c1.39 0 2.25-.98 2.25-2.57l.01-.73 2.8-6.04c.08-.18.26-.28.5-.28h1.1v4.8c0 1.47.78 2.25 2.25 2.25h2.12v-1.81H28.1c-.85 0-1.07-.22-1.07-1.07Zm13.7-4.77.15-.18c.5-.62 1.02-.98 2.16-.98 1.93 0 3.04 1.21 3.04 3.33v5.48h-2.16v-5.21c0-.66-.2-1.18-.54-1.51-.29-.27-.67-.4-1.11-.37-1.05.07-1.53.88-1.53 2.56v4.53h-2.17V6h2.17v4.07Z\"\n />\n <path d=\"M29.82 22.74v.4h-.57v-3.13h.58v1.4c.16-.3.4-.5.73-.5.48 0 .8.42.8 1.11v.06c0 .72-.38 1.12-.82 1.12a.75.75 0 0 1-.72-.46Zm.95-.68v-.02c0-.46-.2-.7-.47-.7-.3 0-.5.25-.5.7v.02c0 .47.19.7.5.7.28 0 .46-.22.46-.7Zm.97 1.88v-.4c.07.02.18.03.28.03.26 0 .41-.1.5-.44l.02-.02h-.3l-.67-2.15h.62l.49 1.74.48-1.74h.6l-.74 2.29c-.18.6-.48.75-.88.75-.16 0-.3-.02-.4-.06Zm3.7-3.16h-.81v-.5h2.23v.5h-.83v2.37h-.59v-2.37Zm1.36.18h.6l.36 1.73.4-1.73h.67l.42 1.7.35-1.7h.59l-.53 2.19h-.78l-.4-1.67-.38 1.67h-.78l-.51-2.2Zm3.71-.67c0-.21.12-.3.34-.3.23 0 .34.1.34.3 0 .2-.1.3-.34.3-.24 0-.34-.08-.34-.3Zm.05.67h.58v2.19h-.58v-2.2Zm1.15-.96h.58v3.15h-.58V20Zm1.1.29c0-.21.11-.3.34-.3.23 0 .34.1.34.3 0 .2-.1.3-.34.3-.24 0-.34-.08-.34-.3Zm.05.67h.58v2.19h-.58v-2.2Zm1.04 1.12v-.06c0-.68.45-1.12 1.08-1.12.64 0 1.08.44 1.08 1.12v.06c0 .7-.45 1.12-1.08 1.12-.67 0-1.09-.43-1.09-1.12Zm1.57-.02v-.02c0-.47-.2-.7-.49-.7s-.5.23-.5.7v.02c0 .47.19.7.5.7.3 0 .49-.22.49-.7Z\" />\n </svg>\n </a>\n);\n\nexport default Watermark;\n"],"names":["Watermark","poweredBy","label","React","a","className","classNames","styles","watermark","inputBase","focusRing","href","target","rel","span","svg","xmlns","fill","viewBox","aria-label","path","fillRule","d"],"mappings":";;;;;AAMA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAwC,iBAC3EC,cAAA,CAAA,aAAA,CAACC,GAAAA,EAAAA;AACCC,QAAAA,SAAAA,EAAWC,UAAAA,CAAWC,gBAAAA,CAAOC,SAAS,EAAEC,iBAAUC,SAAS,CAAA;QAC3DC,IAAAA,EAAK,qBAAA;QACLC,MAAAA,EAAO,QAAA;QACPC,GAAAA,EAAI;qBAEJV,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA,IAAAA,EAAMb,SAAAA,EAAU,~~GAAA~~,CAAA,gBACjBE,cAAA,CAAA,aAAA,CAACY,KAAAA,EAAAA;QAAIC,KAAAA,EAAM,4BAAA;QAA6BC,IAAAA,EAAK,MAAA;QAAOC,OAAAA,EAAQ,WAAA;QAAYC,YAAAA,EAAYjB;qBAClFC,cAAA,CAAA,aAAA,CAACiB,MAAAA,EAAAA;QACCC,QAAAA,EAAS,SAAA;QACTC,CAAAA,EAAE;sBAEJnB,cAAA,CAAA,aAAA,CAACiB,MAAAA,EAAAA;QAAKE,CAAAA,EAAE;;;;;"}
1	+ {"version":3,"file":"Watermark.mjs","sources":["../../../../../../../../../web/src/ui/components/atoms/Watermark.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\n\nimport inputBase from '../mixins/inputBase.module.css';\nimport styles from './Watermark.module.css';\n\nconst Watermark = ({ poweredBy, label }: { poweredBy: string; label: string }) => (\n <a\n className={classNames(styles.watermark, inputBase.focusRing)}\n href=\"https://stytch.com/\"\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <span>{poweredBy} </span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 47 24\" aria-label={label}>\n <path\n fillRule=\"evenodd\"\n d=\"M3.58 9.1c0 .86.37 1.26 1.4 1.5v.01l1.36.33c2 .5 2.9 1.47 2.9 3.18 0 2.3-1.56 3.6-4.09 3.6S1.19 16.57 1 14.37h2.19c.14 1.1.83 1.66 1.96 1.66 1.14 0 1.87-.61 1.87-1.56 0-.9-.45-1.35-1.62-1.61l-1.37-.31c-1.22-.3-2.67-1.09-2.67-3.2C1.36 7.35 2.9 6 5.18 6c2.46 0 3.73.98 3.89 2.98H6.79c-.1-.89-.64-1.32-1.64-1.32-.93 0-1.57.56-1.57 1.43Zm31.95 2.84c-.16-.83-.7-1.22-1.68-1.22h-.14c-1.3 0-2.13 1.02-2.13 2.6 0 1.57.84 2.59 2.13 2.59h.14c.98 0 1.52-.39 1.68-1.22h2.15c-.2 1.96-1.58 3.03-3.9 3.03-2.46 0-4.18-1.81-4.18-4.4 0-2.6 1.72-4.41 4.18-4.41 2.32 0 3.7 1.07 3.9 3.03h-2.15Zm-8.5 2.9v-4.17h2.27V8.9h-1.48a.8.8 0 0 1-.8-.8V6h-2.17v2.9h-1.8a1.9 1.9 0 0 0-1.74 1.16l-1.88 4.44-2-4.47a1.9 1.9 0 0 0-1.72-1.13h-2.6a.8.8 0 0 1-.8-.8V6h-2.16v9.47c0 1.47.78 2.25 2.25 2.25h2.06v-1.8h-1.08c-.84 0-1.06-.23-1.06-1.08v-4.17h2.64c.24 0 .42.1.5.28l2.92 6.14v.45c0 .87-.24.9-1.06.9h-2.73v1.85h3.6c1.39 0 2.25-.98 2.25-2.57l.01-.73 2.8-6.04c.08-.18.26-.28.5-.28h1.1v4.8c0 1.47.78 2.25 2.25 2.25h2.12v-1.81H28.1c-.85 0-1.07-.22-1.07-1.07Zm13.7-4.77.15-.18c.5-.62 1.02-.98 2.16-.98 1.93 0 3.04 1.21 3.04 3.33v5.48h-2.16v-5.21c0-.66-.2-1.18-.54-1.51-.29-.27-.67-.4-1.11-.37-1.05.07-1.53.88-1.53 2.56v4.53h-2.17V6h2.17v4.07Z\"\n />\n <path d=\"M29.82 22.74v.4h-.57v-3.13h.58v1.4c.16-.3.4-.5.73-.5.48 0 .8.42.8 1.11v.06c0 .72-.38 1.12-.82 1.12a.75.75 0 0 1-.72-.46Zm.95-.68v-.02c0-.46-.2-.7-.47-.7-.3 0-.5.25-.5.7v.02c0 .47.19.7.5.7.28 0 .46-.22.46-.7Zm.97 1.88v-.4c.07.02.18.03.28.03.26 0 .41-.1.5-.44l.02-.02h-.3l-.67-2.15h.62l.49 1.74.48-1.74h.6l-.74 2.29c-.18.6-.48.75-.88.75-.16 0-.3-.02-.4-.06Zm3.7-3.16h-.81v-.5h2.23v.5h-.83v2.37h-.59v-2.37Zm1.36.18h.6l.36 1.73.4-1.73h.67l.42 1.7.35-1.7h.59l-.53 2.19h-.78l-.4-1.67-.38 1.67h-.78l-.51-2.2Zm3.71-.67c0-.21.12-.3.34-.3.23 0 .34.1.34.3 0 .2-.1.3-.34.3-.24 0-.34-.08-.34-.3Zm.05.67h.58v2.19h-.58v-2.2Zm1.15-.96h.58v3.15h-.58V20Zm1.1.29c0-.21.11-.3.34-.3.23 0 .34.1.34.3 0 .2-.1.3-.34.3-.24 0-.34-.08-.34-.3Zm.05.67h.58v2.19h-.58v-2.2Zm1.04 1.12v-.06c0-.68.45-1.12 1.08-1.12.64 0 1.08.44 1.08 1.12v.06c0 .7-.45 1.12-1.08 1.12-.67 0-1.09-.43-1.09-1.12Zm1.57-.02v-.02c0-.47-.2-.7-.49-.7s-.5.23-.5.7v.02c0 .47.19.7.5.7.3 0 .49-.22.49-.7Z\" />\n </svg>\n </a>\n);\n\nexport default Watermark;\n"],"names":["Watermark","poweredBy","label","React","a","className","classNames","styles","watermark","inputBase","focusRing","href","target","rel","span","svg","xmlns","fill","viewBox","aria-label","path","fillRule","d"],"mappings":";;;;;AAMA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAwC,iBAC3EC,cAAA,CAAA,aAAA,CAACC,GAAAA,EAAAA;AACCC,QAAAA,SAAAA,EAAWC,UAAAA,CAAWC,gBAAAA,CAAOC,SAAS,EAAEC,iBAAUC,SAAS,CAAA;QAC3DC,IAAAA,EAAK,qBAAA;QACLC,MAAAA,EAAO,QAAA;QACPC,GAAAA,EAAI;qBAEJV,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA,IAAAA,EAAMb,SAAAA,EAAU,MAAA,CAAA,gBACjBE,cAAA,CAAA,aAAA,CAACY,KAAAA,EAAAA;QAAIC,KAAAA,EAAM,4BAAA;QAA6BC,IAAAA,EAAK,MAAA;QAAOC,OAAAA,EAAQ,WAAA;QAAYC,YAAAA,EAAYjB;qBAClFC,cAAA,CAAA,aAAA,CAACiB,MAAAA,EAAAA;QACCC,QAAAA,EAAS,SAAA;QACTC,CAAAA,EAAE;sBAEJnB,cAAA,CAAA,aAAA,CAACiB,MAAAA,EAAAA;QAAKE,CAAAA,EAAE;;;;;"}

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

@@ -1,8 +1,8 @@
 import { collectCss } from '../../../../../../internal/style-injector/src/index.mjs';
-var css = "a.Watermark_module_watermark__ef279c61{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;gap:var(--st-spacing);padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__ef279c61:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__ef279c61 span{font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-sm)}a.Watermark_module_watermark__ef279c61 svg{height:24px}a.Watermark_module_watermark__ef279c61 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
+var css = "a.Watermark_module_watermark__6a046c31{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__6a046c31:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__6a046c31 span{font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-sm)}a.Watermark_module_watermark__6a046c31 svg{height:24px}a.Watermark_module_watermark__6a046c31 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
 collectCss(css);
-var modules_b8928cee = {"watermark":"Watermark_module_watermark__ef279c61"};
+var modules_b8928cee = {"watermark":"Watermark_module_watermark__6a046c31"};
 export { css, modules_b8928cee as default };
 //# sourceMappingURL=Watermark.module.css.mjs.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "20.0.2",
+  "version": "20.0.3",
   "description": "Stytch's official React Library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.mjs",