@stytch/vanilla-js 4.12.2 → 4.13.0

package/dist/oneTap/OneTapClient.d.ts

@@ -0,0 +1,22 @@
+import { accounts, CredentialResponse, PromptMomentNotification } from 'google-one-tap';
+import { OneTapStyleConfig } from '@stytch/core/public';
+type OneTapNotShownReason = ReturnType<PromptMomentNotification['getNotDisplayedReason']> | ReturnType<PromptMomentNotification['getSkippedReason']>;
+export type OneTapRenderResult = {
+    success: true;
+} | {
+    success: false;
+    reason: OneTapNotShownReason;
+};
+export declare class GoogleOneTapClient {
+    private _googleClient;
+    private _clientId;
+    constructor(_googleClient: accounts['id'], _clientId: string);
+    cancel(): void;
+    render({ callback, onOneTapCancelled, style, }: {
+        callback: (response: CredentialResponse) => void;
+        onOneTapCancelled?: (showError?: boolean) => void;
+        style: OneTapStyleConfig;
+    }): Promise<OneTapRenderResult>;
+    styleFrame(shouldRenderEmbeddedOneTap: boolean): void;
+}
+export {};

package/dist/oneTap/OneTapProvider.d.ts

@@ -0,0 +1,36 @@
+import { GoogleOneTapClient } from './OneTapClient';
+import { CredentialResponse } from 'google-one-tap';
+import { ClientsideServicesProvider } from '../ClientsideServicesProvider';
+export declare const loadGoogleOneTapClient: () => Promise<google.accounts['id']>;
+type OneTapNotLoadedReason = 'oauth_config_not_found' | 'no_login_redirect_urls_set' | 'no_signup_redirect_urls_set' | string;
+type OneTapLoadResult = {
+    success: true;
+    client: GoogleOneTapClient;
+} | {
+    success: false;
+    reason: OneTapNotLoadedReason;
+};
+export declare class OneTapProvider {
+    private _publicToken;
+    private clientsideServices;
+    private googleConfig?;
+    constructor(_publicToken: string, clientsideServices: ClientsideServicesProvider);
+    createOneTapClient(): Promise<OneTapLoadResult>;
+    createOnSuccessHandler: ({ loginRedirectUrl, signupRedirectUrl, onSuccess, }: {
+        loginRedirectUrl?: string | undefined;
+        signupRedirectUrl?: string | undefined;
+        onSuccess: (redirect_url: string) => void;
+    }) => (response: CredentialResponse) => Promise<void>;
+    private fetchGoogleStart;
+    private submitGoogleOneTapToken;
+    RedirectOnSuccess: (redirect_url: string) => void;
+    static WillGoogleOneTapShowBannerForUA(ua: string): boolean;
+    /**
+     * Google One Tap will show a banner on the bottom of the screen on certain mobile devices
+     * This logic is controlled via some sniffing of the useragent string on startup
+     * These specific strings were extracted from the One Tap minified source code
+     * See the linked PR for details and screenshots
+     */
+    static WillGoogleOneTapShowEmbedded(): boolean;
+}
+export {};

package/dist/oneTap/navigatorSupportsFedCM.d.ts

@@ -0,0 +1 @@
+export declare const navigatorSupportsFedCM: boolean;

package/dist/oneTap/positionModes.d.ts

@@ -0,0 +1,6 @@
+import { StringLiteralFromEnum } from '@stytch/core';
+import { OneTapPositions } from '@stytch/core/public';
+export declare const getConfiguredEmbeddedMode: (position: StringLiteralFromEnum<OneTapPositions> | undefined) => boolean | "force";
+export declare const getShouldRenderEmbeddedOneTap: (position: StringLiteralFromEnum<OneTapPositions> | undefined) => boolean;
+export declare const getShouldRenderFloatingOneTap: (position: StringLiteralFromEnum<OneTapPositions> | undefined) => boolean;
+export declare const getRenderedOneTapMode: (position: StringLiteralFromEnum<OneTapPositions> | undefined) => false | "embedded" | "floating";

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+import { StytchUIClient } from './StytchUIClient';
+import { StytchLoginConfig, StyleConfig, Callbacks, StytchB2BUIConfig } from '@stytch/core/public';
+import { StytchB2BUIClient } from './b2b/StytchB2BUIClient';
+export type SDKConfig = {
+    client: StytchUIClient;
+    config: StytchLoginConfig;
+    styles?: StyleConfig;
+    callbacks?: Callbacks;
+};
+export type B2BSDKConfig = {
+    client: StytchB2BUIClient;
+    config: StytchB2BUIConfig;
+    styles?: StyleConfig;
+    callbacks?: Callbacks;
+};
+export type ResetPasswordSDKConfig = SDKConfig & {
+    passwordResetToken: string;
+};

package/dist/ui/CreateWebComponent.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface IReactWebComponent<P> extends HTMLElement {
+    render(props: P): void;
+}
+type IReactWebComponentConstructor<P> = new (params: P) => IReactWebComponent<P>;
+/**
+ * An opinionated React Component to Web Component binder.
+ * High-level points:
+ * - All React props are passed as props on the div, no attributes involved
+ * - No support for incremental updates of props
+ */
+export declare function CreateWebComponent<P extends React.JSX.IntrinsicAttributes & object>(ReactComponent: React.ComponentType<P>, webComponentName: string): IReactWebComponentConstructor<P>;
+export declare function CreateShadowWebComponent<P extends React.JSX.IntrinsicAttributes & object>(ReactComponent: React.ComponentType<P>, webComponentName: string): IReactWebComponentConstructor<P>;
+/**
+ * Web Components aren't really isomorphic at all
+ * but it's important to delay the construction & definition of the WC class until we are on the clientside
+ * because the HTMLElement we extend from, and the customElement registry we modify, don't exist on the server
+ */
+export declare function CreateSSRSafeWebComponent<P extends React.JSX.IntrinsicAttributes & object>(ReactComponent: React.ComponentType<P>, webComponentName: string): (props: P) => IReactWebComponent<P>;
+export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { B2BSDKConfig } from '../../types';
+export declare const AppContainer: ({ client, styles, callbacks, config }: B2BSDKConfig) => React.JSX.Element;
+export declare const B2B_UI_SCREEN_WEB_COMPONENT_NAME = "stytch-b2b-ui";
+export declare const B2BUILoginComponent: (props: B2BSDKConfig) => import("../CreateWebComponent").IReactWebComponent<B2BSDKConfig>;

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

@@ -0,0 +1,2 @@
+declare const AppContainer: () => JSX.Element;
+export default AppContainer;

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import { StytchB2BUIClient } from '../../b2b/StytchB2BUIClient';
+import { StringLiteralFromEnum } from '@stytch/core';
+import { AuthFlowType, Callbacks, DiscoveredOrganization, OrganizationBySlugMatch, StytchB2BUIConfig } from '@stytch/core/public';
+import { MfaState } from './MfaState';
+import { Action } from './reducer';
+export declare enum AppScreens {
+    Main = "Main",
+    EmailConfirmation = "Email Confirmation",
+    LoggedIn = "Logged In",
+    Discovery = "Discovery",
+    Error = "Error",
+    PasswordEmailForm = "Password Email",
+    PasswordAuthenticate = "Password Authenticate",
+    PasswordResetForm = "Password Reset Form",
+    PasswordResetVerifyConfirmation = "Password Reset Verify Confirmation",
+    PasswordForgotForm = "Password Forgot Form",
+    PasswordSetNewConfirmation = "Password Set New Confirmation",
+    MFAEnrollmentSelection = "MFA Enrollment Selection",
+    RecoveryCodeEntry = "Recovery Code Entry",
+    RecoveryCodeSave = "Recovery Code Save",
+    SMSOTPEnrollment = "SMS OTP Enrollment",
+    SMSOTPEntry = "SMS OTP Entry",
+    TOTPEnrollmentManual = "TOTP Enrollment Manual",
+    TOTPEnrollmentQRCode = "TOTP Enrollment QR Code",
+    TOTPEntry = "TOTP Entry"
+}
+export declare enum ErrorType {
+    Default = 0,
+    EmailMagicLink = 1,
+    Organization = 2
+}
+export type MagicLinkState = {
+    email: string;
+};
+export type DiscoveryState = {
+    email: string;
+    intermediateSessionToken: string;
+    discoveredOrganizations: DiscoveredOrganization[];
+};
+export type PasswordState = {
+    email: string;
+};
+export type FormState = {
+    magicLinkState: MagicLinkState;
+    discoveryState: DiscoveryState;
+    passwordState: PasswordState;
+};
+export type FlowState = {
+    type: StringLiteralFromEnum<AuthFlowType>;
+    organization: null | OrganizationBySlugMatch;
+};
+export type AppState = {
+    screen: AppScreens;
+    formState: FormState;
+    flowState: FlowState;
+    mfa: MfaState;
+    errorType: ErrorType;
+};
+export type AppContext = {
+    client: StytchB2BUIClient;
+    config: StytchB2BUIConfig;
+    callbacks?: Callbacks;
+    state: [AppState, React.Dispatch<Action>];
+};
+export declare const DEFAULT_STATE: AppState;
+export declare const DEFAULT_CONFIG: StytchB2BUIConfig;
+export declare const GlobalContext: React.Context<AppContext>;
+export type GlobalContextProviderProps = {
+    children: React.ReactNode;
+    client: StytchB2BUIClient;
+    config: StytchB2BUIConfig;
+    callbacks?: Callbacks;
+    initialState?: AppState;
+};
+export declare const GlobalContextProvider: ({ children, client, config, callbacks, initialState, }: GlobalContextProviderProps) => React.JSX.Element;
+export declare const useGlobalContext: () => AppContext;
+export declare const useStytch: () => StytchB2BUIClient;
+export declare const useGlobalReducer: () => [AppState, React.Dispatch<Action>];
+export declare const useConfig: () => StytchB2BUIConfig;
+export declare const useErrorCallback: () => (error: import("@stytch/core/public").StytchSDKUIError) => void;
+export declare const useEventCallback: () => (event: import("@stytch/core/public").StytchEvent) => void;

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

@@ -0,0 +1,50 @@
+import { B2BMFAProducts } from '@stytch/core/public';
+import { CountryCode } from '@stytch/core';
+import { AppScreens } from './GlobalContextProvider';
+export interface MfaState {
+    primaryInfo: {
+        enrolledMfaMethods: B2BMFAProducts[];
+        memberId: string;
+        memberPhoneNumber: string | null;
+        organizationId: string;
+        organizationMfaOptionsSupported: B2BMFAProducts[];
+        postAuthScreen: AppScreens;
+    } | null;
+    isEnrolling: boolean;
+    smsOtp: {
+        isSending: boolean;
+        sendError: unknown;
+        codeExpiration: Date | null;
+        formattedDestination: string | null;
+        enrolledNumber: {
+            phoneNumber: string;
+            countryCode: CountryCode;
+        } | null;
+    };
+    totp: {
+        isCreating: boolean;
+        createError: unknown;
+        enrollment: {
+            secret: string;
+            qrCode: string;
+            recoveryCodes: string[];
+            method: 'qr' | 'manual';
+        } | null;
+    };
+}
+export declare const DEFAULT_MFA_STATE: {
+    readonly primaryInfo: null;
+    readonly isEnrolling: false;
+    readonly smsOtp: {
+        readonly isSending: false;
+        readonly sendError: null;
+        readonly codeExpiration: null;
+        readonly formattedDestination: null;
+        readonly enrolledNumber: null;
+    };
+    readonly totp: {
+        readonly isCreating: false;
+        readonly createError: null;
+        readonly enrollment: null;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const clearStytchSearchParams: () => void;

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

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

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

@@ -0,0 +1,5 @@
+export declare const getEnabledMethods: <TMethod>({ allMethods, orgSupportedMethods, uiIncludedMethods, }: {
+    allMethods: readonly TMethod[];
+    orgSupportedMethods: readonly TMethod[];
+    uiIncludedMethods: readonly TMethod[] | undefined;
+}) => Set<TMethod>;

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

@@ -0,0 +1 @@
+export declare const useIsOnlyFloatingOneTap: () => boolean;

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

@@ -0,0 +1,70 @@
+import { CountryCode, StringLiteralFromEnum } from '@stytch/core';
+import { B2BAuthenticateResponseWithMFA, B2BMFAProducts, B2BSMSSendResponse, B2BTOTPCreateResponse } from '@stytch/core/public';
+import { Optional } from '../../utils/Optional';
+import { AppState } from './GlobalContextProvider';
+type PrimaryAuthenticateSuccessAction = {
+    type: 'primary_authenticate_success';
+    response: B2BAuthenticateResponseWithMFA;
+    includedMfaMethods: readonly StringLiteralFromEnum<B2BMFAProducts>[] | undefined;
+    resetTokenType?: string;
+};
+type StartEnrollmentAction = {
+    type: 'mfa/start_enrollment';
+    method: StringLiteralFromEnum<B2BMFAProducts>;
+};
+type TotpAuthenticateAction = {
+    type: 'totp/authenticate_success';
+};
+type TotpCreateAction = {
+    type: 'totp/create';
+} | {
+    type: 'totp/create_success';
+    response: B2BTOTPCreateResponse;
+    memberId: string;
+    organizationId: string;
+} | {
+    type: 'totp/create_error';
+    error: unknown;
+};
+type TotpNavigateToEntryAction = {
+    type: 'totp/navigate_to_entry';
+};
+type TotpShowCodeAction = {
+    type: 'totp/show_code';
+    method?: 'qr' | 'manual';
+};
+type RecoveryCodeAuthenticateAction = {
+    type: 'recovery_code/authenticate_success';
+};
+type RecoveryCodeNavigateToEntryAction = {
+    type: 'recovery_code/navigate_to_entry';
+};
+type RecoveryCodeSaveAcknowledgeAction = {
+    type: 'recovery_code/save_acknowledge';
+};
+type SmsOtpAuthenticateAction = {
+    type: 'sms_otp/authenticate_success';
+};
+type SmsOtpSendAction = {
+    type: 'sms_otp/send';
+} | ({
+    type: 'sms_otp/send_success';
+    response: B2BSMSSendResponse;
+} & Optional<{
+    phoneNumber: string;
+    countryCode: CountryCode;
+    formattedPhoneNumber: string;
+}>) | {
+    type: 'sms_otp/send_error';
+    error: unknown;
+} | {
+    type: 'sms_otp/format_destination';
+    formattedPhoneNumber: string;
+};
+type SmsOtpNavigateToEntryAction = {
+    type: 'sms_otp/navigate_to_entry';
+};
+export type MfaAction = PrimaryAuthenticateSuccessAction | RecoveryCodeAuthenticateAction | RecoveryCodeNavigateToEntryAction | RecoveryCodeSaveAcknowledgeAction | SmsOtpAuthenticateAction | SmsOtpNavigateToEntryAction | SmsOtpSendAction | StartEnrollmentAction | TotpAuthenticateAction | TotpCreateAction | TotpNavigateToEntryAction | TotpShowCodeAction;
+export declare const B2B_MFA_METHODS: readonly [B2BMFAProducts.totp, B2BMFAProducts.smsOtp];
+export declare const mfaReducer: (state: AppState, action: MfaAction) => AppState;
+export {};

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

@@ -0,0 +1,25 @@
+import { AppScreens, AppState, ErrorType } from './GlobalContextProvider';
+import { DiscoveredOrganization, OrganizationBySlugMatch } from '@stytch/core/public';
+import { MfaAction } from './mfa';
+export type Action = {
+    type: 'transition';
+    screen: AppScreens;
+} | {
+    type: 'set_error_message_and_transition';
+    errorType: ErrorType;
+} | {
+    type: 'set_magic_link_email';
+    email: string;
+} | {
+    type: 'set_organization';
+    organization: OrganizationBySlugMatch;
+} | {
+    type: 'set_password_state';
+    email: string;
+} | {
+    type: 'set_discovery_state';
+    email: string;
+    discoveredOrganizations: DiscoveredOrganization[];
+    intermediateSessionToken: string;
+} | MfaAction;
+export declare const reducer: (state: AppState, action: Action) => AppState;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { B2BOAuthProviders } from '@stytch/core/public';
+export declare const getCustomScopesForProvider: (oauthProvider: {
+    type: B2BOAuthProviders;
+    oneTap: boolean;
+    customScopes: string[];
+    providerParams: Record<string, string>;
+}, oauthOptionsCustomScopes: string[] | undefined) => string[];
+export declare const getProviderParamsForProvider: (oauthProvider: {
+    type: B2BOAuthProviders;
+    oneTap: boolean;
+    customScopes: string[];
+    providerParams: Record<string, string>;
+}, oauthOptionsProviderParams: Record<string, string> | undefined) => Record<string, string>;
+export declare const OAuthButtons: () => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const GetHelpText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size?: ("body" | "header" | "helper") | undefined;
+    color?: ("error" | "success" | "primary" | "secondary") | undefined;
+    align?: "center" | "left" | "right" | undefined;
+}, never>;
+export declare const PasswordsAuthenticate: () => React.JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const supportedErrorTypeMap: Record<string, string>;
+export declare const SMSOTPEnrollScreen: () => React.JSX.Element;

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const SSOButton: ({ display_name, connection_id }: {
+    connection_id: string;
+    display_name: string;
+}) => React.JSX.Element;
+export declare const SSOButtons: () => React.JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { SWRMutationHook } from 'swr/mutation';
+import { B2BAuthenticateResponseWithMFA, StytchB2BUIConfig } from '@stytch/core/public';
+import { OrganizationBySlugMatch } from '@stytch/core/public';
+import { Action } from './reducer';
+export declare const useMutate: SWRMutationHook;
+/**
+ *
+ * This hook triggers a request to retrieve the organization from the slug.
+ * The hook only triggers the request if the SDK is being used in an organization flow,
+ * and a slug pattern is present. The hook returns an isSearching boolean that can be used
+ * to display a loading state while the search is in progress.
+ */
+export declare const useExtractSlug: () => {
+    isSearching: boolean;
+    slug: string | null;
+    pattern: string | null | undefined;
+};
+export declare const useBootstrap: () => import("@stytch/core").BootstrapData;
+export declare const onAuthenticateSuccess: (data: B2BAuthenticateResponseWithMFA, dispatch: React.Dispatch<Action>, config: StytchB2BUIConfig) => void;
+export declare const usePasswordInput: () => {
+    stytch: import("../../b2b").StytchB2BUIClient;
+    onError: (error: import("@stytch/core/public").StytchSDKUIError) => void;
+    email: string;
+    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
+    password: string;
+    setPassword: import("react").Dispatch<import("react").SetStateAction<string>>;
+    organization: OrganizationBySlugMatch | null;
+    errorMessage: string;
+    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isSubmitting: boolean;
+    setIsSubmitting: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    submitPassword: (organization_id: string) => void;
+    handleNonMemberReset: () => void;
+};

package/dist/ui/b2c/App.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SDKConfig, ResetPasswordSDKConfig } from '../../types';
+export declare const AppContainer: ({ client, config, styles, callbacks }: SDKConfig) => React.JSX.Element;
+export declare const ResetPasswordContainer: ({ client, config, styles, callbacks, passwordResetToken, }: ResetPasswordSDKConfig) => React.JSX.Element;
+export declare const PasskeyRegistrationContainer: ({ client, config, styles, callbacks }: SDKConfig) => React.JSX.Element;
+export declare const UI_SCREEN_WEB_COMPONENT_NAME = "stytch-ui";
+export declare const UI_RESET_PASSWORD_WEB_COMPONENT_NAME = "stytch-reset-password";
+export declare const UI_PASSKEY_REGISTRATION_WEB_COMPONENT_NAME = "stytch-passkey-registration";
+export declare const UILoginComponent: (props: SDKConfig) => import("../CreateWebComponent").IReactWebComponent<SDKConfig>;
+export declare const UIResetPasswordComponent: (props: ResetPasswordSDKConfig) => import("../CreateWebComponent").IReactWebComponent<ResetPasswordSDKConfig>;
+export declare const UIPasskeyRegistrationComponent: (props: SDKConfig) => import("../CreateWebComponent").IReactWebComponent<SDKConfig>;

package/dist/ui/b2c/Container.d.ts

@@ -0,0 +1,2 @@
+declare const AppContainer: () => null | JSX.Element;
+export default AppContainer;

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

@@ -0,0 +1,83 @@
+import React from 'react';
+import { StytchUIClient } from '../../StytchUIClient';
+import { DeepRequired } from '../../utils';
+import { StytchLoginConfig, OTPMethods, Wallets, StyleConfig, Callbacks } from '@stytch/core/public';
+import { Action } from './reducer';
+export declare enum AppScreens {
+    Main = "Main",
+    PasskeyRegistrationStart = "Register New Passkey",
+    PasskeyRegistrationSuccess = "Passkey Registration Success",
+    PasskeyConfirmation = "Passkey Confirmation",
+    PasswordCreateOrLogin = "Password",
+    PasswordResetForm = "Password Reset Form",
+    PasswordForgot = "Password Forgot",
+    PasswordBreached = "Password Breached",
+    PasswordSetNew = "Password Set New",
+    PasswordDedupe = "Password Dedupe",
+    PasswordConfirmation = "Password Confirmation",
+    EmailConfirmation = "Email Confirmation",
+    OTPAuthenticate = "OTP Authenticate",
+    OTPConfirmation = "OTP Confirmation",
+    CryptoConnect = "Crypto Connect",
+    CryptoSignMessage = "Crypto Sign Message",
+    CryptoOtherScreen = "Crypto Other Screen",
+    CryptoSetupWallet = "Crypto Setup Wallet",
+    CryptoError = "Crypto Error",
+    CryptoConfirmation = "Crypto Confirmation"
+}
+export type MagicLinkState = {
+    email: string;
+};
+export type OTPState = {
+    type: OTPMethods;
+    methodId: string;
+    otpDestination: string;
+};
+export type PasswordState = {
+    email: string;
+    type: 'new' | 'passwordless' | 'password';
+};
+export type CryptoState = {
+    walletAddress: string;
+    walletOption: Wallets;
+    walletChallenge: string;
+};
+export type ResetPasswordState = {
+    token: string;
+};
+export type FormState = {
+    magicLinkState: MagicLinkState;
+    otpState: OTPState;
+    cryptoState: CryptoState;
+    passwordState: PasswordState;
+    resetPasswordState: ResetPasswordState;
+    errorMessage: string | undefined;
+};
+export type AppState = {
+    screen: AppScreens;
+    formState: FormState;
+};
+export type AppContext = {
+    client: StytchUIClient;
+    config: StytchLoginConfig;
+    callbacks?: Callbacks;
+    state: [AppState, React.Dispatch<Action>];
+};
+export declare const DEFAULT_STATE: AppState;
+export declare const DEFAULT_CONFIG: StytchLoginConfig;
+export declare const DEFAULT_STYLE_CONFIG: Omit<DeepRequired<StyleConfig>, 'inputs'>;
+export declare const GlobalContext: React.Context<AppContext>;
+export type GlobalContextProviderProps = {
+    children: React.ReactNode;
+    client: StytchUIClient;
+    config: StytchLoginConfig;
+    callbacks?: Callbacks;
+    initialState?: AppState;
+};
+export declare const GlobalContextProvider: ({ children, client, config, callbacks, initialState, }: GlobalContextProviderProps) => React.JSX.Element;
+export declare const useGlobalContext: () => AppContext;
+export declare const useStytch: () => StytchUIClient;
+export declare const useGlobalReducer: () => [AppState, React.Dispatch<Action>];
+export declare const useConfig: () => StytchLoginConfig;
+export declare const useErrorCallback: () => (error: import("@stytch/core/public").StytchSDKUIError) => void;
+export declare const useEventCallback: () => (event: import("@stytch/core/public").StytchEvent) => void;