@getpara/react-sdk 1.1.0 → 1.3.0

package/dist/modal/components/ModalContent/ModalContent.js

@@ -1,280 +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 { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { entityToWallet, OnRampProvider, OnRampAsset, Network, EnabledFlow, } from '@getpara/web-sdk';
-import { useModalStore, useUserInfoStore } from '../../stores/index.js';
-import { ModalStep } from '../../utils/steps.js';
-import { Body } from '../Body/Body.js';
-import { Footer } from '../Footer/Footer.js';
-import { DEFAULTS } from '../../constants/defaults.js';
-import { useGoBack } from '../../hooks/useGoBack.js';
-import { openPopup } from '../../utils/openPopup.js';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-import { useEmbeddedExternalConnection } from '../../hooks/useEmbeddedExternalConnection.js';
-function isRampConfig(config) {
-    return 'hostApiKey' in config;
-}
-const AssetNetworks = {
-    [OnRampAsset.SOLANA]: Network.SOLANA,
-    [OnRampAsset.ATOM]: Network.COSMOS,
-    [OnRampAsset.CELO]: Network.CELO,
-    [OnRampAsset.POLYGON]: Network.POLYGON,
-};
-const AssetMap = {
-    SOLANA: OnRampAsset.SOLANA,
-    SOL: OnRampAsset.SOLANA,
-    ATOM: OnRampAsset.ATOM,
-    CELO: OnRampAsset.CELO,
-    POLYGON: OnRampAsset.POLYGON,
-    MATIC: OnRampAsset.POLYGON,
-    USDC: OnRampAsset.USDC,
-    ETH: OnRampAsset.ETHEREUM,
-    ETHEREUM: OnRampAsset.ETHEREUM,
-};
-export const ModalContent = forwardRef(({ onRampConfig: propsOnRampConfig, twoFactorAuthEnabled = false, recoverySecretStepEnabled = false, oAuthMethods, disableEmailLogin, disablePhoneLogin, onClose, onRampTestMode, loginTransitionOverride, createWalletOverride, }, ref) => {
-    const para = useInternalClient();
-    const currentStep = useModalStore(state => state.step);
-    const webAuthURLForLogin = useModalStore(state => state.webAuthURLForLogin);
-    const webAuthURLForCreate = useModalStore(state => state.webAuthURLForCreate);
-    const passwordUrlForLogin = useModalStore(state => state.passwordUrlForLogin);
-    const isLogin = useModalStore(state => state.isLogin());
-    const popupWindow = useModalStore(state => state.popupWindow);
-    const onRampConfig = useModalStore(state => state.onRampConfig);
-    const setStep = useModalStore(state => state.setStep);
-    const setBiometricLocationHints = useModalStore(state => state.setBiometricLocationHints);
-    const setWebAuthURLForLogin = useModalStore(state => state.setWebAuthURLForLogin);
-    const setWebAuthURLForCreate = useModalStore(state => state.setWebAuthURLForCreate);
-    const setPopupWindow = useModalStore(state => state.setPopupWindow);
-    const setIFrameUrl = useModalStore(state => state.setIFrameUrl);
-    const setPasswordUrlForLogin = useModalStore(state => state.setPasswordUrlForLogin);
-    const setSupportedAuthMethods = useModalStore(state => state.setSupportedAuthMethods);
-    const setOnRampConfig = useModalStore(state => state.setOnRampConfig);
-    const accountAddFundTab = useModalStore(state => state.accountAddFundTab);
-    const setAccountAddFundTab = useModalStore(state => state.setAccountAddFundTab);
-    const setRecoveryShare = useUserInfoStore(state => state.setRecoveryShare);
-    const goBack = useGoBack();
-    const loginTimeout = useRef();
-    const createAccountTimeout = useRef();
-    const [walletCreationInProgress, setWalletCreationInProgress] = useState(false);
-    const connectEmbeddedToExternalConnectors = useEmbeddedExternalConnection();
-    useImperativeHandle(ref, () => {
-        return {
-            handleModalClose() {
-                handleClose();
-            },
-        };
-    }, []);
-    const is2FASetup = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!twoFactorAuthEnabled) {
-            return true;
-        }
-        try {
-            const { isSetup } = yield para.check2FAStatus();
-            return isSetup;
-        }
-        catch (error) {
-            console.error('An error occurred while checking 2FA:', error);
-            return false;
-        }
-    });
-    function awaitLoginTransition() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // TODO: migrate to useWaitForLoginAndSetup hook once we force the use of the CapsuleProvider
-            const { isComplete, isError, needsWallet } = yield para.waitForLoginAndSetup({ popupWindow });
-            setPopupWindow(undefined);
-            if (isError) {
-                goBack();
-                return;
-            }
-            if (isComplete) {
-                setWebAuthURLForLogin('');
-                setPasswordUrlForLogin('');
-                setSupportedAuthMethods(new Set());
-                setBiometricLocationHints();
-                if (needsWallet) {
-                    setStep(ModalStep.AWAITING_WALLET_CREATION);
-                }
-                else {
-                    yield connectEmbeddedToExternalConnectors();
-                    if (yield is2FASetup()) {
-                        setStep(ModalStep.LOGIN_DONE);
-                    }
-                    else {
-                        setStep(ModalStep.SETUP_2FA);
-                    }
-                }
-            }
-        });
-    }
-    function awaitWalletCreationTransition() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // TODO: migrate to useWaitForAccountCreation hook once we force the use of the ParaProvider
-            const isComplete = yield para.waitForAccountCreation();
-            if (isComplete) {
-                setWebAuthURLForCreate('');
-                setIFrameUrl('');
-                setStep(ModalStep.AWAITING_WALLET_CREATION);
-            }
-        });
-    }
-    // generate/claim wallet once we know it's account creation
-    useEffect(() => {
-        if (currentStep !== ModalStep.AWAITING_WALLET_CREATION || walletCreationInProgress) {
-            return;
-        }
-        function genWallet() {
-            return __awaiter(this, void 0, void 0, function* () {
-                setWalletCreationInProgress(true);
-                let recoverySecret, walletIds;
-                if (!createWalletOverride) {
-                    // TODO: migrate to useWaitForPasskeyAndCreateWallet hook once we force the use of the ParaProvider
-                    const created = yield para.waitForPasskeyAndCreateWallet();
-                    recoverySecret = created.recoverySecret;
-                    walletIds = created.walletIds;
-                }
-                else {
-                    const created = yield createWalletOverride(para);
-                    const fetchedWallets = (yield para.fetchWallets()).filter(wallet => !!wallet.address);
-                    const newWallets = {};
-                    for (const wallet of fetchedWallets) {
-                        newWallets[wallet.id] = Object.assign(Object.assign({}, entityToWallet(wallet)), { signer: '' });
-                    }
-                    para.setWallets(newWallets);
-                    recoverySecret = created.recoverySecret;
-                    walletIds = created.walletIds;
-                }
-                yield para.setCurrentWalletIds(walletIds);
-                if (recoverySecretStepEnabled) {
-                    setRecoveryShare(recoverySecret);
-                }
-                setWalletCreationInProgress(false);
-                if (!recoverySecret || !recoverySecretStepEnabled) {
-                    setStep(ModalStep.WALLET_CREATION_DONE);
-                }
-                else {
-                    setStep(ModalStep.SECRET);
-                }
-            });
-        }
-        genWallet();
-    }, [isLogin, currentStep]);
-    function createAccountWithPassword() {
-        return __awaiter(this, void 0, void 0, function* () {
-            clearTimeout(createAccountTimeout.current);
-            createAccountTimeout.current = window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS);
-            setStep(ModalStep.PASSWORD_CREATION);
-        });
-    }
-    function createAccountWithPasskey() {
-        return __awaiter(this, void 0, void 0, function* () {
-            clearTimeout(createAccountTimeout.current);
-            createAccountTimeout.current = window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS);
-            openPopup(webAuthURLForCreate, 'ParaPasskey', 'CREATE_PASSKEY');
-            setStep(ModalStep.AWAITING_BIOMETRIC_CREATION);
-        });
-    }
-    // wait for login auth to do post login setup
-    useEffect(() => {
-        if (webAuthURLForLogin || passwordUrlForLogin) {
-            if (loginTransitionOverride) {
-                function loginOverride() {
-                    return __awaiter(this, void 0, void 0, function* () {
-                        yield loginTransitionOverride(para);
-                        setWebAuthURLForLogin('');
-                        setPasswordUrlForLogin('');
-                        setBiometricLocationHints();
-                        yield connectEmbeddedToExternalConnectors();
-                        if (yield is2FASetup()) {
-                            setStep(ModalStep.LOGIN_DONE);
-                        }
-                        else {
-                            setStep(ModalStep.SETUP_2FA);
-                        }
-                    });
-                }
-                loginOverride();
-                return;
-            }
-            loginTimeout.current = window.setTimeout(awaitLoginTransition, DEFAULTS.LOGGIN_POLLING_DELAY_MS);
-        }
-        return () => {
-            window.clearTimeout(loginTimeout.current);
-            para.exitLogin();
-        };
-    }, [webAuthURLForLogin, passwordUrlForLogin, popupWindow]);
-    const handleClose = () => {
-        onClose();
-    };
-    useEffect(() => {
-        if (![ModalStep.BIOMETRIC_CREATION, ModalStep.AWAITING_BIOMETRIC_CREATION].includes(currentStep)) {
-            para.exitAccountCreation();
-        }
-        if (![ModalStep.BIOMETRIC_LOGIN, ModalStep.AWAITING_BIOMETRIC_LOGIN].includes(currentStep)) {
-            para.exitLogin();
-        }
-        if (![ModalStep.AWAITING_OAUTH, ModalStep.FARCASTER_OAUTH].includes(currentStep)) {
-            para.exitOAuth();
-        }
-    }, [currentStep]);
-    useEffect(() => {
-        if (!onRampConfig) {
-            para.ctx.client
-                .getOnRampConfig()
-                .then(res => {
-                var _a, _b;
-                let newOnRampConfig;
-                if (!!propsOnRampConfig) {
-                    const { enabledFlows, network, asset, providers, testMode } = propsOnRampConfig;
-                    const rampConfig = providers.find(config => isRampConfig(config));
-                    newOnRampConfig = {
-                        isBuyEnabled: !enabledFlows || enabledFlows.some(str => EnabledFlow[str] === EnabledFlow.BUY),
-                        isReceiveEnabled: !enabledFlows || enabledFlows.some(str => EnabledFlow[str] === EnabledFlow.RECEIVE),
-                        isWithdrawEnabled: !enabledFlows || enabledFlows.some(str => EnabledFlow[str] === EnabledFlow.WITHDRAW),
-                        allowedAssets: network
-                            ? { [Network[network]]: asset ? [AssetMap[asset]] : true }
-                            : asset
-                                ? { [(_a = AssetNetworks[AssetMap[asset]]) !== null && _a !== void 0 ? _a : Network.ETHEREUM]: [AssetMap[asset]] }
-                                : res.allowedAssets,
-                        assetInfo: res.assetInfo,
-                        providers: providers.map(({ id }) => OnRampProvider[id]),
-                        rampApiKey: (_b = rampConfig === null || rampConfig === void 0 ? void 0 : rampConfig.hostApiKey) !== null && _b !== void 0 ? _b : res.rampApiKey,
-                        testMode: testMode !== null && testMode !== void 0 ? testMode : onRampTestMode,
-                    };
-                }
-                else {
-                    newOnRampConfig = Object.assign(Object.assign({}, res), { testMode: onRampTestMode });
-                }
-                setOnRampConfig(newOnRampConfig);
-                if (!accountAddFundTab) {
-                    setAccountAddFundTab(newOnRampConfig.isBuyEnabled
-                        ? EnabledFlow.BUY
-                        : newOnRampConfig.isReceiveEnabled
-                            ? EnabledFlow.RECEIVE
-                            : newOnRampConfig.isWithdrawEnabled
-                                ? EnabledFlow.WITHDRAW
-                                : undefined);
-                }
-            })
-                .catch();
-        }
-    }, []);
-    useEffect(() => {
-        if (!!onRampConfig) {
-            setOnRampConfig(Object.assign(Object.assign({}, onRampConfig), { testMode: onRampTestMode }));
-        }
-    }, [onRampTestMode]);
-    useEffect(() => {
-        return () => {
-            para.exitLoops();
-        };
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(Body, { oAuthMethods: oAuthMethods, twoFactorAuthEnabled: twoFactorAuthEnabled, disableEmailLogin: disableEmailLogin, disablePhoneLogin: disablePhoneLogin, onClose: handleClose, createAccountWithPasskey: createAccountWithPasskey, createAccountWithPassword: createAccountWithPassword }), _jsx(Footer, {})] }));
-});

package/dist/modal/components/OAuth/FarcasterOAuthStep.js

@@ -1,82 +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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { CpslButton, CpslIcon, CpslQrCode, CpslSpinner, CpslText } from '@getpara/react-components';
-import { CenteredText, Heading, InnerStepContainer, QRContainer, StepContainer } from '../common.js';
-import { useModalStore, useThemeStore, useUserInfoStore } from '../../stores/index.js';
-import { ModalStep } from '../../utils/steps.js';
-import { AuthMethod, isMobile } from '@getpara/web-sdk';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-const FarcasterOAuthStep = () => {
-    const setAuthInfo = useUserInfoStore(state => state.setAuthInfo);
-    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 setSupportedAuthMethods = useModalStore(state => state.setSupportedAuthMethods);
-    const setBiometricLocationHints = useModalStore(state => state.setBiometricLocationHints);
-    const para = useInternalClient();
-    const setFlow = useModalStore(state => state.setFlow);
-    const farcasterConnectUri = useModalStore(state => state.farcasterConnectUri);
-    const setFarcasterConnectUri = useModalStore(state => state.setFarcasterConnectUri);
-    const theme = useThemeStore(state => state.theme);
-    const [shouldRouteToStep, setShouldRouteToStep] = useState();
-    useEffect(() => {
-        if (!!shouldRouteToStep && isIFrameReady) {
-            // Using a small timeout here to fully ensure the iframe is loaded before triggering any animation
-            setTimeout(() => {
-                setStep(shouldRouteToStep);
-            }, 200);
-        }
-    }, [shouldRouteToStep, isIFrameReady]);
-    useEffect(() => {
-        if (farcasterConnectUri) {
-            const pollStatus = () => __awaiter(void 0, void 0, void 0, function* () {
-                const { userExists, username, pfpUrl } = yield para.waitForFarcasterStatus();
-                setAuthInfo({ farcasterUsername: username, pfpUrl });
-                setStep(ModalStep.AWAITING_OAUTH);
-                if (userExists) {
-                    const supportedAuthMethods = yield para.initiateUserLoginV2({ farcasterUsername: username });
-                    if (supportedAuthMethods.size > 0) {
-                        setSupportedAuthMethods(supportedAuthMethods);
-                        const biometricLocationHints = supportedAuthMethods.has(AuthMethod.PASSKEY)
-                            ? yield para.getUserBiometricLocationHints()
-                            : [];
-                        setFlow('login');
-                        setStep(ModalStep.BIOMETRIC_LOGIN);
-                        setBiometricLocationHints(biometricLocationHints);
-                        return;
-                    }
-                }
-                const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
-                setIsIFrameReady(false);
-                setFlow('signUp');
-                const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod.PASSKEY);
-                if (supportsPasskey) {
-                    setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: 'farcaster' })));
-                    setStep(ModalStep.BIOMETRIC_CREATION);
-                }
-                if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
-                    setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: 'farcaster', theme })));
-                    setShouldRouteToStep(supportsPasskey ? ModalStep.BIOMETRIC_CREATION : ModalStep.PASSWORD_CREATION);
-                }
-                return;
-            });
-            pollStatus();
-            return () => {
-                setFarcasterConnectUri(undefined);
-            };
-        }
-    }, [farcasterConnectUri]);
-    return (_jsx(StepContainer, { "$wide": true, children: isMobile() ? (_jsxs(InnerStepContainer, { children: [_jsx(CpslText, { weight: "medium", color: "secondary", children: `Don’t have Farcaster` }), _jsxs(CpslButton, { as: "a", href: 'https://link.warpcast.com/download-qr', target: "_blank", variant: "secondary", children: [_jsx(CpslIcon, { slot: "start", icon: "linkExternal" }), `Get Farcaster`] })] })) : (_jsxs(_Fragment, { children: [_jsx(Heading, { variant: "headingS", weight: "bold", children: "Sign in using Farcaster" }), _jsxs(InnerStepContainer, { children: [_jsx(CenteredText, { variant: "bodyS", color: "secondary", weight: "medium", children: "Scan the QR code with your phone's camera to proceed." }), _jsx(QRContainer, { children: !farcasterConnectUri ? _jsx(CpslSpinner, { size: 100 }) : _jsx(CpslQrCode, { url: farcasterConnectUri }) })] })] })) }));
-};
-export default FarcasterOAuthStep;

package/dist/modal/components/OAuth/OAuth.js

@@ -1,125 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { AuthMethod, OAuthMethod } from '@getpara/web-sdk';
-import { styled } from 'styled-components';
-import { useModalStore, useUserInfoStore } from '../../stores/index.js';
-import { ModalStep } from '../../utils/steps.js';
-import { openPopup } from '../../utils/openPopup.js';
-import { useThemeStore } from '../../stores/theme/useThemeStore.js';
-import { getTileButtonFlex } from '../../utils/getTileButtonFlex.js';
-import { StyledCpslTileButton } from '../common.js';
-import { brandedOAuthLogos, oAuthLogos } from '../../constants/oAuthLogos.js';
-import { useEffect } from 'react';
-import { routeMobileExternalWallet } from '../../utils/routeMobileExternalWallet.js';
-import { useGoBack } from '../../hooks/useGoBack.js';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-const HAS_MORE_LENGTH = 3;
-export const OAuth = ({ methods }) => {
-    const goBack = useGoBack();
-    const oAuthLogoVariant = useThemeStore(state => state.oAuthLogoVariant);
-    const isDark = useThemeStore(state => state.isDark);
-    const para = useInternalClient();
-    const popupWindow = useModalStore(state => state.popupWindow);
-    const setFlow = useModalStore(state => state.setFlow);
-    const setStep = useModalStore(state => state.setStep);
-    const setPopupWindow = useModalStore(state => state.setPopupWindow);
-    const setAuthInfo = useUserInfoStore(state => state.setAuthInfo);
-    const setSupportedAuthMethods = useModalStore(state => state.setSupportedAuthMethods);
-    const setBiometricLocationHints = useModalStore(state => state.setBiometricLocationHints);
-    const setFarcasterConnectUri = useModalStore(state => state.setFarcasterConnectUri);
-    const farcasterConnectUri = useModalStore(state => state.farcasterConnectUri);
-    const showAll = useModalStore(state => state.step === ModalStep.AUTH_MORE);
-    useEffect(() => {
-        const initializeFarcaster = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (!methods.includes(OAuthMethod.FARCASTER)) {
-                return;
-            }
-            const connectUri = yield para.getFarcasterConnectURL();
-            setFarcasterConnectUri(connectUri);
-        });
-        initializeFarcaster();
-    }, []);
-    const hasMore = methods.length > HAS_MORE_LENGTH;
-    const methodsToShow = showAll || !hasMore ? methods : methods.slice(0, HAS_MORE_LENGTH - 1);
-    const handleShowAll = () => {
-        setStep(ModalStep.AUTH_MORE);
-    };
-    const handleMethodClick = (method) => () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!!popupWindow) {
-            return;
-        }
-        switch (method) {
-            case OAuthMethod.FARCASTER:
-                if (!farcasterConnectUri) {
-                    return;
-                }
-                routeMobileExternalWallet(farcasterConnectUri);
-                setStep(ModalStep.FARCASTER_OAUTH);
-                return;
-            case OAuthMethod.TELEGRAM:
-                setStep(ModalStep.TELEGRAM_OAUTH);
-                break;
-            default: {
-                setStep(ModalStep.AWAITING_OAUTH);
-                const oAuthURL = yield para.getOAuthURL({ method });
-                const oAuthWindow = openPopup(oAuthURL, `${method}AuthPopup`, 'OAUTH');
-                setPopupWindow(oAuthWindow);
-                const { email, isError, userExists } = yield para.waitForOAuth({ popupWindow: oAuthWindow });
-                setPopupWindow(undefined);
-                if (isError) {
-                    goBack();
-                    return;
-                }
-                if (!email) {
-                    setStep(ModalStep.AUTH_MAIN);
-                    throw new Error('email is required');
-                }
-                setAuthInfo({ email });
-                if (userExists) {
-                    const supportedAuthMethods = yield para.initiateUserLoginV2({ email });
-                    if (supportedAuthMethods.size === 0) {
-                        setFlow('signUp');
-                        setStep(ModalStep.BIOMETRIC_CREATION);
-                    }
-                    else {
-                        const biometricLocationHints = supportedAuthMethods.has(AuthMethod.PASSKEY)
-                            ? yield para.getUserBiometricLocationHints()
-                            : [];
-                        setFlow('login');
-                        setStep(ModalStep.BIOMETRIC_LOGIN);
-                        setSupportedAuthMethods(supportedAuthMethods);
-                        setBiometricLocationHints(biometricLocationHints);
-                        return;
-                    }
-                }
-                yield para.createUser({ email });
-                setFlow('signUp');
-                setStep(ModalStep.VERIFICATIONS);
-                return;
-            }
-        }
-    });
-    const useBrandedLogos = oAuthLogoVariant === 'default';
-    const useDarkLogos = useBrandedLogos ? isDark : oAuthLogoVariant !== 'dark';
-    const showMoreButton = !showAll && hasMore;
-    return (_jsxs(OAuthContainer, { children: [methodsToShow.map((method, index) => (_jsx(OAuthButton, { "$isDark": useDarkLogos, icon: useBrandedLogos ? brandedOAuthLogos[method] : oAuthLogos[method], onClick: handleMethodClick(method), "$index": index, "$totalItems": showMoreButton ? HAS_MORE_LENGTH : methodsToShow.length }, method))), showMoreButton && (_jsx(OAuthButton, { "$isDark": useDarkLogos, icon: "moreLoginOptions", onClick: handleShowAll, "$index": HAS_MORE_LENGTH - 1, "$totalItems": HAS_MORE_LENGTH }))] }));
-};
-const OAuthContainer = styled.div `
-  display: flex;
-  justify-content: center;
-  gap: 8px;
-  flex-wrap: wrap;
-`;
-const OAuthButton = styled(StyledCpslTileButton) `
-  flex: ${({ $index, $totalItems }) => getTileButtonFlex($index, $totalItems)};
-
-  --button-icon-color: ${({ $isDark }) => ($isDark ? 'white' : 'black')};
-`;

package/dist/modal/components/OAuth/TelegramOAuthStep.js

@@ -1,133 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { AuthMethod, OAuthMethod } from '@getpara/web-sdk';
-import { useModalStore, useThemeStore, useUserInfoStore } from '../../stores/index.js';
-import styled from 'styled-components';
-import { useEffect, useRef, useState } from 'react';
-import { HeroSpinner } from '@getpara/react-common';
-import { ModalStep } from '../../utils/steps.js';
-import { CpslSpinner } from '@getpara/react-components';
-import { useInternalClient } from '../../../provider/hooks/utils/useInternalClient.js';
-export function TelegramOAuthStep() {
-    const iframe = useRef();
-    const para = useInternalClient();
-    const setFlow = useModalStore(state => state.setFlow);
-    const setStep = useModalStore(state => state.setStep);
-    const setAuthInfo = useUserInfoStore(state => state.setAuthInfo);
-    const setBiometricLocationHints = useModalStore(state => state.setBiometricLocationHints);
-    const setSupportedAuthMethods = useModalStore(state => state.setSupportedAuthMethods);
-    const setIFrameUrl = useModalStore(state => state.setIFrameUrl);
-    const setIsIFrameReady = useModalStore(state => state.setIsIFrameReady);
-    const isIFrameReady = useModalStore(state => state.isIFrameReady);
-    const setWebAuthURLForCreate = useModalStore(state => state.setWebAuthURLForCreate);
-    const theme = useThemeStore(state => state.theme);
-    const [url, setUrl] = useState(undefined);
-    const [isWaiting, setIsWaiting] = useState(false);
-    const [isLoaded, setIsLoaded] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [shouldRouteToStep, setShouldRouteToStep] = useState();
-    useEffect(() => {
-        if (!!shouldRouteToStep && isIFrameReady) {
-            // Using a small timeout here to fully ensure the iframe is loaded before triggering any animation
-            setTimeout(() => {
-                setStep(shouldRouteToStep);
-            }, 200);
-        }
-    }, [shouldRouteToStep, isIFrameReady]);
-    useEffect(() => {
-        if (!url) {
-            para.getOAuthURL({ method: OAuthMethod.TELEGRAM }).then(url => {
-                setUrl(url);
-            });
-        }
-    }, [url]);
-    useEffect(() => {
-        const updateState = (event) => __awaiter(this, void 0, void 0, function* () {
-            switch (event.data.type) {
-                case 'TELEGRAM_LOGIN':
-                    setIsWaiting(true);
-                    setIsError(false);
-                    break;
-                case 'TELEGRAM_FAILED':
-                    setIsWaiting(false);
-                    setIsError(true);
-                    break;
-                case 'TELEGRAM_SUCCESS':
-                    if (!!event.data.payload) {
-                        const authObject = event.data.payload;
-                        const result = yield para.verifyTelegram(authObject);
-                        if (!result.isValid) {
-                            setIsWaiting(false);
-                            setIsError(true);
-                            iframe.current && iframe.current.contentWindow.postMessage({ type: 'TELEGRAM_FAILED' }, '*');
-                            return;
-                        }
-                        const { telegramUserId, isNewUser, supportedAuthMethods, biometricHints } = result;
-                        setAuthInfo({
-                            telegramUserId,
-                            pfpUrl: authObject.photo_url,
-                            displayName: authObject.username
-                                ? `@${authObject.username}`
-                                : authObject.first_name
-                                    ? `${authObject.first_name}${authObject.last_name ? ` ${authObject.last_name}` : ''}`
-                                    : `Telegram User @${telegramUserId}`,
-                        });
-                        if (isNewUser) {
-                            const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
-                            setIsIFrameReady(false);
-                            setFlow('signUp');
-                            const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod.PASSKEY);
-                            if (supportsPasskey) {
-                                setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: 'telegram' })));
-                                setStep(ModalStep.BIOMETRIC_CREATION);
-                            }
-                            if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
-                                setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: 'telegram', theme })));
-                                setShouldRouteToStep(supportsPasskey ? ModalStep.BIOMETRIC_CREATION : ModalStep.PASSWORD_CREATION);
-                            }
-                        }
-                        else {
-                            setFlow('login');
-                            supportedAuthMethods && setSupportedAuthMethods(new Set(supportedAuthMethods));
-                            biometricHints && setBiometricLocationHints(biometricHints);
-                            setStep(ModalStep.BIOMETRIC_LOGIN);
-                        }
-                    }
-                    break;
-            }
-        });
-        window === null || window === void 0 ? void 0 : window.addEventListener('message', updateState, false);
-        return () => {
-            window === null || window === void 0 ? void 0 : window.removeEventListener('message', updateState, false);
-        };
-    }, []);
-    return (_jsxs(Container, { children: [_jsx(HeroContainer, { children: _jsx(HeroSpinner, { icon: "telegramBrand", status: isWaiting ? 'loading' : isError ? 'error' : 'inactive', text: isWaiting ? 'Follow the on-screen prompts.' : isError ? 'Login Failed' : undefined }) }), url && (_jsx(IFrame, { ref: iframe, style: { display: isLoaded ? 'block' : 'none' }, src: url, onLoad: () => setIsLoaded(true) })), (!url || !isLoaded) && _jsx(CpslSpinner, {})] }));
-}
-const Container = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-`;
-const HeroContainer = styled.div `
-  display: flex;
-  min-height: 276px;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  flex: 1;
-`;
-const IFrame = styled.iframe `
-  width: 100%;
-  height: 52px;
-  border: none;
-`;

package/dist/modal/components/OnRampComponents/AddingFunds.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OnRampPurchaseStatus } from '@getpara/web-sdk';
-import { SpinnerContainer } from '../common.js';
-import { ON_RAMP_PROVIDERS } from '../../constants/constants.js';
-import { useModalStore } from '../../stores/index.js';
-import { CpslSpinner, CpslText } from '@getpara/react-components';
-export const AddingFunds = () => {
-    const onRampPurchase = useModalStore(state => state.onRampPurchase);
-    return (_jsxs(_Fragment, { children: [_jsx(SpinnerContainer, { children: _jsx(CpslSpinner, { size: 100 }) }), _jsxs(CpslText, { children: ["Follow the prompts presented by", ' ', OnRampPurchaseStatus ? ON_RAMP_PROVIDERS[onRampPurchase.provider].name : 'the provider', "."] })] }));
-};