@getpara/react-sdk-lite 2.0.0-alpha.33

package/dist/modal/utils/authInputHelpers.js

@@ -0,0 +1,41 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { EMAIL_REGEX } from "../constants/constants.js";
+import { formatPhoneNumber } from "@getpara/web-sdk";
+function isCcMatch(countryCode, option) {
+  return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;
+}
+function validateAuth(auth) {
+  switch (true) {
+    case "email" in auth:
+      if (!EMAIL_REGEX.test(auth.email)) {
+        throw new Error("Please enter a valid email address!");
+      }
+      break;
+    case "phone" in auth:
+      {
+        if (!/^\+1\d{3}555\d{4}$/.test(auth.phone)) {
+          const formatted = formatPhoneNumber(auth.phone);
+          if (!formatted) {
+            throw new Error("Please enter a valid phone number!");
+          }
+        }
+      }
+      break;
+  }
+  return auth;
+}
+function validateInput(identifier, countryCode, type) {
+  const isEmail = type === "email";
+  const isPhone = type === "phone";
+  const auth = isEmail ? { email: identifier } : isPhone ? { phone: `${countryCode}${identifier}` } : void 0;
+  if (!auth) {
+    throw new Error("Please enter a valid email or phone number!");
+  }
+  return validateAuth(auth);
+}
+export {
+  isCcMatch,
+  validateAuth,
+  validateInput
+};

package/dist/modal/utils/authLayoutHelpers.d.ts

@@ -0,0 +1,3 @@
+import { TAuthLayout } from '../types/modalProps.js';
+export declare const hasExternalWallet: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;
+export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;

package/dist/modal/utils/authLayoutHelpers.js

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const hasExternalWallet = (authLayout) => authLayout.find((layout) => layout.includes("EXTERNAL"));
+const hasEmbeddedAuth = (authLayout) => authLayout.find((layout) => layout.includes("AUTH"));
+export {
+  hasEmbeddedAuth,
+  hasExternalWallet
+};

package/dist/modal/utils/countryCodes.d.ts

@@ -0,0 +1,8 @@
+import { IconType } from '@getpara/core-components';
+declare const countryCodes: {
+    label: string;
+    value: string;
+    selectedLabel: string;
+    icon: IconType;
+}[];
+export default countryCodes;

package/dist/modal/utils/countryCodes.js

@@ -0,0 +1,45 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { getCountries, getCountryCallingCode } from "libphonenumber-js";
+const excludedCountries = [
+  "AC",
+  "CG",
+  "CI",
+  "CV",
+  "GF",
+  "GP",
+  "MF",
+  "NC",
+  "PM",
+  "RE",
+  "SD",
+  "SH",
+  "SJ",
+  "TA",
+  "VA",
+  "WF",
+  "XK",
+  "YT"
+];
+const generateCountryCodes = () => {
+  const countries = getCountries();
+  const countryList = countries.filter((country) => !excludedCountries.includes(country)).map((country) => {
+    const countryCode = getCountryCallingCode(country);
+    const countryName = new Intl.DisplayNames(["en"], { type: "region" }).of(country);
+    return {
+      label: countryName != null ? countryName : "",
+      value: `+${countryCode}`,
+      selectedLabel: country,
+      icon: country
+    };
+  }).sort((a, b) => {
+    var _a, _b;
+    return ((_a = a.label) != null ? _a : "").localeCompare((_b = b.label) != null ? _b : "");
+  });
+  return countryList;
+};
+const countryCodes = generateCountryCodes();
+var countryCodes_default = countryCodes;
+export {
+  countryCodes_default as default
+};

package/dist/modal/utils/getMailtoLink.d.ts

@@ -0,0 +1 @@
+export declare function getMailtoLink(email: any, recoveryShare: any): string;

package/dist/modal/utils/getMailtoLink.js

@@ -0,0 +1,10 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+function getMailtoLink(email, recoveryShare) {
+  const emailBody = `Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${recoveryShare}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;
+  const mailText = `mailto:${email}?subject=Para%20Recovery%20Secret&body=${emailBody}`;
+  return mailText;
+}
+export {
+  getMailtoLink
+};

package/dist/modal/utils/getTileButtonFlex.d.ts

@@ -0,0 +1 @@
+export declare const getTileButtonFlex: (index: number, totalItems: number) => "1 1 auto" | "0 0 calc(33.333333% - 5.336px)" | "0 0 calc(50% - 4px)" | undefined;

package/dist/modal/utils/getTileButtonFlex.js

@@ -0,0 +1,20 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const getTileButtonFlex = (index, totalItems) => {
+  const gapOffset = 8 - 8 * 0.333;
+  if (totalItems < 2) {
+    return "1 1 auto";
+  }
+  if (totalItems % 3 === 0) {
+    return `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+  if (totalItems % 3 === 1) {
+    return index < 4 ? "0 0 calc(50% - 4px)" : `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+  if (totalItems % 3 === 2) {
+    return index < 2 ? "0 0 calc(50% - 4px)" : `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+};
+export {
+  getTileButtonFlex
+};

package/dist/modal/utils/getWalletDisplayName.d.ts

@@ -0,0 +1,5 @@
+import ParaWeb from '@getpara/web-sdk';
+export declare function getWalletDisplayName(para: ParaWeb, { type, isExternal, name, isMenu, hideWallets, }: Partial<Pick<(typeof para.availableWallets)[0], 'type' | 'isExternal' | 'name'> & {
+    isMenu?: boolean;
+    hideWallets?: boolean;
+}>): string;

package/dist/modal/utils/getWalletDisplayName.js

@@ -0,0 +1,22 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const WALLET_TYPES = {
+  EVM: "EVM",
+  SOLANA: "Solana",
+  COSMOS: "Cosmos"
+};
+function getWalletDisplayName(para, {
+  type,
+  isExternal,
+  name,
+  isMenu = false,
+  hideWallets = false
+}) {
+  if (para.isMultiWallet) {
+    return name != null ? name : `${isExternal ? "External " : ""}${type ? WALLET_TYPES[type] : ""}${!hideWallets && (isMenu || isExternal) ? " Wallet" : ""}`;
+  }
+  return hideWallets ? "My Account" : name || "My Wallet";
+}
+export {
+  getWalletDisplayName
+};

package/dist/modal/utils/isPasskeySupported.d.ts

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

package/dist/modal/utils/isPasskeySupported.js

@@ -0,0 +1,15 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { detect } from "detect-browser";
+const isPasskeySupported = () => {
+  const browser = detect();
+  switch (browser == null ? void 0 : browser.os) {
+    case "linux":
+    case "Chrome OS":
+      return false;
+  }
+  return true;
+};
+export {
+  isPasskeySupported
+};

package/dist/modal/utils/openPopup.d.ts

@@ -0,0 +1,6 @@
+export declare function openPopup({ url, target, type, current, }: {
+    url: string;
+    target: string;
+    type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD';
+    current?: Window | null;
+}): Window | null;

package/dist/modal/utils/openPopup.js

@@ -0,0 +1,60 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+function openPopup({
+  url,
+  target,
+  type,
+  current
+}) {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  current == null ? void 0 : current.close();
+  const popUpWidth = 560;
+  let popUpHeight;
+  switch (type) {
+    case "LOGIN_PASSWORD": {
+      popUpHeight = 460;
+      break;
+    }
+    case "LOGIN_PASSKEY": {
+      popUpHeight = 798;
+      break;
+    }
+    case "CREATE_PASSWORD": {
+      popUpHeight = 400;
+      break;
+    }
+    case "CREATE_PASSKEY": {
+      popUpHeight = 464;
+      break;
+    }
+    case "TRANSACTION_REVIEW": {
+      popUpHeight = 480;
+      break;
+    }
+    case "OAUTH":
+    default: {
+      popUpHeight = 768;
+      break;
+    }
+  }
+  const dualScreenLeft = window.screenLeft !== void 0 ? window.screenLeft : window.screenX;
+  const dualScreenTop = window.screenTop !== void 0 ? window.screenTop : window.screenY;
+  const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+  const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+  const left = (width - popUpWidth) / 2 + dualScreenLeft;
+  const top = (height - popUpHeight) / 2 + dualScreenTop;
+  const windowFeatures = `toolbar=no, menubar=no, width=${popUpWidth}, 
+    height=${popUpHeight}, top=${top}, left=${left}`;
+  let popupWindow = window.open(url, target, windowFeatures);
+  if (!popupWindow) {
+    setTimeout(() => {
+      popupWindow = window.open(url, "_blank");
+    }, 0);
+  }
+  return popupWindow != null ? popupWindow : null;
+}
+export {
+  openPopup
+};

package/dist/modal/utils/routeMobileExternalWallet.d.ts

@@ -0,0 +1 @@
+export declare const routeMobileExternalWallet: (qrUri?: string) => void;

package/dist/modal/utils/routeMobileExternalWallet.js

@@ -0,0 +1,31 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { isAndroid, isMobile, isTelegram } from "@getpara/web-sdk";
+const routeMobileExternalWallet = (qrUri) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (isMobile()) {
+    if (!qrUri) return;
+    if (!isTelegram() && qrUri.startsWith("http")) {
+      const link = document.createElement("a");
+      link.href = qrUri;
+      link.target = "_blank";
+      link.rel = "noreferrer noopener";
+      link.click();
+    } else {
+      if (isTelegram()) {
+        let href = qrUri;
+        if (isAndroid()) {
+          href = encodeURI(qrUri);
+        }
+        window.open(href, "_blank", "noreferrer noopener");
+      } else {
+        window.location.href = qrUri;
+      }
+    }
+  }
+};
+export {
+  routeMobileExternalWallet
+};

package/dist/modal/utils/steps.d.ts

@@ -0,0 +1,136 @@
+import { EnabledFlow } from '@getpara/web-sdk';
+export declare enum ModalStep {
+    AUTH_MAIN = "AUTH_MAIN",
+    AUTH_MORE = "AUTH_MORE",
+    AUTH_GUEST_SIGNUP = "AUTH_GUEST_SIGNUP",
+    AWAITING_GUEST_WALLET_CREATION = "AWAITING_GUEST_WALLET_CREATION",
+    EX_WALLET_MORE = "EX_WALLET_MORE",
+    EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
+    VERIFICATIONS = "VERIFICATIONS",
+    EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
+    AWAITING_OAUTH = "AWAITING_OAUTH",
+    FARCASTER_OAUTH = "FARCASTER_OAUTH",
+    BIOMETRIC_CREATION = "BIOMETRIC_CREATION",
+    AWAITING_BIOMETRIC_CREATION = "AWAITING_BIOMETRIC_CREATION",
+    PASSWORD_CREATION = "PASSWORD_CREATION",
+    AWAITING_PASSWORD_CREATION = "AWAITING_PASSWORD_CREATION",
+    AWAITING_WALLET_CREATION = "AWAITING_WALLET_CREATION",
+    TELEGRAM_OAUTH = "TELEGRAM_OAUTH",
+    WALLET_CREATION_DONE = "WALLET_CREATION_DONE",
+    SECRET = "SECRET",
+    BIOMETRIC_LOGIN = "BIOMETRIC_LOGIN",
+    EMBEDDED_PASSWORD_LOGIN = "EMBEDDED_PASSWORD_LOGIN",
+    AWAITING_BIOMETRIC_LOGIN = "AWAITING_BIOMETRIC_LOGIN",
+    AWAITING_PASSWORD_LOGIN = "AWAITING_PASSWORD_LOGIN",
+    LOGIN_DONE = "LOGIN_DONE",
+    SETUP_2FA = "SETUP_2FA",
+    VERIFY_2FA = "VERIFY_2FA",
+    TWO_FACTOR_DONE = "TWO_FACTOR_DONE",
+    ADD_FUNDS_BUY = "ADD_FUNDS_BUY",
+    ADD_FUNDS_RECEIVE = "ADD_FUNDS_RECEIVE",
+    ADD_FUNDS_WITHDRAW = "ADD_FUNDS_WITHDRAW",
+    ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
+    ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
+    ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
+    ACCOUNT_MAIN = "ACCOUNT_MAIN",
+    CHAIN_SWITCH = "CHAIN_SWITCH",
+    ACCOUNT_PROFILE = "ACCOUNT_PROFILE",
+    ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
+    ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
+    ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
+    AWAITING_IFRAME = "AWAITING_IFRAME"
+}
+export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
+export type ModalStepPropL = Lowercase<ModalStepPropU>;
+export type ModalStepProp = ModalStepPropU | ModalStepPropL;
+declare enum AccountStep {
+    ACCOUNT_MAIN = "ACCOUNT_MAIN",
+    AUTH_GUEST_SIGNUP = "AUTH_GUEST_SIGNUP",
+    ADD_FUNDS_BUY = "ADD_FUNDS_BUY",
+    ADD_FUNDS_RECEIVE = "ADD_FUNDS_RECEIVE",
+    ADD_FUNDS_WITHDRAW = "ADD_FUNDS_WITHDRAW",
+    ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
+    ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
+    ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
+    CHAIN_SWITCH = "CHAIN_SWITCH",
+    ACCOUNT_PROFILE = "ACCOUNT_PROFILE",
+    ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
+    ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
+    ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE"
+}
+export declare const RESET_TO_AUTH_STEPS: ModalStep[];
+export declare const RESET_TO_ACCOUNT_STEPS: ModalStep[];
+export declare const AccountPreviousStep: {
+    [key in AccountStep]: ModalStep | undefined;
+};
+declare enum SignUpModalStep {
+    AUTH_MAIN = "AUTH_MAIN",
+    AUTH_MORE = "AUTH_MORE",
+    EX_WALLET_MORE = "EX_WALLET_MORE",
+    EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
+    VERIFICATIONS = "VERIFICATIONS",
+    EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
+    AWAITING_OAUTH = "AWAITING_OAUTH",
+    FARCASTER_OAUTH = "FARCASTER_OAUTH",
+    TELEGRAM_OAUTH = "TELEGRAM_OAUTH",
+    BIOMETRIC_CREATION = "BIOMETRIC_CREATION",
+    AWAITING_BIOMETRIC_CREATION = "AWAITING_BIOMETRIC_CREATION",
+    PASSWORD_CREATION = "PASSWORD_CREATION",
+    AWAITING_PASSWORD_CREATION = "AWAITING_PASSWORD_CREATION",
+    AWAITING_WALLET_CREATION = "AWAITING_WALLET_CREATION",
+    WALLET_CREATION_DONE = "WALLET_CREATION_DONE",
+    SECRET = "SECRET",
+    SETUP_2FA = "SETUP_2FA",
+    VERIFY_2FA = "VERIFY_2FA",
+    TWO_FACTOR_DONE = "TWO_FACTOR_DONE",
+    ADD_FUNDS_BUY = "ADD_FUNDS_BUY",
+    ADD_FUNDS_RECEIVE = "ADD_FUNDS_RECEIVE",
+    ADD_FUNDS_WITHDRAW = "ADD_FUNDS_WITHDRAW",
+    ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
+    ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
+    ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
+    AWAITING_IFRAME = "AWAITING_IFRAME"
+}
+export declare const SignUpPreviousStep: {
+    [key in SignUpModalStep]: ModalStep | undefined;
+};
+export declare const GuestPreviousStep: {
+    [key in AccountStep]: ModalStep | undefined;
+};
+declare enum LoginModalStep {
+    AUTH_MAIN = "AUTH_MAIN",
+    AUTH_MORE = "AUTH_MORE",
+    EX_WALLET_MORE = "EX_WALLET_MORE",
+    EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
+    AWAITING_OAUTH = "AWAITING_OAUTH",
+    FARCASTER_OAUTH = "FARCASTER_OAUTH",
+    TELEGRAM_OAUTH = "TELEGRAM_OAUTH",
+    BIOMETRIC_LOGIN = "BIOMETRIC_LOGIN",
+    EMBEDDED_PASSWORD_LOGIN = "EMBEDDED_PASSWORD_LOGIN",
+    AWAITING_BIOMETRIC_LOGIN = "AWAITING_BIOMETRIC_LOGIN",
+    AWAITING_PASSWORD_LOGIN = "AWAITING_PASSWORD_LOGIN",
+    AWAITING_WALLET_CREATION = "AWAITING_WALLET_CREATION",
+    WALLET_CREATION_DONE = "WALLET_CREATION_DONE",
+    SECRET = "SECRET",
+    SETUP_2FA = "SETUP_2FA",
+    VERIFY_2FA = "VERIFY_2FA",
+    TWO_FACTOR_DONE = "TWO_FACTOR_DONE",
+    LOGIN_DONE = "LOGIN_DONE",
+    ADD_FUNDS_BUY = "ADD_FUNDS_BUY",
+    ADD_FUNDS_RECEIVE = "ADD_FUNDS_RECEIVE",
+    ADD_FUNDS_WITHDRAW = "ADD_FUNDS_WITHDRAW",
+    ADD_FUNDS_AWAITING = "ADD_FUNDS_AWAITING",
+    ADD_FUNDS_SUCCESS = "ADD_FUNDS_SUCCESS",
+    ADD_FUNDS_FAILURE = "ADD_FUNDS_FAILURE",
+    AWAITING_IFRAME = "AWAITING_IFRAME"
+}
+export declare const LoginPreviousStep: {
+    [key in LoginModalStep]: ModalStep | undefined;
+};
+export declare const getStepHasFooter: (step: ModalStep) => boolean;
+export declare function getAddFundsStep(currentTab: EnabledFlow): ModalStep;
+export declare const IFrameSteps: ModalStep[];
+export {};