@sdkrouter/payments 0.1.2

package/dist/chunk-N3LT7RRW.mjs

@@ -0,0 +1,561 @@
+"use client";
+import { createPaymentsApi } from './chunk-4QQBPIIT.mjs';
+import { ShoppingBag, AlertCircle, Loader2, CircleAlert, CircleX, CircleCheck, Clock, Wallet, ArrowLeft, Check, Copy } from 'lucide-react';
+import { createContext, useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import QRCode from 'react-qr-code';
+import moment from 'moment';
+
+// src/config.ts
+var PROD_BASE_URL = "https://api.sdkrouter.com";
+var STYLE_ID = "sdkr-pay-styles";
+function resolveBaseUrl(baseUrl) {
+  return baseUrl || PROD_BASE_URL;
+}
+
+// src/hooks/usePaymentLink.ts
+function usePaymentLink(options) {
+  const { linkId, baseUrl, customerId, onSuccess, onError } = options;
+  const [link, setLink] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [step, setStep] = useState("form");
+  const [paymentResult, setPaymentResult] = useState(null);
+  const [isPaying, setIsPaying] = useState(false);
+  const apiRef = useRef(null);
+  useEffect(() => {
+    const resolved = resolveBaseUrl(baseUrl);
+    apiRef.current = createPaymentsApi(resolved);
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    apiRef.current.payments_payments.publicLinksRetrieve(linkId).then((raw) => {
+      if (!cancelled) {
+        setLink({
+          id: raw.id,
+          title: raw.title,
+          description: raw.description,
+          amountUsd: raw.amount_usd ? parseFloat(String(raw.amount_usd)) : null,
+          network: raw.network ?? null
+        });
+        setIsLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        const e = err;
+        const msg = e?.statusCode === 404 ? "Payment link not found" : String(e?.errorMessage ?? e?.message ?? "Failed to load payment link");
+        setError(msg);
+        setIsLoading(false);
+        onError?.(msg);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [linkId, baseUrl]);
+  const pay = useCallback(async (data) => {
+    if (!apiRef.current) return;
+    setIsPaying(true);
+    setStep("processing");
+    setError(null);
+    try {
+      const raw = await apiRef.current.payments_payments.publicLinksPayCreate(linkId, {
+        email: data.email || void 0,
+        name: data.name || void 0,
+        amount_usd: data.amountUsd != null ? data.amountUsd.toFixed(2) : void 0,
+        external_id: data.externalId || customerId || void 0
+      });
+      const result = {
+        success: !!raw.invoice_id,
+        paymentId: raw.invoice_id ?? null,
+        paymentUrl: null,
+        payAddress: raw.pay_address ?? null,
+        payAmount: raw.pay_amount ? String(raw.pay_amount) : null,
+        coin: raw.coin ?? "USDT",
+        network: raw.network ?? null,
+        expiresAt: raw.expires_at ?? null,
+        error: null
+      };
+      setPaymentResult(result);
+      setStep("status");
+      onSuccess?.(result);
+    } catch (err) {
+      const e = err;
+      const msg = String(e?.errorMessage ?? e?.message ?? "Payment failed");
+      setError(msg);
+      setStep("form");
+      onError?.(msg);
+    } finally {
+      setIsPaying(false);
+    }
+  }, [linkId, onSuccess, onError]);
+  const reset = useCallback(() => {
+    setStep("form");
+    setPaymentResult(null);
+    setError(null);
+  }, []);
+  return { link, isLoading, error, step, pay, paymentResult, isPaying, reset };
+}
+var KEY_PREFIX = "sdkr_pay_id";
+function usePaymentIdentity(opts) {
+  const { linkId, customerId, projectSlug } = opts;
+  const key = `${KEY_PREFIX}_${linkId}`;
+  const [identity, setIdentity] = useState(null);
+  useEffect(() => {
+    if (customerId && projectSlug) {
+      const value = { customerId, projectSlug };
+      setIdentity(value);
+      try {
+        localStorage.setItem(key, JSON.stringify(value));
+      } catch {
+      }
+      return;
+    }
+    try {
+      const raw = localStorage.getItem(key);
+      if (raw) setIdentity(JSON.parse(raw));
+    } catch {
+    }
+  }, [key, customerId, projectSlug]);
+  return identity;
+}
+var PaymentContext = createContext(null);
+function usePayment() {
+  const ctx = useContext(PaymentContext);
+  if (!ctx) throw new Error("usePayment must be used within PaymentProvider");
+  return ctx;
+}
+function PaymentProvider({ children, ...config }) {
+  const identity = usePaymentIdentity({
+    linkId: config.linkId,
+    customerId: config.customerId,
+    projectSlug: config.projectSlug
+  });
+  const customerId = identity?.customerId ?? config.customerId;
+  const projectSlug = identity?.projectSlug ?? config.projectSlug;
+  const hook = usePaymentLink({
+    linkId: config.linkId,
+    baseUrl: config.baseUrl,
+    customerId,
+    onSuccess: config.onSuccess,
+    onError: config.onError
+  });
+  const resolvedConfig = { ...config, customerId, projectSlug };
+  return /* @__PURE__ */ jsx(PaymentContext.Provider, { value: { ...hook, config: resolvedConfig }, children });
+}
+function useCustomerPayments(options) {
+  const { projectSlug, customerId, baseUrl } = options;
+  const [payments, setPayments] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const apiRef = useRef(null);
+  const enabled = Boolean(projectSlug && customerId);
+  useEffect(() => {
+    if (!enabled) return;
+    const resolved = resolveBaseUrl(baseUrl);
+    apiRef.current = createPaymentsApi(resolved);
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    apiRef.current.payments_payments.customerInvoicesList().then((data) => {
+      if (!cancelled) {
+        const results = data?.results;
+        setPayments(Array.isArray(results) ? results : []);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        const msg = err?.message ?? "Failed to load payment history";
+        console.warn("[useCustomerPayments]", msg);
+        setError(msg);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [projectSlug, customerId, baseUrl, enabled]);
+  return { payments, loading, error };
+}
+function CustomerPaymentHistory() {
+  const { config } = usePayment();
+  const { payments, loading } = useCustomerPayments({
+    projectSlug: config.projectSlug,
+    customerId: config.customerId,
+    baseUrl: config.baseUrl
+  });
+  const enabled = Boolean(config.customerId && config.projectSlug);
+  const hasHistory = !loading && payments.length > 0;
+  if (!enabled || !hasHistory) return null;
+  const items = payments.map((p) => ({
+    id: p.id,
+    amount: `$${p.amount_usd}`,
+    status: p.status,
+    statusClass: `sdkr-pay-history-status sdkr-pay-history-status--${p.status}`,
+    date: new Date(p.created_at).toLocaleDateString()
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-history", children: [
+    /* @__PURE__ */ jsx("div", { className: "sdkr-pay-history-title", children: "Your payments" }),
+    items.map((item) => /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-history-item", children: [
+      /* @__PURE__ */ jsx("span", { className: "sdkr-pay-history-amount", children: item.amount }),
+      /* @__PURE__ */ jsx("span", { className: item.statusClass, children: item.status }),
+      /* @__PURE__ */ jsx("span", { className: "sdkr-pay-history-date", children: item.date })
+    ] }, item.id))
+  ] });
+}
+function PaymentInfo() {
+  const { link, step } = usePayment();
+  if (!link || step === "status") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-info", children: [
+    /* @__PURE__ */ jsx("div", { className: "sdkr-pay-info-icon", children: /* @__PURE__ */ jsx(ShoppingBag, { size: 20 }) }),
+    /* @__PURE__ */ jsx("h1", { className: "sdkr-pay-title", children: link.title }),
+    link.description && /* @__PURE__ */ jsx("p", { className: "sdkr-pay-description", children: link.description }),
+    link.amountUsd != null && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-amount-badge", children: [
+      /* @__PURE__ */ jsxs("span", { className: "sdkr-pay-amount-value", children: [
+        "$",
+        link.amountUsd.toFixed(2)
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "sdkr-pay-amount-currency", children: [
+        "USDT",
+        link.network ? ` \xB7 ${link.network}` : ""
+      ] })
+    ] })
+  ] });
+}
+
+// src/types.ts
+var MIN_AMOUNT_USD = 20;
+var MAX_AMOUNT_USD = 5e4;
+function PaymentForm() {
+  const { link, pay, isPaying, error, step, config } = usePayment();
+  const [form, setForm] = useState({
+    email: "",
+    name: "",
+    amountUsd: void 0
+  });
+  const [fieldErrors, setFieldErrors] = useState({});
+  if (!link || step === "status") return null;
+  const isCustomAmount = link.amountUsd == null;
+  const setField = (key, value) => {
+    setForm((prev) => ({ ...prev, [key]: value }));
+    setFieldErrors((prev) => {
+      const next = { ...prev };
+      delete next[key];
+      return next;
+    });
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const errors = {};
+    if (isCustomAmount) {
+      if (!form.amountUsd || form.amountUsd < MIN_AMOUNT_USD) {
+        errors.amountUsd = `Minimum $${MIN_AMOUNT_USD}`;
+      } else if (form.amountUsd > MAX_AMOUNT_USD) {
+        errors.amountUsd = `Maximum $${MAX_AMOUNT_USD.toLocaleString()}`;
+      }
+    }
+    if (form.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) {
+      errors.email = "Invalid email address";
+    }
+    if (Object.keys(errors).length > 0) {
+      setFieldErrors(errors);
+      return;
+    }
+    const data = {};
+    if (form.email) data.email = form.email;
+    if (form.name) data.name = form.name;
+    if (isCustomAmount && form.amountUsd) data.amountUsd = form.amountUsd;
+    if (config.customerId) data.externalId = config.customerId;
+    pay(data);
+  };
+  const displayAmount = isCustomAmount ? form.amountUsd ? `$${form.amountUsd.toFixed(2)}` : null : `$${link.amountUsd.toFixed(2)}`;
+  const visibleError = step === "form" ? error : null;
+  return /* @__PURE__ */ jsxs("form", { className: "sdkr-pay-form", onSubmit: handleSubmit, children: [
+    visibleError && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-error", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { size: 14 }),
+      /* @__PURE__ */ jsx("span", { children: visibleError })
+    ] }),
+    isCustomAmount && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "sdkr-pay-label", children: "Amount (USD)" }),
+      /* @__PURE__ */ jsx("div", { className: "sdkr-pay-amount-prefix", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `sdkr-pay-input ${fieldErrors.amountUsd ? "sdkr-pay-input-error" : ""}`,
+          type: "number",
+          step: "0.01",
+          min: MIN_AMOUNT_USD,
+          inputMode: "decimal",
+          placeholder: "0.00",
+          value: form.amountUsd ?? "",
+          onChange: (e) => setField("amountUsd", e.target.value ? parseFloat(e.target.value) : void 0),
+          disabled: isPaying
+        }
+      ) }),
+      fieldErrors.amountUsd && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-field-error", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { size: 12 }),
+        fieldErrors.amountUsd
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-field", children: [
+      /* @__PURE__ */ jsxs("label", { className: "sdkr-pay-label", children: [
+        "Email ",
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-label-optional", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `sdkr-pay-input ${fieldErrors.email ? "sdkr-pay-input-error" : ""}`,
+          type: "email",
+          inputMode: "email",
+          autoComplete: "email",
+          placeholder: "buyer@example.com",
+          value: form.email ?? "",
+          onChange: (e) => setField("email", e.target.value),
+          disabled: isPaying
+        }
+      ),
+      fieldErrors.email && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-field-error", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { size: 12 }),
+        fieldErrors.email
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-field", children: [
+      /* @__PURE__ */ jsxs("label", { className: "sdkr-pay-label", children: [
+        "Name ",
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-label-optional", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "sdkr-pay-input",
+          type: "text",
+          autoComplete: "name",
+          placeholder: "John Doe",
+          value: form.name ?? "",
+          onChange: (e) => setField("name", e.target.value),
+          disabled: isPaying,
+          maxLength: 200
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("button", { className: "sdkr-pay-btn", type: "submit", disabled: isPaying, children: isPaying ? /* @__PURE__ */ jsxs("span", { className: "sdkr-pay-btn-content", children: [
+      /* @__PURE__ */ jsx(Loader2, { size: 16, className: "sdkr-pay-btn-spinner" }),
+      "Processing..."
+    ] }) : displayAmount ? `Pay ${displayAmount}` : "Pay" })
+  ] });
+}
+var POLL_INTERVAL = 15e3;
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["paid", "expired", "cancelled", "overpaid", "underpaid"]);
+function useInvoicePolling(invoiceId, baseUrl, onPaid) {
+  const [invoiceStatus, setInvoiceStatus] = useState(null);
+  const [isPolling, setIsPolling] = useState(false);
+  const intervalRef = useRef(null);
+  const apiRef = useRef(null);
+  const stopPolling = useCallback(() => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+    setIsPolling(false);
+  }, []);
+  const poll = useCallback(async () => {
+    if (!invoiceId || !apiRef.current) return;
+    try {
+      const resolved = resolveBaseUrl(baseUrl);
+      const resp = await fetch(`${resolved}/api/payments/invoices/${invoiceId}/status/`);
+      if (!resp.ok) return;
+      const data = await resp.json();
+      const status = {
+        invoiceId: data.invoice_id,
+        status: data.status,
+        confirmTimes: data.confirm_times || null,
+        txId: data.tx_id || null,
+        completedAt: data.completed_at || null
+      };
+      setInvoiceStatus(status);
+      if (TERMINAL_STATUSES.has(status.status)) {
+        stopPolling();
+        if (status.status === "paid") {
+          onPaid?.(status);
+        }
+      }
+    } catch {
+    }
+  }, [invoiceId, baseUrl, onPaid, stopPolling]);
+  useEffect(() => {
+    if (!invoiceId) return;
+    apiRef.current = createPaymentsApi(resolveBaseUrl(baseUrl));
+    setIsPolling(true);
+    poll();
+    intervalRef.current = setInterval(poll, POLL_INTERVAL);
+    return () => {
+      stopPolling();
+    };
+  }, [invoiceId]);
+  return { invoiceStatus, isPolling, stopPolling };
+}
+function useCountdown(expiresAt) {
+  const expiresAtMoment = useMemo(
+    () => expiresAt ? moment.utc(expiresAt) : null,
+    [expiresAt]
+  );
+  const [now, setNow] = useState(() => moment.utc());
+  useEffect(() => {
+    if (!expiresAtMoment) return;
+    const interval = setInterval(() => {
+      setNow(moment.utc());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [expiresAtMoment]);
+  if (!expiresAtMoment) {
+    return { display: "--:--", totalSeconds: 0, isExpired: false, isUrgent: false, minutes: 0, seconds: 0 };
+  }
+  const diff = expiresAtMoment.diff(now, "seconds");
+  const totalSeconds = Math.max(0, diff);
+  const isExpired = totalSeconds <= 0;
+  const isUrgent = totalSeconds > 0 && totalSeconds < 300;
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const pad = (n) => n.toString().padStart(2, "0");
+  const display = isExpired ? "Expired" : hours > 0 ? `${hours}:${pad(minutes)}:${pad(seconds)}` : `${pad(minutes)}:${pad(seconds)}`;
+  return { display, totalSeconds, isExpired, isUrgent, minutes, seconds };
+}
+function CopyButton({ text }) {
+  const [copied, setCopied] = useState(false);
+  const copy = useCallback(() => {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [text]);
+  return /* @__PURE__ */ jsx("button", { onClick: copy, className: "sdkr-pay-copy-btn", title: "Copy to clipboard", children: copied ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 }) });
+}
+var STATUS_CONFIG = {
+  waiting: {
+    icon: Clock,
+    iconClass: "sdkr-pay-status-icon--waiting",
+    title: "Awaiting Payment"
+  },
+  paid: {
+    icon: CircleCheck,
+    iconClass: "sdkr-pay-status-icon--paid",
+    title: "Payment Received"
+  },
+  expired: {
+    icon: CircleX,
+    iconClass: "sdkr-pay-status-icon--error",
+    title: "Payment Expired"
+  },
+  error: {
+    icon: CircleAlert,
+    iconClass: "sdkr-pay-status-icon--error",
+    title: "Payment Error"
+  }
+};
+function PaymentStatus() {
+  const { paymentResult, step, reset, config } = usePayment();
+  const invoiceId = paymentResult?.paymentId ?? null;
+  const { invoiceStatus, isPolling } = useInvoicePolling(
+    step === "status" && !paymentResult?.error ? invoiceId : null,
+    config.baseUrl
+  );
+  const countdown = useCountdown(paymentResult?.expiresAt ?? null);
+  if (step !== "status" || !paymentResult) return null;
+  const hasError = !!paymentResult.error;
+  const coin = paymentResult.coin || "USDT";
+  const network = paymentResult.network || "";
+  const isPaid = invoiceStatus?.status === "paid";
+  const isExpired = invoiceStatus?.status === "expired" || countdown.isExpired;
+  const isActive = !hasError && !isPaid && !isExpired;
+  const visualStatus = hasError ? "error" : isPaid ? "paid" : isExpired ? "expired" : "waiting";
+  const { icon: StatusLucide, iconClass, title } = STATUS_CONFIG[visualStatus];
+  const subtitle = hasError ? paymentResult.error || "Something went wrong" : isPaid ? invoiceStatus?.txId ? `Confirmed \xB7 ${invoiceStatus.txId.slice(0, 16)}...` : "Transaction confirmed" : isExpired ? "This invoice has expired" : "Send the exact amount to the address below";
+  return /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-status", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-status-header", children: [
+      /* @__PURE__ */ jsx("div", { className: `sdkr-pay-status-icon ${iconClass}`, children: /* @__PURE__ */ jsx(StatusLucide, { size: 24 }) }),
+      /* @__PURE__ */ jsx("h2", { className: "sdkr-pay-status-title", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "sdkr-pay-status-subtitle", children: subtitle })
+    ] }),
+    isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
+      paymentResult.payAmount && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-hero-amount", children: [
+        /* @__PURE__ */ jsx(Wallet, { size: 16, className: "sdkr-pay-hero-amount-icon" }),
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-hero-amount-value", children: paymentResult.payAmount }),
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-hero-amount-coin", children: coin }),
+        /* @__PURE__ */ jsx(CopyButton, { text: paymentResult.payAmount })
+      ] }),
+      paymentResult.payAddress && /* @__PURE__ */ jsx("div", { className: "sdkr-pay-qr", children: /* @__PURE__ */ jsx(
+        QRCode,
+        {
+          value: paymentResult.payAddress,
+          size: 160,
+          level: "M",
+          bgColor: "var(--sdkr-pay-qr-bg)",
+          fgColor: "var(--sdkr-pay-qr-fg)"
+        }
+      ) }),
+      paymentResult.payAddress && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-detail", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-detail-label", children: [
+          "Deposit Address",
+          network && /* @__PURE__ */ jsx("span", { className: "sdkr-pay-network-badge", children: network })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-detail-value sdkr-pay-detail-mono sdkr-pay-detail-copyable", children: [
+          /* @__PURE__ */ jsx("span", { children: paymentResult.payAddress }),
+          /* @__PURE__ */ jsx(CopyButton, { text: paymentResult.payAddress })
+        ] })
+      ] }),
+      paymentResult.expiresAt && /* @__PURE__ */ jsxs("div", { className: `sdkr-pay-countdown ${countdown.isUrgent ? "sdkr-pay-countdown--urgent" : ""}`, children: [
+        /* @__PURE__ */ jsx(Clock, { size: 14, className: "sdkr-pay-countdown-icon" }),
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-countdown-value", children: countdown.display })
+      ] }),
+      invoiceStatus?.confirmTimes && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-confirmations", children: [
+        /* @__PURE__ */ jsx(Loader2, { size: 14, className: "sdkr-pay-confirmations-icon" }),
+        "Confirmations: ",
+        /* @__PURE__ */ jsx("strong", { children: invoiceStatus.confirmTimes })
+      ] }),
+      isPolling && !invoiceStatus?.confirmTimes && /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-polling", children: [
+        /* @__PURE__ */ jsx("span", { className: "sdkr-pay-polling-dot" }),
+        " Checking for payment..."
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-warning", children: [
+        /* @__PURE__ */ jsx(CircleAlert, { size: 12 }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Send exactly ",
+          /* @__PURE__ */ jsxs("strong", { children: [
+            paymentResult.payAmount,
+            " ",
+            coin
+          ] }),
+          " \u2014 different amount won't be matched"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "sdkr-pay-status-actions", children: /* @__PURE__ */ jsxs("button", { className: "sdkr-pay-btn sdkr-pay-btn--ghost", onClick: reset, children: [
+      /* @__PURE__ */ jsx(ArrowLeft, { size: 14 }),
+      hasError || isExpired ? "Try again" : isPaid ? "New payment" : "Cancel"
+    ] }) })
+  ] });
+}
+function PaymentContent() {
+  const { isLoading, error, step, link } = usePayment();
+  const showErrorOnly = Boolean(error) && step === "form" && !link;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "sdkr-pay-loading", children: /* @__PURE__ */ jsx("span", { className: "sdkr-pay-spinner" }) });
+  }
+  if (showErrorOnly) {
+    return /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-error-page", children: [
+      /* @__PURE__ */ jsx("div", { className: "sdkr-pay-status-icon sdkr-pay-status-icon--error", children: /* @__PURE__ */ jsx(AlertCircle, { size: 24 }) }),
+      /* @__PURE__ */ jsx("p", { className: "sdkr-pay-error-text", children: error })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `sdkr-pay-content sdkr-pay-step--${step}`, children: [
+    /* @__PURE__ */ jsx(PaymentInfo, {}),
+    Boolean(link) && step !== "status" && /* @__PURE__ */ jsx("hr", { className: "sdkr-pay-separator" }),
+    /* @__PURE__ */ jsx(PaymentForm, {}),
+    /* @__PURE__ */ jsx(PaymentStatus, {}),
+    /* @__PURE__ */ jsx(CustomerPaymentHistory, {})
+  ] });
+}
+
+export { CustomerPaymentHistory, MAX_AMOUNT_USD, MIN_AMOUNT_USD, PaymentContent, PaymentForm, PaymentInfo, PaymentProvider, PaymentStatus, STYLE_ID, useCustomerPayments, usePayment, usePaymentIdentity, usePaymentLink };
+//# sourceMappingURL=chunk-N3LT7RRW.mjs.map
+//# sourceMappingURL=chunk-N3LT7RRW.mjs.map