@heliofi/deposit-react 0.0.1-beta.1

package/README.md

@@ -0,0 +1,9 @@
+# @heliofi/deposit-react
+
+React component for Helio crypto deposits.
+
+## Documentation
+
+For installation, usage, and examples, visit the official Helio documentation:
+
+**[docs.hel.io](https://docs.hel.io)**

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

@@ -0,0 +1,29 @@
+export declare const MoonpayCommerceDeposit: (props: MoonpayCommerceDepositReactProps) => JSX.Element | null;
+
+/**
+ * Configuration for MoonPay Commerce Deposit
+ * Note: This type is duplicated from deposit-embed to maintain package independence.
+ * The deposit-embed package is a private build artifact (embed script), not a library.
+ */
+    /** Required: Deposit customer token */
+    depositCustomerToken: string;
+    /** Optional: Success callback */
+    onSuccess?: (data: {
+        transaction?: string;
+        depositCustomer?: unknown;
+    }) => void;
+    /** Optional: Error callback */
+    onError?: (error: {
+        errorMessage?: string;
+        transaction?: string;
+    }) => void;
+    /** Optional: Network - test or main */
+    network?: 'test' | 'main';
+    /** Optional: Debug mode */
+    debug?: boolean;
+}
+
+    config: MoonpayCommerceDepositConfig;
+}
+
+export { }

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

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

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@heliofi/deposit-react",
+  "private": false,
+  "version": "0.0.1-beta.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "start": "vite",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:strict": "yarn lint",
+    "lint:fix": "yarn lint --fix",
+    "format": "prettier -w .",
+    "format:check": "prettier -c .",
+    "preview": "vite preview",
+    "prepublishOnly": "rimraf dist && yarn build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "typecheck:fast": "tsc --noEmit --incremental"
+  },
+  "main": "./dist/helio-deposit-react.es.js",
+  "module": "./dist/helio-deposit-react.es.js",
+  "types": "./dist/helio-deposit-react.es.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/helio-deposit-react.es.js"
+    }
+  },
+  "files": [
+    "dist/helio-deposit-react.es.js",
+    "dist/helio-deposit-react.es.d.ts"
+  ],
+  "peerDependencies": {
+    "react": ">=18.2.0 <20",
+    "react-dom": ">=18.2.0 <20"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "9.3.3",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "14.0.0",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
+    "@vitejs/plugin-react": "4.3.2",
+    "eslint": "7.32.0",
+    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "jsdom": "23.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rimraf": "3.0.2",
+    "typescript": "5.1.6",
+    "vite": "5.4.8",
+    "vite-plugin-dts": "3.7.1",
+    "vite-tsconfig-paths": "4.3.2",
+    "vitest": "3.2.4"
+  }
+}