@rozoai/intent-pay 0.0.7 → 0.0.9

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

@@ -0,0 +1,72 @@
+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 { WalletSignTransactionError, WalletSendTransactionError } from '@solana/wallet-adapter-base';
+import { PageContent, ModalContent, ModalH1, Link } from '../../../Common/Modal/styles.js';
+import { getChainExplorerTxUrl, solana } from '@rozoai/intent-common';
+import { useRozoPay } from '../../../../hooks/useRozoPay.js';
+import { getSupportUrl } from '../../../../utils/supportUrl.js';
+import Button from '../../../Common/Button/index.js';
+import PaymentBreakdown from '../../../Common/PaymentBreakdown/index.js';
+import TokenLogoSpinner from '../../../Spinners/TokenLogoSpinner/index.js';
+
+var PayState;
+(function (PayState) {
+    PayState["RequestingPayment"] = "Waiting For Payment";
+    PayState["RequestCancelled"] = "Payment Cancelled";
+    PayState["RequestFailed"] = "Payment Failed";
+    PayState["RequestSuccessful"] = "Payment Successful";
+})(PayState || (PayState = {}));
+const PayWithSolanaToken = () => {
+    const { triggerResize, paymentState, setRoute } = usePayContext();
+    const { selectedSolanaTokenOption, payWithSolanaToken } = paymentState;
+    const { order } = useRozoPay();
+    const [payState, setPayState] = useState(PayState.RequestingPayment);
+    const [txURL, setTxURL] = useState();
+    const handleTransfer = async (option) => {
+        setPayState(PayState.RequestingPayment);
+        try {
+            const result = await payWithSolanaToken(option.required.token.token);
+            setTxURL(getChainExplorerTxUrl(solana.chainId, result.txHash));
+            if (result.success) {
+                setPayState(PayState.RequestSuccessful);
+                setTimeout(() => {
+                    setRoute(ROUTES.CONFIRMATION, { event: "wait-pay-with-solana" });
+                }, 200);
+            }
+            else {
+                setPayState(PayState.RequestFailed);
+            }
+        }
+        catch (error) {
+            console.error(error);
+            if (error instanceof WalletSignTransactionError ||
+                error instanceof WalletSendTransactionError) {
+                setPayState(PayState.RequestCancelled);
+            }
+            else {
+                setPayState(PayState.RequestFailed);
+            }
+        }
+    };
+    useEffect(() => {
+        if (!selectedSolanaTokenOption)
+            return;
+        // Give user time to see the UI before opening
+        const transferTimeout = setTimeout(() => handleTransfer(selectedSolanaTokenOption), 100);
+        return () => clearTimeout(transferTimeout);
+    }, [selectedSolanaTokenOption]); // eslint-disable-line react-hooks/exhaustive-deps
+    useEffect(() => {
+        triggerResize();
+    }, [payState]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (selectedSolanaTokenOption == null) {
+        return jsx(PageContent, {});
+    }
+    return (jsxs(PageContent, { children: [selectedSolanaTokenOption && (jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [txURL ? (jsx(ModalH1, { children: jsx(Link, { href: txURL, target: "_blank", rel: "noopener noreferrer", children: payState }) })) : (jsx(ModalH1, { children: payState })), jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption }), payState === PayState.RequestCancelled && (jsx(Button, { onClick: () => handleTransfer(selectedSolanaTokenOption), children: "Retry Payment" })), payState === PayState.RequestFailed && (jsx(Button, { onClick: () => {
+                            window.open(getSupportUrl(order?.id?.toString() ?? "", `Pay with Solana token${txURL ? ` ${txURL}` : ""}`), "_blank");
+                        }, children: "Contact Support" }))] })] }));
+};
+
+export { PayWithSolanaToken as default };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { ROUTES } from '../../../../constants/routes.js';
+import { usePayContext } from '../../../../hooks/usePayContext.js';
+import MultiCurrencySelectAmount from '../../../Common/AmountInput/index.js';
+import { PageContent } from '../../../Common/Modal/styles.js';
+
+const SelectSolanaAmount = () => {
+    const { paymentState } = usePayContext();
+    const { selectedSolanaTokenOption, setSelectedSolanaTokenOption } = paymentState;
+    if (selectedSolanaTokenOption == null) {
+        return jsx(PageContent, {});
+    }
+    return (jsx(MultiCurrencySelectAmount, { selectedTokenOption: selectedSolanaTokenOption, setSelectedTokenOption: setSelectedSolanaTokenOption, nextPage: ROUTES.SOLANA_PAY_WITH_TOKEN }));
+};
+
+export { SelectSolanaAmount as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/SelectSolanaAmount/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOM,MAAA,kBAAkB,GAAa,MAAK;AACxC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AACzC,IAAA,MAAM,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,GAC/D,YAAY,CAAC;AAEf,IAAA,IAAI,yBAAyB,IAAI,IAAI,EAAE;QACrC,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAe,CAAC;KACpC;AAED,IAAA,QACEA,GAAC,CAAA,yBAAyB,IACxB,mBAAmB,EAAE,yBAAyB,EAC9C,sBAAsB,EAAE,4BAA4B,EACpD,QAAQ,EAAE,MAAM,CAAC,qBAAqB,EAAA,CACtC,EACF;AACJ;;;;"}

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

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useConnect, useDisconnect, useAccount } from 'wagmi';
+import ChainSelectList from '../../Common/ChainSelectList/index.js';
+import { PageContent, ModalContent, ModalBody } from '../../Common/Modal/styles.js';
+import useLocales from '../../../hooks/useLocales.js';
+import { DisconnectIcon } from '../../../assets/icons.js';
+import { useChainIsSupported } from '../../../hooks/useChainIsSupported.js';
+import { isSafeConnector } from '../../../utils/index.js';
+import Button from '../../Common/Button/index.js';
+import { OrDivider } from '../../Common/Modal/index.js';
+
+const SwitchNetworks = () => {
+    const { reset } = useConnect();
+    const { disconnect } = useDisconnect();
+    const { connector, chain } = useAccount();
+    const isChainSupported = useChainIsSupported(chain?.id);
+    const locales = useLocales({});
+    const onDisconnect = () => {
+        disconnect();
+        reset();
+    };
+    return (jsx(PageContent, { style: { width: 278 }, children: jsxs(ModalContent, { style: { padding: 0, marginTop: -10 }, children: [!isChainSupported && (jsxs(ModalBody, { children: [locales.warnings_chainUnsupported, " ", locales.warnings_chainUnsupportedResolve] })), jsx("div", { style: { padding: "6px 8px" }, children: jsx(ChainSelectList, { variant: "secondary" }) }), !isChainSupported && !isSafeConnector(connector?.id) && (jsxs("div", { style: { paddingTop: 12 }, children: [jsx(OrDivider, {}), jsx(Button, { icon: jsx(DisconnectIcon, {}), variant: "secondary", onClick: onDisconnect, children: locales.disconnect })] }))] }) }));
+};
+
+export { SwitchNetworks as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SwitchNetworks/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAkBM,MAAA,cAAc,GAAa,MAAK;AACpC,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAC1C,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAExD,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,CAAC;AACV,KAAC,CAAC;IAEF,QACEA,GAAC,CAAA,WAAW,EAAC,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,QAAA,EAAAC,IAAA,CAAC,YAAY,EAAC,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAA,QAAA,EAAA,CAChD,CAAC,gBAAgB,KAChBA,IAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAA,CACP,OAAO,CAAC,yBAAyB,EAAE,GAAG,EACtC,OAAO,CAAC,gCAAgC,CAC/B,EAAA,CAAA,CACb,EAEDD,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAA,QAAA,EAChCA,GAAC,CAAA,eAAe,IAAC,OAAO,EAAC,WAAW,EAAA,CAAG,EACnC,CAAA,EAEL,CAAC,gBAAgB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC,KACnDC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CAC5BD,GAAC,CAAA,SAAS,KAAG,EACbA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAEA,GAAC,CAAA,cAAc,EAAG,EAAA,CAAA,EACxB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,EAEpB,QAAA,EAAA,OAAO,CAAC,UAAU,EACZ,CAAA,CAAA,EAAA,CACL,CACP,CAAA,EAAA,CACY,EACH,CAAA,EACd;AACJ;;;;"}

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

@@ -0,0 +1,305 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { isHydrated, getChainName, DepositAddressPaymentOptions, ethereumUSDC, polygonUSDC, baseUSDC, arbitrumUSDC, optimismUSDC, getAddressContraction } from '@rozoai/intent-common';
+import { useState, useEffect, useMemo } from 'react';
+import { keyframes } from 'styled-components';
+import { WarningIcon } from '../../../assets/icons.js';
+import { useRozoPay } from '../../../hooks/useRozoPay.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import styled from '../../../styles/styled/index.js';
+import Button from '../../Common/Button/index.js';
+import CircleTimer from '../../Common/CircleTimer.js';
+import CopyToClipboardIcon from '../../Common/CopyToClipboard/CopyToClipboardIcon.js';
+import CustomQRCode from '../../Common/CustomQRCode/index.js';
+import { ModalBody, PageContent, ModalContent, ModalH1 } from '../../Common/Modal/styles.js';
+import SelectAnotherMethodButton from '../../Common/SelectAnotherMethodButton/index.js';
+import TokenChainLogo from '../../Common/TokenChainLogo/index.js';
+
+function WaitingDepositAddress() {
+    const context = usePayContext();
+    const { triggerResize, paymentState } = context;
+    const { payWithDepositAddress, selectedDepositAddressOption } = paymentState;
+    const { order } = useRozoPay();
+    const [depAddr, setDepAddr] = useState();
+    const [failed, setFailed] = useState(false);
+    // If we selected a deposit address option, generate the address...
+    const generateDepositAddress = () => {
+        if (selectedDepositAddressOption == null) {
+            if (order == null || !isHydrated(order))
+                return;
+            if (order.sourceTokenAmount == null)
+                return;
+            // Pay underpaid order
+            const taPaid = order.sourceTokenAmount;
+            const usdPaid = taPaid.usd; // TODO: get usdPaid directly from the order
+            const usdToPay = Math.max(order.usdValue - usdPaid, 0.01);
+            const dispDecimals = taPaid.token.displayDecimals;
+            const unitsToPay = (usdToPay / taPaid.token.usd).toFixed(dispDecimals);
+            const unitsPaid = (Number(taPaid.amount) /
+                10 ** taPaid.token.decimals).toFixed(dispDecimals);
+            // Hack to always show a <= 60 minute countdown
+            let expirationS = (order.createdAt ?? 0) + 59.5 * 60;
+            if (order.expirationTs != null &&
+                Number(order.expirationTs) < expirationS) {
+                expirationS = Number(order.expirationTs);
+            }
+            setDepAddr({
+                address: order.intentAddr,
+                amount: unitsToPay,
+                underpayment: { unitsPaid, coin: taPaid.token.symbol },
+                coins: `${taPaid.token.symbol} on ${getChainName(taPaid.token.chainId)}`,
+                expirationS: expirationS,
+                uri: order.intentAddr,
+                displayToken: taPaid.token,
+                logoURI: "", // Not needed for underpaid orders
+            });
+        }
+        else {
+            const displayToken = getDisplayToken(selectedDepositAddressOption);
+            const logoURI = selectedDepositAddressOption.logoURI;
+            setDepAddr({
+                displayToken,
+                logoURI,
+            });
+            payWithDepositAddress(selectedDepositAddressOption.id).then((details) => {
+                if (details) {
+                    setDepAddr({
+                        address: details.address,
+                        amount: details.amount,
+                        coins: details.suffix,
+                        expirationS: details.expirationS,
+                        uri: details.uri,
+                        displayToken,
+                        logoURI,
+                    });
+                }
+                else {
+                    setFailed(true);
+                }
+            });
+        }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(generateDepositAddress, [selectedDepositAddressOption]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(triggerResize, [depAddr, failed]);
+    return (jsx(PageContent, { children: failed
+            ? selectedDepositAddressOption && (jsx(DepositFailed, { name: selectedDepositAddressOption.id }))
+            : depAddr && (jsx(DepositAddressInfo, { depAddr: depAddr, refresh: generateDepositAddress, triggerResize: triggerResize })) }));
+}
+function DepositAddressInfo({ depAddr, refresh, triggerResize, }) {
+    const { isMobile } = useIsMobile();
+    const [remainingS, totalS] = useCountdown(depAddr?.expirationS);
+    const isExpired = depAddr?.expirationS != null && remainingS === 0;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(triggerResize, [isExpired]);
+    const logoOffset = isMobile ? 4 : 0;
+    const logoElement = depAddr.displayToken ? (jsx(TokenChainLogo, { token: depAddr.displayToken, size: 64, offset: logoOffset })) : (jsx("img", { src: depAddr.logoURI, width: "64px", height: "64px" }));
+    return (jsxs(ModalContent, { children: [isExpired ? (jsx(LogoRow, { children: jsx(Button, { onClick: refresh, style: { width: 128 }, children: "Refresh" }) })) : isMobile ? (jsx(LogoRow, { children: jsx(LogoWrap, { children: logoElement }) })) : (jsx(QRWrap, { children: jsx(CustomQRCode, { value: depAddr?.uri, contentPadding: 24, size: 200, image: logoElement }) })), jsx(CopyableInfo, { depAddr: depAddr, remainingS: remainingS, totalS: totalS })] }));
+}
+function getDisplayToken(meta) {
+    switch (meta.id) {
+        case DepositAddressPaymentOptions.OP_MAINNET:
+            return optimismUSDC;
+        case DepositAddressPaymentOptions.ARBITRUM:
+            return arbitrumUSDC;
+        case DepositAddressPaymentOptions.BASE:
+            return baseUSDC;
+        case DepositAddressPaymentOptions.POLYGON:
+            return polygonUSDC;
+        case DepositAddressPaymentOptions.ETH_L1:
+            return ethereumUSDC;
+        default:
+            return null;
+    }
+}
+const LogoWrap = styled.div `
+  position: relative;
+  width: 64px;
+  height: 64px;
+`;
+const LogoRow = styled.div `
+  padding: 32px 0;
+  height: 128px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: center;
+`;
+const QRWrap = styled.div `
+  margin: 0 auto;
+  width: 280px;
+`;
+function CopyableInfo({ depAddr, remainingS, totalS, }) {
+    const underpayment = depAddr?.underpayment;
+    const isExpired = depAddr?.expirationS != null && remainingS === 0;
+    return (jsxs(CopyableInfoWrapper, { children: [underpayment && jsx(UnderpaymentInfo, { underpayment: underpayment }), jsx(CopyRowOrThrobber, { title: "Send Exactly", value: depAddr?.amount, smallText: depAddr?.coins, disabled: isExpired }), jsx(CopyRowOrThrobber, { title: "Receiving Address", value: depAddr?.address, valueText: depAddr?.address && getAddressContraction(depAddr.address), disabled: isExpired }), jsx(CountdownWrap, { children: jsx(CountdownTimer, { remainingS: remainingS, totalS: totalS }) })] }));
+}
+function UnderpaymentInfo({ underpayment }) {
+    return (jsxs(UnderpaymentWrapper, { children: [jsxs(UnderpaymentHeader, { children: [jsx(WarningIcon, {}), jsxs("span", { children: ["Received ", underpayment.unitsPaid, " ", underpayment.coin] })] }), jsx(SmallText, { children: "Finish by sending the extra amount below." })] }));
+}
+const UnderpaymentWrapper = styled.div `
+  background: var(--ck-body-background-tertiary);
+  border-radius: 8px;
+  padding: 16px;
+  margin: 0 4px 16px 4px;
+  margin-bottom: 16px;
+`;
+const UnderpaymentHeader = styled.div `
+  font-weight: 500;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+  gap: 8px;
+  margin-bottom: 8px;
+`;
+const CopyableInfoWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  gap: 0;
+  margin-top: 8px;
+`;
+const CountdownWrap = styled.div `
+  margin-top: 24px;
+  height: 16px;
+`;
+function useCountdown(expirationS) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const initMs = useMemo(() => Date.now(), [expirationS]);
+    const [ms, setMs] = useState(initMs);
+    useEffect(() => {
+        const interval = setInterval(() => setMs(Date.now()), 1000);
+        return () => clearInterval(interval);
+    }, []);
+    if (expirationS == null)
+        return [0, 0];
+    const remainingS = Math.max(0, (expirationS - ms / 1000) | 0);
+    const totalS = Math.max(0, (expirationS - initMs / 1000) | 0);
+    return [remainingS, totalS];
+}
+function CountdownTimer({ remainingS, totalS, }) {
+    if (totalS == 0 || remainingS > 3600) {
+        return jsx(SmallText, { children: "Send only once" });
+    }
+    const isExpired = remainingS === 0;
+    return (jsx(ModalBody, { children: jsxs(CountdownRow, { children: [jsx(CircleTimer, { total: totalS, currentTime: remainingS, size: 18, stroke: 3 }), jsx("strong", { children: isExpired ? "Expired" : formatTime(remainingS) })] }) }));
+}
+const CountdownRow = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-variant-numeric: tabular-nums;
+`;
+const formatTime = (sec) => {
+    const m = `${Math.floor(sec / 60)}`.padStart(2, "0");
+    const s = `${sec % 60}`.padStart(2, "0");
+    return `${m}:${s}`;
+};
+function DepositFailed({ name }) {
+    return (jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsxs(ModalH1, { children: [name, " unavailable"] }), jsxs(ModalBody, { children: ["We're unable to process ", name, " payments at this time. Please select another payment method."] }), jsx(SelectAnotherMethodButton, {})] }));
+}
+const CopyRow = styled.button `
+  display: block;
+  height: 64px;
+  border-radius: 8px;
+  padding: 8px 16px;
+
+  cursor: pointer;
+  background-color: var(--ck-body-background);
+  background-color: var(--ck-body-background);
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  transition: all 100ms ease;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  &:active {
+    transform: scale(0.98);
+    background-color: var(--ck-body-background-secondary);
+  }
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.5;
+    transform: scale(0.98);
+    background-color: var(--ck-body-background-secondary);
+  }
+`;
+const LabelRow = styled.div `
+  margin-bottom: 4px;
+`;
+const MainRow = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+const ValueContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const SmallText = styled.span `
+  font-size: 14px;
+  color: var(--ck-primary-button-color);
+`;
+const ValueText = styled.span `
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--ck-primary-button-color);
+`;
+const LabelText = styled(ModalBody) `
+  margin: 0;
+  text-align: left;
+`;
+const pulse = keyframes `
+  0% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.6;
+  }
+`;
+const Skeleton = styled.div `
+  width: 80px;
+  height: 16px;
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.1);
+  animation: ${pulse} 1.5s ease-in-out infinite;
+`;
+function CopyRowOrThrobber({ title, value, valueText, smallText, disabled, }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = () => {
+        if (disabled)
+            return;
+        if (!value)
+            return;
+        const str = value.trim();
+        if (navigator.clipboard) {
+            navigator.clipboard.writeText(str);
+        }
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1000);
+    };
+    if (!value) {
+        return (jsxs(CopyRow, { children: [jsx(LabelRow, { children: jsx(LabelText, { children: title }) }), jsx(MainRow, { children: jsx(Skeleton, {}) })] }));
+    }
+    const displayValue = valueText || value;
+    return (jsxs(CopyRow, { as: "button", onClick: handleCopy, disabled: disabled, children: [jsxs("div", { children: [jsx(LabelRow, { children: jsx(LabelText, { children: title }) }), jsx(MainRow, { children: jsxs(ValueContainer, { children: [jsx(ValueText, { children: displayValue }), smallText && jsx(SmallText, { children: smallText })] }) })] }), jsx(CopyIconWrap, { children: jsx(CopyToClipboardIcon, { copied: copied, dark: true }) })] }));
+}
+const CopyIconWrap = styled.div `
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+`;
+
+export { WaitingDepositAddress as default };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
+import { ExternalPaymentOptions } from '@rozoai/intent-common';
+import { ExternalLinkIcon } from '../../../assets/icons.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
+import Button from '../../Common/Button/index.js';
+import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
+
+const WaitingExternal = () => {
+    const context = usePayContext();
+    const { triggerResize, paymentState } = context;
+    const { isMobile } = useIsMobile();
+    const { selectedExternalOption, payWithExternal, paymentWaitingMessage } = paymentState;
+    let isPaymentApp = false;
+    if (selectedExternalOption) {
+        isPaymentApp =
+            selectedExternalOption.id === ExternalPaymentOptions.Venmo ||
+                selectedExternalOption.id === ExternalPaymentOptions.CashApp ||
+                selectedExternalOption.id === ExternalPaymentOptions.MercadoPago ||
+                selectedExternalOption.id === ExternalPaymentOptions.Revolut ||
+                selectedExternalOption.id === ExternalPaymentOptions.Wise;
+    }
+    const [externalURL, setExternalURL] = useState(null);
+    useEffect(() => {
+        if (!selectedExternalOption)
+            return;
+        payWithExternal(selectedExternalOption.id).then((url) => {
+            setExternalURL(url);
+            openExternalWindow(url);
+        });
+    }, [selectedExternalOption]); // eslint-disable-line react-hooks/exhaustive-deps
+    const openExternalWindow = (url) => {
+        if (isMobile || isPaymentApp) {
+            // on mobile: open in a new tab
+            window.open(url, "_blank");
+        }
+        else {
+            // on desktop: open in a popup window in
+            // portrait mode in the center of the screen
+            let width = 500;
+            let height = 700;
+            // if (isPaymentApp) {
+            //   height = 800;
+            //   width = 800;
+            // }
+            const left = Math.max(0, Math.floor((window.innerWidth - width) / 2) + window.screenX);
+            const top = Math.max(0, Math.floor((window.innerHeight - height) / 2) + window.screenY);
+            window.open(url, "popupWindow", `width=${width},height=${height},left=${left},top=${top},scrollbars=yes`);
+        }
+    };
+    const waitingMessageLength = paymentWaitingMessage?.length;
+    useEffect(() => {
+        triggerResize();
+    }, [waitingMessageLength, externalURL]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (!selectedExternalOption) {
+        return jsx(PageContent, {});
+    }
+    return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsx(ModalH1, { children: "Waiting For Payment" }), paymentWaitingMessage && (jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), jsx(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: () => {
+                    if (externalURL) {
+                        openExternalWindow(externalURL);
+                    }
+                }, children: selectedExternalOption.cta })] }));
+};
+
+export { WaitingExternal as default };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
+import { ExternalLinkIcon } from '../../../assets/icons.js';
+import Button from '../../Common/Button/index.js';
+import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
+
+const WaitingWallet = () => {
+    const context = usePayContext();
+    const { paymentState } = context;
+    const { selectedWallet, paymentWaitingMessage, selectedWalletDeepLink } = paymentState;
+    const openWalletWindow = (url) => {
+        window.open(url, "_blank");
+    };
+    if (!selectedWallet) {
+        return jsx(PageContent, { children: " No wallet selected " });
+    }
+    return (jsxs(PageContent, { children: [jsx(WalletPaymentSpinner, { logo: selectedWallet.icon, logoShape: selectedWallet.iconShape === "square"
+                    ? "squircle"
+                    : selectedWallet.iconShape || "squircle" }), jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsxs(ModalH1, { children: ["Continue in ", selectedWallet.shortName ?? selectedWallet.name] }), paymentWaitingMessage && (jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), jsx(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: () => {
+                    if (selectedWalletDeepLink) {
+                        openWalletWindow(selectedWalletDeepLink);
+                    }
+                }, children: `Open ${selectedWallet.name}` })] }));
+};
+
+export { WaitingWallet as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/WaitingWallet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAcM,MAAA,aAAa,GAAa,MAAK;AACnC,IAAA,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AAChC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAEjC,MAAM,EAAE,cAAc,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,GACrE,YAAY,CAAC;AAEf,IAAA,MAAM,gBAAgB,GAAG,CAAC,GAAW,KAAI;AACvC,QAAA,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC7B,KAAC,CAAC;IAEF,IAAI,CAAC,cAAc,EAAE;QACnB,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAmC,CAAC;KACxD;AAED,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,EAAA,CAE5C,EACFC,IAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,aACtDA,IAAC,CAAA,OAAO,EACO,EAAA,QAAA,EAAA,CAAA,cAAA,EAAA,cAAc,CAAC,SAAS,IAAI,cAAc,CAAC,IAAI,CACpD,EAAA,CAAA,EACT,qBAAqB,KACpBD,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAA,QAAA,EAClD,qBAAqB,EAAA,CACZ,CACb,CAAA,EAAA,CACY,EACfA,GAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAEA,GAAA,CAAC,gBAAgB,EAAG,EAAA,CAAA,EAC1B,OAAO,EAAE,MAAK;oBACZ,IAAI,sBAAsB,EAAE;wBAC1B,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;qBAC1C;iBACF,EAAA,QAAA,EAEA,QAAQ,cAAc,CAAC,IAAI,CAAE,CAAA,EAAA,CACvB,CACG,EAAA,CAAA,EACd;AACJ;;;;"}