@daimo/pay 1.10.2 → 1.11.0

package/build/src/components/Common/Tooltip/index.js

@@ -0,0 +1,97 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import useMeasure from 'react-use-measure';
+import { usePayContext } from '../../../hooks/usePayContext.js';
+import { TooltipWindow, TooltipContainer, TooltipTail } from './styles.js';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ResetContainer } from '../../../styles/index.js';
+import { useThemeContext } from '../../DaimoPayThemeProvider/DaimoPayThemeProvider.js';
+import Portal from '../Portal/index.js';
+
+const Tooltip = ({ children, message, open, xOffset = 0, yOffset = 0, delay, }) => {
+    const context = usePayContext();
+    const themeContext = useThemeContext();
+    const [isOpen, setIsOpen] = useState(false);
+    const [outOfBounds, setOutOfBounds] = useState(false);
+    const [size, setSize] = useState("small");
+    const [ready, setReady] = useState(false);
+    const [currentRoute] = useState(context.route);
+    const targetRef = useRef(null);
+    const [ref, bounds] = useMeasure({
+        debounce: !ready ? 220 : 0, // fix alignment initial state
+        offsetSize: true,
+        scroll: true,
+    });
+    const checkBounds = () => {
+        let flag = false;
+        const x = xOffset + bounds.left + bounds.width;
+        const y = yOffset + bounds.top + bounds.height * 0.5;
+        if (x > window.innerWidth || x < 0 || y > window.innerHeight || y < 0) {
+            flag = true;
+        }
+        return flag;
+    };
+    const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+    const refreshLayout = () => {
+        if (!targetRef.current ||
+            bounds.top +
+                bounds.bottom +
+                bounds.left +
+                bounds.right +
+                bounds.height +
+                bounds.width ===
+                0)
+            return;
+        const x = xOffset + bounds.left + bounds.width;
+        const y = yOffset + bounds.top + bounds.height * 0.5;
+        if (!ready && x !== 0 && y !== 0)
+            setReady(true);
+        targetRef.current.style.left = `${x}px`;
+        targetRef.current.style.top = `${y}px`;
+        setSize(targetRef.current.offsetHeight <= 40 ? "small" : "large");
+        setOutOfBounds(checkBounds());
+    };
+    useIsomorphicLayoutEffect(refreshLayout, [bounds, open, isOpen]);
+    useEffect(() => {
+        if (!context.open)
+            setIsOpen(false);
+    }, [context.open]);
+    useEffect(() => {
+        setIsOpen(!!open);
+    }, [open]);
+    if (context.options?.hideTooltips)
+        return jsx(Fragment, { children: children });
+    return (jsxs(Fragment, { children: [jsx(motion.div, { ref: ref, style: open === undefined
+                    ? {
+                        cursor: "help",
+                    }
+                    : {}, onHoverStart: () => setIsOpen(true), onHoverEnd: () => setIsOpen(false), onClick: () => setIsOpen(false), children: children }), jsx(Portal, { children: jsx(AnimatePresence, { children: currentRoute === context.route && !outOfBounds && isOpen && (jsx(ResetContainer, { "$useTheme": themeContext.theme, "$useMode": themeContext.mode, "$customTheme": themeContext.customTheme, children: jsx(TooltipWindow, { children: jsxs(TooltipContainer, { role: "tooltip", "$size": size, ref: targetRef, initial: "collapsed", animate: ready ? "open" : {}, exit: "collapsed", variants: {
+                                    collapsed: {
+                                        transformOrigin: "20px 50%",
+                                        opacity: 0,
+                                        scale: 0.9,
+                                        z: 0.01,
+                                        y: "-50%",
+                                        x: 20,
+                                        transition: {
+                                            duration: 0.1,
+                                        },
+                                    },
+                                    open: {
+                                        willChange: "opacity,transform",
+                                        opacity: 1,
+                                        scale: 1,
+                                        z: 0.01,
+                                        y: "-50%",
+                                        x: 20,
+                                        transition: {
+                                            ease: [0.76, 0, 0.24, 1],
+                                            duration: 0.15,
+                                            delay: delay ? delay : 0.5,
+                                        },
+                                    },
+                                }, children: [message, jsx(TooltipTail, { "$size": size })] }) }) })) }) })] }));
+};
+
+export { Tooltip as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Common/Tooltip/index.js.map

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

package/build/src/components/Common/Tooltip/styles.js

@@ -0,0 +1,81 @@
+import { motion } from 'framer-motion';
+import styled from '../../../styles/styled/index.js';
+
+const TooltipWindow = styled(motion.div) `
+  z-index: 2147483647;
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+`;
+const TooltipContainer = styled(motion.div) `
+  --shadow: var(--ck-tooltip-shadow);
+  z-index: 2147483647;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  gap: 8px;
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(
+    --ck-tooltip-border-radius,
+    ${(props) => (props.$size === "small" ? 11 : 14)}px
+  );
+  border-radius:;
+  padding: 10px 16px 10px 12px;
+  font-size: 14px;
+  line-height: 19px;
+  font-weight: 500;
+  letter-spacing: -0.1px;
+  color: var(--ck-tooltip-color);
+  background: var(--ck-tooltip-background);
+  box-shadow: var(--shadow);
+  > span {
+    z-index: 3;
+    position: relative;
+  }
+  > div {
+    margin: -4px 0; // offset for icon
+  }
+  strong {
+    color: var(--ck-spinner-color);
+  }
+
+  .ck-tt-logo {
+    display: inline-block;
+    vertical-align: text-bottom;
+    height: 1em;
+    width: 1.25em;
+    svg {
+      display: block;
+      height: 100%;
+      transform: translate(0.5px, -1px) scale(1.75);
+    }
+  }
+`;
+const TooltipTail = styled(motion.div) `
+  z-index: 2;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${(props) => (props.$size === "small" ? 14 : 18)}px;
+  right: 100%;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  &:before {
+    content: "";
+    position: absolute;
+    box-shadow: var(--shadow);
+    width: ${(props) => (props.$size === "small" ? 14 : 18)}px;
+    height: ${(props) => (props.$size === "small" ? 14 : 18)}px;
+    transform: translate(75%, 0) rotate(45deg);
+    background: var(--ck-tooltip-background);
+    border-radius: ${(props) => (props.$size === "small" ? 2 : 3)}px 0 0 0;
+  }
+`;
+
+export { TooltipContainer, TooltipTail, TooltipWindow };
+//# sourceMappingURL=styles.js.map

package/build/src/components/Common/Tooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Tooltip/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;EAK7C;AACW,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAA6B,CAAA;;;;;;;;;;;;;AAazE,IAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiClD;AAEW,MAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAA6B,CAAA;;;;;;AAM/D,SAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;;;;;;;;;AAS5C,WAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;AAC7C,YAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;;;AAGvC,mBAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;;"}

package/build/src/components/Common/WalletChainLogo/index.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import styled from '../../../styles/styled/index.js';
+
+const WalletChainLogo = ({ walletIcon, walletName, chainLogo, }) => {
+    const walletIconElement = typeof walletIcon === "string" ? (jsx("img", { src: walletIcon, alt: walletName })) : (walletIcon);
+    return (jsxs(WalletChainContainer, { children: [walletIconElement, jsx(ChainContainer, { children: chainLogo })] }));
+};
+const WalletChainContainer = styled(motion.div) `
+  width: 100%;
+  height: 100%;
+`;
+const ChainContainer = styled(motion.div) `
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: 9999px;
+  overflow: hidden;
+  bottom: -4px;
+  right: -4px;
+`;
+
+export { WalletChainLogo as default };
+//# sourceMappingURL=index.js.map

package/build/src/components/Common/WalletChainLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/WalletChainLogo/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAGM,MAAA,eAAe,GAAG,CAAC,EACvB,UAAU,EACV,UAAU,EACV,SAAS,GAKV,KAAI;IACH,MAAM,iBAAiB,GACrB,OAAO,UAAU,KAAK,QAAQ,IAC5BA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAI,CAAA,KAEzC,UAAU,CACX,CAAC;AACJ,IAAA,QACEC,IAAA,CAAC,oBAAoB,EAAA,EAAA,QAAA,EAAA,CAClB,iBAAiB,EAClBD,GAAC,CAAA,cAAc,EAAE,EAAA,QAAA,EAAA,SAAS,EAAkB,CAAA,CAAA,EAAA,CACvB,EACvB;AACJ,EAAE;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;CAG9C,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;CAQxC;;;;"}

package/build/src/components/DaimoPayButton/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, DaimoPayEventType, writeDaimoPayOrderID, getDaimoPayOrderView, getOrderDestChainId, assertNotNull } from '@daimo/pay-common';
+import { AnimatePresence } from 'framer-motion';
+import { useDaimoPay } from '../../hooks/useDaimoPay.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 Daimo Pay checkout. Replaces the traditional
+ * Connect Wallet » approve » execute sequence with a single action.
+ */
+function DaimoPayButton(props) {
+    const { theme, mode, customTheme } = props;
+    const context = usePayContext();
+    return (jsx(DaimoPayButtonCustom, { ...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(DaimoPayButtonInner, {}) }) }) })) }));
+}
+/** Like DaimoPayButton, but with custom styling. */
+function DaimoPayButtonCustom(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 } = useDaimoPay();
+    // 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: DaimoPayEventType.PaymentStarted,
+            paymentId: writeDaimoPayOrderID(order.id),
+            chainId: sourceChainId,
+            txHash: order.sourceInitiateTxHash,
+            payment: getDaimoPayOrderView(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"
+            ? DaimoPayEventType.PaymentCompleted
+            : DaimoPayEventType.PaymentBounced;
+        const event = {
+            type: eventType,
+            paymentId: writeDaimoPayOrderID(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: getDaimoPayOrderView(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 });
+}
+DaimoPayButtonCustom.displayName = "DaimoPayButton.Custom";
+DaimoPayButton.Custom = DaimoPayButtonCustom;
+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 DaimoPayButtonInner() {
+    const { order } = useDaimoPay();
+    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 { DaimoPayButton, DaimoPayButtonInner };
+//# sourceMappingURL=index.js.map

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

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

package/build/src/components/DaimoPayButton/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/DaimoPayButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DaimoPayButton/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/DaimoPayModal/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/DaimoPayModal/ConnectUsing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectUsing.js","sources":["../../../../src/components/DaimoPayModal/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;;;;"}