@heliofi/deposit-react 1.1.0 → 1.1.1-alpha.1784293065

package/dist/helio-deposit-react.es.d.ts

@@ -55,6 +55,7 @@ export declare const MoonpayCommerceDeposit: (props: MoonpayCommerceDepositReact
     openWalletConnectInNewTab?: boolean;
     themeMode?: DepositThemeMode;
     variant?: DepositVariant;
+    /* Excluded from this release type: openSignal */
 }
 
 export declare const MoonpayCommerceDepositProvider: (props: PropsWithChildren) => JSX.Element;

package/dist/helio-deposit-react.es.js

@@ -1,5 +1,5 @@
 import { jsxs as D, jsx as c, Fragment as b } from "react/jsx-runtime";
-import { useRef as S, useEffect as p, useState as h, useLayoutEffect as k } from "react";
+import { useRef as p, useEffect as m, useState as S, useLayoutEffect as k } from "react";
 var P = {};
 const A = "v1", T = () => {
   try {
@@ -7,7 +7,7 @@ const A = "v1", T = () => {
   } catch {
     return "embed.deposits.hel.io";
   }
-}, H = T(), L = "deposit-embed-script", j = `https://${H}/assets/index-${A}.js`, x = ({ children: e }) => /* @__PURE__ */ D("div", { children: [
+}, H = T(), L = "deposit-embed-script", g = `https://${H}/assets/index-${A}.js`, j = ({ children: e }) => /* @__PURE__ */ D("div", { children: [
   "Error loading Helio Deposit for React",
   e ? `: ${e}` : ""
 ] }), I = (e, t) => {
@@ -15,48 +15,48 @@ const A = "v1", T = () => {
   return n.setAttribute("type", "module"), n.setAttribute("id", t), n.setAttribute("src", e), document.body.appendChild(n), n;
 }, w = (e) => document.querySelector(
   `script#${e}`
-), N = ({
+), x = ({
   scriptIdentifier: e,
   scriptSrc: t
 }) => {
   const n = O(t, {
     embedScriptSource: void 0
-  }), r = S(!1);
-  p(() => {
-    r.current || (r.current = !0, !w(e) && I(n, e));
+  }), o = p(!1);
+  m(() => {
+    o.current || (o.current = !0, !w(e) && I(n, e));
   }, [n, e]);
-}, O = (e, t) => t.embedScriptSource || e, g = ({
+}, O = (e, t) => t.embedScriptSource || e, N = ({
   type: e,
   config: t,
   scriptIdentifier: n,
-  scriptSrc: r,
-  trigger: a
+  scriptSrc: o,
+  trigger: l
 }) => {
-  const i = S(null), [m, d] = h(!1);
-  p(() => d(!0), []);
-  const [s, F] = h(), [M, f] = h(""), E = O(r, t);
-  return p(() => {
-    let u = !1;
-    if (s) return;
-    const l = () => {
-      if (u) return;
-      let o;
-      if (e === "paylink" ? o = window.helioCheckout : o = window.moonpayCommerceDeposit, !o) {
+  const s = p(null), [a, h] = S(!1);
+  m(() => h(!0), []);
+  const [r, F] = S(), [M, f] = S(""), E = O(o, t);
+  return m(() => {
+    let d = !1;
+    if (r) return;
+    const u = () => {
+      if (d) return;
+      let i;
+      if (e === "paylink" ? i = window.helioCheckout : i = window.moonpayCommerceDeposit, !i) {
         f(
           e === "paylink" ? "Unable to load MoonPay Commerce Checkout - missing init function on window.helioCheckout" : "Unable to load Helio Deposit - missing init function on window.moonpayCommerceDeposit"
         );
         return;
       }
-      F(() => o);
-    }, v = (o) => {
+      F(() => i);
+    }, v = (i) => {
       const y = () => f("Error loading script tag");
-      return o.addEventListener("load", l), o.addEventListener("error", y), () => {
-        u = !0, o.removeEventListener("load", l), o.removeEventListener("error", y);
+      return i.addEventListener("load", u), i.addEventListener("error", y), () => {
+        d = !0, i.removeEventListener("load", u), i.removeEventListener("error", y);
       };
     }, C = w(n);
     if (C) {
       if (e === "paylink" && window.helioCheckout || e === "deposit" && window.moonpayCommerceDeposit) {
-        l();
+        u();
         return;
       }
       return v(C);
@@ -66,57 +66,63 @@ const A = "v1", T = () => {
       n
     );
     return v(_);
-  }, [s, E, r, n, e]), k(() => {
-    if (!(!s || !m)) {
-      if (!i.current) {
+  }, [r, E, o, n, e]), k(() => {
+    if (!(!r || !a)) {
+      if (!s.current) {
         f(
           e === "paylink" ? "Missing element to mount MoonPay Commerce Checkout" : "Missing element to mount Helio Deposit"
         );
         return;
       }
-      if (!a)
+      if (!l)
         if (e === "paylink") {
-          const u = t;
-          s(i.current, u);
+          const d = t;
+          r(s.current, d);
         } else {
-          const u = s, l = t;
-          u(i.current, l);
+          const d = r, u = t;
+          d(s.current, u);
         }
     }
-  }, [s, m, t, e, a]), { divRef: i, initFn: s, error: M, type: e };
+  }, [r, a, t, e, l]), { divRef: s, initFn: r, error: M, type: e };
 }, R = {
   scriptIdentifier: L,
-  scriptSrc: j
+  scriptSrc: g
 }, U = ({
   config: e,
   trigger: t
 }) => {
-  const { divRef: n, initFn: r, error: a } = g({
+  const { divRef: n, initFn: o, error: l } = N({
     type: "deposit",
     trigger: t,
     config: e,
     ...R
-  }), i = S(null);
-  return p(() => {
-    const d = i.current;
-    if (!(!d || !t))
-      return d.appendChild(t), () => {
-        d.contains(t) && d.removeChild(t);
+  }), s = p(null), a = p(0);
+  return m(() => {
+    const r = s.current;
+    if (!(!r || !t))
+      return r.appendChild(t), () => {
+        r.contains(t) && r.removeChild(t);
       };
-  }, [t, !!r]), a ? /* @__PURE__ */ c(x, { children: a }) : r ? t ? /* @__PURE__ */ D(b, { children: [
+  }, [t, !!o]), l ? /* @__PURE__ */ c(j, { children: l }) : o ? t ? /* @__PURE__ */ D(b, { children: [
     /* @__PURE__ */ c("div", { ref: n }),
     /* @__PURE__ */ c(
       "button",
       {
-        onClick: () => r(n.current, { ...e, display: "modal" }),
+        onClick: () => {
+          a.current += 1, o(n.current, {
+            ...e,
+            display: "modal",
+            openSignal: a.current
+          });
+        },
         className: "hel-bg-transparent hel-border-none hel-outline-none hel-p-0 hel-m-0",
         id: "moonpay-commerce-deposit-trigger",
         type: "button",
-        children: /* @__PURE__ */ c("span", { ref: i })
+        children: /* @__PURE__ */ c("span", { ref: s })
       }
     )
   ] }) : /* @__PURE__ */ c("div", { ref: n }) : null;
-}, W = (e) => /* @__PURE__ */ c(U, { ...e }), z = (e) => (N(R), /* @__PURE__ */ c(b, { children: e.children }));
+}, W = (e) => /* @__PURE__ */ c(U, { ...e }), z = (e) => (x(R), /* @__PURE__ */ c(b, { children: e.children }));
 export {
   W as MoonpayCommerceDeposit,
   z as MoonpayCommerceDepositProvider

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heliofi/deposit-react",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.1-alpha.1784293065",
   "type": "module",
   "scripts": {
     "dev": "vite",