@turnkey/react-wallet-kit 1.0.0-beta.0

package/dist/types/base.d.ts

@@ -0,0 +1,79 @@
+import type { CreateSubOrgParams, TurnkeySDKClientConfig } from "@turnkey/core";
+import type { Session, TurnkeyError, TurnkeyNetworkError } from "@turnkey/sdk-types";
+import type { ThemeOverrides } from "../providers/theme/Overrides";
+export interface TurnkeyCallbacks {
+    onOauthRedirect?: (response: {
+        idToken: string;
+        publicKey: string;
+    }) => void;
+    beforeSessionExpiry?: (params: {
+        sessionKey: string;
+    }) => void;
+    onSessionExpired?: (params: {
+        sessionKey: string;
+    }) => void;
+    onAuthenticationSuccess?: (params: {
+        session: Session | undefined;
+    }) => void;
+    onError?: (error: TurnkeyError | TurnkeyNetworkError) => void;
+}
+export interface TurnkeyProviderConfig extends TurnkeySDKClientConfig {
+    exportIframeUrl?: string | undefined;
+    importIframeUrl?: string | undefined;
+    auth?: {
+        methods?: {
+            emailOtpAuthEnabled?: boolean;
+            smsOtpAuthEnabled?: boolean;
+            passkeyAuthEnabled?: boolean;
+            walletAuthEnabled?: boolean;
+            googleOauthEnabled?: boolean;
+            appleOauthEnabled?: boolean;
+            facebookOauthEnabled?: boolean;
+        };
+        methodOrder?: Array<"socials" | "email" | "sms" | "passkey" | "wallet">;
+        oauthOrder?: Array<"google" | "apple" | "facebook">;
+        oauthConfig?: {
+            oauthRedirectUri?: string;
+            googleClientId?: string;
+            appleClientId?: string;
+            facebookClientId?: string;
+            openOauthInPage?: boolean;
+        };
+        sessionExpirationSeconds?: string;
+        createSuborgParams?: {
+            emailOtpAuth?: CreateSubOrgParams;
+            smsOtpAuth?: CreateSubOrgParams;
+            passkeyAuth?: CreateSubOrgParams & {
+                passkeyName?: string;
+            };
+            walletAuth?: CreateSubOrgParams;
+            oauth?: CreateSubOrgParams;
+        };
+        autoRefreshSession?: boolean;
+    };
+    ui?: {
+        darkMode?: boolean;
+        colors?: {
+            light?: Partial<ThemeOverrides>;
+            dark?: Partial<ThemeOverrides>;
+        };
+        preferLargeActionButtons?: boolean;
+        borderRadius?: string | number;
+        backgroundBlur?: string | number;
+        renderModalInProvider?: boolean;
+    };
+}
+export declare enum ExportType {
+    Wallet = "WALLET",
+    PrivateKey = "PRIVATE_KEY"
+}
+export declare enum AuthState {
+    Unauthenticated = "unauthenticated",
+    Authenticated = "authenticated"
+}
+export declare enum ClientState {
+    Loading = "loading",
+    Ready = "ready",
+    Error = "error"
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/types/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/types/base.ts"],"names":[],"mappings":"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"}

package/dist/types/base.js

@@ -0,0 +1,19 @@
+'use strict';
+
+exports.ExportType = void 0;
+(function (ExportType) {
+  ExportType["Wallet"] = "WALLET";
+  ExportType["PrivateKey"] = "PRIVATE_KEY";
+})(exports.ExportType || (exports.ExportType = {}));
+exports.AuthState = void 0;
+(function (AuthState) {
+  AuthState["Unauthenticated"] = "unauthenticated";
+  AuthState["Authenticated"] = "authenticated";
+})(exports.AuthState || (exports.AuthState = {}));
+exports.ClientState = void 0;
+(function (ClientState) {
+  ClientState["Loading"] = "loading";
+  ClientState["Ready"] = "ready";
+  ClientState["Error"] = "error";
+})(exports.ClientState || (exports.ClientState = {}));
+//# sourceMappingURL=base.js.map

package/dist/types/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../src/types/base.ts"],"sourcesContent":[null],"names":["ExportType","AuthState","ClientState"],"mappings":";;AAiEYA;AAAZ,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjBA,EAAAA,UAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EAHWA,kBAAU,KAAVA,kBAAU,GAGrB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAYA,SAAS,EAAA;AACnBA,EAAAA,SAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnCA,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AACjC,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAYA,WAAW,EAAA;AACrBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnBA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACfA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAJWA,mBAAW,KAAXA,mBAAW,GAItB,EAAA,CAAA,CAAA;;"}

package/dist/types/base.mjs

@@ -0,0 +1,19 @@
+var ExportType;
+(function (ExportType) {
+  ExportType["Wallet"] = "WALLET";
+  ExportType["PrivateKey"] = "PRIVATE_KEY";
+})(ExportType || (ExportType = {}));
+var AuthState;
+(function (AuthState) {
+  AuthState["Unauthenticated"] = "unauthenticated";
+  AuthState["Authenticated"] = "authenticated";
+})(AuthState || (AuthState = {}));
+var ClientState;
+(function (ClientState) {
+  ClientState["Loading"] = "loading";
+  ClientState["Ready"] = "ready";
+  ClientState["Error"] = "error";
+})(ClientState || (ClientState = {}));
+
+export { AuthState, ClientState, ExportType };
+//# sourceMappingURL=base.mjs.map

package/dist/types/base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.mjs","sources":["../../src/types/base.ts"],"sourcesContent":[null],"names":["ExportType","AuthState","ClientState"],"mappings":"IAiEYA;AAAZ,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjBA,EAAAA,UAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EAHWA,UAAU,KAAVA,UAAU,GAGrB,EAAA,CAAA,CAAA;IAEWC;AAAZ,CAAA,UAAYA,SAAS,EAAA;AACnBA,EAAAA,SAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnCA,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AACjC,CAAC,EAHWA,SAAS,KAATA,SAAS,GAGpB,EAAA,CAAA,CAAA;IAEWC;AAAZ,CAAA,UAAYA,WAAW,EAAA;AACrBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnBA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACfA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAJWA,WAAW,KAAXA,WAAW,GAItB,EAAA,CAAA,CAAA;;;;"}

package/dist/utils.d.ts

@@ -0,0 +1,72 @@
+import { Session, TurnkeyError } from "@turnkey/sdk-types";
+import type { TurnkeyCallbacks } from "./types/base";
+import { WalletProvider } from "@turnkey/core";
+export declare const GOOGLE_AUTH_URL = "https://accounts.google.com/o/oauth2/v2/auth";
+export declare const APPLE_AUTH_URL = "https://account.apple.com/auth/authorize";
+export declare const APPLE_AUTH_SCRIPT_URL = "https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js";
+export declare const FACEBOOK_AUTH_URL = "https://www.facebook.com/v11.0/dialog/oauth";
+export declare const FACEBOOK_GRAPH_URL = "https://graph.facebook.com/v11.0/oauth/access_token";
+export declare const popupWidth = 500;
+export declare const popupHeight = 600;
+export declare const SESSION_WARNING_THRESHOLD_MS: number;
+export declare const authErrors: {
+    passkey: {
+        createFailed: string;
+        loginFailed: string;
+        timeoutOrNotAllowed: string;
+    };
+    otp: {
+        sendFailed: string;
+        invalidEmail: string;
+        invalidPhone: string;
+    };
+    oauth: {
+        loginFailed: string;
+    };
+    wallet: {
+        loginFailed: string;
+        noPublicKey: string;
+    };
+    suborg: {
+        fetchFailed: string;
+        createFailed: string;
+    };
+};
+export declare const useDebouncedCallback: <T extends (...args: any[]) => void>(fn: T, wait?: number) => T;
+export declare const isValidSession: (session?: Session | undefined) => boolean;
+export declare function withTurnkeyErrorHandling<T>(fn: () => Promise<T>, callbacks?: {
+    onError?: (error: TurnkeyError) => void;
+}, fallbackMessage?: string, fallbackCode?: any): Promise<T>;
+export declare function parseOAuthRedirect(hash: string): {
+    idToken: string | null | undefined;
+    provider: string | null;
+    flow: string | null;
+    publicKey: string | null;
+    openModal: string | null;
+};
+export declare function generateChallengePair(): Promise<{
+    verifier: string;
+    codeChallenge: string;
+}>;
+export declare function exchangeCodeForToken(clientId: string, redirectUri: string, code: string, codeVerifier: string): Promise<{
+    id_token: string;
+}>;
+export declare function handleFacebookPKCEFlow({ code, publicKey, openModal, clientId, redirectURI, callbacks, completeOauth, onPushPage, }: {
+    code: string;
+    publicKey: string;
+    openModal?: string | null;
+    clientId: string;
+    redirectURI: string;
+    callbacks?: TurnkeyCallbacks | undefined;
+    completeOauth: (params: {
+        oidcToken: string;
+        publicKey: string;
+    }) => Promise<string>;
+    onPushPage: (idToken: string) => Promise<void>;
+}): Promise<void>;
+export declare function useScreenSize(): {
+    width: number;
+    isMobile: boolean;
+};
+export declare function isWalletConnect(wallet: WalletProvider): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAuB,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpE,eAAO,MAAM,eAAe,iDAAiD,CAAC;AAC9E,eAAO,MAAM,cAAc,6CAA6C,CAAC;AACzE,eAAO,MAAM,qBAAqB,yFACsD,CAAC;AACzF,eAAO,MAAM,iBAAiB,gDAAgD,CAAC;AAC/E,eAAO,MAAM,kBAAkB,wDACwB,CAAC;AACxD,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,eAAO,MAAM,4BAA4B,QAAY,CAAC;AAEtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAgCtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,uBAAwB,GAAG,EAAE,KAAK,IAAI,MACjE,CAAC,oBAEJ,CAaF,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,OAAO,GAAG,SAAS,KAAG,OAE9D,CAAC;AAEF,wBAAsB,wBAAwB,CAAC,CAAC,EAC9C,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACpB,SAAS,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CAAE,EACvD,eAAe,SAA8B,EAC7C,YAAY,MAA4B,GACvC,OAAO,CAAC,CAAC,CAAC,CAYZ;AAyED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG;IAChD,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAOA;AAGD,wBAAsB,qBAAqB,IAAI,OAAO,CAAC;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAkBD;AAGD,wBAAsB,oBAAoB,CACxC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAyB/B;AAED,wBAAsB,sBAAsB,CAAC,EAC3C,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,aAAa,EACb,UAAU,GACX,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE;QACtB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACnB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,GAAG,OAAO,CAAC,IAAI,CAAC,CAiDhB;AAGD,wBAAgB,aAAa;;;EAkB5B;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,CAE/D"}

package/dist/utils.js

@@ -0,0 +1,211 @@
+'use strict';
+
+var sdkTypes = require('@turnkey/sdk-types');
+var react = require('react');
+var core = require('@turnkey/core');
+
+const GOOGLE_AUTH_URL = "https://accounts.google.com/o/oauth2/v2/auth";
+const APPLE_AUTH_URL = "https://account.apple.com/auth/authorize";
+const FACEBOOK_AUTH_URL = "https://www.facebook.com/v11.0/dialog/oauth";
+const FACEBOOK_GRAPH_URL = "https://graph.facebook.com/v11.0/oauth/access_token";
+const popupWidth = 500;
+const popupHeight = 600;
+const SESSION_WARNING_THRESHOLD_MS = 60 * 1000; // 1 minute in milliseconds
+const useDebouncedCallback = (fn, wait = 100) => {
+  const timer = react.useRef(null);
+  return react.useCallback((...args) => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      fn(...args);
+      timer.current = null;
+    }, wait);
+  }, [fn, wait]);
+};
+const isValidSession = session => {
+  return session?.expiry !== undefined && session.expiry * 1000 > Date.now();
+};
+async function withTurnkeyErrorHandling(fn, callbacks, fallbackMessage = "An unknown error occurred", fallbackCode = sdkTypes.TurnkeyErrorCodes.UNKNOWN) {
+  try {
+    return await fn();
+  } catch (error) {
+    if (error instanceof sdkTypes.TurnkeyError) {
+      callbacks?.onError?.(error);
+      throw error;
+    }
+    const tkError = new sdkTypes.TurnkeyError(fallbackMessage, fallbackCode, error);
+    callbacks?.onError?.(tkError);
+    throw tkError;
+  }
+}
+// Helper function to parse Apple OAuth redirects
+function parseAppleOAuthRedirect(hash) {
+  // Apple's format has unencoded parameters in the state portion
+  const idTokenMatch = hash.match(/id_token=([^&]+)$/);
+  const idToken = idTokenMatch ? idTokenMatch[1] : null;
+  // Extract state parameters - state is at the beginning
+  // It typically looks like: state=provider=apple&flow=redirect&publicKey=123...&openModal=true&code=...&id_token=...
+  const stateEndIndex = hash.indexOf("&code=");
+  if (stateEndIndex === -1) return {
+    idToken,
+    provider: null,
+    flow: null,
+    publicKey: null,
+    openModal: null
+  };
+  const stateContent = hash.substring(6, stateEndIndex); // Remove "state=" prefix
+  const stateParams = new URLSearchParams(stateContent);
+  return {
+    idToken,
+    provider: stateParams.get("provider"),
+    flow: stateParams.get("flow"),
+    publicKey: stateParams.get("publicKey"),
+    openModal: stateParams.get("openModal")
+  };
+}
+// Helper function to parse Google OAuth redirects
+function parseGoogleOAuthRedirect(hash) {
+  const hashParams = new URLSearchParams(hash);
+  const idToken = hashParams.get("id_token");
+  const state = hashParams.get("state");
+  let provider = null;
+  let flow = null;
+  let publicKey = null;
+  let openModal = null;
+  if (state) {
+    const stateParams = new URLSearchParams(state);
+    provider = stateParams.get("provider");
+    flow = stateParams.get("flow");
+    publicKey = stateParams.get("publicKey");
+    openModal = stateParams.get("openModal");
+  }
+  return {
+    idToken,
+    provider,
+    flow,
+    publicKey,
+    openModal
+  };
+}
+// Main function to determine provider and parse accordingly
+function parseOAuthRedirect(hash) {
+  // Check if this is an Apple redirect
+  if (hash.startsWith("state=provider=apple")) {
+    return parseAppleOAuthRedirect(hash);
+  } else {
+    return parseGoogleOAuthRedirect(hash);
+  }
+}
+// Function to generate PKCE challenge pair for Facebook OAuth
+async function generateChallengePair() {
+  const randomBytes = new Uint8Array(32);
+  window.crypto.getRandomValues(randomBytes);
+  const verifier = btoa(String.fromCharCode(...randomBytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+  const encoder = new TextEncoder();
+  const data = encoder.encode(verifier);
+  const digest = await window.crypto.subtle.digest("SHA-256", data);
+  const base64Challenge = btoa(String.fromCharCode(...new Uint8Array(digest))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+  return {
+    verifier,
+    codeChallenge: base64Challenge
+  };
+}
+// Function to exchange Facebook authorization code for token
+async function exchangeCodeForToken(clientId, redirectUri, code, codeVerifier) {
+  const params = new URLSearchParams({
+    client_id: clientId,
+    redirect_uri: redirectUri,
+    code_verifier: codeVerifier,
+    code: code,
+    grant_type: "authorization_code"
+  });
+  const response = await fetch(FACEBOOK_GRAPH_URL, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded"
+    },
+    body: params.toString()
+  });
+  if (!response.ok) {
+    const errorData = await response.json();
+    throw new Error(`Facebook token exchange failed: ${JSON.stringify(errorData)}`);
+  }
+  return await response.json();
+}
+async function handleFacebookPKCEFlow({
+  code,
+  publicKey,
+  openModal,
+  clientId,
+  redirectURI,
+  callbacks,
+  completeOauth,
+  onPushPage
+}) {
+  // Retrieve the verifier stored during OAuth initiation
+  const verifier = sessionStorage.getItem("facebook_verifier");
+  if (!verifier) {
+    throw new sdkTypes.TurnkeyError("Missing PKCE verifier for Facebook authentication", sdkTypes.TurnkeyErrorCodes.OAUTH_SIGNUP_ERROR);
+  }
+  try {
+    // Exchange the code for a token
+    const tokenData = await exchangeCodeForToken(clientId, redirectURI, code, verifier);
+    // Clean up the verifier as it's no longer needed
+    sessionStorage.removeItem("facebook_verifier");
+    // Handle different UI flows based on openModal parameter
+    if (openModal === "true") {
+      await onPushPage(tokenData.id_token);
+    } else if (callbacks?.onOauthRedirect) {
+      callbacks.onOauthRedirect({
+        idToken: tokenData.id_token,
+        publicKey
+      });
+    } else {
+      await completeOauth({
+        oidcToken: tokenData.id_token,
+        publicKey
+      });
+    }
+    // Clean up the URL after processing
+    window.history.replaceState(null, document.title, window.location.pathname);
+    return;
+  } catch (error) {
+    console.error("Error exchanging Facebook code for token:", error);
+    throw new sdkTypes.TurnkeyError("Failed to complete Facebook authentication", sdkTypes.TurnkeyErrorCodes.OAUTH_SIGNUP_ERROR, error);
+  }
+}
+// Custom hook to get the current screen size
+function useScreenSize() {
+  const [width, setWidth] = react.useState(typeof window !== "undefined" ? window.innerWidth : 1024);
+  react.useEffect(() => {
+    const handleResize = () => setWidth(window.innerWidth);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return {
+    width,
+    // I have no idea why but, Tailwind's responsive design breakpoints do not work. Throughout the modal components, you will see conditional styling using this `isMobile` variable.
+    // This is fine since we only need to style for 2 screen sizes: mobile and desktop. If anyone can figure out why Tailwind's responsive design breakpoints do not work, please fix it and restyle the components accordingly, changing the `isMobile` to the Tailwind stuff when applicable.
+    isMobile: width < 640
+  };
+}
+function isWalletConnect(wallet) {
+  return wallet.interfaceType == core.WalletInterfaceType.WalletConnect;
+}
+
+exports.APPLE_AUTH_URL = APPLE_AUTH_URL;
+exports.FACEBOOK_AUTH_URL = FACEBOOK_AUTH_URL;
+exports.FACEBOOK_GRAPH_URL = FACEBOOK_GRAPH_URL;
+exports.GOOGLE_AUTH_URL = GOOGLE_AUTH_URL;
+exports.SESSION_WARNING_THRESHOLD_MS = SESSION_WARNING_THRESHOLD_MS;
+exports.exchangeCodeForToken = exchangeCodeForToken;
+exports.generateChallengePair = generateChallengePair;
+exports.handleFacebookPKCEFlow = handleFacebookPKCEFlow;
+exports.isValidSession = isValidSession;
+exports.isWalletConnect = isWalletConnect;
+exports.parseOAuthRedirect = parseOAuthRedirect;
+exports.popupHeight = popupHeight;
+exports.popupWidth = popupWidth;
+exports.useDebouncedCallback = useDebouncedCallback;
+exports.useScreenSize = useScreenSize;
+exports.withTurnkeyErrorHandling = withTurnkeyErrorHandling;
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":[null],"names":["GOOGLE_AUTH_URL","APPLE_AUTH_URL","FACEBOOK_AUTH_URL","FACEBOOK_GRAPH_URL","popupWidth","popupHeight","SESSION_WARNING_THRESHOLD_MS","useDebouncedCallback","fn","wait","timer","useRef","useCallback","args","current","clearTimeout","setTimeout","isValidSession","session","expiry","undefined","Date","now","withTurnkeyErrorHandling","callbacks","fallbackMessage","fallbackCode","TurnkeyErrorCodes","UNKNOWN","error","TurnkeyError","onError","tkError","parseAppleOAuthRedirect","hash","idTokenMatch","match","idToken","stateEndIndex","indexOf","provider","flow","publicKey","openModal","stateContent","substring","stateParams","URLSearchParams","get","parseGoogleOAuthRedirect","hashParams","state","parseOAuthRedirect","startsWith","generateChallengePair","randomBytes","Uint8Array","window","crypto","getRandomValues","verifier","btoa","String","fromCharCode","replace","encoder","TextEncoder","data","encode","digest","subtle","base64Challenge","codeChallenge","exchangeCodeForToken","clientId","redirectUri","code","codeVerifier","params","client_id","redirect_uri","code_verifier","grant_type","response","fetch","method","headers","body","toString","ok","errorData","json","Error","JSON","stringify","handleFacebookPKCEFlow","redirectURI","completeOauth","onPushPage","sessionStorage","getItem","OAUTH_SIGNUP_ERROR","tokenData","removeItem","id_token","onOauthRedirect","oidcToken","history","replaceState","document","title","location","pathname","console","useScreenSize","width","setWidth","useState","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","isMobile","isWalletConnect","wallet","interfaceType","WalletInterfaceType","WalletConnect"],"mappings":"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"}