@getpara/react-sdk 1.2.0 → 1.3.0

package/dist/modal/components/VerificationCodeStep/VerificationCodeStep.js

@@ -1,135 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { CpslCodeInput, CpslSpinner, CpslText } from '@getpara/react-components';
-import { useEffect, useRef, useState } from 'react';
-import { styled } from 'styled-components';
-import { ModalStep } from '../../utils/steps.js';
-import { useModalStore, useThemeStore, useUserInfoStore } from '../../stores/index.js';
-import { Heading, InnerStepContainer, StepContainer } from '../common.js';
-import { AuthMethod } from '@getpara/core-sdk';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-export const VerificationCodeStep = () => {
-    const theme = useThemeStore(state => state.theme);
-    const authInfo = useUserInfoStore(state => state.getAuthInfo());
-    const setStep = useModalStore(state => state.setStep);
-    const setWebAuthURLForCreate = useModalStore(state => state.setWebAuthURLForCreate);
-    const setIFrameUrl = useModalStore(state => state.setIFrameUrl);
-    const setIsIFrameReady = useModalStore(state => state.setIsIFrameReady);
-    const isIFrameReady = useModalStore(state => state.isIFrameReady);
-    const para = useInternalClient();
-    const inputRef = useRef(null);
-    const [code, setCode] = useState('');
-    const [codeError, setCodeError] = useState('');
-    const [resendStatus, setResendStatus] = useState('Resend.');
-    const [resendDisabled, setResendDisabled] = useState(false);
-    const [isVerifying, setIsVerifying] = useState(false);
-    const [shouldRouteToStep, setShouldRouteToStep] = useState();
-    const isEmail = (authInfo === null || authInfo === void 0 ? void 0 : authInfo.authType) === 'email';
-    useEffect(() => {
-        // Using a small timeout here to ensure the input is mounted before attempting focus
-        setTimeout(() => {
-            var _a, _b;
-            (_b = (_a = inputRef.current.shadowRoot.querySelectorAll('input')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.focus();
-        }, 10);
-    }, []);
-    useEffect(() => {
-        if (!!shouldRouteToStep && isIFrameReady) {
-            // Using a small timeout here to fully ensure the iframe is loaded before triggering any animation
-            setTimeout(() => {
-                setStep(shouldRouteToStep);
-                setIsVerifying(false);
-            }, 200);
-        }
-    }, [shouldRouteToStep, isIFrameReady]);
-    useEffect(() => {
-        if (code.length === 6) {
-            handleSubmitCode();
-        }
-    }, [code]);
-    const handleResendClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!resendDisabled) {
-            setResendStatus('Resent!');
-            setResendDisabled(true);
-            isEmail ? yield para.resendVerificationCode() : yield para.resendVerificationCodeByPhone();
-            setTimeout(() => {
-                setResendStatus('Resend.');
-                setResendDisabled(false);
-            }, 3000);
-        }
-    });
-    const handleCodeInput = (e) => {
-        if (codeError) {
-            setCodeError('');
-        }
-        setCode(e.detail.value.trim());
-    };
-    const handleSubmitCode = () => __awaiter(void 0, void 0, void 0, function* () {
-        setIsVerifying(true);
-        if (code.length === 6 && /^\d+$/.test(code)) {
-            try {
-                const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
-                if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD) && supportedCreateAuthMethods.has(AuthMethod.PASSKEY)) {
-                    setIsIFrameReady(false);
-                    const webAuthUrl = isEmail
-                        ? yield para.verifyEmail({ verificationCode: code })
-                        : yield para.verifyPhone({ verificationCode: code });
-                    const passwordAuthUrl = yield para.getSetupPasswordURL({ authType: authInfo === null || authInfo === void 0 ? void 0 : authInfo.authType, theme });
-                    setWebAuthURLForCreate(yield para.shortenLoginLink(webAuthUrl));
-                    setIFrameUrl(yield para.shortenLoginLink(passwordAuthUrl));
-                    setShouldRouteToStep(ModalStep.BIOMETRIC_CREATION);
-                    return;
-                }
-                else if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
-                    setIsIFrameReady(false);
-                    isEmail ? yield para.verifyEmail({ verificationCode: code }) : yield para.verifyPhone({ verificationCode: code });
-                    const url = yield para.getSetupPasswordURL({ authType: authInfo === null || authInfo === void 0 ? void 0 : authInfo.authType, theme });
-                    setIFrameUrl(yield para.shortenLoginLink(url));
-                    setShouldRouteToStep(ModalStep.PASSWORD_CREATION);
-                    return;
-                }
-                else {
-                    const url = isEmail
-                        ? yield para.verifyEmail({ verificationCode: code })
-                        : yield para.verifyPhone({ verificationCode: code });
-                    setWebAuthURLForCreate(yield para.shortenLoginLink(url));
-                    setStep(ModalStep.BIOMETRIC_CREATION);
-                }
-            }
-            catch (e) {
-                if (e.message.includes('429')) {
-                    setCodeError('Too many incorrect attempts. Please try again in 10 minutes.');
-                }
-                else {
-                    setCodeError('Incorrect code.');
-                }
-            }
-        }
-        else {
-            setCodeError('Incorrect code.');
-        }
-        setIsVerifying(false);
-    });
-    return (_jsxs(StepContainer, { "$wide": true, children: [_jsxs(InnerStepContainer, { children: [_jsxs(Heading, { variant: "headingS", weight: "bold", children: ["Verify ", isEmail ? 'Email' : 'Phone Number'] }), _jsxs(InlineText, { variant: "bodyS", color: "secondary", children: ["Please enter the code we sent to ", _jsx(InlineText, { variant: "bodyS", children: authInfo.identifier })] })] }), _jsx(InnerStepContainer, { children: isVerifying ? (_jsx(CpslSpinner, {})) : (_jsxs(_Fragment, { children: [_jsx("form", { onSubmit: (e) => __awaiter(void 0, void 0, void 0, function* () {
-                                e.preventDefault();
-                                yield handleSubmitCode();
-                            }), children: _jsx(StyledCodeInput, { ref: inputRef, length: 6, type: "number", code: code, onCpslInput: handleCodeInput, errorText: codeError, onKeyDown: (e) => __awaiter(void 0, void 0, void 0, function* () { return e.key === 'Enter' && (yield handleSubmitCode()); }) }) }), _jsxs(InlineText, { variant: "bodyS", color: "secondary", children: ["Didn\u2019t receive a code?", ' ', _jsx(ClickableText, { variant: "bodyS", style: { cursor: resendDisabled ? 'default' : 'pointer' }, onClick: handleResendClick, children: resendStatus })] })] })) })] }));
-};
-const StyledCodeInput = styled(CpslCodeInput) `
-  align-self: center;
-`;
-const InlineText = styled(CpslText) `
-  text-align: center;
-  display: inline-block;
-`;
-const ClickableText = styled(InlineText) `
-  cursor: pointer;
-  display: inline-block;
-`;

package/dist/modal/components/Waiting/Waiting.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CpslSpinner, CpslText } from '@getpara/react-components';
-import { Heading, SpinnerContainer, StepContainer, InnerStepContainer } from '../common.js';
-export const Waiting = ({ heading, subheading }) => {
-    return (_jsxs(StepContainer, { "$wide": true, children: [_jsx(SpinnerContainer, { children: _jsx(CpslSpinner, { size: 100 }) }), _jsxs(InnerStepContainer, { children: [_jsx(Heading, { variant: "headingS", weight: "bold", children: heading }), _jsx(CpslText, { variant: "bodyS", color: "secondary", weight: "medium", children: subheading })] })] }));
-};

package/dist/modal/components/WalletCard/PartnerIcon.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { CpslIcon, CpslText } from '@getpara/react-components';
-export const PartnerIcon = ({ partner }) => {
-    const { logoUrl, displayName, backgroundColor, foregroundColor } = partner;
-    if (logoUrl) {
-        return _jsx(Icon, { src: logoUrl });
-    }
-    return (_jsx(Container, { "$backgroundColor": backgroundColor, children: _jsx(Text, { variant: "bodyXS", "$color": foregroundColor, children: displayName[0] }) }));
-};
-const Container = styled.div `
-  width: 14px;
-  height: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: ${({ $backgroundColor }) => `${$backgroundColor !== null && $backgroundColor !== void 0 ? $backgroundColor : 'var(--cpsl-color-contrast)'}`};
-  border-radius: 100%;
-`;
-const Text = styled(CpslText) `
-  &::part(text-element) {
-    line-height: 100%;
-    color: ${({ $color }) => `${$color !== null && $color !== void 0 ? $color : 'var(--cpsl-color-foreground-0)'}`};
-  }
-`;
-const Icon = styled(CpslIcon) `
-  --height: 14px;
-  --width: 14px;
-`;

package/dist/modal/components/WalletCard/WalletCard.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { useModalStore, useThemeStore } from '../../stores/index.js';
-import { CpslButton, CpslIdenticon, CpslText } from '@getpara/react-components';
-import { truncateAddress } from '@getpara/web-sdk';
-import { ModalStep } from '../../utils/steps.js';
-import { useWalletState } from '../../../provider/index.js';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-export const ExternalWalletCard = ({ address, showAddFunds }) => {
-    const para = useInternalClient();
-    const wallet = para.externalWallets[address];
-    if (!wallet) {
-        return null;
-    }
-    return (_jsx(SharedWalletCard, { address: truncateAddress(wallet.address, wallet.type), identiconHash: para.getIdenticonHash(wallet.id, wallet.type), showAddFunds: showAddFunds }));
-};
-export const WalletCard = ({ id, type, showAddFunds }) => {
-    var _a;
-    const para = useInternalClient();
-    const appName = useThemeStore(state => state.appName);
-    const wallet = para.findWallet(id, type);
-    if (!wallet) {
-        return null;
-    }
-    const address = para.getDisplayAddress(wallet.id, { addressType: type });
-    return (_jsx(SharedWalletCard, { id: wallet.id, type: wallet.type, address: truncateAddress(address, type, { prefix: para.cosmosPrefix }), name: (_a = wallet.name) !== null && _a !== void 0 ? _a : `${appName ? `${appName} ` : ''}Wallet`, identiconHash: para.getIdenticonHash(wallet.id, type), showAddFunds: showAddFunds }));
-};
-const SharedWalletCard = ({ address, name, identiconHash, showAddFunds, id, type }) => {
-    const onRampConfig = useModalStore(state => state.onRampConfig);
-    const { setSelectedWallet } = useWalletState();
-    const setStep = useModalStore(state => state.setStep);
-    const isAddFundsEnabled = onRampConfig.isBuyEnabled || onRampConfig.isReceiveEnabled;
-    const handleAddFundsClick = () => {
-        if (id && type) {
-            setSelectedWallet({ id, type });
-            isAddFundsEnabled && setStep(onRampConfig.isBuyEnabled ? ModalStep.ADD_FUNDS_BUY : ModalStep.ADD_FUNDS_RECEIVE);
-        }
-    };
-    return (_jsxs(Container, { children: [_jsxs(InnerContainer, { children: [_jsx(CpslIdenticon, { size: "48px", hash: identiconHash }), _jsxs(WalletNameContainer, { children: [!!name && (_jsx(Name, { color: "contrast", variant: "bodyL", weight: "semiBold", children: name })), _jsx(Name, { color: "secondary", variant: "bodyS", weight: "medium", children: address })] })] }), showAddFunds && isAddFundsEnabled && (_jsx(AddFundsButton, { onClick: handleAddFundsClick, children: _jsx(CpslText, { variant: "bodyXS", color: "contrast", weight: "medium", children: "Add Funds" }) }))] }));
-};
-export const WalletCards = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-`;
-const Container = styled.div `
-  width: 100%;
-  padding: 24px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 16px;
-  background-color: var(--cpsl-color-background-8);
-  border-radius: 16px;
-`;
-const InnerContainer = styled.div `
-  display: flex;
-  justify-content: flex-start;
-  gap: 4px;
-  align-items: center;
-  overflow: hidden;
-`;
-const WalletNameContainer = styled.div `
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  align-items: flex-start;
-  justify-content: center;
-  overflow: hidden;
-`;
-const Name = styled(CpslText) `
-  width: 100%;
-  &::part(text-element) {
-    line-height: 100%;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-`;
-const AddFundsButton = styled(CpslButton) `
-  --button-primary-background-color: var(--cpsl-color-card-surface);
-  --button-primary-hover-background-color: var(--cpsl-color-background-4);
-  --button-primary-color: var(--cpsl-color-text-contrast);
-  --button-primary-hover-color: var(--cpsl-color-text-contrast);
-  --button-primary-active-color: var(--cpsl-color-text-contrast);
-  --button-padding-start: 8px;
-  --button-padding-end: 8px;
-  --button-padding-top: 8px;
-  --button-padding-bottom: 8px;
-  --button-border-radius: 8px;
-`;

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js

@@ -1,50 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslText } from '@getpara/react-components';
-import { StepContainer, InnerStepContainer, HeroIcon } from '../common.js';
-import { useModalStore, useThemeStore } from '../../stores/index.js';
-import { ModalStep } from '../../utils/steps.js';
-import { WalletCard, WalletCards } from '../WalletCard/WalletCard.js';
-import styled from 'styled-components';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-export const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
-    const hideWallets = useThemeStore(state => state.hideWallets);
-    const setStep = useModalStore(state => state.setStep);
-    const isLogin = useModalStore(state => state.isLogin());
-    const onRampConfig = useModalStore(state => state.onRampConfig);
-    const para = useInternalClient();
-    const isOnRampConfigured = (onRampConfig === null || onRampConfig === void 0 ? void 0 : onRampConfig.isBuyEnabled) || (onRampConfig === null || onRampConfig === void 0 ? void 0 : onRampConfig.isReceiveEnabled) || (onRampConfig === null || onRampConfig === void 0 ? void 0 : onRampConfig.isWithdrawEnabled);
-    const handleNext = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (isLogin) {
-            if (!twoFactorAuthEnabled) {
-                setStep(ModalStep.LOGIN_DONE);
-                return;
-            }
-            const is2FAComplete = yield para.check2FAStatus();
-            setStep(is2FAComplete ? ModalStep.LOGIN_DONE : ModalStep.SETUP_2FA);
-        }
-        else {
-            if (twoFactorAuthEnabled) {
-                setStep(ModalStep.SETUP_2FA);
-            }
-            else {
-                onClose();
-            }
-        }
-    });
-    return (_jsxs(StepContainer, { "$wide": true, children: [_jsx(CardContainer, { children: hideWallets ? (_jsxs(_Fragment, { children: [_jsx(HeroIcon, { icon: "checkCircleFilled" }), _jsx(CpslText, { variant: "bodyM", color: "secondary", weight: "medium", style: { marginTop: '16px' }, children: "Your account has been created." })] })) : (_jsx(WalletCards, { children: para.currentWalletIdsArray.map(([id, type]) => {
-                        return _jsx(WalletCard, { id: id, type: type, showAddFunds: isOnRampConfigured }, id);
-                    }) })) }), _jsx(InnerStepContainer, { children: _jsx(CpslButton, { fullWidth: true, onClick: handleNext, children: twoFactorAuthEnabled ? 'Continue' : 'Done' }) })] }));
-};
-const CardContainer = styled(InnerStepContainer) `
-  min-height: 196px;
-  justify-content: center;
-`;

package/dist/modal/components/common.js

@@ -1,67 +0,0 @@
-import { CpslIcon, CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
-import { styled } from 'styled-components';
-export const SpinnerContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-export const QRContainer = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 286px;
-  height: 286px;
-`;
-export const InfoBoxContent = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-export const InfoBoxHeader = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  cpsl-icon {
-    --height: 20px;
-    --width: 20px;
-  }
-`;
-export const FilledDisabledInput = styled(CpslInput) `
-  --container-border-color: var(--cpsl-color-input-border-placeholder);
-  --container-background-color: var(--cpsl-color-background-0);
-  --input-background-color: transparent;
-  --input-font-weight: 500;
-  --input-color: var(--cpsl-color-text-secondary);
-`;
-export const FullWidthFilledDisabledInput = styled(FilledDisabledInput) `
-  width: 100%;
-`;
-export const CenteredText = styled(CpslText) `
-  width: 100%;
-  text-align: center;
-`;
-export const InnerStepContainer = styled.div `
-  width: 100%;
-  height: 100%;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-`;
-export const StepContainer = styled(InnerStepContainer) `
-  gap: ${({ $wide }) => ($wide ? '32px' : '24px')};
-`;
-export const Heading = styled(CenteredText) ``;
-export const StyledCpslTileButton = styled(CpslTileButton) `
-  --button-width: 100%;
-  --button-height: 87px;
-  --button-icon-height: 32px;
-  --button-icon-width: 32px;
-`;
-export const HeroIcon = styled(CpslIcon) `
-  --height: 80px;
-  --width: 80px;
-  --icon-color: var(--cpsl-color-text-primary);
-`;

package/dist/modal/components/index.js

@@ -1 +0,0 @@
-export * from './ModalContent/ModalContent.js';

package/dist/modal/constants/constants.js

@@ -1,93 +0,0 @@
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from '@getpara/core-sdk';
-export const PARA_CONNECT = 'https://connect.getpara.com/';
-export const PARA_TERMS_AND_CONDITIONS = 'https://getpara.com/terms';
-export const ON_RAMP_PROVIDERS = {
-    [OnRampProvider.STRIPE]: {
-        name: 'Stripe',
-        feeLower: 0.99,
-        feeUpper: 4.49,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'stripeBrand',
-        backgroundColors: ['#6772E5', '#808AF4'],
-    },
-    [OnRampProvider.RAMP]: {
-        name: 'Ramp',
-        feeLower: 0.99,
-        feeUpper: 4.49,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'rampNetworkBrand',
-        backgroundColors: ['#21BF73', '#3AE492'],
-    },
-    [OnRampProvider.MOONPAY]: {
-        name: 'MoonPay',
-        feeLower: 1.0,
-        feeUpper: 4.5,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'moonpayBrand',
-        backgroundColors: ['#7715F5', '#9647fd'],
-    },
-};
-export const NETWORKS = {
-    [Network.ETHEREUM]: { name: 'Ethereum', icon: 'ethereum' },
-    [Network.SEPOLIA]: { name: 'Sepolia', icon: 'ethereum' },
-    [Network.ARBITRUM]: { name: 'Arbitrum', icon: 'arbitrumBrand' },
-    [Network.BASE]: { name: 'Base', icon: 'baseBrand' },
-    [Network.OPTIMISM]: { name: 'Optimism', icon: 'optimismBrand' },
-    [Network.POLYGON]: { name: 'Polygon', icon: 'polygonBrand' },
-    [Network.SOLANA]: { name: 'Solana', icon: 'solana' },
-    [Network.COSMOS]: { name: 'Cosmos', icon: 'cosmos' },
-    [Network.CELO]: { name: 'Celo', icon: 'celoBrand' },
-    [Network.NOBLE]: { name: 'Noble', icon: 'nobleBrand' },
-};
-export const ON_RAMP_ASSETS = {
-    [OnRampAsset.ETHEREUM]: { name: 'Ethereum', code: 'ETH', icon: 'ethereum' },
-    [OnRampAsset.USDC]: { name: 'USDC', code: 'USDC', icon: 'usdcBrand' },
-    [OnRampAsset.POLYGON]: { name: 'Polygon', code: 'MATIC', icon: 'polygonBrand' },
-    [OnRampAsset.SOLANA]: { name: 'Solana', code: 'SOL', icon: 'solana' },
-    [OnRampAsset.ATOM]: { name: 'Atom', code: 'ATOM', icon: 'cosmos' },
-    [OnRampAsset.CELO]: { name: 'Celo', code: 'CELO', icon: 'celoBrand' },
-    [OnRampAsset.TETHER]: { name: 'Tether', code: 'USDT', icon: 'tetherBrand' },
-    [OnRampAsset.CUSD]: { name: 'Celo Dollar', code: 'CUSD', icon: 'celoBrand' },
-    [OnRampAsset.CEUR]: { name: 'Celo Euro', code: 'CEUR', icon: 'celoBrand' },
-    [OnRampAsset.CREAL]: { name: 'Celo Real', code: 'CREAL', icon: 'celoBrand' },
-};
-export function getNetworkName(str) {
-    var _a, _b;
-    return (_b = (_a = NETWORKS[str]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : `${str[0]}${str.slice(1).toLowerCase()}`;
-}
-export function getNetworkIcon(str) {
-    var _a, _b;
-    return (_b = (_a = NETWORKS[str]) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : 'globe';
-}
-export function getAssetName(str) {
-    var _a, _b;
-    return (_b = (_a = ON_RAMP_ASSETS[str]) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : str;
-}
-export function getAssetIcon(str) {
-    var _a, _b;
-    return (_b = (_a = ON_RAMP_ASSETS[str]) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : 'emptyCircle';
-}
-export const MOBILE_SIZE = 480;
-export const NETWORK_NOT_SUPPORTED_ERROR = 'network not supported';
-export const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-export const BODY_MOTION_VARIANTS = {
-    enter: (direction) => {
-        return {
-            scale: direction > 0 ? 0.9 : 1.1,
-            opacity: 0,
-        };
-    },
-    center: {
-        scale: 1,
-        opacity: 1,
-    },
-    exit: (direction) => {
-        return {
-            scale: direction < 0 ? 0.9 : 1.1,
-            opacity: 0,
-        };
-    },
-};
-export const BODY_TRANSITION = {
-    duration: 0.2,
-};

package/dist/modal/constants/defaults.js

@@ -1,5 +0,0 @@
-export const DEFAULTS = {
-    LOGGIN_POLLING_DELAY_MS: 5000,
-    POLLING_INTERVAL_MS: 2000,
-    ANIMATION_DURATION: 0.15,
-};

package/dist/modal/constants/oAuthLogos.js

@@ -1,18 +0,0 @@
-export const brandedOAuthLogos = {
-    GOOGLE: 'googleBrand',
-    TWITTER: 'twitter',
-    APPLE: 'apple',
-    DISCORD: 'discordBrand',
-    FACEBOOK: 'facebookBrand',
-    FARCASTER: 'farcasterBrand',
-    TELEGRAM: 'telegramBrand',
-};
-export const oAuthLogos = {
-    GOOGLE: 'google',
-    TWITTER: 'twitter',
-    APPLE: 'apple',
-    DISCORD: 'discord',
-    FACEBOOK: 'facebook',
-    FARCASTER: 'farcaster',
-    TELEGRAM: 'telegram',
-};

package/dist/modal/hooks/useActiveWallet.js

@@ -1,11 +0,0 @@
-import { useMemo } from 'react';
-import { useWalletState } from '../../provider/index.js';
-import { useInternalClient } from '../../provider/hooks/utils/useInternalClient.js';
-// TODO: remove this hook in favor of the useAccount hook once we force the use of the ParaProvider
-export function useActiveWallet() {
-    const client = useInternalClient();
-    const { selectedWallet } = useWalletState();
-    return useMemo(() => {
-        return client.findWallet(selectedWallet.id, selectedWallet.type, { forbidPregen: true });
-    }, [client, selectedWallet]);
-}

package/dist/modal/hooks/useEmbeddedExternalConnection.js

@@ -1,46 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { useExternalWalletProviderStore } from '../stores/externalWalletProvider/useExternalWalletProviderStore.js';
-export const useEmbeddedExternalConnection = () => {
-    // Get the connectParaEvmWallet action if available. This is used to trigger Para as an active connection when the user logs in using a non external wallet method.
-    const connectParaEvmWallet = useExternalWalletProviderStore(state => state.connectParaEvmWallet);
-    const EvmProvider = useExternalWalletProviderStore(state => state.EvmProvider);
-    const evmContext = useExternalWalletProviderStore(state => state.evmContext);
-    const connectParaCosmosWallet = useExternalWalletProviderStore(state => state.connectParaCosmosWallet);
-    const CosmosProvider = useExternalWalletProviderStore(state => state.CosmosProvider);
-    const cosmosContext = useExternalWalletProviderStore(state => state.cosmosContext);
-    const connectEmbeddedToExternalConnectors = () => __awaiter(void 0, void 0, void 0, function* () {
-        // If we're in the ParaEvmProvider context call the connect method to trigger Para as an active connection
-        if (evmContext && EvmProvider && connectParaEvmWallet) {
-            try {
-                const { error } = yield connectParaEvmWallet();
-                if (error) {
-                    console.warn('Failed to connect Para EVM wallet to Wagmi:', error);
-                }
-            }
-            catch (err) {
-                console.warn('Error calling connectParaEvmWallet:', err);
-            }
-        }
-        // If we're in the ParaCosmosProvider context call the connect method to trigger Para as an active connection
-        if (cosmosContext && CosmosProvider && connectParaCosmosWallet) {
-            try {
-                const { error } = yield connectParaCosmosWallet();
-                if (error) {
-                    console.warn('Failed to connect Para Cosmos wallet to Graz:', error);
-                }
-            }
-            catch (err) {
-                console.warn('Error calling connectParaCosmosWallet:', err);
-            }
-        }
-    });
-    return connectEmbeddedToExternalConnectors;
-};

package/dist/modal/hooks/useGoBack.js

@@ -1,34 +0,0 @@
-import { useExternalWallets } from '../providers/ExternalWalletContext.js';
-import { useModalStore } from '../stores/index.js';
-import { getAddFundsStep, ModalStep } from '../utils/steps.js';
-export const useGoBack = () => {
-    const currentStep = useModalStore(state => state.step);
-    const setStep = useModalStore(state => state.setStep);
-    const accountAddFundTab = useModalStore(state => state.accountAddFundTab);
-    const decrementStep = useModalStore(state => state.decrementStep);
-    const resetState = useModalStore(state => state.resetState);
-    const { setChainIdSwitchingTo } = useExternalWallets();
-    const goBack = () => {
-        if (currentStep === ModalStep.ADD_FUNDS_AWAITING) {
-            setStep(getAddFundsStep(accountAddFundTab));
-        }
-        else {
-            decrementStep();
-        }
-        switch (currentStep) {
-            case ModalStep.VERIFY_2FA:
-            case ModalStep.BIOMETRIC_CREATION:
-            case ModalStep.BIOMETRIC_LOGIN: {
-                resetState();
-                break;
-            }
-        }
-        switch (currentStep) {
-            case ModalStep.CHAIN_SWITCH: {
-                setChainIdSwitchingTo();
-                break;
-            }
-        }
-    };
-    return goBack;
-};

package/dist/modal/index.js

@@ -1,9 +0,0 @@
-export * from './ParaModal.js';
-export { ModalStep } from './utils/steps.js';
-export { AuthLayout } from './types/modalProps.js';
-export * from './utils/openPopup.js';
-export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetName, getNetworkIcon, getNetworkName, } from './constants/constants.js';
-export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
-export * from './utils/validateOnRampConfig.js';
-export * from './types/externalWallets.js';
-export { useExternalWalletProviderStore } from './stores/externalWalletProvider/useExternalWalletProviderStore.js';

package/dist/modal/providers/CosmosExternalWalletContextStub.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-export const defaultCosmosExternalWallet = {
-    wallets: [],
-    chains: [],
-    chainId: undefined,
-    disconnect: () => Promise.resolve(),
-    switchChain: () => Promise.resolve({}),
-};
-export const CosmosExternalWalletContext = createContext(defaultCosmosExternalWallet);
-export function CosmosExternalWalletProvider({ children }) {
-    const wallets = [];
-    const chains = [];
-    const chainId = undefined;
-    const disconnect = () => Promise.resolve();
-    const switchChain = () => Promise.resolve({});
-    return (_jsx(CosmosExternalWalletContext.Provider, { value: useMemo(() => ({ wallets, chains, chainId, disconnect, switchChain }), [wallets, chains, chainId, disconnect, switchChain]), children: children }));
-}

package/dist/modal/providers/EvmExternalWalletContextStub.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-export const defaultEvmExternalWallet = {
-    wallets: [],
-    chains: [],
-    chainId: undefined,
-    username: undefined,
-    avatar: undefined,
-    disconnect: () => Promise.resolve(),
-    switchChain: () => Promise.resolve({}),
-};
-export const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
-export function EvmExternalWalletProvider({ children }) {
-    const wallets = [];
-    const chains = [];
-    const chainId = undefined;
-    const username = undefined;
-    const avatar = undefined;
-    const disconnect = () => Promise.resolve();
-    const switchChain = () => Promise.resolve({});
-    return (_jsx(EvmExternalWalletContext.Provider, { value: useMemo(() => ({ wallets, chains, chainId, username, avatar, disconnect, switchChain }), [wallets, chains, chainId, username, avatar, disconnect, switchChain]), children: children }));
-}