@daimo/pay 1.15.0 → 1.16.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport useMeasure from \"react-use-measure\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { TooltipContainer, TooltipTail, TooltipWindow } from \"./styles\";\nimport { TooltipProps, TooltipSizeProps } from \"./types\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { ResetContainer } from \"../../../styles\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport Portal from \"../Portal\";\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  children,\n  message,\n  open,\n  xOffset = 0,\n  yOffset = 0,\n  delay,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [outOfBounds, setOutOfBounds] = useState(false);\n  const [size, setSize] = useState<TooltipSizeProps>(\"small\");\n\n  const [ready, setReady] = useState(false);\n\n  const [currentRoute] = useState(context.route);\n\n  const targetRef = useRef<any>(null);\n  const [ref, bounds] = useMeasure({\n    debounce: !ready ? 220 : 0, // fix alignment initial state\n    offsetSize: true,\n    scroll: true,\n  });\n\n  const checkBounds = () => {\n    let flag = false;\n    const x = xOffset + bounds.left + bounds.width;\n    const y = yOffset + bounds.top + bounds.height * 0.5;\n    if (x > window.innerWidth || x < 0 || y > window.innerHeight || y < 0) {\n      flag = true;\n    }\n    return flag;\n  };\n\n  const useIsomorphicLayoutEffect =\n    typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n  const refreshLayout = () => {\n    if (\n      !targetRef.current ||\n      bounds.top +\n        bounds.bottom +\n        bounds.left +\n        bounds.right +\n        bounds.height +\n        bounds.width ===\n        0\n    )\n      return;\n    const x = xOffset + bounds.left + bounds.width;\n    const y = yOffset + bounds.top + bounds.height * 0.5;\n    if (!ready && x !== 0 && y !== 0) setReady(true);\n    targetRef.current.style.left = `${x}px`;\n    targetRef.current.style.top = `${y}px`;\n    setSize(targetRef.current.offsetHeight <= 40 ? \"small\" : \"large\");\n    setOutOfBounds(checkBounds());\n  };\n  useIsomorphicLayoutEffect(refreshLayout, [bounds, open, isOpen]);\n\n  useEffect(() => {\n    if (!context.open) setIsOpen(false);\n  }, [context.open]);\n\n  useEffect(() => {\n    setIsOpen(!!open);\n  }, [open]);\n\n  if (context.options?.hideTooltips) return <>{children}</>;\n\n  return (\n    <>\n      <motion.div\n        ref={ref}\n        style={\n          open === undefined\n            ? {\n                cursor: \"help\",\n              }\n            : {}\n        }\n        onHoverStart={() => setIsOpen(true)}\n        onHoverEnd={() => setIsOpen(false)}\n        onClick={() => setIsOpen(false)}\n      >\n        {children}\n      </motion.div>\n      <Portal>\n        <AnimatePresence>\n          {currentRoute === context.route && !outOfBounds && isOpen && (\n            <ResetContainer\n              $useTheme={themeContext.theme}\n              $useMode={themeContext.mode}\n              $customTheme={themeContext.customTheme}\n            >\n              <TooltipWindow>\n                <TooltipContainer\n                  role=\"tooltip\"\n                  $size={size}\n                  ref={targetRef}\n                  initial={\"collapsed\"}\n                  animate={ready ? \"open\" : {}}\n                  exit={\"collapsed\"}\n                  variants={{\n                    collapsed: {\n                      transformOrigin: \"20px 50%\",\n                      opacity: 0,\n                      scale: 0.9,\n                      z: 0.01,\n                      y: \"-50%\",\n                      x: 20,\n                      transition: {\n                        duration: 0.1,\n                      },\n                    },\n                    open: {\n                      willChange: \"opacity,transform\",\n                      opacity: 1,\n                      scale: 1,\n                      z: 0.01,\n                      y: \"-50%\",\n                      x: 20,\n                      transition: {\n                        ease: [0.76, 0, 0.24, 1],\n                        duration: 0.15,\n                        delay: delay ? delay : 0.5,\n                      },\n                    },\n                  }}\n                >\n                  {message}\n                  <TooltipTail $size={size} />\n                </TooltipContainer>\n              </TooltipWindow>\n            </ResetContainer>\n          )}\n        </AnimatePresence>\n      </Portal>\n    </>\n  );\n};\nexport default Tooltip;\n"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import { motion } from 'framer-motion';
 import styled from '../../../styles/styled/index.js';
 
-const TooltipWindow = styled(motion.div) `
+const TooltipWindow = styled(motion.div)`
   z-index: 2147483647;
   position: fixed;
   inset: 0;
   pointer-events: none;
 `;
-const TooltipContainer = styled(motion.div) `
+const TooltipContainer = styled(motion.div)`
   --shadow: var(--ck-tooltip-shadow);
   z-index: 2147483647;
   position: absolute;
@@ -20,7 +20,7 @@ const TooltipContainer = styled(motion.div) `
   justify-content: center;
   border-radius: var(
     --ck-tooltip-border-radius,
-    ${(props) => (props.$size === "small" ? 11 : 14)}px
+    ${(props) => props.$size === "small" ? 11 : 14}px
   );
   border-radius:;
   padding: 10px 16px 10px 12px;
@@ -54,13 +54,13 @@ const TooltipContainer = styled(motion.div) `
     }
   }
 `;
-const TooltipTail = styled(motion.div) `
+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;
+  width: ${(props) => props.$size === "small" ? 14 : 18}px;
   right: 100%;
   top: 0;
   bottom: 0;
@@ -69,11 +69,11 @@ const TooltipTail = styled(motion.div) `
     content: "";
     position: absolute;
     box-shadow: var(--shadow);
-    width: ${(props) => (props.$size === "small" ? 14 : 18)}px;
-    height: ${(props) => (props.$size === "small" ? 14 : 18)}px;
+    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;
+    border-radius: ${(props) => props.$size === "small" ? 2 : 3}px 0 0 0;
   }
 `;
 

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

@@ -1 +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;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Tooltip/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport styled from \"./../../../styles/styled\";\nimport { TooltipSizeProps } from \"./types\";\n\nexport const TooltipWindow = styled(motion.div)`\n  z-index: 2147483647;\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n`;\nexport const TooltipContainer = styled(motion.div)<{ $size: TooltipSizeProps }>`\n  --shadow: var(--ck-tooltip-shadow);\n  z-index: 2147483647;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  gap: 8px;\n  width: fit-content;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(\n    --ck-tooltip-border-radius,\n    ${(props) => (props.$size === \"small\" ? 11 : 14)}px\n  );\n  border-radius:;\n  padding: 10px 16px 10px 12px;\n  font-size: 14px;\n  line-height: 19px;\n  font-weight: 500;\n  letter-spacing: -0.1px;\n  color: var(--ck-tooltip-color);\n  background: var(--ck-tooltip-background);\n  box-shadow: var(--shadow);\n  > span {\n    z-index: 3;\n    position: relative;\n  }\n  > div {\n    margin: -4px 0; // offset for icon\n  }\n  strong {\n    color: var(--ck-spinner-color);\n  }\n\n  .ck-tt-logo {\n    display: inline-block;\n    vertical-align: text-bottom;\n    height: 1em;\n    width: 1.25em;\n    svg {\n      display: block;\n      height: 100%;\n      transform: translate(0.5px, -1px) scale(1.75);\n    }\n  }\n`;\n\nexport const TooltipTail = styled(motion.div)<{ $size: TooltipSizeProps }>`\n  z-index: 2;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) => (props.$size === \"small\" ? 14 : 18)}px;\n  right: 100%;\n  top: 0;\n  bottom: 0;\n  overflow: hidden;\n  &:before {\n    content: \"\";\n    position: absolute;\n    box-shadow: var(--shadow);\n    width: ${(props) => (props.$size === \"small\" ? 14 : 18)}px;\n    height: ${(props) => (props.$size === \"small\" ? 14 : 18)}px;\n    transform: translate(75%, 0) rotate(45deg);\n    background: var(--ck-tooltip-background);\n    border-radius: ${(props) => (props.$size === \"small\" ? 2 : 3)}px 0 0 0;\n  }\n`;\n"],"names":[],"mappings":";;;AAIa,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMjC,MAAA,gBAAA,GAAmB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAa3C,CAAC,KAAW,KAAA,KAAA,CAAM,KAAU,KAAA,OAAA,GAAU,KAAK,EAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAmCvC,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAMjC,CAAC,KAAW,KAAA,KAAA,CAAM,KAAU,KAAA,OAAA,GAAU,KAAK,EAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAS5C,CAAC,KAAW,KAAA,KAAA,CAAM,KAAU,KAAA,OAAA,GAAU,KAAK,EAAG,CAAA;AAAA,YAAA,EAC7C,CAAC,KAAW,KAAA,KAAA,CAAM,KAAU,KAAA,OAAA,GAAU,KAAK,EAAG,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGvC,CAAC,KAAW,KAAA,KAAA,CAAM,KAAU,KAAA,OAAA,GAAU,IAAI,CAAE,CAAA;AAAA;AAAA;;;;"}

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

@@ -1,16 +1,23 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } 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 WalletChainLogo = ({
+  walletIcon,
+  walletName,
+  chainLogo
+}) => {
+  const walletIconElement = typeof walletIcon === "string" ? /* @__PURE__ */ jsx("img", { src: walletIcon, alt: walletName }) : walletIcon;
+  return /* @__PURE__ */ jsxs(WalletChainContainer, { children: [
+    walletIconElement,
+    /* @__PURE__ */ jsx(ChainContainer, { children: chainLogo })
+  ] });
 };
-const WalletChainContainer = styled(motion.div) `
+const WalletChainContainer = styled(motion.div)`
   width: 100%;
   height: 100%;
 `;
-const ChainContainer = styled(motion.div) `
+const ChainContainer = styled(motion.div)`
   position: absolute;
   width: 16px;
   height: 16px;

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

@@ -1 +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;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/WalletChainLogo/index.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport styled from \"../../../styles/styled\";\n\nconst WalletChainLogo = ({\n  walletIcon,\n  walletName,\n  chainLogo,\n}: {\n  walletIcon: React.ReactNode | string;\n  walletName: string;\n  chainLogo: React.ReactNode;\n}) => {\n  const walletIconElement =\n    typeof walletIcon === \"string\" ? (\n      <img src={walletIcon} alt={walletName} />\n    ) : (\n      walletIcon\n    );\n  return (\n    <WalletChainContainer>\n      {walletIconElement}\n      <ChainContainer>{chainLogo}</ChainContainer>\n    </WalletChainContainer>\n  );\n};\n\nconst WalletChainContainer = styled(motion.div)`\n  width: 100%;\n  height: 100%;\n`;\nconst ChainContainer = styled(motion.div)`\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  border-radius: 9999px;\n  overflow: hidden;\n  bottom: -4px;\n  right: -4px;\n`;\n\nexport default WalletChainLogo;\n"],"names":[],"mappings":";;;;AAGA,MAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,iBAAA,GACJ,OAAO,UAAA,KAAe,QACpB,mBAAA,GAAA,CAAC,SAAI,GAAK,EAAA,UAAA,EAAY,GAAK,EAAA,UAAA,EAAY,CAEvC,GAAA,UAAA,CAAA;AAEJ,EAAA,4BACG,oBACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,iBAAA;AAAA,oBACD,GAAA,CAAC,kBAAgB,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,GAC7B,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,oBAAA,GAAuB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAI9C,MAAM,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

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

@@ -10,192 +10,186 @@ 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, {}) }) }) })) }));
+  const { theme, mode, customTheme } = props;
+  const context = usePayContext();
+  return /* @__PURE__ */ jsx(DaimoPayButtonCustom, { ...props, children: ({ show }) => /* @__PURE__ */ jsx(
+    ResetContainer,
+    {
+      $useTheme: theme ?? context.theme,
+      $useMode: mode ?? context.mode,
+      $customTheme: customTheme ?? context.customTheme,
+      children: /* @__PURE__ */ jsx(ThemeContainer, { onClick: props.disabled ? void 0 : show, children: /* @__PURE__ */ jsx(
+        ThemedButton,
+        {
+          theme: theme ?? context.theme,
+          mode: mode ?? context.mode,
+          customTheme: customTheme ?? context.customTheme,
+          children: /* @__PURE__ */ 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 } = 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(() => {
-        const modalOptions = {
-            closeOnSuccess,
-            resetOnSuccess,
-            connectedWalletOnly,
-        };
-        context.showPayment(modalOptions);
-    }, [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");
+  const context = usePayContext();
+  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,
+    passthroughTokens: props.passthroughTokens
+  } : null;
+  let payId = "payId" in props ? props.payId : null;
+  const { paymentState } = context;
+  const { order, paymentState: payState } = useDaimoPay();
+  useEffect(() => {
+    if (payId != null) {
+      paymentState.setPayId(payId);
+    } else if (payParams != null) {
+      paymentState.setPayParams(payParams);
+    }
+    paymentState.setButtonProps(props);
+  }, [payId, JSON.stringify(payParams || {})]);
+  const { setConfirmationMessage } = context;
+  useEffect(() => {
+    if (props.confirmationMessage) {
+      setConfirmationMessage(props.confirmationMessage);
+    }
+  }, [props.confirmationMessage, setConfirmationMessage]);
+  const { setRedirectReturnUrl } = context;
+  useEffect(() => {
+    if (props.redirectReturnUrl) {
+      setRedirectReturnUrl(props.redirectReturnUrl);
+    }
+  }, [props.redirectReturnUrl, setRedirectReturnUrl]);
+  const { setOnOpen, setOnClose } = context;
+  useEffect(() => {
+    setOnOpen(props.onOpen);
+    return () => setOnOpen(void 0);
+  }, [props.onOpen, setOnOpen]);
+  useEffect(() => {
+    setOnClose(props.onClose);
+    return () => setOnClose(void 0);
+  }, [props.onClose, setOnClose]);
+  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;
+  const { children, closeOnSuccess, resetOnSuccess, connectedWalletOnly } = props;
+  const show = useCallback(() => {
+    const modalOptions = {
+      closeOnSuccess,
+      resetOnSuccess,
+      connectedWalletOnly
+    };
+    context.showPayment(modalOptions);
+  }, [connectedWalletOnly, closeOnSuccess, resetOnSuccess, context]);
+  const hide = useCallback(() => context.setOpen(false), [context]);
+  const sentStart = useRef(false);
+  useEffect(() => {
+    if (sentStart.current) return;
+    if (payState !== "payment_started") return;
+    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)
+    });
+  }, [order, payState]);
+  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 passthroughTxHash = order.passedToAddress == null ? void 0 : order.sourceInitiateTxHash;
+    const event = {
+      type: eventType,
+      paymentId: writeDaimoPayOrderID(order.id),
+      chainId: getOrderDestChainId(order),
+      txHash: assertNotNull(
+        order.destFastFinishTxHash ?? order.destClaimTxHash ?? passthroughTxHash,
+        `[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);
     }
-    return children({ show, hide });
+  }, [order, payState]);
+  const hasAutoOpened = useRef(false);
+  useEffect(() => {
+    if (!props.defaultOpen || hasAutoOpened.current) return;
+    if (order == null) return;
+    show();
+    hasAutoOpened.current = true;
+  }, [order, props.defaultOpen, hasAutoOpened.current]);
+  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],
-        },
-    },
+  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 locales = useLocales();
-    const defaultLabel = locales.payButton_defaultLabel;
-    const label = order?.metadata?.intent ?? defaultLabel;
-    return (jsx(AnimatePresence, { initial: false, children: jsx(TextContainer, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, style: {
-                height: 40,
-            }, children: label }) }));
+  const { order } = useDaimoPay();
+  const locales = useLocales();
+  const defaultLabel = locales.payButton_defaultLabel;
+  const label = order?.metadata?.intent ?? defaultLabel;
+  return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(
+    TextContainer,
+    {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: contentVariants,
+      style: {
+        height: 40
+      },
+      children: label
+    }
+  ) });
 }
 
 export { DaimoPayButton, DaimoPayButtonInner };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DaimoPayButton/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DaimoPayButton/index.tsx"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useRef } from \"react\";\n\nimport { usePayContext } from \"../../hooks/usePayContext\";\nimport { TextContainer } from \"./styles\";\n\nimport {\n  assertNotNull,\n  DaimoPayEventType,\n  DaimoPayOrderView,\n  DaimoPayUserMetadata,\n  ExternalPaymentOptionsString,\n  getDaimoPayOrderView,\n  getOrderDestChainId,\n  getOrderSourceChainId,\n  PaymentBouncedEvent,\n  PaymentCompletedEvent,\n  PaymentStartedEvent,\n  UniquePaymentOptionsString,\n  writeDaimoPayOrderID,\n} from \"@daimo/pay-common\";\nimport { AnimatePresence, Variants } from \"framer-motion\";\nimport { Address, Hex } from \"viem\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport { PayParams } from \"../../payment/paymentFsm\";\nimport { ResetContainer } from \"../../styles\";\nimport { CustomTheme, Mode, Theme } from \"../../types\";\nimport ThemedButton, { ThemeContainer } from \"../Common/ThemedButton\";\n\n/** Payment details and status. */\nexport type DaimoPayment = DaimoPayOrderView;\n\n/** Props for DaimoPayButton. */\nexport type PayButtonPaymentProps =\n  | {\n      /**\n       * Your public app ID. Specify either (payId) or (appId + parameters).\n       */\n      appId: string;\n      /**\n       * Destination chain ID.\n       */\n      toChain: number;\n      /**\n       * The destination token to send, completing payment. Must be an ERC-20\n       * token or the zero address, indicating the native token / ETH.\n       */\n      toToken: Address;\n      /**\n       * The amount of destination token to send (transfer or approve).\n       * If not provided, the user will be prompted to enter an amount.\n       */\n      toUnits?: string;\n      /**\n       * The destination address to transfer to, or contract to call.\n       */\n      toAddress: Address;\n      /**\n       * Optional calldata to call an arbitrary function on `toAddress`.\n       */\n      toCallData?: Hex;\n      /**\n       * The intent verb, such as \"Pay\", \"Deposit\", or \"Purchase\".\n       */\n      intent?: string;\n      /**\n       * Payment options. By default, all are enabled.\n       */\n      paymentOptions?: ExternalPaymentOptionsString[];\n      /**\n       * Preferred chain IDs. Assets on these chains will appear first.\n       */\n      preferredChains?: number[];\n      /**\n       * Preferred tokens. These appear first in the token list.\n       */\n      preferredTokens?: { chain: number; address: Address }[];\n      /**\n       * Only allow payments on these EVM chains.\n       */\n      evmChains?: number[];\n      /**\n       * External ID. E.g. a correlation ID.\n       */\n      externalId?: string;\n      /**\n       * Developer metadata. E.g. correlation ID.\n       * */\n      metadata?: DaimoPayUserMetadata;\n      /**\n       * The address to refund to if the payment bounces.\n       */\n      refundAddress?: Address;\n      /**\n       * Pass-through tokens. If the user pays via a pass-through\n       * token, it is sent directly to `toAddress` with no swapping or bridging.\n       */\n      passthroughTokens?: PassthroughToken[];\n    }\n  | {\n      /** The payment ID, generated via the Daimo Pay API. Replaces params above. */\n      payId: string;\n      /** Payment options. By default, all are enabled. */\n      paymentOptions?: ExternalPaymentOptionsString[];\n      /**\n       * The page to start on.\n       */\n      uniquePaymentOption?: UniquePaymentOptionsString;\n    };\n\n/**\n * Represents a pass-through token. If the user pays via a pass-through\n * token, it is sent directly to `toAddress` with no swapping or bridging.\n */\ntype PassthroughToken = {\n  chain: number;\n  address: Address;\n};\n\ntype PayButtonCommonProps = PayButtonPaymentProps & {\n  /** Called when user sends payment and transaction is seen on chain */\n  onPaymentStarted?: (event: PaymentStartedEvent) => void;\n  /** Called when destination transfer or call completes successfully */\n  onPaymentCompleted?: (event: PaymentCompletedEvent) => void;\n  /** Called when destination call reverts and funds are refunded */\n  onPaymentBounced?: (event: PaymentBouncedEvent) => void;\n  /** Called when the modal is opened. */\n  onOpen?: () => void;\n  /** Called when the modal is closed. */\n  onClose?: () => void;\n  /** Open the modal by default. */\n  defaultOpen?: boolean;\n  /** Automatically close the modal after a successful payment. */\n  closeOnSuccess?: boolean;\n  /** Reset the payment after a successful payment. */\n  resetOnSuccess?: boolean;\n  /** Go directly to tokens in already-connected Ethereum and Solana wallet(s).\n   * Don't let the user pick any other payment method. Used in embedded flows.*/\n  connectedWalletOnly?: boolean;\n  /** Custom message to display on confirmation page. */\n  confirmationMessage?: string;\n  /** Redirect URL to return to the app. E.g. after Coinbase, Binance, RampNetwork. */\n  redirectReturnUrl?: string;\n};\n\nexport type DaimoPayButtonProps = PayButtonCommonProps & {\n  /** Light mode, dark mode, or auto. */\n  mode?: Mode;\n  /** Named theme. See docs for options. */\n  theme?: Theme;\n  /** Custom theme. See docs for options. */\n  customTheme?: CustomTheme;\n  /** Disable interaction. */\n  disabled?: boolean;\n};\n\nexport type DaimoPayButtonCustomProps = PayButtonCommonProps & {\n  /** Custom renderer */\n  children: (renderProps: {\n    show: () => void;\n    hide: () => void;\n  }) => ReactElement;\n};\n\n/**\n * A button that shows the Daimo Pay checkout. Replaces the traditional\n * Connect Wallet » approve » execute sequence with a single action.\n */\nexport function DaimoPayButton(props: DaimoPayButtonProps): JSX.Element {\n  const { theme, mode, customTheme } = props;\n  const context = usePayContext();\n\n  return (\n    <DaimoPayButtonCustom {...props}>\n      {({ show }) => (\n        <ResetContainer\n          $useTheme={theme ?? context.theme}\n          $useMode={mode ?? context.mode}\n          $customTheme={customTheme ?? context.customTheme}\n        >\n          <ThemeContainer onClick={props.disabled ? undefined : show}>\n            <ThemedButton\n              theme={theme ?? context.theme}\n              mode={mode ?? context.mode}\n              customTheme={customTheme ?? context.customTheme}\n            >\n              <DaimoPayButtonInner />\n            </ThemedButton>\n          </ThemeContainer>\n        </ResetContainer>\n      )}\n    </DaimoPayButtonCustom>\n  );\n}\n\n/** Like DaimoPayButton, but with custom styling. */\nfunction DaimoPayButtonCustom(props: DaimoPayButtonCustomProps): JSX.Element {\n  const context = usePayContext();\n\n  // Pre-load payment info in background.\n  // Reload when any of the info changes.\n  let payParams: PayParams | null =\n    \"appId\" in props\n      ? {\n          appId: props.appId,\n          toChain: props.toChain,\n          toAddress: props.toAddress,\n          toToken: props.toToken,\n          toUnits: props.toUnits,\n          toCallData: props.toCallData,\n          intent: props.intent,\n          paymentOptions: props.paymentOptions,\n          preferredChains: props.preferredChains,\n          preferredTokens: props.preferredTokens,\n          evmChains: props.evmChains,\n          externalId: props.externalId,\n          metadata: props.metadata,\n          refundAddress: props.refundAddress,\n          passthroughTokens: props.passthroughTokens,\n        }\n      : null;\n  let payId = \"payId\" in props ? props.payId : null;\n\n  const { paymentState } = context;\n  const { order, paymentState: payState } = useDaimoPay();\n\n  // Set the payId or payParams\n  useEffect(() => {\n    if (payId != null) {\n      paymentState.setPayId(payId);\n    } else if (payParams != null) {\n      paymentState.setPayParams(payParams);\n    }\n    paymentState.setButtonProps(props);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [payId, JSON.stringify(payParams || {})]);\n\n  // Set the confirmation message\n  const { setConfirmationMessage } = context;\n  useEffect(() => {\n    if (props.confirmationMessage) {\n      setConfirmationMessage(props.confirmationMessage);\n    }\n  }, [props.confirmationMessage, setConfirmationMessage]);\n\n  // Set the redirect return url\n  const { setRedirectReturnUrl } = context;\n  useEffect(() => {\n    if (props.redirectReturnUrl) {\n      setRedirectReturnUrl(props.redirectReturnUrl);\n    }\n  }, [props.redirectReturnUrl, setRedirectReturnUrl]);\n\n  // Set the onOpen and onClose callbacks\n  const { setOnOpen, setOnClose } = context;\n  useEffect(() => {\n    setOnOpen(props.onOpen);\n    return () => setOnOpen(undefined);\n  }, [props.onOpen, setOnOpen]);\n\n  useEffect(() => {\n    setOnClose(props.onClose);\n    return () => setOnClose(undefined);\n  }, [props.onClose, setOnClose]);\n\n  // Payment events: call these three event handlers.\n  const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;\n\n  // Functions to show and hide the modal\n  const { children, closeOnSuccess, resetOnSuccess, connectedWalletOnly } =\n    props;\n  const show = useCallback(() => {\n    const modalOptions = {\n      closeOnSuccess,\n      resetOnSuccess,\n      connectedWalletOnly,\n    };\n    context.showPayment(modalOptions);\n  }, [connectedWalletOnly, closeOnSuccess, resetOnSuccess, context]);\n  const hide = useCallback(() => context.setOpen(false), [context]);\n\n  // Emit onPaymentStart handler when payment state changes to payment_started\n  const sentStart = useRef(false);\n  useEffect(() => {\n    if (sentStart.current) return;\n    if (payState !== \"payment_started\") return;\n\n    // TODO: Populate source payment details immediately when the user pays.\n    // Use this hack because source chain id is not immediately populated when\n    // payment_started\n    const sourceChainId = getOrderSourceChainId(order);\n    if (sourceChainId == null) return;\n\n    sentStart.current = true;\n    onPaymentStarted?.({\n      type: DaimoPayEventType.PaymentStarted,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: sourceChainId,\n      txHash: order.sourceInitiateTxHash,\n      payment: getDaimoPayOrderView(order),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Emit onPaymentComplete or onPaymentBounced handler when payment state\n  // changes to payment_completed or payment_bounced\n  const sentComplete = useRef(false);\n  useEffect(() => {\n    if (sentComplete.current) return;\n    if (payState !== \"payment_completed\" && payState !== \"payment_bounced\")\n      return;\n\n    sentComplete.current = true;\n    const eventType =\n      payState === \"payment_completed\"\n        ? DaimoPayEventType.PaymentCompleted\n        : DaimoPayEventType.PaymentBounced;\n    const passthroughTxHash =\n      order.passedToAddress == null ? undefined : order.sourceInitiateTxHash;\n    const event = {\n      type: eventType,\n      paymentId: writeDaimoPayOrderID(order.id),\n      chainId: getOrderDestChainId(order),\n      txHash: assertNotNull(\n        order.destFastFinishTxHash ??\n          order.destClaimTxHash ??\n          passthroughTxHash,\n        `[PAY BUTTON] dest tx hash null on order ${order.id} when intent status is ${order.intentStatus}`,\n      ),\n      payment: getDaimoPayOrderView(order),\n    };\n\n    if (payState === \"payment_completed\") {\n      onPaymentCompleted?.(event as PaymentCompletedEvent);\n    } else if (payState === \"payment_bounced\") {\n      onPaymentBounced?.(event as PaymentBouncedEvent);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, payState]);\n\n  // Open the modal by default if the defaultOpen prop is true\n  const hasAutoOpened = useRef(false);\n  useEffect(() => {\n    if (!props.defaultOpen || hasAutoOpened.current) return;\n    if (order == null) return;\n    show();\n    hasAutoOpened.current = true;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [order, props.defaultOpen, hasAutoOpened.current]);\n\n  // Validation\n  if ((payId == null) == (payParams == null)) {\n    throw new Error(\"Must specify either payId or appId, not both\");\n  }\n\n  return children({ show, hide });\n}\n\nDaimoPayButtonCustom.displayName = \"DaimoPayButton.Custom\";\n\nDaimoPayButton.Custom = DaimoPayButtonCustom;\n\nconst contentVariants: Variants = {\n  initial: {\n    zIndex: 2,\n    opacity: 0,\n    x: \"-100%\",\n  },\n  animate: {\n    opacity: 1,\n    x: 0.1,\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    x: \"-100%\",\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    transition: {\n      duration: 0.4,\n      ease: [0.25, 1, 0.5, 1],\n    },\n  },\n};\n\nexport function DaimoPayButtonInner() {\n  const { order } = useDaimoPay();\n  const locales = useLocales();\n  const defaultLabel = locales.payButton_defaultLabel;\n  const label = order?.metadata?.intent ?? defaultLabel;\n\n  return (\n    <AnimatePresence initial={false}>\n      <TextContainer\n        initial={\"initial\"}\n        animate={\"animate\"}\n        exit={\"exit\"}\n        variants={contentVariants}\n        style={{\n          height: 40,\n        }}\n      >\n        {label}\n      </TextContainer>\n    </AnimatePresence>\n  );\n}\n"],"names":[],"mappings":"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"}