@stytch/vanilla-js 4.12.2 → 4.13.1

package/dist/adminPortal/utils/useMutateWithToast.d.ts

@@ -0,0 +1,7 @@
+export interface MutationOptions {
+    errorMessage?: string | ((e: unknown) => string);
+}
+export type MutationFn<T> = (properties: T, options?: MutationOptions) => Promise<void>;
+export declare const useMutateWithToast: <TParams>(callback: (params: TParams) => Promise<void>) => {
+    mutate: MutationFn<TParams>;
+};

package/dist/adminPortal/utils/useNavigateAwayWarning.d.ts

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

package/dist/adminPortal/utils/useOrgInfo.d.ts

@@ -0,0 +1 @@
+export declare const useOrgInfo: () => import("swr/_internal").SWRResponse<import("packages/core/dist/public").Organization | null, any, any>;

package/dist/adminPortal/utils/useRbac.d.ts

@@ -0,0 +1,51 @@
+type RbacMap = {
+    'stytch.organization': [
+        'update.info.name',
+        'update.info.slug',
+        'update.info.logo-url',
+        'update.settings.allowed-auth-methods',
+        'update.settings.allowed-mfa-methods',
+        'update.settings.email-jit-provisioning',
+        'update.settings.email-invites',
+        'update.settings.allowed-domains',
+        'update.settings.default-sso-connection',
+        'update.settings.sso-jit-provisioning',
+        'update.settings.mfa-policy',
+        'update.settings.implicit-roles',
+        'delete'
+    ];
+    'stytch.member': [
+        'create',
+        'update.info.name',
+        'update.info.untrusted-metadata',
+        'update.info.mfa-phone',
+        'update.info.delete.mfa-phone',
+        'update.info.delete.mfa-totp',
+        'update.info.delete.password',
+        'update.settings.is-breakglass',
+        'update.settings.mfa-enrolled',
+        'update.settings.default-mfa-method',
+        'update.settings.roles',
+        'search',
+        'delete'
+    ];
+    'stytch.sso': ['create', 'get', 'update', 'delete'];
+    'stytch.self': [
+        'update.info.name',
+        'update.info.untrusted-metadata',
+        'update.info.mfa-phone',
+        'update.info.delete.mfa-phone',
+        'update.info.delete.password',
+        'update.info.delete.mfa-totp',
+        'update.settings.mfa-enrolled',
+        'update.settings.default-mfa-method',
+        'delete'
+    ];
+    'stytch.scim': ['create', 'get', 'update', 'delete'];
+};
+type RbacResourceId = keyof RbacMap;
+type RbacAction<TResourceId extends RbacResourceId> = RbacMap[TResourceId][number];
+export declare const useRbac: <TResourceId extends keyof RbacMap>(resourceId: TResourceId, action: RbacAction<TResourceId>) => import("swr/_internal").SWRResponse<boolean, any, {
+    keepPreviousData: true;
+}>;
+export {};

package/dist/adminPortal/utils/useRevalidateConnectionList.d.ts

@@ -0,0 +1 @@
+export declare const useRevalidateConnectionList: () => () => Promise<any> | undefined;

package/dist/adminPortal/utils/useSsoConnections.d.ts

@@ -0,0 +1,2 @@
+export declare const ssoGetConnectionsKey: (orgId: string | undefined) => (string | undefined)[];
+export declare const useSsoConnections: () => import("swr/_internal").SWRResponse<import("packages/core/dist/public").B2BSSOGetConnectionsResponse, any, any>;

package/dist/adminPortal/utils/useStateSliceSetter.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useStateSliceSetter: <TState extends object, const TStateKey extends keyof TState>(setState: React.Dispatch<React.SetStateAction<TState>>, key: TStateKey) => (value: TState[TStateKey]) => void;

package/dist/adminPortal/utils/useStytchClient.d.ts

@@ -0,0 +1 @@
+export declare const useStytchClient: () => import("../../b2b/StytchB2BHeadlessClient").StytchB2BHeadlessClient;

package/dist/assets/CreateIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Options = {
+    wrapped: boolean;
+};
+declare const _default: (IconSvgComponent: React.FC, options?: Options) => React.FC;
+export default _default;

package/dist/assets/amazon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/apple.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/backArrow.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const BackArrow: ({ onClick }: {
+    onClick?: (() => void) | undefined;
+}) => React.JSX.Element;
+export default BackArrow;

package/dist/assets/binance.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/bitbucket.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/check.d.ts

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

package/dist/assets/checkmark.d.ts

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

package/dist/assets/chevron.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/coinbase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CoinbaseIconSvg: () => React.JSX.Element;
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/confirmation.d.ts

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

package/dist/assets/copy.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/cross.d.ts

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

package/dist/assets/discord.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/errorIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/facebook.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/figma.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/genericWallet.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const GenericWalletIconSvg: () => React.JSX.Element;
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/github.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/gitlab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/gmail.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/google.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/linkedin.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/metamask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MetamaskIconSvg: () => React.JSX.Element;
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/microsoft.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/outlook.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/passkeyAdded.d.ts

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

package/dist/assets/passkeys.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/passkeysCollage.d.ts

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

package/dist/assets/passwordIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const PasswordIconSvg: ({ enabled }: {
+    enabled?: boolean | undefined;
+}) => React.JSX.Element;
+export declare const PasswordIconVisibleSvg: () => React.JSX.Element;

package/dist/assets/pencil.d.ts

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

package/dist/assets/phantom.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/salesforce.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/slack.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/snackbarError.d.ts

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

package/dist/assets/snackbarSuccess.d.ts

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

package/dist/assets/snapchat.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/successIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/tiktok.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/trash.d.ts

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

package/dist/assets/twitch.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/twitter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/vessel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const VesselIconSvg: () => React.JSX.Element;
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/warningIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/yahoo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/assets/yahooLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.FC<{}>;
+export default _default;

package/dist/b2b/HeadlessB2BOAuthClient.d.ts

@@ -0,0 +1,100 @@
+import { OneTapRenderResult } from '../oneTap/OneTapClient';
+import { IHeadlessB2BOAuthClient } from '@stytch/core/public';
+import { HeadlessB2BOAuthClient as BaseHeadlessB2BOAuthClient, INetworkClient, IPKCEManager, IB2BSubscriptionService } from '@stytch/core';
+import { B2BOneTapProvider } from './oneTap/B2BOneTapProvider';
+import { IDFPProtectedAuthProvider } from '@stytch/core/src';
+export 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;
+};
+export 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>;
+}
+type DynamicConfig = Promise<{
+    cnameDomain: null | string;
+    pkceRequiredForOAuth: boolean;
+}>;
+type Config = {
+    publicToken: string;
+    testAPIURL: string;
+    liveAPIURL: string;
+};
+export interface IWebB2BOAuthClient extends IHeadlessB2BOAuthClient {
+    googleOneTap: IB2BGoogleOneTapOAuthProvider;
+}
+export declare class HeadlessB2BOAuthClient extends BaseHeadlessB2BOAuthClient implements IWebB2BOAuthClient {
+    private _oneTap;
+    constructor(_networkClient: INetworkClient, _subscriptionService: IB2BSubscriptionService, _pkceManager: IPKCEManager, _dynamicConfig: DynamicConfig, _config: Config, _dfpProtectedAuth: IDFPProtectedAuthProvider | undefined, _oneTap: B2BOneTapProvider);
+    private startOneTapDiscovery;
+    private startOneTap;
+    googleOneTap: IB2BGoogleOneTapOAuthProvider;
+}
+export {};

package/dist/b2b/StytchB2BHeadlessClient.d.ts

@@ -0,0 +1,51 @@
+import { StateChangeRegisterFunction } from '@stytch/core';
+import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, B2BState } from '@stytch/core/public';
+import { IHeadlessB2BPasswordClient } from '@stytch/core/public';
+import { IWebB2BOAuthClient } from './HeadlessB2BOAuthClient';
+/**
+ * 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',
+ * });
+ */
+export declare class StytchB2BHeadlessClient {
+    private readonly _subscriptionService;
+    private readonly _sessionManager;
+    private readonly _networkClient;
+    private readonly _apiNetworkClient;
+    private readonly _dataLayer;
+    private readonly _stateChangeClient;
+    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;
+    /**
+     * 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);
+}

package/dist/b2b/StytchB2BUIClient.d.ts

@@ -0,0 +1,40 @@
+import { StytchB2BHeadlessClient } from './StytchB2BHeadlessClient';
+import { Callbacks, StyleConfig, StytchB2BUIConfig } from '@stytch/core/public';
+/**
+ * A client used for invoking Stytch's B2B APIs.
+ * 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/b2b/sdks/javascript-sdk online}.
+ *
+ * @example
+ * const stytch = new StytchB2BUIClient('public-token-<find yours in the stytch dashboard>');
+ * stytch.magicLinks.email.loginOrCreate({
+ *   email: 'sandbox@stytch.com',
+ *   organization_id: 'organization-test-123',
+ * });
+ */
+export declare class StytchB2BUIClient extends StytchB2BHeadlessClient {
+    constructor(...args: ConstructorParameters<typeof StytchB2BHeadlessClient>);
+    /**
+     * 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.mount({
+     *   elementId: '#container',
+     *   config: {...}
+     * });
+     *
+     * @param elementId - A string containing the id of the element that should contain the login screen.
+     * @param config - A {@link StytchB2BUIConfig} 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.
+     */
+    mount({ elementId, styles, callbacks, config, }: {
+        elementId: string;
+        styles?: StyleConfig;
+        callbacks?: Callbacks;
+        config: StytchB2BUIConfig;
+    }): void;
+}