@stytch/vanilla-js 5.7.0 → 5.8.0

package/dist/{internal-yKvEN9N6.js → internal-BeiYVaO7.js}

@@ -694,6 +694,7 @@ function errorToStytchError(error) {
 exports.B2BProducts = void 0;
 (function (B2BProducts) {
   B2BProducts["emailMagicLinks"] = "emailMagicLinks";
+  B2BProducts["emailOtp"] = "emailOtp";
   B2BProducts["sso"] = "sso";
   B2BProducts["passwords"] = "passwords";
   B2BProducts["oauth"] = "oauth";
@@ -4946,7 +4947,7 @@ var HeadlessB2BOTPsClient = /*#__PURE__*/_createClass(function HeadlessB2BOTPsCl
         return _regeneratorRuntime().wrap(function _callee132$(_context132) {
           while (1) switch (_context132.prev = _context132.next) {
             case 0:
-              validate('stytch.otps.email.authenticate').isString('code', data.code).isString('member_id', data.member_id).isString('organization_id', data.organization_id).isNumber('session_duration_minutes', data.session_duration_minutes).isOptionalString('locale', data.locale);
+              validate('stytch.otps.email.authenticate').isString('code', data.code).isString('email_address', data.email_address).isString('organization_id', data.organization_id).isNumber('session_duration_minutes', data.session_duration_minutes).isOptionalString('locale', data.locale);
               _context132.next = 3;
               return this.dfpProtectedAuth.getDFPTelemetryIDAndCaptcha();
             case 3:

package/dist/{internal-DB9djgAd.js → internal-HC6WhS3G.js}

@@ -692,6 +692,7 @@ function errorToStytchError(error) {
 var B2BProducts;
 (function (B2BProducts) {
   B2BProducts["emailMagicLinks"] = "emailMagicLinks";
+  B2BProducts["emailOtp"] = "emailOtp";
   B2BProducts["sso"] = "sso";
   B2BProducts["passwords"] = "passwords";
   B2BProducts["oauth"] = "oauth";
@@ -4944,7 +4945,7 @@ var HeadlessB2BOTPsClient = /*#__PURE__*/_createClass(function HeadlessB2BOTPsCl
         return _regeneratorRuntime().wrap(function _callee132$(_context132) {
           while (1) switch (_context132.prev = _context132.next) {
             case 0:
-              validate('stytch.otps.email.authenticate').isString('code', data.code).isString('member_id', data.member_id).isString('organization_id', data.organization_id).isNumber('session_duration_minutes', data.session_duration_minutes).isOptionalString('locale', data.locale);
+              validate('stytch.otps.email.authenticate').isString('code', data.code).isString('email_address', data.email_address).isString('organization_id', data.organization_id).isNumber('session_duration_minutes', data.session_duration_minutes).isOptionalString('locale', data.locale);
               _context132.next = 3;
               return this.dfpProtectedAuth.getDFPTelemetryIDAndCaptcha();
             case 3:
@@ -5767,4 +5768,4 @@ var readB2BInternals = function readB2BInternals(obj) {
   }
   return casted[internalSymB2B];
 };
-export { StytchAPISchemaError as $, AuthFlowType as A, B2BMFAProducts as B, COUNTRIES_LIST as C, DEFAULT_SESSION_DURATION_MINUTES as D, EMAIL_REGEX as E, FailedCodeChallengeError as F, NoBiometricsRegistrationError as G, NoCredentialsPresentError as H, InternalError as I, JSONDataNotConvertibleToStringError as J, KeyInvalidatedError as K, NoCurrentSessionError as L, MissingAttestationObjectError as M, NoBiometricsEnrolledError as N, OAuthProviders as O, Products as P, PasskeysInvalidEncoding as Q, PasskeysMisconfigured as R, StytchEventType as S, PasskeysUnsupportedError as T, RNUIProducts as U, RandomNumberGenerationFailed as V, Wallets as W, SDKAPIUnreachableError as X, SDKNotConfiguredError as Y, SignInWithAppleMisconfigured as Z, __awaiter as _, B2BProducts as a, StytchAPIUnreachableError as a0, StytchError as a1, StytchSDKAPIError as a2, StytchSDKSchemaError as a3, StytchSDKUsageError as a4, UNRECOVERABLE_ERROR_TYPES as a5, UserCancellationError as a6, UserLockedOutError as a7, errorToStytchError as a8, __rest as a9, HeadlessB2BMagicLinksClient as aA, HeadlessB2BSSOClient as aB, HeadlessB2BDiscoveryClient as aC, HeadlessB2BPasswordsClient as aD, HeadlessB2BOTPsClient as aE, HeadlessB2BTOTPsClient as aF, HeadlessB2BRecoveryCodesClient as aG, HeadlessB2BRBACClient as aH, HeadlessB2BSCIMClient as aI, SessionManager as aJ, SearchDataManager as aK, writeB2BInternals as aL, createDeepEqual as aa, getPersistentStorageKey as ab, HeadlessB2BOAuthClient$1 as ac, loadESModule as ad, IframeHostClient as ae, validate as af, hasMultipleCookies as ag, isLocalhost as ah, GOOGLE_ONE_TAP_HOST as ai, GOOGLE_ONE_TAP_SCRIPT_URL as aj, EventLogger as ak, DEFAULT_MAX_BATCH_SIZE as al, DEFAULT_INTERVAL_DURATION_MS as am, createEventId as an, createAppSessionId as ao, createPersistentId as ap, baseFetchSDK as aq, retriableFetchSDK as ar, checkB2BNotSSR as as, checkPublicToken as at, buildFinalConfig as au, StateChangeClient as av, DFPProtectedAuthProvider as aw, HeadlessB2BOrganizationClient as ax, HeadlessB2BSelfClient as ay, HeadlessB2BSessionClient as az, OTPMethods as b, StytchAPIError as c, B2BOAuthProviders as d, OneTapPositions as e, debounce as f, StytchSDKError as g, checkNotSSR as h, isTestPublicToken as i, BiometricsFailedError as j, BiometricsUnavailableError as k, logger as l, ChallengeSigningFailedError as m, DeviceCredentialsNotAllowedError as n, FailedToDecryptDataError as o, InvalidAuthorizationCredentialError as p, InvalidCredentialTypeError as q, readB2BInternals as r, InvalidRedirectSchemeError as s, InvalidStartUrlError as t, KeystoreUnavailableError as u, MissingAuthorizationCredentialIDTokenError as v, MissingGoogleClientIDError as w, MissingPKCEError as x, MissingPublicKeyError as y, MissingUrlError as z };
+export { SignInWithAppleMisconfigured as $, AuthFlowType as A, B2BMFAProducts as B, COUNTRIES_LIST as C, DEFAULT_SESSION_DURATION_MINUTES as D, EMAIL_REGEX as E, FailedCodeChallengeError as F, MissingUrlError as G, NoBiometricsRegistrationError as H, InternalError as I, JSONDataNotConvertibleToStringError as J, KeyInvalidatedError as K, NoCredentialsPresentError as L, MissingAttestationObjectError as M, NoBiometricsEnrolledError as N, OAuthProviders as O, Products as P, NoCurrentSessionError as Q, PasskeysInvalidEncoding as R, StytchEventType as S, PasskeysMisconfigured as T, PasskeysUnsupportedError as U, RNUIProducts as V, Wallets as W, RandomNumberGenerationFailed as X, SDKAPIUnreachableError as Y, SDKNotConfiguredError as Z, __rest as _, B2BProducts as a, StytchAPISchemaError as a0, StytchAPIUnreachableError as a1, StytchError as a2, StytchSDKAPIError as a3, StytchSDKSchemaError as a4, StytchSDKUsageError as a5, UNRECOVERABLE_ERROR_TYPES as a6, UserCancellationError as a7, UserLockedOutError as a8, errorToStytchError as a9, HeadlessB2BMagicLinksClient as aA, HeadlessB2BSSOClient as aB, HeadlessB2BDiscoveryClient as aC, HeadlessB2BPasswordsClient as aD, HeadlessB2BOTPsClient as aE, HeadlessB2BTOTPsClient as aF, HeadlessB2BRecoveryCodesClient as aG, HeadlessB2BRBACClient as aH, HeadlessB2BSCIMClient as aI, SessionManager as aJ, SearchDataManager as aK, writeB2BInternals as aL, createDeepEqual as aa, getPersistentStorageKey as ab, HeadlessB2BOAuthClient$1 as ac, loadESModule as ad, IframeHostClient as ae, validate as af, hasMultipleCookies as ag, isLocalhost as ah, GOOGLE_ONE_TAP_HOST as ai, GOOGLE_ONE_TAP_SCRIPT_URL as aj, EventLogger as ak, DEFAULT_MAX_BATCH_SIZE as al, DEFAULT_INTERVAL_DURATION_MS as am, createEventId as an, createAppSessionId as ao, createPersistentId as ap, baseFetchSDK as aq, retriableFetchSDK as ar, checkB2BNotSSR as as, checkPublicToken as at, buildFinalConfig as au, StateChangeClient as av, DFPProtectedAuthProvider as aw, HeadlessB2BOrganizationClient as ax, HeadlessB2BSelfClient as ay, HeadlessB2BSessionClient as az, OTPMethods as b, B2BOAuthProviders as c, __awaiter as d, StytchAPIError as e, OneTapPositions as f, debounce as g, StytchSDKError as h, isTestPublicToken as i, checkNotSSR as j, BiometricsFailedError as k, logger as l, BiometricsUnavailableError as m, ChallengeSigningFailedError as n, DeviceCredentialsNotAllowedError as o, FailedToDecryptDataError as p, InvalidAuthorizationCredentialError as q, readB2BInternals as r, InvalidCredentialTypeError as s, InvalidRedirectSchemeError as t, InvalidStartUrlError as u, KeystoreUnavailableError as v, MissingAuthorizationCredentialIDTokenError as w, MissingGoogleClientIDError as x, MissingPKCEError as y, MissingPublicKeyError as z };

package/dist/ui/b2b/GlobalContextProvider.d.ts

@@ -23,7 +23,9 @@ export declare enum AppScreens {
     SMSOTPEntry = "SMS OTP Entry",
     TOTPEnrollmentManual = "TOTP Enrollment Manual",
     TOTPEnrollmentQRCode = "TOTP Enrollment QR Code",
-    TOTPEntry = "TOTP Entry"
+    TOTPEntry = "TOTP Entry",
+    EmailMethodSelection = "Email Method Selection",
+    EmailOTPEntry = "Email OTP Entry"
 }
 export declare enum ErrorType {
     Default = 0,
@@ -32,8 +34,8 @@ export declare enum ErrorType {
     CannotJoinOrgDueToAuthPolicy = 3,
     AdBlockerDetected = 4
 }
-export type MagicLinkState = {
-    email: string;
+export type EmailState = {
+    userSuppliedEmail: string;
 };
 export type DiscoveryState = {
     email: string;
@@ -43,10 +45,14 @@ export type DiscoveryState = {
 export type PasswordState = {
     email: string;
 };
+export type OtpState = {
+    codeExpiration: Date | null;
+};
 export type FormState = {
-    magicLinkState: MagicLinkState;
+    emailState: EmailState;
     discoveryState: DiscoveryState;
     passwordState: PasswordState;
+    otpState: OtpState;
 };
 export type FlowState = {
     type: StringLiteralFromEnum<AuthFlowType>;
@@ -59,6 +65,7 @@ type PrimaryAuthState = {
 };
 export type AppState = {
     screen: AppScreens;
+    screenHistory: AppScreens[];
     formState: FormState;
     flowState: FlowState;
     mfa: MfaState;

package/dist/ui/b2b/generateProductComponentsOrdering.d.ts

@@ -2,13 +2,13 @@ import { StringLiteralFromEnum } from '@stytch/core';
 import { B2BProducts } from '@stytch/core/public';
 import { FlowState } from './GlobalContextProvider';
 export declare enum Component {
-    MagicLinkEmailForm = "MagicLinkEmailForm",
-    MagicLinkEmailDiscoveryForm = "MagicLinkEmailDiscoveryForm",
+    EmailForm = "EmailForm",
+    EmailDiscoveryForm = "EmailDiscoveryForm",
     OAuthButtons = "OAuthButtons",
     SSOButtons = "SSOButtons",
     PasswordsEmailForm = "PasswordsEmailForm",
-    PasswordEMLCombined = "PasswordEMLCombined",
-    PasswordEMLCombinedDiscovery = "PasswordEMLCombinedDiscovery",
+    PasswordEmailCombined = "PasswordEmailCombined",
+    PasswordEmailCombinedDiscovery = "PasswordEmailCombinedDiscovery",
     Divider = "Divider"
 }
 export declare const generateProductComponentsOrdering: (products: StringLiteralFromEnum<B2BProducts>[], flowState: FlowState) => Component[];

package/dist/ui/b2b/getOtpCodeExpiration.d.ts

@@ -0,0 +1 @@
+export declare const getOtpCodeExpiration: () => Date;

package/dist/ui/b2b/hooks/useEmailOtpDiscoverySend.d.ts

@@ -0,0 +1,5 @@
+import { ResponseCommon, StytchAPIError } from '@stytch/core/public';
+import { Key } from 'swr';
+export declare const useEmailOtpDiscoverySend: () => import("swr/mutation").SWRMutationResponse<ResponseCommon, StytchAPIError, {
+    email: string;
+}, Key>;

package/dist/ui/b2b/hooks/useEmailOtpLoginOrSignup.d.ts

@@ -0,0 +1,6 @@
+import { StytchAPIError } from '@stytch/core/public';
+import { Key } from 'swr';
+export declare const useEmailOtpLoginOrSignup: () => import("swr/mutation").SWRMutationResponse<import("@stytch/core/public").ResponseCommon, StytchAPIError, {
+    email: string;
+    organization_id: string;
+}, Key>;

package/dist/ui/b2b/hooks/useEmlDiscoverySend.d.ts

@@ -0,0 +1,5 @@
+import { ResponseCommon, StytchAPIError } from '@stytch/core/public';
+import { Key } from 'swr';
+export declare const useEmlDiscoverySend: () => import("swr/mutation").SWRMutationResponse<ResponseCommon, StytchAPIError, {
+    email: string;
+}, Key>;

package/dist/ui/b2b/hooks/useEmlLoginOrSignup.d.ts

@@ -0,0 +1,6 @@
+import { ResponseCommon, StytchAPIError } from '@stytch/core/public';
+import { Key } from 'swr';
+export declare const useEmlLoginOrSignup: () => import("swr/mutation").SWRMutationResponse<ResponseCommon, StytchAPIError, {
+    email: string;
+    organization_id: string;
+}, Key>;

package/dist/ui/b2b/reducer.d.ts

@@ -4,11 +4,14 @@ import { MfaAction } from './mfa';
 export type Action = {
     type: 'transition';
     screen: AppScreens;
+    history?: 'push' | 'reset';
+} | {
+    type: 'navigate_back';
 } | {
     type: 'set_error_message_and_transition';
     errorType: ErrorType;
 } | {
-    type: 'set_magic_link_email';
+    type: 'set_user_supplied_email';
     email: string;
 } | {
     type: 'set_organization';
@@ -24,5 +27,8 @@ export type Action = {
 } | {
     type: 'select_discovered_organization';
     discoveredOrganization: DiscoveredOrganization;
+} | {
+    type: 'send_email_otp';
+    codeExpiration: Date;
 } | MfaAction;
 export declare const reducer: (state: AppState, action: Action) => AppState;

package/dist/ui/b2b/screens/EmailForm.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const EmailForm: () => React.JSX.Element;
+export declare const EmailDiscoveryForm: () => React.JSX.Element;

package/dist/ui/b2b/screens/EmailMethodSelectionScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmailMethodSelectionScreen: () => React.JSX.Element;

package/dist/ui/b2b/screens/EmailOTPEntryScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmailOTPEntryScreen: () => React.JSX.Element;

package/dist/ui/b2b/utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SWRMutationHook } from 'swr/mutation';
-import { B2BAuthenticateResponseWithMFA, StytchB2BUIConfig } from '@stytch/core/public';
+import { B2BAuthenticateResponseWithMFA, B2BDiscoveryAuthenticateResponse, B2BMagicLinksDiscoveryAuthenticateResponse, StytchB2BUIConfig } from '@stytch/core/public';
 import { OrganizationBySlugMatch } from '@stytch/core/public';
 import { Action } from './reducer';
 export declare const useMutate: SWRMutationHook;
@@ -18,6 +18,7 @@ export declare const useExtractSlug: () => {
 };
 export declare const useBootstrap: () => import("@stytch/core").BootstrapData;
 export declare const onAuthenticateSuccess: (data: B2BAuthenticateResponseWithMFA, dispatch: React.Dispatch<Action>, config: StytchB2BUIConfig) => void;
+export declare const onDiscoveryAuthenticateSuccess: (data: B2BDiscoveryAuthenticateResponse | B2BMagicLinksDiscoveryAuthenticateResponse, dispatch: React.Dispatch<Action>) => void;
 export declare const usePasswordInput: () => {
     stytch: import("../../b2b").StytchB2BUIClient;
     onError: (error: import("@stytch/core/public").StytchSDKUIError) => void;

package/dist/ui/components/LoadingButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyledComponentProps } from '../../utils/StyledComponentProps';
+import Button from './Button';
+interface LoadingButtonProps extends StyledComponentProps<typeof Button> {
+    isLoading: boolean;
+}
+export declare const LoadingButton: ({ children, isLoading, ...buttonProps }: LoadingButtonProps) => React.JSX.Element;
+export {};

package/dist/ui/components/MenuButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const MenuButton: ({ children, disabled, onClick, }: {
+    children: React.ReactNode;
+    disabled?: boolean | undefined;
+    onClick: () => void;
+}) => React.JSX.Element;

package/dist/ui/components/SubmitButton.d.ts

@@ -5,4 +5,4 @@ export type SubmitButtonProps = {
     text: string;
     variant?: 'primary' | 'outlined' | 'text';
 };
-export declare const SubmitButton: (props: SubmitButtonProps) => React.JSX.Element;
+export declare const SubmitButton: ({ isSubmitting, disabled, text, variant }: SubmitButtonProps) => React.JSX.Element;

package/dist/utils/StyledComponentProps.d.ts

@@ -0,0 +1,2 @@
+import type { AnyStyledComponent, StyledComponentInnerOtherProps, StyledComponentPropsWithRef } from 'styled-components';
+export type StyledComponentProps<T extends AnyStyledComponent> = StyledComponentPropsWithRef<T> & StyledComponentInnerOtherProps<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/vanilla-js",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "description": "Stytch's official Javascript Client Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -39,7 +39,7 @@
     "hoistingLimits": "workspaces"
   },
   "dependencies": {
-    "@stytch/core": "2.33.0",
+    "@stytch/core": "2.34.0",
     "@types/google-one-tap": "^1.2.0",
     "type-fest": "4.15.0"
   },

package/dist/ui/b2b/screens/MagicLinkForm.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const MagicLinkEmailForm: () => React.JSX.Element;
-export declare const MagicLinkEmailDiscoveryForm: () => React.JSX.Element;