@daimo/pay 1.19.5 → 1.19.7

package/build/pay/packages/connectkit/src/hooks/useFocusTrap.js

@@ -0,0 +1,53 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEffect, useRef } from 'react';
+
+const KEYCODE_TAB = 9;
+function useFocusTrap() {
+  const elRef = useRef(null);
+  function handleFocus(e) {
+    if (!elRef.current) return;
+    var focusableEls = elRef.current.querySelectorAll(`
+        a[href]:not(:disabled),
+        button:not(:disabled),
+        textarea:not(:disabled),
+        input[type="text"]:not(:disabled),
+        input[type="radio"]:not(:disabled),
+        input[type="checkbox"]:not(:disabled),
+        select:not(:disabled)
+      `), firstFocusableEl = focusableEls[0], lastFocusableEl = focusableEls[focusableEls.length - 1];
+    var isTabPressed = e.key === "Tab" || e.keyCode === KEYCODE_TAB;
+    if (!isTabPressed) {
+      return;
+    }
+    if (e.shiftKey) {
+      if (document.activeElement === firstFocusableEl) {
+        lastFocusableEl.focus();
+        e.preventDefault();
+      }
+    } else {
+      if (document.activeElement === lastFocusableEl) {
+        firstFocusableEl.focus();
+        e.preventDefault();
+      }
+    }
+  }
+  useEffect(() => {
+    const el = elRef.current;
+    if (el == null) return;
+    el.addEventListener("keydown", handleFocus);
+    el.focus({ preventScroll: true });
+    return () => el.removeEventListener("keydown", handleFocus);
+  }, []);
+  return elRef;
+}
+function FocusTrap(props) {
+  const elRef = useFocusTrap();
+  useEffect(() => {
+    if (!elRef.current) return;
+    elRef.current.focus({ preventScroll: true });
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref: elRef, tabIndex: 0, children: props.children });
+}
+
+export { FocusTrap as default };
+//# sourceMappingURL=useFocusTrap.js.map

package/build/pay/packages/connectkit/src/hooks/useFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.js","sources":["../../../../../../src/hooks/useFocusTrap.tsx"],"sourcesContent":["// Based on https://hiddedevries.nl/en/blog/2017-01-29-using-javascript-to-trap-focus-in-an-element\n\nimport { useEffect, useRef } from \"react\";\n\nconst KEYCODE_TAB = 9;\n\nfunction useFocusTrap() {\n  const elRef = useRef<any>(null);\n\n  function handleFocus(e: any) {\n    if (!elRef.current) return;\n    var focusableEls = elRef.current.querySelectorAll(`\n        a[href]:not(:disabled),\n        button:not(:disabled),\n        textarea:not(:disabled),\n        input[type=\"text\"]:not(:disabled),\n        input[type=\"radio\"]:not(:disabled),\n        input[type=\"checkbox\"]:not(:disabled),\n        select:not(:disabled)\n      `),\n      firstFocusableEl = focusableEls[0],\n      lastFocusableEl = focusableEls[focusableEls.length - 1];\n\n    var isTabPressed = e.key === \"Tab\" || e.keyCode === KEYCODE_TAB;\n\n    if (!isTabPressed) {\n      return;\n    }\n\n    if (e.shiftKey) {\n      /* shift + tab */ if (document.activeElement === firstFocusableEl) {\n        lastFocusableEl.focus();\n        e.preventDefault();\n      }\n    } /* tab */ else {\n      if (document.activeElement === lastFocusableEl) {\n        firstFocusableEl.focus();\n        e.preventDefault();\n      }\n    }\n  }\n\n  useEffect(() => {\n    const el = elRef.current;\n    if (el == null) return;\n    el.addEventListener(\"keydown\", handleFocus);\n    el.focus({ preventScroll: true });\n    return () => el.removeEventListener(\"keydown\", handleFocus);\n  }, []);\n\n  return elRef;\n}\n\nexport default function FocusTrap(props: any) {\n  const elRef = useFocusTrap();\n\n  useEffect(() => {\n    if (!elRef.current) return;\n    elRef.current.focus({ preventScroll: true });\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <div ref={elRef} tabIndex={0}>\n      {props.children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,WAAc,GAAA,CAAA,CAAA;AAEpB,SAAS,YAAe,GAAA;AACtB,EAAM,MAAA,KAAA,GAAQ,OAAY,IAAI,CAAA,CAAA;AAE9B,EAAA,SAAS,YAAY,CAAQ,EAAA;AAC3B,IAAI,IAAA,CAAC,MAAM,OAAS,EAAA,OAAA;AACpB,IAAI,IAAA,YAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,gBAAiB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQ/C,CAAA,CAAA,EACD,mBAAmB,YAAa,CAAA,CAAC,GACjC,eAAkB,GAAA,YAAA,CAAa,YAAa,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAExD,IAAA,IAAI,YAAe,GAAA,CAAA,CAAE,GAAQ,KAAA,KAAA,IAAS,EAAE,OAAY,KAAA,WAAA,CAAA;AAEpD,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,EAAE,QAAU,EAAA;AACI,MAAI,IAAA,QAAA,CAAS,kBAAkB,gBAAkB,EAAA;AACjE,QAAA,eAAA,CAAgB,KAAM,EAAA,CAAA;AACtB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,OACnB;AAAA,KACe,MAAA;AACf,MAAI,IAAA,QAAA,CAAS,kBAAkB,eAAiB,EAAA;AAC9C,QAAA,gBAAA,CAAiB,KAAM,EAAA,CAAA;AACvB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,KAAM,CAAA,OAAA,CAAA;AACjB,IAAA,IAAI,MAAM,IAAM,EAAA,OAAA;AAChB,IAAG,EAAA,CAAA,gBAAA,CAAiB,WAAW,WAAW,CAAA,CAAA;AAC1C,IAAA,EAAA,CAAG,KAAM,CAAA,EAAE,aAAe,EAAA,IAAA,EAAM,CAAA,CAAA;AAChC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAoB,CAAA,SAAA,EAAW,WAAW,CAAA,CAAA;AAAA,GAC5D,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,KAAA,CAAA;AACT,CAAA;AAEA,SAAwB,UAAU,KAAY,EAAA;AAC5C,EAAA,MAAM,QAAQ,YAAa,EAAA,CAAA;AAE3B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,MAAM,OAAS,EAAA,OAAA;AACpB,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,EAAE,aAAA,EAAe,MAAM,CAAA,CAAA;AAAA,GAC7C,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,2BACG,KAAI,EAAA,EAAA,GAAA,EAAK,OAAO,QAAU,EAAA,CAAA,EACxB,gBAAM,QACT,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/pay/packages/connectkit/src/hooks/useIsMobile.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { isIOS, isAndroid } from '../utils/index.js';
+
+function useIsMobile() {
+  const isI = useMemo(isIOS, []);
+  const isA = useMemo(isAndroid, []);
+  return { isMobile: isI || isA, isIOS: isI, isAndroid: isA };
+}
+
+export { useIsMobile as default };
+//# sourceMappingURL=useIsMobile.js.map

package/build/pay/packages/connectkit/src/hooks/useIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.js","sources":["../../../../../../src/hooks/useIsMobile.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { isAndroid, isIOS } from \"../utils\";\n\nexport default function useIsMobile() {\n  const isI = useMemo(isIOS, []);\n  const isA = useMemo(isAndroid, []);\n  return { isMobile: isI || isA, isIOS: isI, isAndroid: isA };\n}\n"],"names":[],"mappings":";;;AAGA,SAAwB,WAAc,GAAA;AACpC,EAAA,MAAM,GAAM,GAAA,OAAA,CAAQ,KAAO,EAAA,EAAE,CAAA,CAAA;AAC7B,EAAA,MAAM,GAAM,GAAA,OAAA,CAAQ,SAAW,EAAA,EAAE,CAAA,CAAA;AACjC,EAAA,OAAO,EAAE,QAAU,EAAA,GAAA,IAAO,KAAK,KAAO,EAAA,GAAA,EAAK,WAAW,GAAI,EAAA,CAAA;AAC5D;;;;"}

package/build/pay/packages/connectkit/src/hooks/useIsMounted.js

@@ -0,0 +1,10 @@
+import { useState, useEffect } from 'react';
+
+function useIsMounted() {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  return mounted;
+}
+
+export { useIsMounted as default };
+//# sourceMappingURL=useIsMounted.js.map

package/build/pay/packages/connectkit/src/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sources":["../../../../../../src/hooks/useIsMounted.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/** Utility. Returns false on first render, true after.\n * Useful for apps with SSR, for example. */\nexport default function useIsMounted() {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => setMounted(true), []);\n  return mounted;\n}\n"],"names":[],"mappings":";;AAIA,SAAwB,YAAe,GAAA;AACrC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACpC,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/build/pay/packages/connectkit/src/hooks/useLastConnector.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+import { useConfig } from 'wagmi';
+
+const useLastConnector = () => {
+  const { storage } = useConfig();
+  const [lastConnectorId, setLastConnectorId] = useState(null);
+  useEffect(() => {
+    const init = async () => {
+      const id = await storage?.getItem("recentConnectorId");
+      setLastConnectorId(id ?? "");
+    };
+    init();
+  }, []);
+  const update = (id) => {
+    storage?.setItem("recentConnectorId", id);
+  };
+  return {
+    lastConnectorId,
+    updateLastConnectorId: update
+  };
+};
+
+export { useLastConnector };
+//# sourceMappingURL=useLastConnector.js.map

package/build/pay/packages/connectkit/src/hooks/useLastConnector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastConnector.js","sources":["../../../../../../src/hooks/useLastConnector.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useConfig } from \"wagmi\";\n\nexport const useLastConnector = () => {\n  const { storage } = useConfig();\n  const [lastConnectorId, setLastConnectorId] = useState<string | null>(null);\n\n  useEffect(() => {\n    const init = async () => {\n      const id = await storage?.getItem(\"recentConnectorId\");\n      setLastConnectorId(id ?? \"\");\n    };\n    init();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const update = (id: string) => {\n    storage?.setItem(\"recentConnectorId\", id);\n  };\n\n  return {\n    lastConnectorId,\n    updateLastConnectorId: update,\n  };\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA,CAAA;AAC9B,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAwB,IAAI,CAAA,CAAA;AAE1E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,YAAY;AACvB,MAAA,MAAM,EAAK,GAAA,MAAM,OAAS,EAAA,OAAA,CAAQ,mBAAmB,CAAA,CAAA;AACrD,MAAA,kBAAA,CAAmB,MAAM,EAAE,CAAA,CAAA;AAAA,KAC7B,CAAA;AACA,IAAK,IAAA,EAAA,CAAA;AAAA,GACP,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,MAAA,GAAS,CAAC,EAAe,KAAA;AAC7B,IAAS,OAAA,EAAA,OAAA,CAAQ,qBAAqB,EAAE,CAAA,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,eAAA;AAAA,IACA,qBAAuB,EAAA,MAAA;AAAA,GACzB,CAAA;AACF;;;;"}

package/build/pay/packages/connectkit/src/hooks/useLocales.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo } from 'react';
+import { usePayContext } from './usePayContext.js';
+import { getLocale } from '../localizations/index.js';
+
+function useLocales(replacements) {
+  const context = usePayContext();
+  const language = context.options?.language ?? "en-US";
+  const translations = useMemo(() => {
+    return getLocale(language);
+  }, [language]);
+  if (!translations) {
+    console.error(`Missing translations for: ${language}`);
+    throw new Error(`Missing translations for: ${language}`);
+  }
+  const translated = {};
+  Object.keys(translations).map((key) => {
+    const string = translations[key];
+    return translated[key] = localize(string, replacements);
+  });
+  return translated;
+}
+const localize = (text, replacements) => {
+  let parsedText = text;
+  if (replacements) {
+    Object.keys(replacements).forEach((key) => {
+      parsedText = parsedText.replace(
+        new RegExp(`({{ ${key} }})`, "g"),
+        replacements[key]
+      );
+    });
+  }
+  return replaceMarkdown(parsedText);
+};
+const replaceMarkdown = (markdownText) => {
+  let text = markdownText;
+  text = text.split("\n");
+  text = text.map((t, i) => {
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      wrapTags(t),
+      i < text.length - 1 && /* @__PURE__ */ jsx("br", {})
+    ] }, i);
+  });
+  return text;
+};
+const wrapTags = (text) => {
+  const textArray = text.split(/(\*\*[^\*]*\*\*)/g);
+  let result = textArray.map((str, i) => {
+    if (/(\*\*.*\*\*)/g.test(str)) {
+      return /* @__PURE__ */ jsx("strong", { children: str.replace(/\*\*/g, "") }, i);
+    }
+    return `${str}`;
+  });
+  return result.map((r) => {
+    return r;
+  });
+};
+
+export { useLocales as default };
+//# sourceMappingURL=useLocales.js.map

package/build/pay/packages/connectkit/src/hooks/useLocales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocales.js","sources":["../../../../../../src/hooks/useLocales.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { usePayContext } from \"./usePayContext\";\n\nimport { LocaleFull } from \"../localizations/locales\";\nimport { getLocale } from \"./../localizations\";\n\nexport default function useLocales(replacements?: any): LocaleFull {\n  const context = usePayContext();\n  const language = context.options?.language ?? \"en-US\";\n\n  const translations = useMemo(() => {\n    return getLocale(language);\n  }, [language]);\n\n  if (!translations) {\n    console.error(`Missing translations for: ${language}`);\n    throw new Error(`Missing translations for: ${language}`);\n  }\n\n  const translated: any = {};\n  Object.keys(translations).map((key) => {\n    const string = translations[key];\n    return (translated[key] = localize(string, replacements));\n  });\n\n  return translated;\n}\n\nconst localize = (text: string, replacements?: any[string]) => {\n  let parsedText: string = text;\n  if (replacements) {\n    Object.keys(replacements).forEach((key) => {\n      // use `replace` instead of `replaceAll` to support Node 14\n      parsedText = parsedText.replace(\n        new RegExp(`({{ ${key} }})`, \"g\"),\n        replacements[key as keyof typeof replacements],\n      );\n    });\n  }\n  return replaceMarkdown(parsedText);\n};\n\nconst replaceMarkdown = (markdownText: string) => {\n  let text: any = markdownText;\n  text = text.split(\"\\n\");\n  text = text.map((t: string, i: number) => {\n    return (\n      <React.Fragment key={i}>\n        {wrapTags(t)}\n        {i < text.length - 1 && <br />}\n      </React.Fragment>\n    );\n  });\n  return text;\n};\n\nconst wrapTags = (text: string) => {\n  // Bold markdown handling\n  const textArray = text.split(/(\\*\\*[^\\*]*\\*\\*)/g);\n  let result = textArray.map((str, i) => {\n    if (/(\\*\\*.*\\*\\*)/g.test(str)) {\n      // use `replace` instead of `replaceAll` to support Node 14\n      return <strong key={i}>{str.replace(/\\*\\*/g, \"\")}</strong>;\n    }\n    return `${str}`;\n  });\n\n  // Replace text with logo\n  return result.map((r) => {\n    return r;\n  });\n};\n"],"names":[],"mappings":"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"}

package/build/pay/packages/connectkit/src/hooks/useLockBodyScroll.js

@@ -0,0 +1,47 @@
+import { useState, useEffect, useLayoutEffect } from 'react';
+import { usePayContext } from './usePayContext.js';
+
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function useLockBodyScroll(initialLocked) {
+  const [locked, setLocked] = useState(initialLocked);
+  const context = usePayContext();
+  useIsomorphicLayoutEffect(() => {
+    if (!locked) return;
+    const original = {
+      overflow: document.body.style.overflow,
+      position: document.body.style.position,
+      touchAction: document.body.style.touchAction,
+      paddingRight: document.body.style.paddingRight
+      //htmlOverflow: document.documentElement.style.overflow,
+    };
+    const style = getComputedStyle(document.body);
+    const offsetX = parseInt(style.marginRight) + parseInt(style.paddingRight) + parseInt(style.borderRight) + parseInt(style.marginLeft) + parseInt(style.paddingLeft) + parseInt(style.borderLeft);
+    const scrollBarWidth = window.innerWidth - document.body.offsetWidth - offsetX;
+    document.documentElement.style.setProperty(
+      "--ck-scrollbar-width",
+      `${scrollBarWidth}px`
+    );
+    document.body.style.overflow = "hidden";
+    document.body.style.position = "relative";
+    document.body.style.touchAction = "none";
+    if (context.options?.avoidLayoutShift) {
+      document.body.style.paddingRight = `${scrollBarWidth}px`;
+    }
+    return () => {
+      document.documentElement.style.removeProperty("--ck-scrollbar-width");
+      document.body.style.overflow = original.overflow;
+      document.body.style.position = original.position;
+      document.body.style.touchAction = original.touchAction;
+      if (context.options?.avoidLayoutShift) {
+        document.body.style.paddingRight = original.paddingRight;
+      }
+    };
+  }, [locked]);
+  useEffect(() => {
+    if (locked !== initialLocked) setLocked(initialLocked);
+  }, [initialLocked]);
+  return [locked, setLocked];
+}
+
+export { useLockBodyScroll as default };
+//# sourceMappingURL=useLockBodyScroll.js.map

package/build/pay/packages/connectkit/src/hooks/useLockBodyScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLockBodyScroll.js","sources":["../../../../../../src/hooks/useLockBodyScroll.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from \"react\";\nimport { usePayContext } from \"./usePayContext\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nexport default function useLockBodyScroll(initialLocked: boolean) {\n  const [locked, setLocked] = useState(initialLocked);\n\n  const context = usePayContext();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!locked) return;\n\n    const original = {\n      overflow: document.body.style.overflow,\n      position: document.body.style.position,\n      touchAction: document.body.style.touchAction,\n      paddingRight: document.body.style.paddingRight,\n      //htmlOverflow: document.documentElement.style.overflow,\n    };\n\n    const style = getComputedStyle(document.body);\n    const offsetX =\n      parseInt(style.marginRight) +\n      parseInt(style.paddingRight) +\n      parseInt(style.borderRight) +\n      parseInt(style.marginLeft) +\n      parseInt(style.paddingLeft) +\n      parseInt(style.borderLeft);\n\n    const scrollBarWidth =\n      window.innerWidth - document.body.offsetWidth - offsetX;\n    document.documentElement.style.setProperty(\n      \"--ck-scrollbar-width\",\n      `${scrollBarWidth}px`,\n    );\n\n    document.body.style.overflow = \"hidden\";\n    document.body.style.position = \"relative\";\n    document.body.style.touchAction = \"none\";\n    //document.documentElement.style.overflow = 'hidden'; // overflow:hidden; on <html> breaks position:sticky;\n    if (context.options?.avoidLayoutShift) {\n      document.body.style.paddingRight = `${scrollBarWidth}px`;\n    }\n\n    return () => {\n      document.documentElement.style.removeProperty(\"--ck-scrollbar-width\");\n\n      document.body.style.overflow = original.overflow;\n      document.body.style.position = original.position;\n      document.body.style.touchAction = original.touchAction;\n      //document.documentElement.style.overflow = original.htmlOverflow;\n      if (context.options?.avoidLayoutShift) {\n        document.body.style.paddingRight = original.paddingRight;\n      }\n    };\n  }, [locked]);\n\n  useEffect(() => {\n    if (locked !== initialLocked) setLocked(initialLocked);\n  }, [initialLocked]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [locked, setLocked];\n}\n"],"names":[],"mappings":";;;AAGA,MAAM,yBACJ,GAAA,OAAO,MAAW,KAAA,WAAA,GAAc,eAAkB,GAAA,SAAA,CAAA;AAEpD,SAAwB,kBAAkB,aAAwB,EAAA;AAChE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,aAAa,CAAA,CAAA;AAElD,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAE9B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAA;AAEb,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,QAAA,EAAU,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA;AAAA,MAC9B,QAAA,EAAU,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA;AAAA,MAC9B,WAAA,EAAa,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,WAAA;AAAA,MACjC,YAAA,EAAc,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,YAAA;AAAA;AAAA,KAEpC,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQ,gBAAiB,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAC5C,IAAM,MAAA,OAAA,GACJ,SAAS,KAAM,CAAA,WAAW,IAC1B,QAAS,CAAA,KAAA,CAAM,YAAY,CAAA,GAC3B,QAAS,CAAA,KAAA,CAAM,WAAW,CAC1B,GAAA,QAAA,CAAS,KAAM,CAAA,UAAU,CACzB,GAAA,QAAA,CAAS,MAAM,WAAW,CAAA,GAC1B,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAE3B,IAAA,MAAM,cACJ,GAAA,MAAA,CAAO,UAAa,GAAA,QAAA,CAAS,KAAK,WAAc,GAAA,OAAA,CAAA;AAClD,IAAA,QAAA,CAAS,gBAAgB,KAAM,CAAA,WAAA;AAAA,MAC7B,sBAAA;AAAA,MACA,GAAG,cAAc,CAAA,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,QAAA,CAAA;AAC/B,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,UAAA,CAAA;AAC/B,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,WAAc,GAAA,MAAA,CAAA;AAElC,IAAI,IAAA,OAAA,CAAQ,SAAS,gBAAkB,EAAA;AACrC,MAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,YAAe,GAAA,CAAA,EAAG,cAAc,CAAA,EAAA,CAAA,CAAA;AAAA,KACtD;AAEA,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,eAAA,CAAgB,KAAM,CAAA,cAAA,CAAe,sBAAsB,CAAA,CAAA;AAEpE,MAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,GAAW,QAAS,CAAA,QAAA,CAAA;AACxC,MAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,GAAW,QAAS,CAAA,QAAA,CAAA;AACxC,MAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,WAAA,GAAc,QAAS,CAAA,WAAA,CAAA;AAE3C,MAAI,IAAA,OAAA,CAAQ,SAAS,gBAAkB,EAAA;AACrC,QAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,YAAA,GAAe,QAAS,CAAA,YAAA,CAAA;AAAA,OAC9C;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,MAAA,KAAW,aAAe,EAAA,SAAA,CAAU,aAAa,CAAA,CAAA;AAAA,GACvD,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAElB,EAAO,OAAA,CAAC,QAAQ,SAAS,CAAA,CAAA;AAC3B;;;;"}

package/build/pay/packages/connectkit/src/hooks/useOrderUsdLimits.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+function useOrderUsdLimits({ trpc }) {
+  const [limits, setLimits] = useState({});
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    const refreshOrderUsdLimits = async () => {
+      setLoading(true);
+      try {
+        const { limits: newLimits } = await trpc.getOrderUsdLimits.query();
+        setLimits(newLimits);
+      } catch (e) {
+        console.error(e);
+      } finally {
+        setLoading(false);
+      }
+    };
+    refreshOrderUsdLimits();
+  }, []);
+  return { limits, loading };
+}
+
+export { useOrderUsdLimits };
+//# sourceMappingURL=useOrderUsdLimits.js.map

package/build/pay/packages/connectkit/src/hooks/useOrderUsdLimits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderUsdLimits.js","sources":["../../../../../../src/hooks/useOrderUsdLimits.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { TrpcClient } from \"../utils/trpc\";\n\nexport function useOrderUsdLimits({ trpc }: { trpc: TrpcClient }) {\n  const [limits, setLimits] = useState<Record<string, number>>({});\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    const refreshOrderUsdLimits = async () => {\n      setLoading(true);\n      try {\n        const { limits: newLimits } = await trpc.getOrderUsdLimits.query();\n        setLimits(newLimits);\n      } catch (e) {\n        console.error(e);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    refreshOrderUsdLimits();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { limits, loading };\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,iBAAA,CAAkB,EAAE,IAAA,EAA8B,EAAA;AAChE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAiC,EAAE,CAAA,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,wBAAwB,YAAY;AACxC,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAI,IAAA;AACF,QAAA,MAAM,EAAE,MAAQ,EAAA,SAAA,KAAc,MAAM,IAAA,CAAK,kBAAkB,KAAM,EAAA,CAAA;AACjE,QAAA,SAAA,CAAU,SAAS,CAAA,CAAA;AAAA,eACZ,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AAAA,OACf,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAsB,qBAAA,EAAA,CAAA;AAAA,GACxB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,EAAE,QAAQ,OAAQ,EAAA,CAAA;AAC3B;;;;"}

package/build/pay/packages/connectkit/src/hooks/usePayContext.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PayContext } from '../provider/PayContext.js';
+
+const usePayContext = () => {
+  const context = React.useContext(PayContext);
+  if (!context) throw Error("DaimoPay Hook must be inside a Provider.");
+  return context;
+};
+
+export { usePayContext };
+//# sourceMappingURL=usePayContext.js.map

package/build/pay/packages/connectkit/src/hooks/usePayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePayContext.js","sources":["../../../../../../src/hooks/usePayContext.ts"],"sourcesContent":["import React from \"react\";\nimport { PayContext } from \"../provider/PayContext\";\n\n/** Daimo Pay internal context. */\nexport const usePayContext = () => {\n  const context = React.useContext(PayContext);\n  if (!context) throw Error(\"DaimoPay Hook must be inside a Provider.\");\n  return context;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,CAAW,UAAU,CAAA,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA,EAAe,MAAA,KAAA,CAAM,0CAA0C,CAAA,CAAA;AACpE,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}