@stytch/vanilla-js 4.7.8 → 4.9.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @stytch/vanilla-js
 
+## 4.9.0
+
+### Minor Changes
+
+- a0fbe9f: Add `stytch.onStateChange` event listener to headless clients
+- a0fbe9f: Add `getInfo` method to user, session, member, and organization
+
+### Patch Changes
+
+- Updated dependencies [a0fbe9f]
+- Updated dependencies [a0fbe9f]
+  - @stytch/core@2.13.0
+
+## 4.8.0
+
+### Minor Changes
+
+- b007d98: Enable FedCM for use with Google One Tap by default. For users using supported browsers (including Google Chrome and other Chromium-based browsers), Google One Tap will now use [FedCM to provide a sign in experience using native browser prompts](https://developers.google.com/identity/gsi/web/guides/fedcm-migration).
+
+  Due to changes in Google's One Tap SDK, this affects One Tap using both floating and embedded positioning. Notably, users of Chrome and other Chromium-based browsers will no longer see a embedded One Tap UI by default. Google will begin to remove support for this UI later this year. We recommend adopting the new default behavior, but we have added new position options if you require different behavior:
+
+  - `floating` remains the default option and uses Google's One Tap SDK's default behavior. It uses FedCM (native browser UI) where available, or renders a floating UI in the top right corner otherwise.
+  - `floatingOrEmbedded` uses FedCM where available, or renders an embedded UI in the existing SDK login form otherwise. This is the new default behavior of the `embedded` position, which has been deprecated and renamed for clarity.
+  - `embeddedOnly` renders the embedded UI in the existing SDK login form if FedCM is not available, or not at all otherwise. This option is not recommended for new applications. For applications that used `embedded` positioning and do not want to show floating or native browser UI, this option may be useful.
+  - `forceLegacyEmbedded` retains the legacy behavior by disabling FedCM support even where it is available. This option is not recommended and will stop being honored by Google in the future, at which time you will need to select a different option.
+
+  The `embedded` position will still be recognized and treated as `floatingOrEmbedded`, but we recommend updating your configuration to use the new name or a different option.
+
+### Patch Changes
+
+- Updated dependencies [b007d98]
+  - @stytch/core@2.12.0
+
 ## 4.7.8
 
 ### Patch Changes

package/dist/b2b/index.d.ts

@@ -1,4 +1,5 @@
-import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOAuthClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, IHeadlessB2BPasswordClient, Callbacks, StyleConfig, StytchB2BUIConfig } from "@stytch/core/public";
+import { StateChangeRegisterFunction } from "@stytch/core";
+import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOAuthClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, B2BState, IHeadlessB2BPasswordClient, Callbacks, StyleConfig, StytchB2BUIConfig } from "@stytch/core/public";
 /**
  * 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.
@@ -16,6 +17,7 @@ declare class StytchB2BHeadlessClient {
     private readonly _sessionManager;
     private readonly _networkClient;
     private readonly _dataLayer;
+    private readonly _stateChangeClient;
     // External API Clients
     magicLinks: IHeadlessB2BMagicLinksClient;
     session: IHeadlessB2BSessionClient;
@@ -31,6 +33,19 @@ declare class StytchB2BHeadlessClient {
     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);
 }
 /**

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

@@ -1,4 +1,5 @@
-import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOAuthClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, IHeadlessB2BPasswordClient, Callbacks, StyleConfig, StytchB2BUIConfig } from "@stytch/core/public";
+import { StateChangeRegisterFunction } from "@stytch/core";
+import { IHeadlessB2BDiscoveryClient, IHeadlessB2BMagicLinksClient, IHeadlessB2BMemberClient, IHeadlessB2BSelfClient, IHeadlessB2BOAuthClient, IHeadlessB2BOrganizationClient, IHeadlessB2BOTPsClient, IHeadlessB2BTOTPsClient, IHeadlessB2BSessionClient, IHeadlessB2BSSOClient, IHeadlessB2BRecoveryCodesClient, IHeadlessB2BRBACClient, StytchClientOptions, B2BState, IHeadlessB2BPasswordClient, Callbacks, StyleConfig, StytchB2BUIConfig } from "@stytch/core/public";
 /**
  * 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.
@@ -16,6 +17,7 @@ declare class StytchB2BHeadlessClient {
     private readonly _sessionManager;
     private readonly _networkClient;
     private readonly _dataLayer;
+    private readonly _stateChangeClient;
     // External API Clients
     magicLinks: IHeadlessB2BMagicLinksClient;
     session: IHeadlessB2BSessionClient;
@@ -31,6 +33,19 @@ declare class StytchB2BHeadlessClient {
     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);
 }
 /**