@heliofi/deposit-react 0.1.5-beta-3 → 0.1.5-beta-5

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

@@ -1,20 +1,20 @@
 import { jsxs as E, jsx as i, Fragment as y } from "react/jsx-runtime";
-import { useRef as C, useState as u, useEffect as l, useLayoutEffect as I } from "react";
+import { useRef as C, useState as u, useEffect as p, useLayoutEffect as I } from "react";
 const R = "v1", b = () => {
   try {
     return process.env.VITE_PROD_HOSTNAME || "embed.deposits.hel.io";
   } catch {
     return "embed.deposits.hel.io";
   }
-}, M = b(), g = "deposit-embed-script", O = `https://${M}/assets/index-${R}.js`, _ = ({ children: t }) => /* @__PURE__ */ E("div", { children: [
+}, M = b(), g = "deposit-embed-script", O = `https://${M}/assets/index-${R}.js`, _ = ({ children: e }) => /* @__PURE__ */ E("div", { children: [
   "Error loading Helio Deposit for React",
-  t ? `: ${t}` : ""
-] }), h = (t = O) => {
-  const e = document.createElement("script");
-  return e.setAttribute("type", "module"), e.setAttribute("id", g), e.setAttribute("src", t), document.body.appendChild(e), e;
-}, T = (t) => {
-  const e = C(null), [d, D] = u(!1), [r, v] = u(), [m, s] = u("");
-  if (l(() => D(!0), []), l(() => {
+  e ? `: ${e}` : ""
+] }), h = (e = O) => {
+  const t = document.createElement("script");
+  return t.setAttribute("type", "module"), t.setAttribute("id", g), t.setAttribute("src", e), document.body.appendChild(t), t;
+}, T = (e) => {
+  const t = C(null), [d, D] = u(!1), [r, v] = u(), [m, s] = u("");
+  if (p(() => D(!0), []), p(() => {
     let o = !1;
     if (r) return;
     const c = () => {
@@ -28,42 +28,42 @@ const R = "v1", b = () => {
       }
       v(() => n);
     }, a = (n) => {
-      const f = () => s("Error loading script tag");
-      return n.addEventListener("load", c), n.addEventListener("error", f), () => {
-        o = !0, n.removeEventListener("load", c), n.removeEventListener("error", f);
+      const l = () => s("Error loading script tag");
+      return n.addEventListener("load", c), n.addEventListener("error", l), () => {
+        o = !0, n.removeEventListener("load", c), n.removeEventListener("error", l);
       };
-    }, p = document.querySelector(
+    }, f = document.querySelector(
       `script#${g}`
     );
-    if (p) {
-      window.moonpayCommerceDeposit ? c() : a(p);
+    if (f) {
+      window.moonpayCommerceDeposit ? c() : a(f);
       return;
     }
     const S = h();
     return a(S);
   }, [r]), I(() => {
     if (!(!r || !d)) {
-      if (!e.current) {
+      if (!t.current) {
         s("Missing element to mount Helio Deposit");
         return;
       }
-      r(e.current, t.config);
+      e.trigger || r(t.current, e.config);
     }
-  }, [r, d, t.config]), m) return /* @__PURE__ */ i(_, { children: m });
+  }, [r, d, e.config, e.trigger]), m) return /* @__PURE__ */ i(_, { children: m });
   if (!r) return null;
-  if (t.trigger) {
-    const o = t.trigger;
+  if (e.trigger) {
+    const o = e.trigger;
     return /* @__PURE__ */ E(y, { children: [
-      /* @__PURE__ */ i("div", { ref: e }),
+      /* @__PURE__ */ i("div", { ref: t }),
       /* @__PURE__ */ i(
         o,
         {
-          onClick: () => r(e.current, { ...t.config, display: "modal" })
+          onClick: () => r(t.current, { ...e.config, display: "modal" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ i("div", { ref: e });
+  return /* @__PURE__ */ i("div", { ref: t });
 };
 export {
   T as MoonpayCommerceDeposit

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heliofi/deposit-react",
   "private": false,
-  "version": "0.1.5-beta-3",
+  "version": "0.1.5-beta-5",
   "type": "module",
   "scripts": {
     "dev": "vite",