@stytch/vanilla-js 5.18.2 → 5.18.3

package/dist/index.headless.d.ts

@@ -1,2 +1,100 @@
-export { StytchHeadlessClient } from './StytchHeadlessClient';
+import { StateChangeRegisterFunction } from '@stytch/core';
+import { StytchProjectConfigurationInput, IHeadlessOAuthClient, IHeadlessUserClient, IHeadlessMagicLinksClient, IHeadlessSessionClient, IHeadlessOTPsClient, IHeadlessCryptoWalletClient, IHeadlessTOTPClient, IHeadlessWebAuthnClient, IHeadlessPasswordClient, IHeadlessImpersonationClient, ConsumerState, StytchClientOptions } from '@stytch/core/public';
 export * from '@stytch/core/public';
+import { O as OneTapRenderResult } from './OneTapClient-zVI7LxJ6.js';
+import 'google-one-tap';
+
+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<TProjectConfiguration extends StytchProjectConfigurationInput> extends IHeadlessOAuthClient<TProjectConfiguration> {
+    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<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
+    private readonly _subscriptionService;
+    private readonly _sessionManager;
+    private readonly _networkClient;
+    private readonly _dataLayer;
+    private readonly _stateChangeClient;
+    user: IHeadlessUserClient;
+    magicLinks: IHeadlessMagicLinksClient<TProjectConfiguration>;
+    session: IHeadlessSessionClient<TProjectConfiguration>;
+    otps: IHeadlessOTPsClient<TProjectConfiguration>;
+    oauth: IWebOAuthClient<TProjectConfiguration>;
+    cryptoWallets: IHeadlessCryptoWalletClient<TProjectConfiguration>;
+    totps: IHeadlessTOTPClient<TProjectConfiguration>;
+    webauthn: IHeadlessWebAuthnClient<TProjectConfiguration>;
+    passwords: IHeadlessPasswordClient<TProjectConfiguration>;
+    impersonation: IHeadlessImpersonationClient<TProjectConfiguration>;
+    /**
+     * 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 };

package/dist/index.headless.esm.js

@@ -4761,7 +4761,7 @@ var HeadlessOAuthClient = /*#__PURE__*/function (_HeadlessOAuthClient$) {
   }
   return _createClass2(HeadlessOAuthClient);
 }(HeadlessOAuthClient$1);
-var version = "5.18.2";
+var version = "5.18.3";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck2(this, NetworkClient);

package/dist/index.headless.js

@@ -4763,7 +4763,7 @@ var HeadlessOAuthClient = /*#__PURE__*/function (_HeadlessOAuthClient$) {
   }
   return _createClass2(HeadlessOAuthClient);
 }(HeadlessOAuthClient$1);
-var version = "5.18.2";
+var version = "5.18.3";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck2(this, NetworkClient);