@stytch/vanilla-js 4.8.0 → 4.9.1

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessTOTPClient, IHeadlessUserClient, IHeadlessWebAuthnClient, StytchClientOptions, IHeadlessOAuthClient, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/core/public";
+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 = {
@@ -73,6 +74,7 @@ declare class StytchHeadlessClient {
     private readonly _sessionManager;
     private readonly _networkClient;
     private readonly _dataLayer;
+    private readonly _stateChangeClient;
     // External API Clients
     user: IHeadlessUserClient;
     magicLinks: IHeadlessMagicLinksClient;
@@ -83,6 +85,19 @@ declare class StytchHeadlessClient {
     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);
 }
 /**

package/dist/index.esm.d.ts

@@ -1,4 +1,5 @@
-import { IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessTOTPClient, IHeadlessUserClient, IHeadlessWebAuthnClient, StytchClientOptions, IHeadlessOAuthClient, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/core/public";
+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 = {
@@ -73,6 +74,7 @@ declare class StytchHeadlessClient {
     private readonly _sessionManager;
     private readonly _networkClient;
     private readonly _dataLayer;
+    private readonly _stateChangeClient;
     // External API Clients
     user: IHeadlessUserClient;
     magicLinks: IHeadlessMagicLinksClient;
@@ -83,6 +85,19 @@ declare class StytchHeadlessClient {
     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);
 }
 /**