coinley-test 0.0.25 → 0.0.26

package/dist/index.esm.js

@@ -3,6 +3,7 @@ import { motion, AnimatePresence } from "framer-motion";
 import { ArrowLeft, X, Sparkles, Wallet, Zap, QrCode, Loader2, ChevronDown, CheckCircle2, Copy, ExternalLink, AlertCircle } from "lucide-react";
 import { createCoinleyWalletConfig, CoinleyWalletProvider, WalletModal, useWallet, useWalletConnect, useWalletDetection, useWalletTransaction, useWalletModal } from "@coinley/wallet-connect-core";
 import axios from "axios";
+import require$$0 from "react-dom";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -14,13 +15,13 @@ var reactJsxRuntime_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
 function q(c, a, g) {
   var b, d = {}, e = null, h = null;
   void 0 !== g && (e = "" + g);
   void 0 !== a.key && (e = "" + a.key);
   void 0 !== a.ref && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  for (b in a) m$1.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
   if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
   return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
@@ -2780,8 +2781,66 @@ const EnhancedSimpleCoinleyPayment = ({
     ] }) }) })
   ] });
 };
+var createRoot;
+var m = require$$0;
+{
+  createRoot = m.createRoot;
+  m.hydrateRoot;
+}
+class CoinleyVanilla {
+  constructor(config = {}) {
+    this.config = { ...config };
+    this.isOpen = false;
+    this.root = null;
+    this.container = null;
+    this.callbacks = {};
+  }
+  open(paymentConfig, callbacks = {}) {
+    if (this.isOpen) return;
+    this.callbacks = callbacks;
+    this.container = document.createElement("div");
+    this.container.id = "coinley-payment-container";
+    this.container.style.cssText = "position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;";
+    document.body.appendChild(this.container);
+    this.root = createRoot(this.container);
+    this.isOpen = true;
+    this.root.render(
+      React.createElement(EnhancedSimpleCoinleyPayment, {
+        ...this.config,
+        isOpen: true,
+        config: paymentConfig,
+        onSuccess: this.handleSuccess.bind(this),
+        onError: this.handleError.bind(this),
+        onClose: this.handleClose.bind(this)
+      })
+    );
+  }
+  close() {
+    if (!this.isOpen) return;
+    this.isOpen = false;
+    if (this.root) {
+      this.root.unmount();
+      this.root = null;
+    }
+    if (this.container) {
+      this.container.remove();
+      this.container = null;
+    }
+  }
+  handleSuccess(paymentId, txHash, details) {
+    if (this.callbacks.onSuccess) this.callbacks.onSuccess(paymentId, txHash, details);
+  }
+  handleError(error) {
+    if (this.callbacks.onError) this.callbacks.onError(error);
+  }
+  handleClose() {
+    this.close();
+    if (this.callbacks.onClose) this.callbacks.onClose();
+  }
+}
+if (typeof window !== "undefined") window.CoinleyVanilla = CoinleyVanilla;
 const SimpleCoinleyProvider = ({ children, ...props }) => children;
-const VERSION = "0.0.2";
+const VERSION = "0.0.26";
 const utils = {
   formatAmount: (amount, decimals = 2) => amount.toFixed(decimals),
   truncateAddress: (address, startChars = 6, endChars = 4) => {
@@ -2827,30 +2886,8 @@ const DEFAULT_CONFIG = {
   autoOpen: false
 };
 const USAGE_EXAMPLES = {
-  // Original simple component (still works)
-  simple: `
-import { SimpleCoinleyPayment } from 'coinley-test';
-
-<SimpleCoinleyPayment
-  apiKey="your-api-key"
-  apiSecret="your-api-secret"
-  apiUrl="https://your-api-url.com"
-  isOpen={isOpen}
-  config={{
-    amount: 100,
-    customerEmail: "customer@example.com",
-    merchantWalletAddresses: {
-      ethereum: "0x...",
-      bsc: "0x..."
-    }
-  }}
-  onSuccess={(paymentId, txHash, details) => console.log('Success!')}
-  onError={(error) => console.error('Error:', error)}
-  onClose={() => setIsOpen(false)}
-/>
-  `,
-  // Enhanced component with modern design
-  enhanced: `
+  // React usage (unchanged)
+  react: `
 import { EnhancedSimpleCoinleyPayment } from 'coinley-test';
 
 <EnhancedSimpleCoinleyPayment
@@ -2870,8 +2907,39 @@ import { EnhancedSimpleCoinleyPayment } from 'coinley-test';
   onSuccess={(paymentId, txHash, details) => console.log('Success!')}
   onError={(error) => console.error('Error:', error)}
   onClose={() => setIsOpen(false)}
-  theme="light" // or "dark"
+  theme="light"
 />
+  `,
+  // NEW: Vanilla JavaScript usage
+  vanilla: `
+<!-- Include via CDN -->
+<script src="https://unpkg.com/coinley-test@latest/vanilla"><\/script>
+<link rel="stylesheet" href="https://unpkg.com/coinley-test@latest/vanilla/style.css">
+
+<script>
+// Initialize
+const coinley = new CoinleyVanilla({
+  apiKey: "your-api-key",
+  apiSecret: "your-api-secret",
+  apiUrl: "https://your-api-url.com",
+  theme: "light"
+});
+
+// Use in checkout
+coinley.open({
+  amount: 100,
+  customerEmail: "customer@example.com",
+  merchantName: "Your Store",
+  merchantWalletAddresses: {
+    ethereum: "0x...",
+    bsc: "0x..."
+  }
+}, {
+  onSuccess: (paymentId, txHash, details) => console.log('Success!'),
+  onError: (error) => console.error('Error:', error),
+  onClose: () => console.log('Closed')
+});
+<\/script>
   `
 };
 export {
@@ -2879,6 +2947,7 @@ export {
   CoinleyError,
   CoinleyPayment,
   CoinleyProvider,
+  CoinleyVanilla,
   DEFAULT_CONFIG,
   EnhancedSimpleCoinleyPayment,
   PaymentAPI,