@rozoai/intent-pay 0.0.7 → 0.0.9

package/build/src/components/RozoPayButton/index.js

@@ -0,0 +1,201 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEffect, useCallback, useRef } from 'react';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import { TextContainer } from './styles.js';
+import { getOrderSourceChainId, RozoPayEventType, writeRozoPayOrderID, getRozoPayOrderView, getOrderDestChainId, assertNotNull } from '@rozoai/intent-common';
+import { AnimatePresence } from 'framer-motion';
+import { useRozoPay } from '../../hooks/useRozoPay.js';
+import { ResetContainer } from '../../styles/index.js';
+import ThemedButton from '../Common/ThemedButton/index.js';
+import { ThemeContainer } from '../Common/ThemedButton/styles.js';
+
+/**
+ * A button that shows the Rozo Pay checkout. Replaces the traditional
+ * Connect Wallet » approve » execute sequence with a single action.
+ */
+function RozoPayButton(props) {
+    const { theme, mode, customTheme } = props;
+    const context = usePayContext();
+    return (jsx(RozoPayButtonCustom, { ...props, children: ({ show }) => (jsx(ResetContainer, { "$useTheme": theme ?? context.theme, "$useMode": mode ?? context.mode, "$customTheme": customTheme ?? context.customTheme, children: jsx(ThemeContainer, { onClick: props.disabled ? undefined : show, children: jsx(ThemedButton, { theme: theme ?? context.theme, mode: mode ?? context.mode, customTheme: customTheme ?? context.customTheme, children: jsx(RozoPayButtonInner, {}) }) }) })) }));
+}
+/** Like RozoPayButton, but with custom styling. */
+function RozoPayButtonCustom(props) {
+    const context = usePayContext();
+    // Pre-load payment info in background.
+    // Reload when any of the info changes.
+    let payParams = "appId" in props
+        ? {
+            appId: props.appId,
+            toChain: props.toChain,
+            toAddress: props.toAddress,
+            toToken: props.toToken,
+            toUnits: props.toUnits,
+            toCallData: props.toCallData,
+            intent: props.intent,
+            paymentOptions: props.paymentOptions,
+            preferredChains: props.preferredChains,
+            preferredTokens: props.preferredTokens,
+            evmChains: props.evmChains,
+            externalId: props.externalId,
+            metadata: props.metadata,
+            refundAddress: props.refundAddress,
+        }
+        : null;
+    let payId = "payId" in props ? props.payId : null;
+    const { paymentState, log } = context;
+    const { order, paymentState: payState } = useRozoPay();
+    // Set the payId or payParams
+    useEffect(() => {
+        if (payId != null) {
+            paymentState.setPayId(payId);
+        }
+        else if (payParams != null) {
+            paymentState.setPayParams(payParams);
+        }
+        paymentState.setButtonProps(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [payId, JSON.stringify(payParams || {})]);
+    // Set the confirmation message
+    const { setConfirmationMessage } = context;
+    useEffect(() => {
+        if (props.confirmationMessage) {
+            setConfirmationMessage(props.confirmationMessage);
+        }
+    }, [props.confirmationMessage, setConfirmationMessage]);
+    // Set the redirect return url
+    const { setRedirectReturnUrl } = context;
+    useEffect(() => {
+        if (props.redirectReturnUrl) {
+            setRedirectReturnUrl(props.redirectReturnUrl);
+        }
+    }, [props.redirectReturnUrl, setRedirectReturnUrl]);
+    // Set the onOpen and onClose callbacks
+    const { setOnOpen, setOnClose } = context;
+    useEffect(() => {
+        setOnOpen(props.onOpen);
+        return () => setOnOpen(undefined);
+    }, [props.onOpen, setOnOpen]);
+    useEffect(() => {
+        setOnClose(props.onClose);
+        return () => setOnClose(undefined);
+    }, [props.onClose, setOnClose]);
+    // Payment events: call these three event handlers.
+    const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;
+    // Functions to show and hide the modal
+    const { children, closeOnSuccess, resetOnSuccess, connectedWalletOnly } = props;
+    const show = useCallback(() => {
+        if (order == null)
+            return;
+        const modalOptions = {
+            closeOnSuccess,
+            resetOnSuccess,
+            connectedWalletOnly,
+        };
+        context.showPayment(modalOptions);
+    }, [order, connectedWalletOnly, closeOnSuccess, resetOnSuccess, context]);
+    const hide = useCallback(() => context.setOpen(false), [context]);
+    // Emit onPaymentStart handler when payment state changes to payment_started
+    const sentStart = useRef(false);
+    useEffect(() => {
+        if (sentStart.current)
+            return;
+        if (payState !== "payment_started")
+            return;
+        // TODO: Populate source payment details immediately when the user pays.
+        // Use this hack because source chain id is not immediately populated when
+        // payment_started
+        const sourceChainId = getOrderSourceChainId(order);
+        if (sourceChainId == null)
+            return;
+        sentStart.current = true;
+        onPaymentStarted?.({
+            type: RozoPayEventType.PaymentStarted,
+            paymentId: writeRozoPayOrderID(order.id),
+            chainId: sourceChainId,
+            txHash: order.sourceInitiateTxHash,
+            payment: getRozoPayOrderView(order),
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [order, payState]);
+    // Emit onPaymentComplete or onPaymentBounced handler when payment state
+    // changes to payment_completed or payment_bounced
+    const sentComplete = useRef(false);
+    useEffect(() => {
+        if (sentComplete.current)
+            return;
+        if (payState !== "payment_completed" && payState !== "payment_bounced")
+            return;
+        sentComplete.current = true;
+        const eventType = payState === "payment_completed"
+            ? RozoPayEventType.PaymentCompleted
+            : RozoPayEventType.PaymentBounced;
+        const event = {
+            type: eventType,
+            paymentId: writeRozoPayOrderID(order.id),
+            chainId: getOrderDestChainId(order),
+            txHash: assertNotNull(order.destFastFinishTxHash ?? order.destClaimTxHash, `[PAY BUTTON] dest tx hash null on order ${order.id} when intent status is ${order.intentStatus}`),
+            payment: getRozoPayOrderView(order),
+        };
+        if (payState === "payment_completed") {
+            onPaymentCompleted?.(event);
+        }
+        else if (payState === "payment_bounced") {
+            onPaymentBounced?.(event);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [order, payState]);
+    // Open the modal by default if the defaultOpen prop is true
+    const hasAutoOpened = useRef(false);
+    useEffect(() => {
+        if (!props.defaultOpen || hasAutoOpened.current)
+            return;
+        if (order == null)
+            return;
+        show();
+        hasAutoOpened.current = true;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [order, props.defaultOpen, hasAutoOpened.current]);
+    // Validation
+    if ((payId == null) == (payParams == null)) {
+        throw new Error("Must specify either payId or appId, not both");
+    }
+    return children({ show, hide });
+}
+RozoPayButtonCustom.displayName = "RozoPayButton.Custom";
+RozoPayButton.Custom = RozoPayButtonCustom;
+const contentVariants = {
+    initial: {
+        zIndex: 2,
+        opacity: 0,
+        x: "-100%",
+    },
+    animate: {
+        opacity: 1,
+        x: 0.1,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 1, 0.5, 1],
+        },
+    },
+    exit: {
+        zIndex: 1,
+        opacity: 0,
+        x: "-100%",
+        pointerEvents: "none",
+        position: "absolute",
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 1, 0.5, 1],
+        },
+    },
+};
+function RozoPayButtonInner() {
+    const { order } = useRozoPay();
+    const label = order?.metadata?.intent ?? "Pay";
+    return (jsx(AnimatePresence, { initial: false, children: jsx(TextContainer, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, style: {
+                height: 40,
+            }, children: label }) }));
+}
+
+export { RozoPayButton, RozoPayButtonInner };
+//# sourceMappingURL=index.js.map

package/build/src/components/RozoPayButton/index.js.map

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

package/build/src/components/RozoPayButton/styles.js

@@ -0,0 +1,50 @@
+import { motion } from 'framer-motion';
+import styled from '../../styles/styled/index.js';
+
+const TextContainer = styled(motion.div) `
+  top: 0;
+  bottom: 0;
+  left: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+`;
+styled(motion.div) `
+  position: relative;
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  overflow: hidden;
+  svg {
+    display: block;
+  }
+`;
+styled(motion.div) `
+  pointer-events: none;
+  user-select: none;
+  position: relative;
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+`;
+styled(motion.div) `
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
+  background: var(--ck-body-color-danger, red);
+  color: #fff;
+  svg {
+    display: block;
+    position: relative;
+    top: -1px;
+  }
+`;
+
+export { TextContainer };
+//# sourceMappingURL=styles.js.map

package/build/src/components/RozoPayButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/RozoPayButton/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;EAQ7C;AAE4B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;EAS9C;AAC2B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;EAO7C;AAEyC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/build/src/components/RozoPayModal/ConnectUsing.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useState, useEffect } from 'react';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import { useWallet } from '../../wallets/useWallets.js';
+import ConnectWithInjector from './ConnectWithInjector/index.js';
+import ConnectWithQRCode from './ConnectWithQRCode.js';
+import Alert from '../Common/Alert/index.js';
+import { contentVariants } from '../Common/Modal/index.js';
+
+const states = {
+    QRCODE: "qrcode",
+    INJECTOR: "injector",
+};
+const ConnectUsing = () => {
+    const context = usePayContext();
+    const { pendingConnectorId } = context;
+    const wallet = useWallet(pendingConnectorId ?? "");
+    // If cannot be scanned, display injector flow, which if extension is not installed will show CTA to install it
+    const isQrCode = !wallet?.isInstalled;
+    const [status, setStatus] = useState(isQrCode ? states.QRCODE : states.INJECTOR);
+    useEffect(() => {
+        // if no provider, change to qrcode
+        const checkProvider = async () => {
+            const res = await wallet?.connector?.getProvider();
+            if (!res) {
+                setStatus(states.QRCODE);
+                setTimeout(context.triggerResize, 10); // delay required here for modal to resize
+            }
+        };
+        if (status === states.INJECTOR)
+            checkProvider();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    if (!wallet)
+        return jsx(Alert, { children: "Connector not found" });
+    return (jsxs(AnimatePresence, { children: [status === states.QRCODE && (jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsx(ConnectWithQRCode, {}) }, states.QRCODE)), status === states.INJECTOR && (jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsx(ConnectWithInjector, { switchConnectMethod: () => {
+                        setStatus(states.QRCODE);
+                    } }) }, states.INJECTOR))] }));
+};
+
+export { ConnectUsing as default };
+//# sourceMappingURL=ConnectUsing.js.map

package/build/src/components/RozoPayModal/ConnectUsing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectUsing.js","sources":["../../../../src/components/RozoPayModal/ConnectUsing.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAYA,MAAM,MAAM,GAAG;AACb,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEI,MAAA,YAAY,GAAG,MAAK;AACxB,IAAA,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AAChC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IAEvC,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,IAAI,EAAE,CAAC,CAAC;;AAGnD,IAAA,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;IAEtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,CAC3C,CAAC;IAEF,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,aAAa,GAAG,YAAW;YAC/B,MAAM,GAAG,GAAG,MAAM,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;YACnD,IAAI,CAAC,GAAG,EAAE;AACR,gBAAA,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACzB,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;aACvC;AACH,SAAC,CAAC;AACF,QAAA,IAAI,MAAM,KAAK,MAAM,CAAC,QAAQ;AAAE,YAAA,aAAa,EAAE,CAAC;AAClD,KAAC,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,IAAI,CAAC,MAAM;QAAE,OAAOA,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA4B,CAAC;AAEvD,IAAA,QACEC,IAAC,CAAA,eAAe,EACb,EAAA,QAAA,EAAA,CAAA,MAAM,KAAK,MAAM,CAAC,MAAM,KACvBD,GAAC,CAAA,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EAEzB,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAG,IANhB,MAAM,CAAC,MAAM,CAOP,CACd,EACA,MAAM,KAAK,MAAM,CAAC,QAAQ,KACzBA,GAAA,CAAC,MAAM,CAAC,GAAG,EAET,EAAA,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EAAA,QAAA,EAEzBA,IAAC,mBAAmB,EAAA,EAClB,mBAAmB,EAAE,MAAK;AACxB,wBAAA,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;qBAC1B,EAAA,CACD,IAVG,MAAM,CAAC,QAAQ,CAWT,CACd,CACe,EAAA,CAAA,EAClB;AACJ;;;;"}

package/build/src/components/RozoPayModal/ConnectWithInjector/index.js

@@ -0,0 +1,195 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AnimatePresence } from 'framer-motion';
+import { useState, useEffect } from 'react';
+import { Container, ConnectingContainer, ConnectingAnimation, RetryButton, RetryIconContainer, Content } from './styles.js';
+import Alert from '../../Common/Alert/index.js';
+import Button from '../../Common/Button/index.js';
+import { PageContent, ModalHeading, ModalContent, ModalContentContainer, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
+import Tooltip from '../../Common/Tooltip/index.js';
+import SquircleSpinner from '../../Spinners/SquircleSpinner/index.js';
+import { RetryIconCircle, AlertIcon, ExternalLinkIcon, TickIcon } from '../../../assets/icons.js';
+import { useConnect } from '../../../hooks/useConnect.js';
+import useLocales from '../../../hooks/useLocales.js';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { detectBrowser } from '../../../utils/index.js';
+import { useWallet } from '../../../wallets/useWallets.js';
+import BrowserIcon from '../../Common/BrowserIcon/index.js';
+import CircleSpinner from '../../Spinners/CircleSpinner/index.js';
+
+const states = {
+    CONNECTED: "connected",
+    CONNECTING: "connecting",
+    EXPIRING: "expiring",
+    FAILED: "failed",
+    REJECTED: "rejected",
+    NOTCONNECTED: "notconnected",
+    UNAVAILABLE: "unavailable",
+};
+const contentVariants = {
+    initial: {
+        willChange: "transform,opacity",
+        position: "relative",
+        opacity: 0,
+        scale: 0.95,
+    },
+    animate: {
+        position: "relative",
+        opacity: 1,
+        scale: 1,
+        transition: {
+            ease: [0.16, 1, 0.3, 1],
+            duration: 0.4,
+            delay: 0.05,
+            position: { delay: 0 },
+        },
+    },
+    exit: {
+        position: "absolute",
+        opacity: 0,
+        scale: 0.95,
+        transition: {
+            ease: [0.16, 1, 0.3, 1],
+            duration: 0.3,
+        },
+    },
+};
+const ConnectWithInjector = ({ switchConnectMethod, forceState }) => {
+    const { connect } = useConnect({
+        mutation: {
+            onMutate: (connector) => {
+                if (connector.connector) {
+                    setStatus(states.CONNECTING);
+                }
+                else {
+                    setStatus(states.UNAVAILABLE);
+                }
+            },
+            onError(err) {
+                console.error(err);
+            },
+            onSettled(data, error) {
+                if (error) {
+                    setShowTryAgainTooltip(true);
+                    setTimeout(() => setShowTryAgainTooltip(false), 3500);
+                    if (error.code) {
+                        // https://github.com/MetaMask/eth-rpc-errors/blob/main/src/error-constants.ts
+                        switch (error.code) {
+                            case -32002:
+                                setStatus(states.NOTCONNECTED);
+                                break;
+                            case 4001:
+                                setStatus(states.REJECTED);
+                                break;
+                            default:
+                                setStatus(states.FAILED);
+                                break;
+                        }
+                    }
+                    else {
+                        // Sometimes the error doesn't respond with a code
+                        if (error.message) {
+                            switch (error.message) {
+                                case "User rejected request":
+                                    setStatus(states.REJECTED);
+                                    break;
+                                default:
+                                    setStatus(states.FAILED);
+                                    break;
+                            }
+                        }
+                    }
+                }
+                setTimeout(triggerResize, 100);
+            },
+        },
+    });
+    const { triggerResize } = usePayContext();
+    const { pendingConnectorId } = usePayContext();
+    const wallet = useWallet(pendingConnectorId ?? "");
+    const walletInfo = {
+        name: wallet?.name,
+        shortName: wallet?.shortName ?? wallet?.name,
+        icon: wallet?.iconConnector ?? wallet?.icon,
+        iconShape: wallet?.iconShape ?? "circle",
+        iconShouldShrink: wallet?.iconShouldShrink,
+    };
+    const [showTryAgainTooltip, setShowTryAgainTooltip] = useState(false);
+    const browser = detectBrowser();
+    const extensionUrl = wallet?.downloadUrls?.[browser];
+    const suggestedExtension = wallet?.downloadUrls
+        ? {
+            name: Object.keys(wallet?.downloadUrls)[0],
+            label: Object.keys(wallet?.downloadUrls)[0]?.charAt(0).toUpperCase() +
+                Object.keys(wallet?.downloadUrls)[0]?.slice(1), // Capitalise first letter, but this might be better suited as a lookup table
+            url: wallet?.downloadUrls[Object.keys(wallet?.downloadUrls)[0]],
+        }
+        : undefined;
+    const [status, setStatus] = useState(forceState
+        ? forceState
+        : !wallet?.isInstalled
+            ? states.UNAVAILABLE
+            : states.CONNECTING);
+    const locales = useLocales({
+        CONNECTORNAME: walletInfo.name,
+        CONNECTORSHORTNAME: walletInfo.shortName ?? walletInfo.name,
+        SUGGESTEDEXTENSIONBROWSER: suggestedExtension?.label ?? "your browser",
+    });
+    const runConnect = async () => {
+        if (wallet?.isInstalled && wallet?.connector) {
+            connect({ connector: wallet?.connector });
+        }
+        else {
+            setStatus(states.UNAVAILABLE);
+        }
+    };
+    useEffect(() => {
+        if (status === states.UNAVAILABLE)
+            return;
+        // UX: Give user time to see the UI before opening the extension
+        const connectTimeout = setTimeout(runConnect, 600);
+        return () => {
+            clearTimeout(connectTimeout);
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    /** Timeout functionality if necessary
+    let expiryTimeout: any;
+    useEffect(() => {
+      if (status === states.EXPIRING) {
+        expiryTimeout = setTimeout(
+          () => {
+            if (expiryTimer <= 0) {
+              setStatus(states.FAILED);
+              setExpiryTimer(expiryDefault);
+            } else {
+              setExpiryTimer(expiryTimer - 1);
+            }
+          },
+          expiryTimer === 9 ? 1500 : 1000 // Google: Chronostasis
+        );
+      }
+      return () => {
+        clearTimeout(expiryTimeout);
+      };
+    }, [status, expiryTimer]);
+    */
+    if (!wallet) {
+        return (jsx(PageContent, { children: jsxs(Container, { children: [jsx(ModalHeading, { children: "Invalid State" }), jsx(ModalContent, { children: jsx(Alert, { children: "No connectors match the id given. This state should never happen." }) })] }) }));
+    }
+    return (jsx(PageContent, { children: jsxs(Container, { children: [jsx(ConnectingContainer, { children: jsxs(ConnectingAnimation, { "$shake": status === states.FAILED || status === states.REJECTED, "$circle": walletInfo.iconShape === "circle", children: [jsx(AnimatePresence, { children: (status === states.FAILED || status === states.REJECTED) && (jsx(RetryButton, { "aria-label": "Retry", initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, whileTap: { scale: 0.9 }, transition: { duration: 0.1 }, onClick: runConnect, children: jsx(RetryIconContainer, { children: jsx(Tooltip, { open: showTryAgainTooltip &&
+                                                (status === states.FAILED || status === states.REJECTED), message: locales.tryAgainQuestion, xOffset: -6, children: jsx(RetryIconCircle, {}) }) }) })) }), walletInfo.iconShape === "circle" ? (jsx(CircleSpinner, { logo: status === states.UNAVAILABLE ? (jsx("div", { style: {
+                                        transform: "scale(1.14)",
+                                        position: "relative",
+                                        width: "100%",
+                                    }, children: walletInfo.icon })) : (jsx(Fragment, { children: walletInfo.icon })), smallLogo: walletInfo.iconShouldShrink, loading: status === states.CONNECTING, unavailable: status === states.UNAVAILABLE })) : (jsx(SquircleSpinner, { logo: status === states.UNAVAILABLE ? (jsx("div", { style: {
+                                        transform: "scale(1.14)",
+                                        position: "relative",
+                                        width: "100%",
+                                    }, children: walletInfo.icon })) : (jsx(Fragment, { children: walletInfo.icon })), loading: status === states.CONNECTING }))] }) }), jsx(ModalContentContainer, { children: jsxs(AnimatePresence, { initial: false, children: [status === states.FAILED && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsxs(ModalContent, { children: [jsxs(ModalH1, { "$error": true, children: [jsx(AlertIcon, {}), locales.injectionScreen_failed_h1] }), jsx(ModalBody, { children: locales.injectionScreen_failed_p })] }) }, states.FAILED)), status === states.REJECTED && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [jsx(ModalH1, { children: locales.injectionScreen_rejected_h1 }), jsx(ModalBody, { children: locales.injectionScreen_rejected_p })] }) }, states.REJECTED)), (status === states.CONNECTING || status === states.EXPIRING) && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsxs(ModalContent, { style: { paddingBottom: 28 }, children: [jsx(ModalH1, { children: wallet.connector?.id === "injected"
+                                                ? locales.injectionScreen_connecting_injected_h1
+                                                : locales.injectionScreen_connecting_h1 }), jsx(ModalBody, { children: wallet.connector?.id === "injected"
+                                                ? locales.injectionScreen_connecting_injected_p
+                                                : locales.injectionScreen_connecting_p }), jsxs(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: runConnect, children: ["Connect ", walletInfo.name] })] }) }, states.CONNECTING)), status === states.CONNECTED && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsxs(ModalContent, { children: [jsxs(ModalH1, { "$valid": true, children: [jsx(TickIcon, {}), " ", locales.injectionScreen_connected_h1] }), jsx(ModalBody, { children: locales.injectionScreen_connected_p })] }) }, states.CONNECTED)), status === states.NOTCONNECTED && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: jsxs(ModalContent, { children: [jsx(ModalH1, { children: locales.injectionScreen_notconnected_h1 }), jsx(ModalBody, { children: locales.injectionScreen_notconnected_p })] }) }, states.NOTCONNECTED)), status === states.UNAVAILABLE && (jsx(Content, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, children: !extensionUrl ? (jsxs(Fragment, { children: [jsxs(ModalContent, { style: { paddingBottom: 12 }, children: [jsx(ModalH1, { children: locales.injectionScreen_unavailable_h1 }), jsx(ModalBody, { children: locales.injectionScreen_unavailable_p })] }), !wallet.isInstalled && suggestedExtension && (jsxs(Button, { href: suggestedExtension?.url, icon: jsx(BrowserIcon, { browser: suggestedExtension?.name }), children: ["Install on ", suggestedExtension?.label] }))] })) : (jsxs(Fragment, { children: [jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [jsx(ModalH1, { children: locales.injectionScreen_install_h1 }), jsx(ModalBody, { children: locales.injectionScreen_install_p })] }), !wallet.isInstalled && extensionUrl && (jsx(Button, { href: extensionUrl, icon: jsx(BrowserIcon, {}), children: locales.installTheExtension }))] })) }, states.UNAVAILABLE))] }) })] }) }));
+};
+
+export { ConnectWithInjector as default, states };
+//# sourceMappingURL=index.js.map

package/build/src/components/RozoPayModal/ConnectWithInjector/index.js.map

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