@getpara/react-sdk 0.1.0

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";
+export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";

package/dist/modal/utils/authLayoutHelpers.js

@@ -0,0 +1,2 @@
+export const hasExternalWallet = (authLayout) => authLayout.find(layout => layout.includes('EXTERNAL'));
+export const hasEmbeddedAuth = (authLayout) => authLayout.find(layout => layout.includes('AUTH'));

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,5 @@
+export 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;
+}

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)";

package/dist/modal/utils/getTileButtonFlex.js

@@ -0,0 +1,15 @@
+export 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)`;
+    }
+};

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

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

package/dist/modal/utils/isPasskeySupported.js

@@ -0,0 +1,10 @@
+import { detect } from 'detect-browser';
+export const isPasskeySupported = () => {
+    const browser = detect();
+    switch (browser.os) {
+        case 'linux':
+        case 'Chrome OS':
+            return false;
+    }
+    return true;
+};

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

@@ -0,0 +1 @@
+export declare function openPopup(popupUrl: string, target: string, type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD'): Window;

package/dist/modal/utils/openPopup.js

@@ -0,0 +1,55 @@
+export function openPopup(popupUrl, target, type) {
+    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;
+        }
+    }
+    // Fixes position when using multiple monitors
+    const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
+    const dualScreenTop = window.screenTop !== undefined ? 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(popupUrl, target, windowFeatures);
+    if (!popupWindow) {
+        setTimeout(() => {
+            popupWindow = window.open(popupUrl, '_blank');
+        }, 0);
+    }
+    return popupWindow;
+}

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,35 @@
+import { isAndroid, isMobile, isTelegram } from '@getpara/web-sdk';
+export const routeMobileExternalWallet = (qrUri) => {
+    if (isMobile()) {
+        if (!qrUri)
+            return;
+        if (!isTelegram() && qrUri.startsWith('http')) {
+            // Workaround for https://github.com/rainbow-me/rainbowkit/issues/524.
+            // Using 'window.open' causes issues on iOS in non-Safari browsers and
+            // WebViews where a blank tab is left behind after connecting.
+            // This is especially bad in some WebView scenarios (e.g. following a
+            // link from Twitter) where the user doesn't have any mechanism for
+            // closing the blank tab.
+            // For whatever reason, links with a target of "_blank" don't suffer
+            // from this problem, and programmatically clicking a detached link
+            // element with the same attributes also avoids the issue.
+            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;
+            }
+        }
+    }
+};

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

@@ -0,0 +1,112 @@
+import { EnabledFlow } from '@getpara/web-sdk';
+export declare enum ModalStep {
+    AUTH_MAIN = "AUTH_MAIN",
+    AUTH_MORE = "AUTH_MORE",
+    EX_WALLET_MORE = "EX_WALLET_MORE",
+    EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    VERIFICATIONS = "VERIFICATIONS",
+    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",
+    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"
+}
+export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
+export type ModalStepPropL = Lowercase<ModalStepPropU>;
+export type ModalStepProp = ModalStepPropU | ModalStepPropL;
+declare enum AccountStep {
+    ACCOUNT_MAIN = "ACCOUNT_MAIN",
+    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"
+}
+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",
+    VERIFICATIONS = "VERIFICATIONS",
+    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"
+}
+export declare const SignUpPreviousStep: {
+    [key in SignUpModalStep]: 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",
+    AWAITING_OAUTH = "AWAITING_OAUTH",
+    FARCASTER_OAUTH = "FARCASTER_OAUTH",
+    TELEGRAM_OAUTH = "TELEGRAM_OAUTH",
+    BIOMETRIC_LOGIN = "BIOMETRIC_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"
+}
+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 {};

package/dist/modal/utils/steps.js

@@ -0,0 +1,215 @@
+export var ModalStep;
+(function (ModalStep) {
+    ModalStep["AUTH_MAIN"] = "AUTH_MAIN";
+    ModalStep["AUTH_MORE"] = "AUTH_MORE";
+    ModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
+    ModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+    ModalStep["VERIFICATIONS"] = "VERIFICATIONS";
+    ModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
+    ModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
+    ModalStep["BIOMETRIC_CREATION"] = "BIOMETRIC_CREATION";
+    ModalStep["AWAITING_BIOMETRIC_CREATION"] = "AWAITING_BIOMETRIC_CREATION";
+    ModalStep["PASSWORD_CREATION"] = "PASSWORD_CREATION";
+    ModalStep["AWAITING_PASSWORD_CREATION"] = "AWAITING_PASSWORD_CREATION";
+    ModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
+    ModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
+    ModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
+    ModalStep["SECRET"] = "SECRET";
+    ModalStep["BIOMETRIC_LOGIN"] = "BIOMETRIC_LOGIN";
+    ModalStep["AWAITING_BIOMETRIC_LOGIN"] = "AWAITING_BIOMETRIC_LOGIN";
+    ModalStep["AWAITING_PASSWORD_LOGIN"] = "AWAITING_PASSWORD_LOGIN";
+    ModalStep["LOGIN_DONE"] = "LOGIN_DONE";
+    ModalStep["SETUP_2FA"] = "SETUP_2FA";
+    ModalStep["VERIFY_2FA"] = "VERIFY_2FA";
+    ModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
+    ModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
+    ModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
+    ModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
+    ModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
+    ModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
+    ModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
+    ModalStep["ACCOUNT_MAIN"] = "ACCOUNT_MAIN";
+    ModalStep["CHAIN_SWITCH"] = "CHAIN_SWITCH";
+})(ModalStep || (ModalStep = {}));
+var AccountStep;
+(function (AccountStep) {
+    AccountStep["ACCOUNT_MAIN"] = "ACCOUNT_MAIN";
+    AccountStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
+    AccountStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
+    AccountStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
+    AccountStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
+    AccountStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
+    AccountStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
+    AccountStep["CHAIN_SWITCH"] = "CHAIN_SWITCH";
+})(AccountStep || (AccountStep = {}));
+export const RESET_TO_AUTH_STEPS = [
+    ModalStep.EX_WALLET_MORE,
+    ModalStep.EX_WALLET_SELECTED,
+    ModalStep.VERIFICATIONS,
+    ModalStep.AWAITING_OAUTH,
+    ModalStep.FARCASTER_OAUTH,
+    ModalStep.TELEGRAM_OAUTH,
+    ModalStep.BIOMETRIC_CREATION,
+    ModalStep.AWAITING_BIOMETRIC_CREATION,
+    ModalStep.PASSWORD_CREATION,
+    ModalStep.AWAITING_PASSWORD_CREATION,
+    ModalStep.BIOMETRIC_LOGIN,
+    ModalStep.AWAITING_BIOMETRIC_LOGIN,
+    ModalStep.AWAITING_PASSWORD_LOGIN,
+    ModalStep.AWAITING_WALLET_CREATION,
+    ModalStep.AWAITING_WALLET_CREATION,
+    ModalStep.WALLET_CREATION_DONE,
+    ModalStep.SETUP_2FA,
+    ModalStep.VERIFY_2FA,
+    ModalStep.TWO_FACTOR_DONE,
+    ModalStep.LOGIN_DONE,
+];
+export const RESET_TO_ACCOUNT_STEPS = [
+    ModalStep.ADD_FUNDS_BUY,
+    ModalStep.ADD_FUNDS_RECEIVE,
+    ModalStep.ADD_FUNDS_WITHDRAW,
+    ModalStep.ADD_FUNDS_AWAITING,
+    ModalStep.ADD_FUNDS_SUCCESS,
+    ModalStep.ADD_FUNDS_FAILURE,
+    ModalStep.CHAIN_SWITCH,
+];
+export const AccountPreviousStep = {
+    [AccountStep.ACCOUNT_MAIN]: undefined,
+    [AccountStep.ADD_FUNDS_BUY]: ModalStep.ACCOUNT_MAIN,
+    [AccountStep.ADD_FUNDS_WITHDRAW]: ModalStep.ACCOUNT_MAIN,
+    [AccountStep.ADD_FUNDS_RECEIVE]: ModalStep.ACCOUNT_MAIN,
+    [AccountStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
+    [AccountStep.ADD_FUNDS_SUCCESS]: ModalStep.ACCOUNT_MAIN,
+    [AccountStep.ADD_FUNDS_FAILURE]: ModalStep.ACCOUNT_MAIN,
+    [AccountStep.CHAIN_SWITCH]: ModalStep.ACCOUNT_MAIN,
+};
+var SignUpModalStep;
+(function (SignUpModalStep) {
+    SignUpModalStep["AUTH_MAIN"] = "AUTH_MAIN";
+    SignUpModalStep["AUTH_MORE"] = "AUTH_MORE";
+    SignUpModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
+    SignUpModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+    SignUpModalStep["VERIFICATIONS"] = "VERIFICATIONS";
+    SignUpModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
+    SignUpModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
+    SignUpModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
+    SignUpModalStep["BIOMETRIC_CREATION"] = "BIOMETRIC_CREATION";
+    SignUpModalStep["AWAITING_BIOMETRIC_CREATION"] = "AWAITING_BIOMETRIC_CREATION";
+    SignUpModalStep["PASSWORD_CREATION"] = "PASSWORD_CREATION";
+    SignUpModalStep["AWAITING_PASSWORD_CREATION"] = "AWAITING_PASSWORD_CREATION";
+    SignUpModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
+    SignUpModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
+    SignUpModalStep["SECRET"] = "SECRET";
+    SignUpModalStep["SETUP_2FA"] = "SETUP_2FA";
+    SignUpModalStep["VERIFY_2FA"] = "VERIFY_2FA";
+    SignUpModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
+    SignUpModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
+    SignUpModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
+    SignUpModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
+    SignUpModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
+    SignUpModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
+    SignUpModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
+})(SignUpModalStep || (SignUpModalStep = {}));
+export const SignUpPreviousStep = {
+    [SignUpModalStep.AUTH_MAIN]: undefined,
+    [SignUpModalStep.AUTH_MORE]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.EX_WALLET_MORE]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.EX_WALLET_SELECTED]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.VERIFICATIONS]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.AWAITING_OAUTH]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.TELEGRAM_OAUTH]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.FARCASTER_OAUTH]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.BIOMETRIC_CREATION]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.AWAITING_BIOMETRIC_CREATION]: ModalStep.BIOMETRIC_CREATION,
+    [SignUpModalStep.PASSWORD_CREATION]: ModalStep.BIOMETRIC_CREATION,
+    [SignUpModalStep.AWAITING_PASSWORD_CREATION]: ModalStep.BIOMETRIC_CREATION,
+    [SignUpModalStep.AWAITING_WALLET_CREATION]: undefined,
+    [SignUpModalStep.WALLET_CREATION_DONE]: undefined,
+    [SignUpModalStep.SECRET]: undefined,
+    [SignUpModalStep.SETUP_2FA]: ModalStep.SECRET,
+    [SignUpModalStep.VERIFY_2FA]: ModalStep.SETUP_2FA,
+    [SignUpModalStep.TWO_FACTOR_DONE]: undefined,
+    [SignUpModalStep.ADD_FUNDS_BUY]: ModalStep.WALLET_CREATION_DONE,
+    [SignUpModalStep.ADD_FUNDS_RECEIVE]: ModalStep.WALLET_CREATION_DONE,
+    [SignUpModalStep.ADD_FUNDS_WITHDRAW]: ModalStep.WALLET_CREATION_DONE,
+    [SignUpModalStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
+    [SignUpModalStep.ADD_FUNDS_SUCCESS]: undefined,
+    [SignUpModalStep.ADD_FUNDS_FAILURE]: undefined,
+};
+var LoginModalStep;
+(function (LoginModalStep) {
+    LoginModalStep["AUTH_MAIN"] = "AUTH_MAIN";
+    LoginModalStep["AUTH_MORE"] = "AUTH_MORE";
+    LoginModalStep["EX_WALLET_MORE"] = "EX_WALLET_MORE";
+    LoginModalStep["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+    LoginModalStep["AWAITING_OAUTH"] = "AWAITING_OAUTH";
+    LoginModalStep["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
+    LoginModalStep["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
+    LoginModalStep["BIOMETRIC_LOGIN"] = "BIOMETRIC_LOGIN";
+    LoginModalStep["AWAITING_BIOMETRIC_LOGIN"] = "AWAITING_BIOMETRIC_LOGIN";
+    LoginModalStep["AWAITING_PASSWORD_LOGIN"] = "AWAITING_PASSWORD_LOGIN";
+    LoginModalStep["AWAITING_WALLET_CREATION"] = "AWAITING_WALLET_CREATION";
+    LoginModalStep["WALLET_CREATION_DONE"] = "WALLET_CREATION_DONE";
+    LoginModalStep["SECRET"] = "SECRET";
+    LoginModalStep["SETUP_2FA"] = "SETUP_2FA";
+    LoginModalStep["VERIFY_2FA"] = "VERIFY_2FA";
+    LoginModalStep["TWO_FACTOR_DONE"] = "TWO_FACTOR_DONE";
+    LoginModalStep["LOGIN_DONE"] = "LOGIN_DONE";
+    LoginModalStep["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
+    LoginModalStep["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
+    LoginModalStep["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
+    LoginModalStep["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
+    LoginModalStep["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
+    LoginModalStep["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
+})(LoginModalStep || (LoginModalStep = {}));
+export const LoginPreviousStep = {
+    [LoginModalStep.AUTH_MAIN]: undefined,
+    [LoginModalStep.AUTH_MORE]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.EX_WALLET_MORE]: ModalStep.AUTH_MAIN,
+    [SignUpModalStep.EX_WALLET_SELECTED]: ModalStep.AUTH_MAIN,
+    [LoginModalStep.TELEGRAM_OAUTH]: ModalStep.AUTH_MAIN,
+    [LoginModalStep.AWAITING_OAUTH]: ModalStep.AUTH_MAIN,
+    [LoginModalStep.FARCASTER_OAUTH]: ModalStep.AUTH_MAIN,
+    [LoginModalStep.BIOMETRIC_LOGIN]: ModalStep.AUTH_MAIN,
+    [LoginModalStep.AWAITING_BIOMETRIC_LOGIN]: ModalStep.BIOMETRIC_LOGIN,
+    [LoginModalStep.AWAITING_PASSWORD_LOGIN]: ModalStep.BIOMETRIC_LOGIN,
+    [LoginModalStep.AWAITING_WALLET_CREATION]: undefined,
+    [LoginModalStep.WALLET_CREATION_DONE]: undefined,
+    [LoginModalStep.SECRET]: undefined,
+    [LoginModalStep.SETUP_2FA]: undefined,
+    [LoginModalStep.VERIFY_2FA]: ModalStep.SETUP_2FA,
+    [LoginModalStep.TWO_FACTOR_DONE]: undefined,
+    [LoginModalStep.LOGIN_DONE]: undefined,
+    [LoginModalStep.ADD_FUNDS_BUY]: ModalStep.LOGIN_DONE,
+    [LoginModalStep.ADD_FUNDS_RECEIVE]: ModalStep.LOGIN_DONE,
+    [LoginModalStep.ADD_FUNDS_WITHDRAW]: ModalStep.LOGIN_DONE,
+    [LoginModalStep.ADD_FUNDS_AWAITING]: ModalStep.ADD_FUNDS_BUY,
+    [LoginModalStep.ADD_FUNDS_SUCCESS]: undefined,
+    [LoginModalStep.ADD_FUNDS_FAILURE]: undefined,
+};
+export const getStepHasFooter = (step) => {
+    switch (step) {
+        case ModalStep.AUTH_MAIN:
+        case ModalStep.AUTH_MORE:
+        case ModalStep.EX_WALLET_MORE:
+        case ModalStep.EX_WALLET_SELECTED:
+        case ModalStep.VERIFICATIONS: {
+            return true;
+        }
+        default: {
+            return false;
+        }
+    }
+};
+export function getAddFundsStep(currentTab) {
+    switch (currentTab) {
+        case 'BUY':
+            return ModalStep.ADD_FUNDS_BUY;
+        case 'RECEIVE':
+            return ModalStep.ADD_FUNDS_RECEIVE;
+        case 'WITHDRAW':
+        default:
+            return ModalStep.ADD_FUNDS_WITHDRAW;
+    }
+}
+export const IFrameSteps = [ModalStep.PASSWORD_CREATION];

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

@@ -0,0 +1,4 @@
+import { Network } from '@getpara/web-sdk';
+export declare const formatNetworkList: (networks: Network[]) => string;
+export declare const formatWalletCreatedDate: (date: string) => string;
+export declare const camelToSnakeCase: (str: string) => string;

package/dist/modal/utils/stringFormatters.js

@@ -0,0 +1,12 @@
+import { getNetworkName } from '../constants/constants.js';
+import { format } from 'date-fns';
+export const formatNetworkList = (networks) => {
+    return networks.length === 1
+        ? getNetworkName(networks[0])
+        : `${networks
+            .map(id => getNetworkName(id))
+            .slice(0, -1)
+            .join(', ')}${networks.length > 2 ? ',' : ''} and ${getNetworkName(networks[networks.length - 1])}`;
+};
+export const formatWalletCreatedDate = (date) => `${format(new Date(date), 'M/d/y')}`;
+export const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);

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

@@ -0,0 +1,5 @@
+import { OnRampConfig } from '@getpara/web-sdk';
+export declare class OnRampConfigError extends Error {
+    constructor(message: any);
+}
+export declare function validateOnRampConfig(obj?: OnRampConfig): obj is OnRampConfig;

package/dist/modal/utils/validateOnRampConfig.js

@@ -0,0 +1,26 @@
+export class OnRampConfigError extends Error {
+    constructor(message) {
+        super(`On-ramp configuration error: ${message}.`);
+        this.name = 'OnRampConfigError';
+    }
+}
+function checkHasProviders({ providers }) {
+    if (!providers || providers.length < 1) {
+        throw new OnRampConfigError('No providers are configured');
+    }
+}
+function checkDuplicateProviders({ providers }) {
+    providers.forEach((id, index) => {
+        if (providers.findIndex(p => p === id) !== index) {
+            throw new OnRampConfigError(`Provider ${id} is configured more than once`);
+        }
+    });
+}
+export function validateOnRampConfig(obj) {
+    if (!obj) {
+        return false;
+    }
+    checkHasProviders(obj);
+    checkDuplicateProviders(obj);
+    return true;
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@getpara/react-sdk",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles.css": "./dist/modal/css/modal.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@getpara/react-common": "0.1.0",
+    "@getpara/react-components": "0.1.0",
+    "@getpara/web-sdk": "0.1.0",
+    "date-fns": "^3.6.0",
+    "detect-browser": "^5.3.0",
+    "framer-motion": "11.3.28",
+    "libphonenumber-js": "^1.11.1",
+    "styled-components": "^6.1.8",
+    "zustand": "^4.5.2"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc && yarn post-build",
+    "post-build": "./scripts/post-build.sh",
+    "test": "vitest run --coverage"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/chrome": "^0.0.237",
+    "@types/react": "^18.0.31",
+    "@types/react-dom": "^18.2.7",
+    "typescript": "^5.4.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "styles.css"
+  ],
+  "resolutions": {
+    "styled-components": "^6"
+  },
+  "gitHead": "625aaa94001a5461dcde8d6775c3b73f3862c76c"
+}

package/styles.css/package.json

@@ -0,0 +1,3 @@
+{
+  "main": "../dist/modal/css/modal.css"
+}