@heliofi/deposit-react 0.3.0 → 0.4.0-alpha.0

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+
+import { PropsWithChildren } from 'react';
 
     readonly SOL: true;
     readonly ETH: true;
@@ -18,6 +20,7 @@
 
     METAMASK = "METAMASK",
     PHANTOM = "PHANTOM",
+    RABBY = "RABBY",
     TRUST_WALLET = "TRUST_WALLET",
     WALLET_CONNECT = "WALLET_CONNECT"
 }
@@ -27,7 +30,7 @@
 
 
 
-export declare const MoonpayCommerceDeposit: (props: MoonpayCommerceDepositReactProps) => JSX.Element | null;
+export declare const MoonpayCommerceDeposit: (props: MoonpayCommerceDepositReactProps) => JSX.Element;
 
     currentlyConnectedWallet?: ConnectWalletSelection;
     debug?: boolean;
@@ -44,6 +47,8 @@ export declare const MoonpayCommerceDeposit: (props: MoonpayCommerceDepositReact
     themeMode?: DepositThemeMode;
     variant?: DepositVariant;
 }
+
+export declare const MoonpayCommerceDepositProvider: (props: PropsWithChildren) => JSX.Element;
 
     config: MoonpayCommerceDepositConfig;
     trigger?: React.ComponentType<{

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

@@ -1,70 +1,115 @@
-import { jsxs as E, jsx as i, Fragment as y } from "react/jsx-runtime";
-import { useRef as C, useState as u, useEffect as p, useLayoutEffect as I } from "react";
-const R = "v1", b = () => {
+import { jsxs as h, jsx as d, Fragment as D } from "react/jsx-runtime";
+import { useRef as y, useEffect as l, useState as a, useLayoutEffect as g } from "react";
+const F = "v1", k = () => {
   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: e }) => /* @__PURE__ */ E("div", { children: [
+}, P = k(), A = "deposit-embed-script", H = `https://${P}/assets/index-${F}.js`, L = ({ children: e }) => /* @__PURE__ */ h("div", { children: [
   "Error loading Helio Deposit for React",
   e ? `: ${e}` : ""
-] }), h = (e = O) => {
+] });
+process.env.VITE_EMBED_VERSION;
+process.env.VITE_PROD_HOSTNAME;
+process.env.VERCEL_ENV;
+const I = (e, n) => {
   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 = () => {
-      if (o) return;
-      const n = window.moonpayCommerceDeposit;
-      if (!n) {
-        s(
-          "Unable to load Helio Deposit - missing init function on window.moonpayCommerceDeposit"
+  return t.setAttribute("type", "module"), t.setAttribute("id", n), t.setAttribute("src", e), document.body.appendChild(t), t;
+}, w = (e) => document.querySelector(
+  `script#${e}`
+), N = ({
+  scriptIdentifier: e,
+  scriptSrc: n,
+  config: t
+}) => {
+  const o = R(n, t), i = y(!1);
+  l(() => {
+    i.current || (i.current = !0, !w(e) && I(o, e));
+  }, [o, e]);
+}, R = (e, n) => n.embedScriptSource || e, V = ({
+  type: e,
+  config: n,
+  scriptIdentifier: t,
+  scriptSrc: o,
+  trigger: i
+}) => {
+  const p = y(null), [E, O] = a(!1);
+  l(() => O(!0), []);
+  const [s, _] = a(), [b, m] = a(""), S = R(o, n);
+  return l(() => {
+    let c = !1;
+    if (s) return;
+    const u = () => {
+      if (c) return;
+      let r;
+      if (e === "paylink" ? r = window.helioCheckout : r = window.moonpayCommerceDeposit, !r) {
+        m(
+          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;
       }
-      v(() => n);
-    }, a = (n) => {
-      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);
+      _(() => r);
+    }, f = (r) => {
+      const C = () => m("Error loading script tag");
+      return r.addEventListener("load", u), r.addEventListener("error", C), () => {
+        c = !0, r.removeEventListener("load", u), r.removeEventListener("error", C);
       };
-    }, f = document.querySelector(
-      `script#${g}`
-    );
-    if (f) {
-      window.moonpayCommerceDeposit ? c() : a(f);
-      return;
-    }
-    const S = h();
-    return a(S);
-  }, [r]), I(() => {
-    if (!(!r || !d)) {
-      if (!t.current) {
-        s("Missing element to mount Helio Deposit");
+    }, v = w(t);
+    if (v) {
+      if (e === "paylink" && window.helioCheckout || e === "deposit" && window.moonpayCommerceDeposit) {
+        u();
         return;
       }
-      e.trigger || r(t.current, e.config);
+      return f(v);
     }
-  }, [r, d, e.config, e.trigger]), m) return /* @__PURE__ */ i(_, { children: m });
-  if (!r) return null;
-  if (e.trigger) {
-    const o = e.trigger;
-    return /* @__PURE__ */ E(y, { children: [
-      /* @__PURE__ */ i("div", { ref: t }),
-      /* @__PURE__ */ i(
-        o,
-        {
-          onClick: () => r(t.current, { ...e.config, display: "modal" })
+    const T = I(S, t);
+    return f(T);
+  }, [s, S, o, t, e]), g(() => {
+    if (!(!s || !E)) {
+      if (!p.current) {
+        m(
+          e === "paylink" ? "Missing element to mount MoonPay Commerce Checkout" : "Missing element to mount Helio Deposit"
+        );
+        return;
+      }
+      if (!i)
+        if (e === "paylink") {
+          const c = n;
+          s(p.current, c);
+        } else {
+          const c = s, u = n;
+          c(p.current, u);
         }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ i("div", { ref: t });
-};
+    }
+  }, [s, E, n, e, i]), { divRef: p, initFn: s, error: b, type: e };
+}, M = {
+  scriptIdentifier: A,
+  scriptSrc: H
+}, j = ({
+  config: e,
+  trigger: n
+}) => {
+  const { divRef: t, initFn: o, error: i } = V({
+    type: "deposit",
+    trigger: n,
+    config: e,
+    ...M
+  });
+  return i ? /* @__PURE__ */ d(L, { children: i }) : o ? n ? /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ d("div", { ref: t }),
+    /* @__PURE__ */ d(
+      n,
+      {
+        onClick: () => o(t.current, { ...e, display: "modal" })
+      }
+    )
+  ] }) : /* @__PURE__ */ d("div", { ref: t }) : null;
+}, $ = (e) => /* @__PURE__ */ d(j, { ...e }), B = (e) => (N({
+  ...M,
+  config: {}
+}), /* @__PURE__ */ d(D, { children: e.children }));
 export {
-  T as MoonpayCommerceDeposit
+  $ as MoonpayCommerceDeposit,
+  B as MoonpayCommerceDepositProvider
 };

package/package.json

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