@stytch/vanilla-js 4.12.2 → 4.13.1

package/dist/b2b/index.headless.esm.d.ts

@@ -1,149 +0,0 @@
-import { StateChangeRegisterFunction } from "@stytch/core";
-import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, B2BState, IHeadlessB2BPasswordClient, IHeadlessB2BOAuthClient } from "@stytch/core/public";
-import { PromptMomentNotification } from "google-one-tap";
-type OneTapNotShownReason = ReturnType<PromptMomentNotification["getNotDisplayedReason"]> | ReturnType<PromptMomentNotification["getSkippedReason"]>;
-type OneTapRenderResult = {
-    success: true;
-} | {
-    success: false;
-    reason: OneTapNotShownReason;
-};
-declare global {
-    // The telemetry.js script will set a global function called GetTelemetryID on the window
-    // object. This interface is allows us to call that function while pleasing the TypeScript
-    // compiler.
-    interface Window {
-        GetTelemetryID: (publicToken: string, submitURL: string) => Promise<string>;
-    }
-}
-type B2BGoogleOneTapDiscoveryOAuthOptions = {
-    /**
-     * The URL that Stytch redirects to after the Google One Tap discovery flow is completed.
-     * This should be a URL that verifies the request by querying Stytch's /oauth/discovery/authenticate endpoint.
-     * If this value is not passed, the default discovery redirect URL that you set in your Dashboard is used.
-     * If you have not set a default discovery redirect URL, an error is returned.
-     */
-    discovery_redirect_url?: string;
-};
-type B2BGoogleOneTapOAuthOptions = {
-    /**
-     * The ID of the organization that the end user is logging in to.
-     */
-    organization_id: string;
-    /**
-     * The URL that Stytch redirects to after the Google One Tap flow is completed for a member who already exists.
-     * This should be a URL that verifies the request by querying Stytch's /oauth/authenticate endpoint.
-     * If this value is not passed, the default login redirect URL that you set in your Dashboard is used.
-     * If you have not set a default login redirect URL, an error is returned.
-     */
-    login_redirect_url?: string;
-    /**
-     * The URL that Stytch redirects to after the Google One Tap flow is completed for a member who does not yet exist.
-     * This should be a URL that verifies the request by querying Stytch's /oauth/authenticate endpoint.
-     * If this value is not passed, the default signup redirect URL that you set in your Dashboard is used.
-     * If you have not set a default signup redirect URL, an error is returned.
-     */
-    signup_redirect_url?: string;
-};
-interface IB2BGoogleOneTapOAuthProvider {
-    discovery: {
-        /**
-         * Start a discovery OAuth flow by showing the Google one tap prompt in the top right corner of the user's browser.
-         * You can configure this to be started by a user action (i.e Button click) or on load/render.
-         * @example
-         * const showGoogleOneTap = useCallback(()=> {
-         *   stytch.oauth.googleOneTap.discovery.start({
-         *     discovery_redirect_url: 'https://example.com/oauth/callback',
-         *   })
-         * }, [stytch]);
-         * return (
-         *   <Button onClick={showGoogleOneTap}> Show Google one tap </Button>
-         * );
-         *
-         * @param options - A {@link B2BGoogleOneTapDiscoveryOAuthOptions} object
-         *
-         * @returns A {@link OneTapRenderResult} object. The result object includes if the one-tap prompt
-         * was rendered, and a reason if it couldn't be rendered.
-         *
-         * @throws An Error if the one tap client cannot be created.
-         */
-        start(options?: B2BGoogleOneTapDiscoveryOAuthOptions): Promise<OneTapRenderResult>;
-    };
-    /**
-     * Start an OAuth flow by showing the Google one tap prompt in the top right corner of the user's browser.
-     * You can configure this to be started by a user action (i.e Button click) or on load/render.
-     * @example
-     * const showGoogleOneTap = useCallback(()=> {
-     *   stytch.oauth.googleOneTap.start({
-     *     organization_id: 'organization-test-123',
-     *   })
-     * }, [stytch]);
-     * return (
-     *   <Button onClick={showGoogleOneTap}> Show Google one tap </Button>
-     * );
-     *
-     * @param options - A {@link B2BGoogleOneTapOAuthOptions} object
-     *
-     * @returns A {@link OneTapRenderResult} object. The result object includes if the one-tap prompt
-     * was rendered, and a reason if it couldn't be rendered.
-     *
-     * @throws An Error if the one tap client cannot be created.
-     */
-    start(options?: B2BGoogleOneTapOAuthOptions): Promise<OneTapRenderResult>;
-}
-interface IWebB2BOAuthClient extends IHeadlessB2BOAuthClient {
-    googleOneTap: IB2BGoogleOneTapOAuthProvider;
-}
-/**
- * A headless client used for invoking Stytch's B2B APIs.
- * The Stytch Headless Client can be used as a drop-in solution for authentication and session management.
- * Full documentation can be found {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online}.
- *
- * @example
- * const stytch = new StytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>');
- * stytch.magicLinks.email.loginOrCreate({
- *   email: 'sandbox@stytch.com',
- *   organization_id: 'organization-test-123',
- * });
- */
-declare class StytchB2BHeadlessClient {
-    private readonly _subscriptionService;
-    private readonly _sessionManager;
-    private readonly _networkClient;
-    // The _apiNetworkClient uses the API instead of web-backend as the SDK backend URL. We choose between the test and
-    // live URL based on the public token.
-    private readonly _apiNetworkClient;
-    private readonly _dataLayer;
-    private readonly _stateChangeClient;
-    // External API Clients
-    magicLinks: IHeadlessB2BMagicLinksClient;
-    session: IHeadlessB2BSessionClient;
-    /** @deprecated Please use client.self instead. This will be removed in a future release. */
-    member: IHeadlessB2BMemberClient;
-    self: IHeadlessB2BSelfClient;
-    organization: IHeadlessB2BOrganizationClient;
-    oauth: IWebB2BOAuthClient;
-    sso: IHeadlessB2BSSOClient;
-    discovery: IHeadlessB2BDiscoveryClient;
-    passwords: IHeadlessB2BPasswordClient;
-    otps: IHeadlessB2BOTPsClient;
-    totp: IHeadlessB2BTOTPsClient;
-    recoveryCodes: IHeadlessB2BRecoveryCodesClient;
-    rbac: IHeadlessB2BRBACClient;
-    // External methods
-    /**
-     * Register a callback function to be invoked whenever certain state changes
-     * occur, like a member or session object being updated.
-     *
-     * This is an alternative to more specific methods like `self.onChange` and
-     * `session.onChange`. It can be helpful if you want to be notified of related
-     * changes to different parts of state at once.
-     *
-     * If you are only interested in specific state changes, consider using more
-     * specific methods like `self.onChange` and `session.onChange` instead.
-     */
-    onStateChange: StateChangeRegisterFunction<B2BState>;
-    constructor(_PUBLIC_TOKEN: string, options?: StytchClientOptions);
-}
-export { StytchB2BHeadlessClient };
-export * from '@stytch/core/public';

package/dist/index.esm.d.ts

@@ -1,188 +0,0 @@
-import { StateChangeRegisterFunction } from "@stytch/core";
-import { ConsumerState, IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessTOTPClient, IHeadlessUserClient, IHeadlessWebAuthnClient, StytchClientOptions, IHeadlessOAuthClient, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/core/public";
-import { PromptMomentNotification } from "google-one-tap";
-type OneTapNotShownReason = ReturnType<PromptMomentNotification["getNotDisplayedReason"]> | ReturnType<PromptMomentNotification["getSkippedReason"]>;
-type OneTapRenderResult = {
-    success: true;
-} | {
-    success: false;
-    reason: OneTapNotShownReason;
-};
-type GoogleOneTapOAuthOptions = {
-    /**
-     * The URL that Stytch redirects to after the OAuth flow is completed for a user that already exists.
-     * This URL should be an endpoint in the backend server that verifies the request by querying Stytch's /oauth/authenticate endpoint and finishes the login.
-     * The URL should be configured as a Login URL in the Stytch Dashboard's Redirect URL page.
-     * If the field is not specified, the default in the Dashboard is used.
-     */
-    login_redirect_url?: string;
-    /**
-     * The URL that Stytch redirects to after the OAuth flow is completed for a user that does not yet exist.
-     * This URL should be an endpoint in the backend server that verifies the request by querying Stytch's /oauth/authenticate endpoint and finishes the login.
-     * The URL should be configured as a Sign Up URL in the Stytch Dashboard's Redirect URL page.
-     * If the field is not specified, the default in the Dashboard is used.
-     */
-    signup_redirect_url?: string;
-    /**
-     * An optional callback function that runs when a user explicitly cancels out of the one tap flow.
-     * This callback may not be invoked immediately or at all depending on the behavior of the browser and Google's SDK.
-     */
-    onOneTapCancelled?: () => void;
-};
-interface IGoogleOneTapOAuthProvider {
-    /**
-     * Start an OAuth flow by showing the Google one tap prompt in the top right corner of the user's browser.
-     * You can configure this to be started by a user action (i.e Button click) or on load/render.
-     * @example
-     * const showGoogleOneTap = useCallback(()=> {
-     *   stytch.oauth.googleOneTap.start({
-     *     login_redirect_url: 'https://example.com/oauth/callback',
-     *     signup_redirect_url: 'https://example.com/oauth/callback',
-     *   })
-     * }, [stytch]);
-     * return (
-     *   <Button onClick={showGoogleOneTap}> Show Google one tap </Button>
-     * );
-     *
-     * @param options - An {@link GoogleOneTapOAuthOptions} object
-     *
-     * @returns A {@link OneTapRenderResult} object. The result object includes if the one-tap prompt
-     * was rendered, and a reason if it couldn't be rendered.
-     *
-     * @throws An Error if the one tap client cannot be created.
-     */
-    start(options?: GoogleOneTapOAuthOptions): Promise<OneTapRenderResult>;
-}
-interface IWebOAuthClient extends IHeadlessOAuthClient {
-    googleOneTap: IGoogleOneTapOAuthProvider;
-}
-/**
- * A headless client used for invoking the Stytch API.
- * The Stytch Headless Client can be used as a drop-in solution for authentication and session management.
- * Full documentation can be found {@link https://stytch.com/docs/sdks/javascript-sdk online}.
- * @example
- * const stytch = new StytchHeadlessClient('public-token-<find yours in the stytch dashboard>');
- * stytch.magicLinks.email.loginOrCreate('sandbox@stytch.com', {
- *   login_magic_link_url: 'https://example.com/authenticate',
- *   login_expiration_minutes: 60,
- *   signup_magic_link_url: 'https://example.com/authenticate',
- *   signup_expiration_minutes: 60,
- * });
- */
-declare class StytchHeadlessClient {
-    private readonly _subscriptionService;
-    private readonly _sessionManager;
-    private readonly _networkClient;
-    private readonly _dataLayer;
-    private readonly _stateChangeClient;
-    // External API Clients
-    user: IHeadlessUserClient;
-    magicLinks: IHeadlessMagicLinksClient;
-    session: IHeadlessSessionClient;
-    otps: IHeadlessOTPsClient;
-    oauth: IWebOAuthClient;
-    cryptoWallets: IHeadlessCryptoWalletClient;
-    totps: IHeadlessTOTPClient;
-    webauthn: IHeadlessWebAuthnClient;
-    passwords: IHeadlessPasswordClient;
-    // External methods
-    /**
-     * Register a callback function to be invoked whenever certain state changes
-     * occur, like a user or session object being updated.
-     *
-     * This is an alternative to more specific methods like `user.onChange` and
-     * `session.onChange`. It can be helpful if you want to be notified of related
-     * changes to different parts of state at once.
-     *
-     * If you are only interested in specific state changes, consider using more
-     * specific methods like `user.onChange` and `session.onChange` instead.
-     */
-    onStateChange: StateChangeRegisterFunction<ConsumerState>;
-    constructor(_PUBLIC_TOKEN: string, options?: StytchClientOptions);
-}
-/**
- * A client used for invoking the Stytch API an.
- * The Stytch UI Client can be used as a drop-in solution for authentication and session management.
- * The Stytch UI client also can be used to render various UI elements for managing users.
- * Full documentation can be found {@link https://stytch.com/docs/sdks/javascript-sdk online.}
- * @example
- * const stytch = new StytchUIClient('public-token-<find yours in the stytch dashboard>');
- * stytch.magicLinks.email.loginOrCreate('sandbox@stytch.com', {
- *   login_magic_link_url: 'https://example.com/authenticate',
- *   login_expiration_minutes: 60,
- *   signup_magic_link_url: 'https://example.com/authenticate',
- *   signup_expiration_minutes: 60,
- * });
- */
-declare class StytchUIClient extends StytchHeadlessClient {
-    constructor(...args: ConstructorParameters<typeof StytchHeadlessClient>);
-    /**
-     * Mounts a login screen inside the element provided.
-     * If a login screen has already been rendered inside the element,
-     * it will be updated to use the new config, style, and callback options passed in.
-     * @example
-     * stytchClient.mountLogin({
-     *   elementId: '#login-container',
-     *   config: {...}
-     * });
-     *
-     * @param elementId - A string containing the id of the element that should contain the login screen.
-     * @param config - A {@link StytchLoginConfig} object containing the products that should be registered
-     * @param styles - A {@link StyleConfig} object containing custom styling info
-     * @param callbacks - Optional {@link Callbacks} triggered by various events in the Stytch SDK.
-     * @throws An error when the element specified by elementId cannot be found.
-     */
-    mountLogin({ elementId, config, styles, callbacks }: {
-        elementId: string;
-        config: StytchLoginConfig;
-        styles?: StyleConfig;
-        callbacks?: Callbacks;
-    }): void;
-    /**
-     * Mounts a reset password screen inside the element provided.
-     * If a reset password screen has already been rendered inside the element,
-     * it will be updated to use the new config, style, and callback options passed in.
-     * @example
-     * stytchClient.mountResetPassword({
-     *   elementId: '#login-container',
-     *   config: {...}
-     * });
-     *
-     * @param elementId - A string containing the id of the element that should contain the login screen.
-     * @param config - A {@link StytchLoginConfig} object containing the products that should be registered
-     * @param styles - A {@link StyleConfig} object containing custom styling info
-     * @param callbacks - Optional {@link Callbacks} triggered by various events in the Stytch SDK.
-     * @throws An error when the element specified by elementId cannot be found.
-     */
-    mountResetPassword({ elementId, config, styles, callbacks, passwordResetToken }: {
-        elementId: string;
-        config: StytchLoginConfig;
-        styles?: StyleConfig;
-        callbacks?: Callbacks;
-        passwordResetToken: string;
-    }): void;
-    /**
-     * Mounts a Passkey registration screen inside the element provided.
-     * If a passkey registration screen has already been rendered inside the element,
-     * it will be updated to use the new config, style, and callback options passed in.
-     * @example
-     * stytchClient.mountPasskeyRegistration({
-     *   elementId: '#login-container',
-     *   config: {...}
-     * });
-     *
-     * @param elementId - A string containing the id of the element that should contain the login screen.
-     * @param config - A {@link StytchLoginConfig} object containing the products that should be registered
-     * @param styles - A {@link StyleConfig} object containing custom styling info
-     * @param callbacks - Optional {@link Callbacks} triggered by various events in the Stytch SDK.
-     * @throws An error when the element specified by elementId cannot be found.
-     */
-    mountPasskeyRegistration({ elementId, config, styles, callbacks }: {
-        elementId: string;
-        config: StytchLoginConfig;
-        styles?: StyleConfig;
-        callbacks?: Callbacks;
-    }): void;
-}
-export { StytchUIClient };
-export * from '@stytch/core/public';

package/dist/index.headless.esm.d.ts

@@ -1,104 +0,0 @@
-import { StateChangeRegisterFunction } from "@stytch/core";
-import { ConsumerState, IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessTOTPClient, IHeadlessUserClient, IHeadlessWebAuthnClient, StytchClientOptions, IHeadlessOAuthClient } from "@stytch/core/public";
-import { PromptMomentNotification } from "google-one-tap";
-type OneTapNotShownReason = ReturnType<PromptMomentNotification["getNotDisplayedReason"]> | ReturnType<PromptMomentNotification["getSkippedReason"]>;
-type OneTapRenderResult = {
-    success: true;
-} | {
-    success: false;
-    reason: OneTapNotShownReason;
-};
-type GoogleOneTapOAuthOptions = {
-    /**
-     * The URL that Stytch redirects to after the OAuth flow is completed for a user that already exists.
-     * This URL should be an endpoint in the backend server that verifies the request by querying Stytch's /oauth/authenticate endpoint and finishes the login.
-     * The URL should be configured as a Login URL in the Stytch Dashboard's Redirect URL page.
-     * If the field is not specified, the default in the Dashboard is used.
-     */
-    login_redirect_url?: string;
-    /**
-     * The URL that Stytch redirects to after the OAuth flow is completed for a user that does not yet exist.
-     * This URL should be an endpoint in the backend server that verifies the request by querying Stytch's /oauth/authenticate endpoint and finishes the login.
-     * The URL should be configured as a Sign Up URL in the Stytch Dashboard's Redirect URL page.
-     * If the field is not specified, the default in the Dashboard is used.
-     */
-    signup_redirect_url?: string;
-    /**
-     * An optional callback function that runs when a user explicitly cancels out of the one tap flow.
-     * This callback may not be invoked immediately or at all depending on the behavior of the browser and Google's SDK.
-     */
-    onOneTapCancelled?: () => void;
-};
-interface IGoogleOneTapOAuthProvider {
-    /**
-     * Start an OAuth flow by showing the Google one tap prompt in the top right corner of the user's browser.
-     * You can configure this to be started by a user action (i.e Button click) or on load/render.
-     * @example
-     * const showGoogleOneTap = useCallback(()=> {
-     *   stytch.oauth.googleOneTap.start({
-     *     login_redirect_url: 'https://example.com/oauth/callback',
-     *     signup_redirect_url: 'https://example.com/oauth/callback',
-     *   })
-     * }, [stytch]);
-     * return (
-     *   <Button onClick={showGoogleOneTap}> Show Google one tap </Button>
-     * );
-     *
-     * @param options - An {@link GoogleOneTapOAuthOptions} object
-     *
-     * @returns A {@link OneTapRenderResult} object. The result object includes if the one-tap prompt
-     * was rendered, and a reason if it couldn't be rendered.
-     *
-     * @throws An Error if the one tap client cannot be created.
-     */
-    start(options?: GoogleOneTapOAuthOptions): Promise<OneTapRenderResult>;
-}
-interface IWebOAuthClient extends IHeadlessOAuthClient {
-    googleOneTap: IGoogleOneTapOAuthProvider;
-}
-/**
- * A headless client used for invoking the Stytch API.
- * The Stytch Headless Client can be used as a drop-in solution for authentication and session management.
- * Full documentation can be found {@link https://stytch.com/docs/sdks/javascript-sdk online}.
- * @example
- * const stytch = new StytchHeadlessClient('public-token-<find yours in the stytch dashboard>');
- * stytch.magicLinks.email.loginOrCreate('sandbox@stytch.com', {
- *   login_magic_link_url: 'https://example.com/authenticate',
- *   login_expiration_minutes: 60,
- *   signup_magic_link_url: 'https://example.com/authenticate',
- *   signup_expiration_minutes: 60,
- * });
- */
-declare class StytchHeadlessClient {
-    private readonly _subscriptionService;
-    private readonly _sessionManager;
-    private readonly _networkClient;
-    private readonly _dataLayer;
-    private readonly _stateChangeClient;
-    // External API Clients
-    user: IHeadlessUserClient;
-    magicLinks: IHeadlessMagicLinksClient;
-    session: IHeadlessSessionClient;
-    otps: IHeadlessOTPsClient;
-    oauth: IWebOAuthClient;
-    cryptoWallets: IHeadlessCryptoWalletClient;
-    totps: IHeadlessTOTPClient;
-    webauthn: IHeadlessWebAuthnClient;
-    passwords: IHeadlessPasswordClient;
-    // External methods
-    /**
-     * Register a callback function to be invoked whenever certain state changes
-     * occur, like a user or session object being updated.
-     *
-     * This is an alternative to more specific methods like `user.onChange` and
-     * `session.onChange`. It can be helpful if you want to be notified of related
-     * changes to different parts of state at once.
-     *
-     * If you are only interested in specific state changes, consider using more
-     * specific methods like `user.onChange` and `session.onChange` instead.
-     */
-    onStateChange: StateChangeRegisterFunction<ConsumerState>;
-    constructor(_PUBLIC_TOKEN: string, options?: StytchClientOptions);
-}
-export { StytchHeadlessClient };
-export * from '@stytch/core/public';