@getpara/react-sdk 1.2.0 → 1.3.1-dev.1

package/dist/modal/providers/SolanaExternalWalletContextStub.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonWallet } from '../types/commonTypes.js';
-import ParaWeb from '@getpara/web-sdk';
-export declare const defaultSolanaExternalWallet: {
-    wallets: any[];
-    disconnect: () => Promise<void>;
-};
-export type SolanaExternalWalletContextType = {
-    wallets: CommonWallet[];
-    disconnect: () => Promise<void>;
-};
-export declare const SolanaExternalWalletContext: import("react").Context<SolanaExternalWalletContextType>;
-export interface SolanaExternalWalletProviderProps {
-    children: ReactNode;
-    para: ParaWeb;
-    onSwitchWallet: (args: {
-        address?: string;
-        error?: string;
-    }) => void;
-}
-export declare function SolanaExternalWalletProvider({ children }: SolanaExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal/providers/SolanaExternalWalletContextStub.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-export const defaultSolanaExternalWallet = {
-    wallets: [],
-    disconnect: () => Promise.resolve(),
-};
-export const SolanaExternalWalletContext = createContext(defaultSolanaExternalWallet);
-export function SolanaExternalWalletProvider({ children }) {
-    const wallets = [];
-    const disconnect = () => Promise.resolve();
-    return (_jsx(SolanaExternalWalletContext.Provider, { value: useMemo(() => ({ wallets, disconnect }), [wallets, disconnect]), children: children }));
-}

package/dist/modal/stores/externalWalletProvider/actions.d.ts

@@ -1,3 +0,0 @@
-import { StoreApi } from 'zustand';
-import { ExternalWalletProviderActions, ExternalWalletProviderStore } from './useExternalWalletProviderStore.js';
-export declare const getActions: (set: StoreApi<ExternalWalletProviderStore>["setState"]) => ExternalWalletProviderActions;

package/dist/modal/stores/externalWalletProvider/actions.js

@@ -1,5 +0,0 @@
-export const getActions = (set) => ({
-    updateState: state => {
-        set(state);
-    },
-});

package/dist/modal/stores/externalWalletProvider/useExternalWalletProviderStore.d.ts

@@ -1,20 +0,0 @@
-import { EvmExternalWalletContextType, EvmExternalWalletProvider } from '../../providers/EvmExternalWalletContextStub.js';
-import { Context } from 'react';
-import { SolanaExternalWalletContextType, SolanaExternalWalletProvider } from '../../providers/SolanaExternalWalletContextStub.js';
-import { CosmosExternalWalletContextType, CosmosExternalWalletProvider } from '../../providers/CosmosExternalWalletContextStub.js';
-interface ExternalWalletProviderState {
-    EvmProvider?: typeof EvmExternalWalletProvider;
-    evmContext?: Context<EvmExternalWalletContextType>;
-    SolanaProvider?: typeof SolanaExternalWalletProvider;
-    solanaContext?: Context<SolanaExternalWalletContextType>;
-    CosmosProvider?: typeof CosmosExternalWalletProvider;
-    cosmosContext?: Context<CosmosExternalWalletContextType>;
-    connectParaEvmWallet?: () => Promise<any>;
-    connectParaCosmosWallet?: () => Promise<any>;
-}
-export interface ExternalWalletProviderActions {
-    updateState: (state: Partial<ExternalWalletProviderState>) => void;
-}
-export type ExternalWalletProviderStore = ExternalWalletProviderState & ExternalWalletProviderActions;
-export declare const useExternalWalletProviderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ExternalWalletProviderStore>>;
-export {};

package/dist/modal/stores/externalWalletProvider/useExternalWalletProviderStore.js

@@ -1,13 +0,0 @@
-import { create } from 'zustand';
-import { getActions } from './actions.js';
-const DEFAULT_EX_WALLET_PROVIDER_STATE = {
-    EvmProvider: undefined,
-    evmContext: undefined,
-    SolanaProvider: undefined,
-    solanaContext: undefined,
-    CosmosProvider: undefined,
-    cosmosContext: undefined,
-    connectParaEvmWallet: undefined,
-    connectParaCosmosWallet: undefined,
-};
-export const useExternalWalletProviderStore = create(set => (Object.assign(Object.assign({}, DEFAULT_EX_WALLET_PROVIDER_STATE), getActions(set))));

package/dist/modal/stores/index.js

@@ -1,3 +0,0 @@
-export * from './modal/useModalStore.js';
-export * from './userInfo/useUserInfoStore.js';
-export * from './theme/useThemeStore.js';

package/dist/modal/stores/modal/actions.js

@@ -1,64 +0,0 @@
-import { DEFAULT_MODAL_STATE } from './useModalStore.js';
-import { AccountPreviousStep, LoginPreviousStep, ModalStep, SignUpPreviousStep } from '../../utils/steps.js';
-export const getActions = (set, get) => ({
-    resetState: () => set(DEFAULT_MODAL_STATE),
-    setOnModalStepChange: onModalStepChange => set({ onModalStepChange }),
-    setStep: step => {
-        const onModalStepChange = get().onModalStepChange;
-        const previousStep = get().step;
-        set({ step });
-        onModalStepChange === null || onModalStepChange === void 0 ? void 0 : onModalStepChange({ previousStep, currentStep: step, canGoBack: get().hasPreviousStep() });
-    },
-    decrementStep: () => {
-        const onModalStepChange = get().onModalStepChange;
-        const isLogin = get().flow === 'login';
-        const isAccount = get().flow === 'account';
-        const currentStep = get().step;
-        const webAuthURLForCreate = get().webAuthURLForCreate;
-        const iFrameUrl = get().iFrameUrl;
-        let prevStep = (isAccount ? AccountPreviousStep : isLogin ? LoginPreviousStep : SignUpPreviousStep)[currentStep];
-        if (currentStep === ModalStep.PASSWORD_CREATION && iFrameUrl && !webAuthURLForCreate) {
-            prevStep = ModalStep.AUTH_MAIN;
-        }
-        if (currentStep === ModalStep.EX_WALLET_SELECTED) {
-            set({ selectedExternalWalletId: undefined, isExternalWalletConnecting: false, externalWalletError: undefined });
-        }
-        if (prevStep) {
-            set({ step: prevStep, stepDirection: -1 });
-            onModalStepChange === null || onModalStepChange === void 0 ? void 0 : onModalStepChange({ previousStep: currentStep, currentStep: prevStep, canGoBack: get().hasPreviousStep() });
-        }
-    },
-    hasPreviousStep: () => {
-        const isLogin = get().flow === 'login';
-        const isAccount = get().flow === 'account';
-        const currentStep = get().step;
-        return !!(isAccount
-            ? AccountPreviousStep[currentStep]
-            : isLogin
-                ? LoginPreviousStep[currentStep]
-                : SignUpPreviousStep[currentStep]);
-    },
-    setPopupWindow: popupWindow => {
-        set({ popupWindow });
-    },
-    setFlow: flow => set({ flow }),
-    isLogin: () => get().flow === 'login',
-    isAccount: () => get().flow === 'account',
-    setWebAuthURLForLogin: url => set({ webAuthURLForLogin: url }),
-    setWebAuthURLForCreate: url => set({ webAuthURLForCreate: url }),
-    setPasswordUrlForLogin: url => set({ passwordUrlForLogin: url }),
-    setSupportedAuthMethods: supportedAuthMethods => set({ supportedAuthMethods }),
-    setOnRampPurchase: onRampPurchase => set(state => ({ onRampPurchase: Object.assign(Object.assign({}, (state.onRampPurchase || {})), onRampPurchase) })),
-    setOnRampConfig: onRampConfig => set({ onRampConfig }),
-    setIsFullyLoggedIn: isFullyLoggedIn => set({ isFullyLoggedIn }),
-    setAccountAddFundTab: accountAddFundTab => set({ accountAddFundTab }),
-    setSelectedExternalWalletId: selectedExternalWalletId => set({ selectedExternalWalletId }),
-    setIsExternalWalletConnecting: isExternalWalletConnecting => set({ isExternalWalletConnecting }),
-    setExternalWalletError: externalWalletError => set({ externalWalletError }),
-    setIsUsingMobileConnector: isUsingMobileConnector => set({ isUsingMobileConnector }),
-    setStepDirection: stepDirection => set({ stepDirection }),
-    setFarcasterConnectUri: farcasterConnectUri => set({ farcasterConnectUri }),
-    setBiometricLocationHints: biometricLocationHints => set({ biometricLocationHints }),
-    setIFrameUrl: iFrameUrl => set({ iFrameUrl }),
-    setIsIFrameReady: isIFrameReady => set({ isIFrameReady }),
-});

package/dist/modal/stores/modal/useModalStore.js

@@ -1,41 +0,0 @@
-import { create } from 'zustand';
-import { persist, createJSONStorage } from 'zustand/middleware';
-import { ModalStep } from '../../utils/steps.js';
-import { getActions } from './actions.js';
-// Omitting step from default here since it's set dynamically when the modal opens and closes
-export const DEFAULT_MODAL_STATE = {
-    flow: undefined,
-    stepDirection: 1,
-    webAuthURLForLogin: undefined,
-    webAuthURLForCreate: undefined,
-    passwordUrlForLogin: undefined,
-    supportedAuthMethods: new Set(),
-    onModalStepChange: undefined,
-    onRampPurchase: undefined,
-    popupWindow: undefined,
-    isFullyLoggedIn: false,
-    accountAddFundTab: undefined,
-    isExternalWalletConnecting: false,
-    externalWalletError: undefined,
-    activeWallet: [undefined, undefined],
-    farcasterConnectUri: undefined,
-    biometricLocationHints: undefined,
-    iFrameUrl: undefined,
-    isIFrameReady: undefined,
-};
-export const useModalStore = create()(persist((set, get) => (Object.assign(Object.assign({ step: ModalStep.AUTH_MAIN, onRampConfig: undefined, activeWallet: undefined }, DEFAULT_MODAL_STATE), getActions(set, get))), {
-    version: 1,
-    name: '@CAPSULE/modalState',
-    storage: createJSONStorage(() => sessionStorage),
-    partialize: state => ({
-        step: state.step,
-        webAuthURLForLogin: state.webAuthURLForLogin,
-        webAuthURLForCreate: state.webAuthURLForCreate,
-        passwordUrlForLogin: state.passwordUrlForLogin,
-        biometricLocationHints: state.biometricLocationHints,
-        onRampPurchase: state.onRampPurchase,
-        selectedExternalWalletId: state.selectedExternalWalletId,
-        isUsingMobileConnector: state.isUsingMobileConnector,
-        supportedAuthMethods: state.supportedAuthMethods,
-    }),
-}));

package/dist/modal/stores/para/actions.d.ts

@@ -1,3 +0,0 @@
-import { StoreApi } from 'zustand';
-import { ParaActions, ParaStore } from './useParaStore.js';
-export declare const getActions: (set: StoreApi<ParaStore>["setState"]) => ParaActions;

package/dist/modal/stores/para/actions.js

@@ -1,5 +0,0 @@
-export const getActions = (set) => ({
-    setPara: para => {
-        set({ para: para });
-    },
-});

package/dist/modal/stores/para/useParaStore.d.ts

@@ -1,10 +0,0 @@
-import { ParaInternal } from '@getpara/react-common';
-interface ParaState {
-    para: ParaInternal | undefined;
-}
-export interface ParaActions {
-    setPara: (para: ParaInternal) => void;
-}
-export type ParaStore = ParaState & ParaActions;
-export declare const useParaStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ParaStore>>;
-export {};

package/dist/modal/stores/para/useParaStore.js

@@ -1,3 +0,0 @@
-import { create } from 'zustand';
-import { getActions } from './actions.js';
-export const useParaStore = create(set => (Object.assign({ para: undefined }, getActions(set))));

package/dist/modal/stores/theme/actions.d.ts

@@ -1,3 +0,0 @@
-import { StoreApi } from 'zustand';
-import { ThemeActions, ThemeStore } from './useThemeStore.js';
-export declare const getActions: (set: StoreApi<ThemeStore>["setState"], get: StoreApi<ThemeStore>["getState"]) => ThemeActions;

package/dist/modal/stores/theme/actions.js

@@ -1,24 +0,0 @@
-export const getActions = (set, get) => ({
-    updateState: state => {
-        set(state);
-    },
-    getLogo: () => {
-        var _a;
-        return (_a = get().logo) !== null && _a !== void 0 ? _a : undefined;
-    },
-    setAuthLayout: authLayout => {
-        const types = [];
-        const uniqueLayouts = [];
-        authLayout.map(layout => {
-            const type = layout.split(':')[0];
-            if (!types.includes(type)) {
-                uniqueLayouts.push(layout);
-                types.push(type);
-            }
-            else {
-                console.warn(`${layout} is a duplicate ${type} layout type. Please remove the duplicate type from your config.`);
-            }
-        });
-        set({ authLayout: uniqueLayouts });
-    },
-});

package/dist/modal/stores/theme/useThemeStore.d.ts

@@ -1,20 +0,0 @@
-import { ParaModalTheme, OAuthLogoVariantType, TAuthLayout } from '../../types/modalProps.js';
-interface ThemeState {
-    isDark?: boolean;
-    logo?: string;
-    appName?: string;
-    bareModal?: boolean;
-    embeddedModal?: boolean;
-    oAuthLogoVariant?: OAuthLogoVariantType;
-    authLayout?: TAuthLayout[];
-    theme?: ParaModalTheme;
-    hideWallets?: boolean;
-}
-export interface ThemeActions {
-    updateState: (state: Partial<ThemeState>) => void;
-    getLogo: () => string | undefined;
-    setAuthLayout: (authLayout: TAuthLayout[]) => void;
-}
-export type ThemeStore = ThemeState & ThemeActions;
-export declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeStore>>;
-export {};

package/dist/modal/stores/theme/useThemeStore.js

@@ -1,14 +0,0 @@
-import { create } from 'zustand';
-import { getActions } from './actions.js';
-import { AuthLayout } from '../../types/modalProps.js';
-const DEFAULT_THEME = {
-    isDark: false,
-    logo: undefined,
-    appName: undefined,
-    bareModal: false,
-    embeddedModal: false,
-    oAuthLogoVariant: undefined,
-    authLayout: [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL],
-    hideWallets: false,
-};
-export const useThemeStore = create((set, get) => (Object.assign(Object.assign({}, DEFAULT_THEME), getActions(set, get))));

package/dist/modal/stores/userInfo/actions.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { DEFAULT_USER_INFO_STATE } from './useUserInfoStore.js';
-import { extractAuthInfo } from '@getpara/user-management-client';
-export const getActions = (set, get) => ({
-    resetState: () => {
-        set(DEFAULT_USER_INFO_STATE);
-    },
-    setAuthInfo: (_a) => {
-        var { pfpUrl, displayName } = _a, auth = __rest(_a, ["pfpUrl", "displayName"]);
-        set({ auth, pfpUrl: pfpUrl || null, displayName: displayName || null });
-    },
-    getAuthInfo: () => {
-        try {
-            return get().auth
-                ? Object.assign(Object.assign({}, extractAuthInfo(get().auth, { isRequired: true })), { pfpUrl: get().pfpUrl, displayName: get().displayName }) : null;
-        }
-        catch (e) {
-            return null;
-        }
-    },
-    setRecoveryShare: recoveryShare => {
-        set({ recoveryShare });
-    },
-});

package/dist/modal/stores/userInfo/useUserInfoStore.js

@@ -1,9 +0,0 @@
-import { create } from 'zustand';
-import { getActions } from './actions.js';
-export const DEFAULT_USER_INFO_STATE = {
-    auth: null,
-    recoveryShare: null,
-    pfpUrl: null,
-    displayName: null,
-};
-export const useUserInfoStore = create((set, get) => (Object.assign(Object.assign({}, DEFAULT_USER_INFO_STATE), getActions(set, get))));

package/dist/modal/types/commonTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/modal/types/externalWallets.js

@@ -1,21 +0,0 @@
-export var EvmWallet;
-(function (EvmWallet) {
-    EvmWallet["METAMASK"] = "METAMASK";
-    EvmWallet["RAINBOW"] = "RAINBOW";
-    EvmWallet["COINBASE"] = "COINBASE";
-    EvmWallet["WALLETCONNECT"] = "WALLETCONNECT";
-    EvmWallet["ZERION"] = "ZERION";
-    EvmWallet["RABBY"] = "RABBY";
-})(EvmWallet || (EvmWallet = {}));
-export var SolanaWallet;
-(function (SolanaWallet) {
-    SolanaWallet["PHANTOM"] = "PHANTOM";
-    SolanaWallet["GLOW"] = "GLOW";
-    SolanaWallet["BACKPACK"] = "BACKPACK";
-})(SolanaWallet || (SolanaWallet = {}));
-export var CosmosWallet;
-(function (CosmosWallet) {
-    CosmosWallet["KEPLR"] = "KEPLR";
-    CosmosWallet["LEAP"] = "LEAP";
-})(CosmosWallet || (CosmosWallet = {}));
-export const ExternalWallet = Object.assign(Object.assign(Object.assign({}, EvmWallet), SolanaWallet), CosmosWallet);

package/dist/modal/types/modalProps.js

@@ -1,7 +0,0 @@
-export var AuthLayout;
-(function (AuthLayout) {
-    AuthLayout["AUTH_FULL"] = "AUTH:FULL";
-    AuthLayout["AUTH_CONDENSED"] = "AUTH:CONDENSED";
-    AuthLayout["EXTERNAL_FULL"] = "EXTERNAL:FULL";
-    AuthLayout["EXTERNAL_CONDENSED"] = "EXTERNAL:CONDENSED";
-})(AuthLayout || (AuthLayout = {}));

package/dist/modal/utils/authLayoutHelpers.js

@@ -1,2 +0,0 @@
-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.js

@@ -1,5 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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.js

@@ -1,10 +0,0 @@
-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.js

@@ -1,55 +0,0 @@
-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.js

@@ -1,35 +0,0 @@
-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;
-            }
-        }
-    }
-};