@rozoai/intent-pay 0.0.7 → 0.0.9

package/build/src/components/Pages/SelectExternalAmount/index.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { ROUTES } from '../../../constants/routes.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent, ModalContent, ModalBody } from '../../Common/Modal/styles.js';
+import styled from '../../../styles/styled/index.js';
+import { formatUsd, USD_DECIMALS } from '../../../utils/format.js';
+import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
+import AmountInputField from '../../Common/AmountInput/AmountInputField.js';
+import Button from '../../Common/Button/index.js';
+import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
+
+const SelectExternalAmount = () => {
+    const { paymentState, setRoute, triggerResize } = usePayContext();
+    const { selectedExternalOption } = paymentState;
+    const maxUsdLimit = paymentState.getOrderUsdLimit();
+    const minimumMessage = (selectedExternalOption?.minimumUsd ?? 0) > 0
+        ? `Minimum ${formatUsd(selectedExternalOption?.minimumUsd ?? 0, "up")}`
+        : null;
+    const [usdInput, setUsdInput] = useState("");
+    const [message, setMessage] = useState(minimumMessage);
+    const [continueDisabled, setContinueDisabled] = useState(true);
+    useEffect(() => {
+        triggerResize();
+    }, [message]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (selectedExternalOption == null) {
+        return jsx(PageContent, {});
+    }
+    const handleAmountChange = (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isValidNumber(value, USD_DECIMALS))
+            return;
+        setUsdInput(value);
+        if (Number(value) > maxUsdLimit) {
+            setMessage(`Maximum ${formatUsd(maxUsdLimit)}`);
+        }
+        else {
+            setMessage(minimumMessage);
+        }
+        const usd = Number(sanitizeNumber(value));
+        setContinueDisabled(usd <= 0 ||
+            usd < (selectedExternalOption.minimumUsd ?? 0) ||
+            usd > maxUsdLimit);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !continueDisabled) {
+            handleContinue();
+        }
+    };
+    const handleContinue = () => {
+        const amountUsd = Number(sanitizeNumber(usdInput));
+        paymentState.setChosenUsd(amountUsd);
+        setRoute(ROUTES.WAITING_EXTERNAL, { amountUsd });
+    };
+    return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { "$preserveDisplay": true, children: [jsx(AmountInputContainer, { children: jsx(AmountInputField, { value: usdInput, onChange: handleAmountChange, onKeyDown: handleKeyDown }) }), message && jsx(ModalBody, { children: message }), jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })] })] }));
+};
+const AmountInputContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+export { SelectExternalAmount as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectExternalAmount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExternalAmount/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/build/src/components/Pages/SelectMethod/index.js

@@ -0,0 +1,198 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ROUTES } from '../../../constants/routes.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent } from '../../Common/Modal/styles.js';
+import { getAddressContraction } from '@rozoai/intent-common';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { useAccount, useDisconnect } from 'wagmi';
+import { Ethereum, Solana, Tron, Base } from '../../../assets/chains.js';
+import { WalletIcon, Trust, Rainbow, Phantom, Coinbase } from '../../../assets/logos.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
+import { OptionsList } from '../../Common/OptionsList/index.js';
+import { OrderHeader } from '../../Common/OrderHeader/index.js';
+import PoweredByFooter from '../../Common/PoweredByFooter/index.js';
+import WalletChainLogo from '../../Common/WalletChainLogo/index.js';
+
+function SelectMethod() {
+    const { isMobile, isIOS, isAndroid } = useIsMobile();
+    const { address, chain, isConnected: isEthConnected, connector, } = useAccount();
+    const { connected: isSolanaConnected, wallet: solanaWallet, wallets: solanaWallets, disconnect: disconnectSolana, publicKey, } = useWallet();
+    const { setRoute, paymentState, log } = usePayContext();
+    const { disconnectAsync } = useDisconnect();
+    const { setSelectedExternalOption, externalPaymentOptions, showSolanaPaymentMethod, senderEnsName, } = paymentState;
+    // Decide whether to show the connected eth account, solana account, or both.
+    const showConnectedEth = isEthConnected;
+    const showConnectedSolana = isSolanaConnected && showSolanaPaymentMethod;
+    const getConnectedWalletOptions = () => {
+        const showChainLogo = isEthConnected && isSolanaConnected;
+        const connectedOptions = [];
+        if (showConnectedEth) {
+            const ethWalletDisplayName = senderEnsName ?? (address ? getAddressContraction(address) : "wallet");
+            let walletIcon;
+            if (connector?.icon) {
+                walletIcon = (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: connector.icon, alt: connector.name }) }));
+            }
+            else {
+                walletIcon = jsx(WalletIcon, {});
+            }
+            const connectedEthWalletOption = {
+                id: "connectedWallet",
+                title: `Pay with ${ethWalletDisplayName}`,
+                icons: [
+                    jsx(WalletChainLogo, { walletIcon: walletIcon, walletName: connector?.name || "Wallet", chainLogo: showChainLogo ? jsx(Ethereum, {}) : null }, "eth"),
+                ],
+                onClick: () => {
+                    paymentState.setTokenMode("evm");
+                    setRoute(ROUTES.SELECT_TOKEN, {
+                        event: "click-wallet",
+                        walletId: connector?.id,
+                        chainId: chain?.id,
+                        address: address,
+                    });
+                },
+            };
+            connectedOptions.push(connectedEthWalletOption);
+        }
+        if (showConnectedSolana) {
+            const solWalletDisplayName = getAddressContraction(publicKey?.toBase58() ?? "");
+            const connectedSolWalletOption = {
+                id: "connectedSolanaWallet",
+                title: `Pay with ${solWalletDisplayName}`,
+                icons: solanaWallet?.adapter.icon
+                    ? [
+                        jsx(WalletChainLogo, { walletIcon: solanaWallet.adapter.icon, walletName: solanaWallet.adapter.name, chainLogo: showChainLogo && jsx(Solana, {}) }, "sol-wallet"),
+                    ]
+                    : [
+                        jsx(WalletChainLogo, { walletIcon: jsx(Solana, {}), walletName: "Default wallet icon", chainLogo: null }, "sol-wallet"),
+                    ],
+                onClick: () => {
+                    paymentState.setTokenMode("solana");
+                    setRoute(ROUTES.SELECT_TOKEN, {
+                        event: "click-wallet",
+                        walletId: solanaWallet?.adapter.name,
+                        chainId: "solana",
+                        address: publicKey?.toBase58(),
+                    });
+                },
+            };
+            connectedOptions.push(connectedSolWalletOption);
+        }
+        return connectedOptions;
+    };
+    const connectedWalletOptions = getConnectedWalletOptions();
+    const unconnectedWalletOption = {
+        id: "unconnectedWallet",
+        title: isEthConnected || isSolanaConnected
+            ? `Pay with another wallet`
+            : `Pay with wallet`,
+        icons: getBestUnconnectedWalletIcons(connector, isMobile),
+        onClick: async () => {
+            await disconnectAsync();
+            setRoute(ROUTES.CONNECTORS);
+        },
+    };
+    const options = [];
+    options.push(...connectedWalletOptions);
+    options.push(unconnectedWalletOption);
+    log(`[SELECT_METHOD] loading: ${externalPaymentOptions.loading}, options: ${JSON.stringify(externalPaymentOptions.options)}`);
+    if (showSolanaPaymentMethod) {
+        const solanaOption = getSolanaOption(isIOS, isAndroid, solanaWallets, disconnectSolana, setRoute);
+        if (solanaOption) {
+            options.push(solanaOption);
+        }
+    }
+    // External payment options, e.g. Binance, Coinbase, etc.
+    options.push(...(externalPaymentOptions.options.get("external") ?? []).map((option) => ({
+        id: option.id,
+        title: option.cta,
+        icons: [option.logoURI],
+        onClick: () => {
+            setSelectedExternalOption(option);
+            const meta = { event: "click-option", option: option.id };
+            if (paymentState.isDepositFlow) {
+                setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+            }
+            else {
+                setRoute(ROUTES.WAITING_EXTERNAL, meta);
+            }
+        },
+        disabled: option.disabled,
+        subtitle: option.message,
+    })));
+    const depositAddressOption = getDepositAddressOption(setRoute);
+    options.push(depositAddressOption);
+    // ZKP2P is currently only available on desktop. Check if the user is on
+    // desktop and if any ZKP2P options are available.
+    const zkp2pOptions = externalPaymentOptions.options.get("zkp2p") ?? [];
+    const showZkp2pPaymentMethod = !isMobile && zkp2pOptions.length > 0;
+    if (showZkp2pPaymentMethod) {
+        options.push({
+            id: "ZKP2P",
+            title: "Pay via payment app",
+            icons: zkp2pOptions.slice(0, 2).map((option) => option.logoURI),
+            onClick: () => {
+                setRoute(ROUTES.SELECT_ZKP2P);
+            },
+        });
+    }
+    // Order disabled to bottom
+    options.sort((a, b) => (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0));
+    return (jsxs(PageContent, { children: [jsx(OrderHeader, {}), jsx(OptionsList, { requiredSkeletons: isMobile ? 4 : 3, isLoading: externalPaymentOptions.loading, options: externalPaymentOptions.loading ? [] : options }), jsx(PoweredByFooter, {})] }));
+}
+// Get 3 icons, skipping the one that is already connected
+function getBestUnconnectedWalletIcons(connector, isMobile) {
+    const icons = [];
+    const strippedId = connector?.id.toLowerCase(); // some connector ids can have weird casing and or suffixes and prefixes
+    const [isRainbow, isTrust, isPhantom, isCoinbase] = [
+        strippedId?.includes("rainbow"),
+        strippedId?.includes("trust"),
+        strippedId?.includes("phantom"),
+        strippedId?.includes("coinbase"),
+    ];
+    if (isMobile) {
+        if (!isTrust)
+            icons.push(jsx(Trust, { background: true }));
+        if (!isRainbow)
+            icons.push(jsx(Rainbow, {}));
+        if (!isPhantom)
+            icons.push(jsx(Phantom, {}));
+        if (!isCoinbase && icons.length < 3)
+            icons.push(jsx(Coinbase, {}));
+    }
+    else {
+        if (!isRainbow)
+            icons.push(jsx(Rainbow, {}));
+        if (!isPhantom)
+            icons.push(jsx(Phantom, {}));
+    }
+    return icons;
+}
+function getSolanaOption(isIOS, isAndroid, solanaWallets, disconnectSolana, setRoute) {
+    // If we're on iOS and there are no wallets, we don't need to show the Solana option
+    // If we're on Android and there are less than 2 wallets, we don't need to show the Solana option because there is always a default wallet called Mobile Wallet Adapter that is not useful
+    if ((isIOS && solanaWallets.length === 0) ||
+        (isAndroid && solanaWallets.length < 2))
+        return null;
+    return {
+        id: "solana",
+        title: "Pay on Solana",
+        icons: [jsx(Solana, {}, "solana")],
+        onClick: async () => {
+            await disconnectSolana();
+            setRoute(ROUTES.SOLANA_CONNECT);
+        },
+    };
+}
+function getDepositAddressOption(setRoute) {
+    return {
+        id: "depositAddress",
+        title: "Pay to address",
+        icons: [jsx(Ethereum, {}, "eth"), jsx(Tron, {}, "tron"), jsx(Base, {}, "base")],
+        onClick: () => {
+            setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
+        },
+    };
+}
+
+export { SelectMethod as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectMethod/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectMethod/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/build/src/components/Pages/SelectToken/index.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import defaultTheme from '../../../constants/defaultTheme.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { useTokenOptions } from '../../../hooks/useTokenOptions.js';
+import { PageContent, ModalContent, ModalH1 } from '../../Common/Modal/styles.js';
+import { OptionsList } from '../../Common/OptionsList/index.js';
+import { OrderHeader } from '../../Common/OrderHeader/index.js';
+import SelectAnotherMethodButton from '../../Common/SelectAnotherMethodButton/index.js';
+
+function SelectToken() {
+    const { isMobile } = useIsMobile();
+    const isMobileFormat = isMobile || window?.innerWidth < defaultTheme.mobileWidth;
+    const { paymentState } = usePayContext();
+    const { tokenMode } = paymentState;
+    const { optionsList, isLoading } = useTokenOptions(tokenMode);
+    const isAnotherMethodButtonVisible = optionsList.length > 0 && tokenMode !== "all";
+    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, showEth: true }), !isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    paddingTop: 16,
+                    paddingBottom: 16,
+                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: isLoading, options: optionsList, scrollHeight: isAnotherMethodButtonVisible && isMobileFormat ? 225 : 300, orDivider: isAnotherMethodButtonVisible, hideBottomLine: !isAnotherMethodButtonVisible }), isAnotherMethodButtonVisible && jsx(SelectAnotherMethodButton, {})] }));
+}
+
+export { SelectToken as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectToken/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AASc,SAAU,WAAW,GAAA;AACjC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,cAAc,GAClB,QAAQ,IAAI,MAAM,EAAE,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC;AAE5D,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AACzC,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE9D,MAAM,4BAA4B,GAChC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC;AAEhD,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,GAAC,CAAA,WAAW,EAAC,EAAA,QAAQ,EAAC,IAAA,EAAA,OAAO,EAAE,IAAI,EAAI,CAAA,EAEtC,CAAC,SAAS,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,KACrCD,IAAC,CAAA,YAAY,EACX,EAAA,KAAK,EAAE;AACL,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,EAAE;AACd,oBAAA,aAAa,EAAE,EAAE;iBAClB,EAED,QAAA,EAAA,CAAAC,GAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAgC,EACxCA,GAAA,CAAC,yBAAyB,EAAA,EAAA,CAAG,CAChB,EAAA,CAAA,CAChB,EACDA,GAAA,CAAC,WAAW,EAAA,EACV,iBAAiB,EAAE,CAAC,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,YAAY,EACV,4BAA4B,IAAI,cAAc,GAAG,GAAG,GAAG,GAAG,EAE5D,SAAS,EAAE,4BAA4B,EACvC,cAAc,EAAE,CAAC,4BAA4B,EAAA,CAC7C,EACD,4BAA4B,IAAIA,GAAA,CAAC,yBAAyB,EAAA,EAAA,CAAG,CAClD,EAAA,CAAA,EACd;AACJ;;;;"}

package/build/src/components/Pages/SelectWalletAmount/index.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ROUTES } from '../../../constants/routes.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent, ModalContent } from '../../Common/Modal/styles.js';
+import { useRozoPay } from '../../../hooks/useRozoPay.js';
+import styled from '../../../styles/styled/index.js';
+import { USD_DECIMALS } from '../../../utils/format.js';
+import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
+import AmountInputField from '../../Common/AmountInput/AmountInputField.js';
+import Button from '../../Common/Button/index.js';
+import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
+
+const SelectWalletAmount = () => {
+    const { paymentState, setPendingConnectorId, setRoute } = usePayContext();
+    const { selectedWallet, openInWalletBrowser } = paymentState;
+    const { setChosenUsd, hydrateOrder } = useRozoPay();
+    const maxUsdLimit = paymentState.getOrderUsdLimit();
+    const [usdInput, setUsdInput] = useState("");
+    const [continueDisabled, setContinueDisabled] = useState(true);
+    if (selectedWallet == null) {
+        return jsx(PageContent, {});
+    }
+    const handleAmountChange = (e) => {
+        const value = e.target.value;
+        if (value !== "" && !isValidNumber(value, USD_DECIMALS))
+            return;
+        setUsdInput(value);
+        const usd = Number(sanitizeNumber(value));
+        setContinueDisabled(usd <= 0 || usd > maxUsdLimit);
+    };
+    const handleContinue = async () => {
+        const amountUsd = Number(sanitizeNumber(usdInput));
+        setChosenUsd(amountUsd);
+        await hydrateOrder();
+        if (selectedWallet.name === "Mobile Wallets") {
+            setPendingConnectorId("Mobile Wallets");
+            setRoute(ROUTES.CONNECT);
+        }
+        else {
+            openInWalletBrowser(selectedWallet, amountUsd);
+        }
+    };
+    return (jsxs(PageContent, { children: [jsx(WalletPaymentSpinner, { logo: selectedWallet.icon, logoShape: selectedWallet.iconShape === "square"
+                    ? "squircle"
+                    : selectedWallet.iconShape || "squircle" }), jsxs(ModalContent, { "$preserveDisplay": true, children: [jsx(AmountInputContainer, { children: jsx(AmountInputField, { value: usdInput, onChange: handleAmountChange }) }), jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })] })] }));
+};
+const AmountInputContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+
+export { SelectWalletAmount as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectWalletAmount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectWalletAmount/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAcM,MAAA,kBAAkB,GAAa,MAAK;IACxC,MAAM,EAAE,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAC1E,IAAA,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,GAAG,YAAY,CAAC;IAC7D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,CAAC;AAEpD,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,gBAAgB,EAAE,CAAC;IAEpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE/D,IAAA,IAAI,cAAc,IAAI,IAAI,EAAE;QAC1B,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAe,CAAC;KACpC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,CAAsC,KAAI;AACpE,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC;YAAE,OAAO;QAChE,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,MAAM,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1C,mBAAmB,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,WAAW,CAAC,CAAC;AACrD,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,YAAW;QAChC,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnD,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,YAAY,EAAE,CAAC;AAErB,QAAA,IAAI,cAAc,CAAC,IAAI,KAAK,gBAAgB,EAAE;YAC5C,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;AACxC,YAAA,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SAC1B;aAAM;AACL,YAAA,mBAAmB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;SAChD;AACH,KAAC,CAAC;AAEF,IAAA,QACEC,IAAC,CAAA,WAAW,eACVD,GAAC,CAAA,oBAAoB,IACnB,IAAI,EAAE,cAAc,CAAC,IAAI,EACzB,SAAS,EACP,cAAc,CAAC,SAAS,KAAK,QAAQ;AACnC,sBAAE,UAAU;AACZ,sBAAE,cAAc,CAAC,SAAS,IAAI,UAAU,GAE5C,EACFC,IAAA,CAAC,YAAY,EAAmB,EAAA,kBAAA,EAAA,IAAI,aAClCD,GAAC,CAAA,oBAAoB,cACnBA,GAAC,CAAA,gBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAA,CAAI,GAC9C,EACvBA,GAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,yBAElD,CACI,EAAA,CAAA,CAAA,EAAA,CACH,EACd;AACJ,EAAE;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA,CAAA;;;;CAItC;;;;"}

package/build/src/components/Pages/SelectZKP/index.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PageContent, ModalH1 } from '../../Common/Modal/styles.js';
+import { ROUTES } from '../../../constants/routes.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { OptionsList } from '../../Common/OptionsList/index.js';
+import { OrderHeader } from '../../Common/OrderHeader/index.js';
+
+const SelectZKP = () => {
+    const { paymentState, setRoute } = usePayContext();
+    const { externalPaymentOptions, setSelectedExternalOption } = paymentState;
+    const zkp2pOptions = externalPaymentOptions.options.get("zkp2p");
+    if (!zkp2pOptions) {
+        return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, showZKP2P: true }), jsx(ModalH1, { children: "No ZKP2P options available" })] }));
+    }
+    const options = zkp2pOptions.map((option) => ({
+        id: option.id,
+        title: option.cta,
+        icons: [option.logoURI],
+        onClick: () => {
+            setSelectedExternalOption(option);
+            const meta = { event: "click-option", option: option.id };
+            if (paymentState.isDepositFlow) {
+                setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+            }
+            else {
+                setRoute(ROUTES.WAITING_EXTERNAL, meta);
+            }
+        },
+        disabled: option.disabled,
+        subtitle: option.message,
+    }));
+    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, showZKP2P: true }), jsx(OptionsList, { options: options })] }));
+};
+
+export { SelectZKP as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/SelectZKP/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectZKP/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASM,MAAA,SAAS,GAAa,MAAK;IAC/B,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACnD,IAAA,MAAM,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,GAAG,YAAY,CAAC;IAC3E,MAAM,YAAY,GAAG,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjE,IAAI,CAAC,YAAY,EAAE;AACjB,QAAA,QACEA,IAAC,CAAA,WAAW,EACV,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,WAAW,EAAC,EAAA,QAAQ,EAAC,IAAA,EAAA,SAAS,SAAG,EAClCA,GAAA,CAAC,OAAO,EAAqC,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,CAAA,EAAA,CACjC,EACd;KACH;IAED,MAAM,OAAO,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;QAC5C,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,GAAG;AACjB,QAAA,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACvB,OAAO,EAAE,MAAK;YACZ,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;AAC1D,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,gBAAA,QAAQ,CAAC,MAAM,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;aAC/C;iBAAM;AACL,gBAAA,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;aACzC;SACF;QACD,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,QAAQ,EAAE,MAAM,CAAC,OAAO;AACzB,KAAA,CAAC,CAAC,CAAC;IAEJ,QACED,KAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,IAAC,WAAW,EAAA,EAAC,QAAQ,EAAC,IAAA,EAAA,SAAS,SAAG,EAClCA,GAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA,CAAI,CACrB,EAAA,CAAA,EACd;AACJ;;;;"}

package/build/src/components/Pages/Solana/ConnectSolana/index.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { PageContent, ModalContent, ModalH1 } from '../../../Common/Modal/styles.js';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { SquircleIcon, Phantom, Solflare, Backpack } from '../../../../assets/logos.js';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import { isMobile } from '../../../../utils/index.js';
+import { OptionsList } from '../../../Common/OptionsList/index.js';
+import SelectAnotherMethodButton from '../../../Common/SelectAnotherMethodButton/index.js';
+
+const ConnectSolana = () => {
+    const { setSolanaConnector, setRoute, log } = usePayContext();
+    const solanaWallets = useWallet();
+    const options = solanaWallets.wallets.map((wallet) => ({
+        id: wallet.adapter.name,
+        title: `${wallet.adapter.name}`,
+        icons: [
+            jsx(SquircleIcon, { icon: wallet.adapter.icon, alt: wallet.adapter.name }, wallet.adapter.name),
+        ],
+        onClick: async () => {
+            log("wallet.adapter.name ", wallet.adapter.name);
+            setSolanaConnector(wallet.adapter.name);
+            if (solanaWallets.connected) {
+                await solanaWallets.disconnect();
+            }
+            setRoute(ROUTES.SOLANA_CONNECTOR, {
+                event: "click-solana-wallet",
+                walletName: wallet.adapter.name,
+            });
+        },
+    }));
+    const defaultOptions = [
+        {
+            id: "phantom",
+            title: "Open in Phantom",
+            icons: [
+                jsx(SquircleIcon, { icon: (props) => jsx(Phantom, { ...props, background: true }), alt: "Phantom" }, "phantom"),
+            ],
+            onClick: () => window.open(`https://phantom.app/ul/browse/${encodeURIComponent(window.location.href)}?ref=${encodeURIComponent(window.location.origin)}`),
+        },
+        {
+            id: "solflare",
+            title: "Open in Solflare",
+            icons: [
+                jsx(SquircleIcon, { icon: (props) => jsx(Solflare, { ...props, background: true }), alt: "Solflare" }, "solflare"),
+            ],
+            onClick: () => window.open(`https://solflare.com/ul/v1/browse/${encodeURIComponent(window.location.href)}?ref=${encodeURIComponent(window.location.origin)}`, "_blank"),
+        },
+        {
+            id: "backpack",
+            title: "Open in Backpack",
+            icons: [
+                jsx(SquircleIcon, { icon: (props) => jsx(Backpack, { ...props, background: true }), alt: "Backpack" }, "backpack"),
+            ],
+            onClick: () => window.open(`https://backpack.app/ul/v1/browse/${encodeURIComponent(window.location.href)}?ref=${encodeURIComponent(window.location.origin)}`, "_blank"),
+        },
+    ];
+    return (jsxs(PageContent, { style: {
+            height: "100%",
+        }, children: [solanaWallets.wallets.length === 0 && !isMobile() && (jsxs(ModalContent, { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    paddingTop: 16,
+                    paddingBottom: 16,
+                    gap: 16,
+                }, children: [jsx(ModalH1, { children: "No Solana wallets detected." }), jsx(SelectAnotherMethodButton, {})] })), isMobile() &&
+                (solanaWallets.wallets.length === 0 ||
+                    (solanaWallets.wallets.length > 0 &&
+                        solanaWallets.wallets[0].adapter.name ===
+                            "Mobile Wallet Adapter")) && (jsx(ModalContent, { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 16,
+                }, children: jsx(OptionsList, { options: defaultOptions }) })), solanaWallets.wallets.length > 0 &&
+                solanaWallets.wallets[0].adapter.name !== "Mobile Wallet Adapter" && (jsx(OptionsList, { options: options }))] }));
+};
+
+export { ConnectSolana as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/Solana/ConnectSolana/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/ConnectSolana/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/build/src/components/Pages/Solana/ConnectorSolana/index.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { PageContent, ModalContent, ModalH1, ModalBody } from '../../../Common/Modal/styles.js';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import styled from '../../../../styles/styled/index.js';
+import SquircleSpinner from '../../../Spinners/SquircleSpinner/index.js';
+
+const ConnectSolana = () => {
+    const solanaWallets = useWallet();
+    const isConnected = solanaWallets.connected;
+    const { solanaConnector, setRoute, paymentState } = usePayContext();
+    const { setTokenMode } = paymentState;
+    const selectedWallet = solanaWallets.wallets.find((wallet) => wallet.adapter.name === solanaConnector);
+    useEffect(() => {
+        if (!solanaConnector)
+            return;
+        solanaWallets.select(solanaConnector);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [solanaConnector]);
+    useEffect(() => {
+        if (!isConnected)
+            return;
+        // Wait so user can see it's connected
+        const meta = {
+            event: "wait-solana-connected",
+            walletName: solanaWallets.wallet?.adapter.name,
+        };
+        setTimeout(() => {
+            setTokenMode("solana");
+            setRoute(ROUTES.SELECT_TOKEN, meta);
+        }, 500);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isConnected]);
+    if (!solanaConnector)
+        return null;
+    return (jsxs(PageContent, { children: [jsx(LoadingContainer, { children: jsx(AnimationContainer, { children: jsx(AnimatePresence, { children: jsx(SquircleSpinner, { logo: jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: selectedWallet?.adapter.icon, alt: selectedWallet?.adapter.name }) }), loading: true }) }) }) }), jsx(ModalContent, { style: { paddingBottom: 0 }, children: isConnected ? (jsx(ModalH1, { children: "Connected" })) : (jsxs(Fragment, { children: [jsx(ModalH1, { children: "Requesting Connection" }), jsxs(ModalBody, { children: ["Open ", selectedWallet?.adapter.name, " to continue."] })] })) })] }));
+};
+const LoadingContainer = styled(motion.div) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 10px auto 16px;
+  height: 120px;
+`;
+const AnimationContainer = styled(motion.div) `
+  user-select: none;
+  position: relative;
+  --spinner-error-opacity: 0;
+  &:before {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    opacity: 0;
+    background: var(--ck-body-color-danger);
+  }
+`;
+
+export { LoadingContainer, ConnectSolana as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Pages/Solana/ConnectorSolana/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/ConnectorSolana/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAgBM,MAAA,aAAa,GAAa,MAAK;AACnC,IAAA,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC;AAClC,IAAA,MAAM,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC;IAE5C,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AACpE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;IAEtC,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAC/C,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,eAAe,CACpD,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,eAAe;YAAE,OAAO;AAC7B,QAAA,aAAa,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;;AAExC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW;YAAE,OAAO;;AAEzB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,UAAU,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;SAC/C,CAAC;QACF,UAAU,CAAC,MAAK;YACd,YAAY,CAAC,QAAQ,CAAC,CAAC;AACvB,YAAA,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;SACrC,EAAE,GAAG,CAAC,CAAC;;AAEV,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAElB,IAAA,IAAI,CAAC,eAAe;AAAE,QAAA,OAAO,IAAI,CAAC;IAElC,QACEA,KAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,IAAC,gBAAgB,EAAA,EAAA,QAAA,EACfA,GAAC,CAAA,kBAAkB,EACjB,EAAA,QAAA,EAAAA,GAAA,CAAC,eAAe,EACd,EAAA,QAAA,EAAAA,GAAA,CAAC,eAAe,EACd,EAAA,IAAI,EACFA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACvDA,GACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,IAAI,EACjC,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,IAAI,EAAA,CACjC,EACE,CAAA,EAER,OAAO,EAAE,IAAI,GACb,EACc,CAAA,EAAA,CACC,GACJ,EACnBA,GAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,EAAA,QAAA,EACtC,WAAW,IACVA,GAAC,CAAA,OAAO,4BAAoB,KAE5BD,4BACEC,GAAC,CAAA,OAAO,EAAgC,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAA,EACxCD,IAAC,CAAA,SAAS,wBACF,cAAc,EAAE,OAAO,CAAC,IAAI,EAAA,eAAA,CAAA,EAAA,CACxB,IACX,CACJ,EAAA,CACY,CACH,EAAA,CAAA,EACd;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;EAMhD;AACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;CAW5C;;;;"}