@cedros/pay-react 1.1.22 → 1.1.24

package/dist/OrdersSection-_xKVzjSZ.mjs

@@ -0,0 +1,233 @@
+import { jsxs as i, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { useState as r, useCallback as N, useEffect as U } from "react";
+import { I as z, E as G, h as F, s as k } from "./index-BHF82XBB.mjs";
+function J({ serverUrl: a, apiKey: s, pageSize: m = 20, authManager: l }) {
+  const [c, t] = r([]), [o, y] = r(0), [R, x] = r(!0), [S, C] = r(null), [h, w] = r(null), [D, v] = r(null), [E, b] = r([]), [O, L] = r(!1), [f, T] = r(""), g = N(async (n, d) => {
+    if (l?.isAuthenticated())
+      return l.fetchWithAuth(n, d);
+    const _ = { "Content-Type": "application/json" };
+    s && (_["X-API-Key"] = s);
+    const u = await fetch(`${a}${n}`, { ...d, headers: { ..._, ...d?.headers } });
+    if (!u.ok) {
+      const P = await u.text().catch(() => `HTTP ${u.status}`);
+      throw new Error(P);
+    }
+    return u.json();
+  }, [a, s, l]), p = N(async () => {
+    x(!0);
+    try {
+      C(null);
+      const n = new URLSearchParams({ limit: String(m) });
+      f && n.set("status", f);
+      const d = await g(
+        `/admin/orders?${n}`
+      );
+      t(d.orders), y(d.total);
+    } catch {
+      C("Failed to load orders");
+    } finally {
+      x(!1);
+    }
+  }, [g, m, f]);
+  U(() => {
+    p();
+  }, [p]);
+  const A = N(async (n) => {
+    L(!0);
+    try {
+      const [d, _] = await Promise.all([
+        g(`/admin/orders/${encodeURIComponent(n)}`),
+        g("/admin/gift-card-redemptions?limit=50").catch(() => [])
+      ]);
+      v(d), b(_.filter((u) => u.orderId === n));
+    } catch {
+      v(null), b([]);
+    } finally {
+      L(!1);
+    }
+  }, [g]), j = (n) => {
+    h === n ? (w(null), v(null), b([])) : (w(n), A(n));
+  }, B = (n, d) => d === "USD" || d === "usd" ? `$${(n / 100).toFixed(2)}` : `${n} ${d}`;
+  return /* @__PURE__ */ i("div", { className: "cedros-admin__section", children: [
+    /* @__PURE__ */ i("div", { className: "cedros-admin__section-header", children: [
+      /* @__PURE__ */ e("h2", { className: "cedros-admin__section-title", children: "Orders" }),
+      /* @__PURE__ */ i("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center" }, children: [
+        /* @__PURE__ */ i(
+          "select",
+          {
+            className: "cedros-admin__input",
+            style: { width: "auto", minWidth: "120px" },
+            value: f,
+            onChange: (n) => T(n.target.value),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "All statuses" }),
+              /* @__PURE__ */ e("option", { value: "paid", children: "Paid" }),
+              /* @__PURE__ */ e("option", { value: "processing", children: "Processing" }),
+              /* @__PURE__ */ e("option", { value: "fulfilled", children: "Fulfilled" }),
+              /* @__PURE__ */ e("option", { value: "shipped", children: "Shipped" }),
+              /* @__PURE__ */ e("option", { value: "delivered", children: "Delivered" }),
+              /* @__PURE__ */ e("option", { value: "cancelled", children: "Cancelled" }),
+              /* @__PURE__ */ e("option", { value: "refunded", children: "Refunded" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("button", { type: "button", className: "cedros-admin__button cedros-admin__button--secondary", onClick: p, children: [
+          z.refresh,
+          " Refresh"
+        ] })
+      ] })
+    ] }),
+    S ? /* @__PURE__ */ e(G, { message: S, onRetry: p }) : null,
+    R ? /* @__PURE__ */ e("div", { className: "cedros-admin__loading-text", children: "Loading orders..." }) : c.length === 0 ? /* @__PURE__ */ e("div", { className: "cedros-admin__empty", children: "No orders found." }) : /* @__PURE__ */ i($, { children: [
+      /* @__PURE__ */ i("div", { className: "cedros-admin__table-info", children: [
+        o,
+        " order",
+        o === 1 ? "" : "s",
+        " total"
+      ] }),
+      /* @__PURE__ */ i("table", { className: "cedros-admin__table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Order" }),
+          /* @__PURE__ */ e("th", { children: "Status" }),
+          /* @__PURE__ */ e("th", { children: "Amount" }),
+          /* @__PURE__ */ e("th", { children: "Source" }),
+          /* @__PURE__ */ e("th", { children: "Customer" }),
+          /* @__PURE__ */ e("th", { children: "Date" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: c.map((n) => /* @__PURE__ */ e(
+          H,
+          {
+            order: n,
+            expanded: h === n.id,
+            detail: h === n.id ? D : null,
+            redemptions: h === n.id ? E : [],
+            detailLoading: h === n.id && O,
+            onToggle: () => j(n.id),
+            formatAmount: B
+          },
+          n.id
+        )) })
+      ] })
+    ] })
+  ] });
+}
+function H({
+  order: a,
+  expanded: s,
+  detail: m,
+  redemptions: l,
+  detailLoading: c,
+  onToggle: t,
+  formatAmount: o
+}) {
+  const y = a.metadata?.recipient_email || l.length > 0;
+  return /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ i(
+      "tr",
+      {
+        onClick: t,
+        style: { cursor: "pointer" },
+        className: s ? "cedros-admin__table-row--active" : "",
+        children: [
+          /* @__PURE__ */ i("td", { children: [
+            /* @__PURE__ */ i("span", { className: "cedros-admin__mono", children: [
+              a.id.slice(0, 12),
+              "..."
+            ] }),
+            y ? /* @__PURE__ */ e("span", { className: "cedros-admin__badge cedros-admin__badge--info", style: { marginLeft: "0.5rem" }, children: "Gift Card" }) : null
+          ] }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `cedros-admin__badge cedros-admin__badge--${I(a.status)}`, children: a.status }) }),
+          /* @__PURE__ */ e("td", { children: o(a.amount, a.amountAsset) }),
+          /* @__PURE__ */ e("td", { children: a.source }),
+          /* @__PURE__ */ e("td", { children: a.customerEmail || a.customerName || "—" }),
+          /* @__PURE__ */ e("td", { children: F(a.createdAt) })
+        ]
+      }
+    ),
+    s ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 6, style: { padding: 0 }, children: /* @__PURE__ */ e(
+      W,
+      {
+        detail: m,
+        redemptions: l,
+        loading: c,
+        formatAmount: o,
+        metadata: a.metadata
+      }
+    ) }) }) : null
+  ] });
+}
+function W({
+  detail: a,
+  redemptions: s,
+  loading: m,
+  formatAmount: l,
+  metadata: c
+}) {
+  return m ? /* @__PURE__ */ e("div", { style: { padding: "1rem" }, className: "cedros-admin__loading-text", children: "Loading details..." }) : /* @__PURE__ */ i("div", { style: { padding: "1rem", background: "var(--cedros-admin-bg-muted, #f9fafb)" }, children: [
+    Object.keys(c).length > 0 ? /* @__PURE__ */ i("div", { style: { marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ e("div", { className: "cedros-admin__label", children: "Order Metadata" }),
+      /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "auto 1fr", gap: "0.25rem 1rem", fontSize: "0.8125rem" }, children: Object.entries(c).map(([t, o]) => /* @__PURE__ */ i("div", { style: { display: "contents" }, children: [
+        /* @__PURE__ */ e("span", { style: { fontWeight: 500, color: "var(--cedros-admin-text-muted)" }, children: t }),
+        /* @__PURE__ */ e("span", { children: o })
+      ] }, t)) })
+    ] }) : null,
+    s.length > 0 ? /* @__PURE__ */ i("div", { style: { marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ e("div", { className: "cedros-admin__label", children: "Gift Card Fulfillment" }),
+      s.map((t) => /* @__PURE__ */ i("div", { style: { fontSize: "0.8125rem", padding: "0.5rem", border: "1px solid var(--cedros-admin-border)", borderRadius: "0.5rem", marginBottom: "0.5rem" }, children: [
+        /* @__PURE__ */ i("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ i("span", { children: [
+            "Face value: ",
+            l(t.faceValueCents, t.currency)
+          ] }),
+          /* @__PURE__ */ e("span", { className: `cedros-admin__badge cedros-admin__badge--${t.creditsIssued > 0 ? "success" : "warning"}`, children: t.creditsIssued > 0 ? "Credits issued" : "Pending" })
+        ] }),
+        /* @__PURE__ */ i("div", { style: { marginTop: "0.25rem", color: "var(--cedros-admin-text-muted)" }, children: [
+          "Recipient: ",
+          t.recipientUserId || "—",
+          t.tokenMinted ? /* @__PURE__ */ e("span", { className: "cedros-admin__badge cedros-admin__badge--info", style: { marginLeft: "0.5rem" }, children: "Token minted" }) : null
+        ] })
+      ] }, t.id))
+    ] }) : null,
+    a?.fulfillments && a.fulfillments.length > 0 ? /* @__PURE__ */ i("div", { style: { marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ e("div", { className: "cedros-admin__label", children: "Fulfillments" }),
+      a.fulfillments.map((t) => /* @__PURE__ */ i("div", { style: { fontSize: "0.8125rem", marginBottom: "0.25rem" }, children: [
+        /* @__PURE__ */ e("span", { className: `cedros-admin__badge cedros-admin__badge--${I(t.status)}`, children: t.status }),
+        t.carrier ? /* @__PURE__ */ e("span", { style: { marginLeft: "0.5rem" }, children: t.carrier }) : null,
+        t.trackingNumber ? k(t.trackingUrl) ? /* @__PURE__ */ e("a", { href: k(t.trackingUrl), target: "_blank", rel: "noreferrer", style: { marginLeft: "0.5rem" }, children: t.trackingNumber }) : /* @__PURE__ */ e("span", { style: { marginLeft: "0.5rem" }, children: t.trackingNumber }) : null
+      ] }, t.id))
+    ] }) : null,
+    a?.history && a.history.length > 0 ? /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("div", { className: "cedros-admin__label", children: "Status History" }),
+      a.history.map((t) => /* @__PURE__ */ i("div", { style: { fontSize: "0.8125rem", marginBottom: "0.25rem" }, children: [
+        /* @__PURE__ */ e("span", { style: { color: "var(--cedros-admin-text-muted)" }, children: F(t.createdAt) }),
+        " ",
+        t.fromStatus,
+        " → ",
+        t.toStatus,
+        t.note ? /* @__PURE__ */ e("span", { style: { marginLeft: "0.5rem", fontStyle: "italic" }, children: t.note }) : null
+      ] }, t.id))
+    ] }) : null
+  ] });
+}
+function I(a) {
+  switch (a) {
+    case "paid":
+    case "fulfilled":
+    case "delivered":
+    case "success":
+      return "success";
+    case "processing":
+    case "shipped":
+    case "pending":
+      return "warning";
+    case "cancelled":
+    case "refunded":
+    case "failed":
+      return "error";
+    default:
+      return "default";
+  }
+}
+export {
+  J as OrdersSection
+};

package/dist/{PaymentSettingsSection-Cmmuhmd4.js → PaymentSettingsSection-BTEn9Dxb.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),p=require("./SingleCategorySettings-DqcXe-q4.js");function r({href:s,children:n}){return e.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",textDecoration:"underline"},children:n})}const a=[{id:"stripe",label:"Stripe",category:"stripe",description:e.jsxs(e.Fragment,{children:["Configure your Stripe integration for card payments. Get your API keys from the"," ",e.jsx(r,{href:"https://dashboard.stripe.com/apikeys",children:"Stripe Dashboard"}),"."]})},{id:"crypto",label:"Crypto",category:"x402",description:e.jsxs(e.Fragment,{children:["Configure Solana wallet and token settings for crypto payments. Get a fast RPC endpoint from"," ",e.jsx(r,{href:"https://www.helius.dev",children:"Helius"})," or"," ",e.jsx(r,{href:"https://www.quicknode.com/chains/sol",children:"QuickNode"}),". Set up a payment address using"," ",e.jsx(r,{href:"https://phantom.app",children:"Phantom"})," or"," ",e.jsx(r,{href:"https://solflare.com",children:"Solflare"})," wallet."]})},{id:"credits",label:"Credits",category:"cedros_login",description:e.jsxs(e.Fragment,{children:["Configure Cedros Login integration for credits payments. See the"," ",e.jsx(r,{href:"https://docs.cedros.dev/credits",children:"Credits API documentation"}),"."]})}];function h({serverUrl:s,apiKey:n,authManager:c}){const[o,d]=l.useState("stripe"),i=a.find(t=>t.id===o);return e.jsxs("div",{className:"cedros-admin__payment-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Payment Options"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure payment methods including Stripe, crypto, and credits."})]}),e.jsx("div",{className:"cedros-admin__tabs cedros-admin__tabs--line",children:a.map(t=>e.jsx("button",{type:"button",className:`cedros-admin__tab ${o===t.id?"cedros-admin__tab--active":""}`,onClick:()=>d(t.id),children:t.label},t.id))}),e.jsx("div",{style:{marginTop:"1rem"},children:e.jsx(p.SingleCategorySettings,{serverUrl:s,apiKey:n,authManager:c,category:i.category,title:`${i.label} Settings`,description:i.description,showEnabledToggle:!0},i.category)})]})}exports.PaymentSettingsSection=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),p=require("./SingleCategorySettings-CRXTMTo5.js");function r({href:s,children:n}){return e.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",style:{color:"inherit",textDecoration:"underline"},children:n})}const a=[{id:"stripe",label:"Stripe",category:"stripe",description:e.jsxs(e.Fragment,{children:["Configure your Stripe integration for card payments. Get your API keys from the"," ",e.jsx(r,{href:"https://dashboard.stripe.com/apikeys",children:"Stripe Dashboard"}),"."]})},{id:"crypto",label:"Crypto",category:"x402",description:e.jsxs(e.Fragment,{children:["Configure Solana wallet and token settings for crypto payments. Get a fast RPC endpoint from"," ",e.jsx(r,{href:"https://www.helius.dev",children:"Helius"})," or"," ",e.jsx(r,{href:"https://www.quicknode.com/chains/sol",children:"QuickNode"}),". Set up a payment address using"," ",e.jsx(r,{href:"https://phantom.app",children:"Phantom"})," or"," ",e.jsx(r,{href:"https://solflare.com",children:"Solflare"})," wallet."]})},{id:"credits",label:"Credits",category:"cedros_login",description:e.jsxs(e.Fragment,{children:["Configure Cedros Login integration for credits payments. See the"," ",e.jsx(r,{href:"https://docs.cedros.dev/credits",children:"Credits API documentation"}),"."]})}];function h({serverUrl:s,apiKey:n,authManager:c}){const[o,d]=l.useState("stripe"),i=a.find(t=>t.id===o);return e.jsxs("div",{className:"cedros-admin__payment-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Payment Options"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure payment methods including Stripe, crypto, and credits."})]}),e.jsx("div",{className:"cedros-admin__tabs cedros-admin__tabs--line",children:a.map(t=>e.jsx("button",{type:"button",className:`cedros-admin__tab ${o===t.id?"cedros-admin__tab--active":""}`,onClick:()=>d(t.id),children:t.label},t.id))}),e.jsx("div",{style:{marginTop:"1rem"},children:e.jsx(p.SingleCategorySettings,{serverUrl:s,apiKey:n,authManager:c,category:i.category,title:`${i.label} Settings`,description:i.description,showEnabledToggle:!0},i.category)})]})}exports.PaymentSettingsSection=h;

package/dist/{PaymentSettingsSection-B9H253x1.mjs → PaymentSettingsSection-KjU_dN_d.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as s } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { S as m } from "./SingleCategorySettings-BU98SRFV.mjs";
+import { S as m } from "./SingleCategorySettings--LK0TZW0.mjs";
 function r({ href: o, children: a }) {
   return /* @__PURE__ */ e(
     "a",

package/dist/{SettingsSection-DDLMaEPo.mjs → SettingsSection-8QHZB59k.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { S as l } from "./SingleCategorySettings-BU98SRFV.mjs";
+import { S as l } from "./SingleCategorySettings--LK0TZW0.mjs";
 const s = [
   {
     id: "logging",

package/dist/{SettingsSection-DrzGdvHH.js → SettingsSection-cKF0tLnS.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),g=require("./SingleCategorySettings-DqcXe-q4.js"),n=[{id:"logging",label:"Logging",category:"logging",description:"Configure log levels, format, and environment settings."},{id:"metrics",label:"Metrics",category:"metrics",description:"Configure metrics collection and API access for monitoring."},{id:"security",label:"Security",category:"security",description:"Configure CORS, rate limiting, and other security settings."}];function l({serverUrl:r,apiKey:c,authManager:o}){const[s,a]=d.useState("logging"),t=n.find(i=>i.id===s);return e.jsxs("div",{className:"cedros-admin__server-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Store Server"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure logging, metrics, and security settings."})]}),e.jsx("div",{className:"cedros-admin__tabs cedros-admin__tabs--line",children:n.map(i=>e.jsx("button",{type:"button",className:`cedros-admin__tab ${s===i.id?"cedros-admin__tab--active":""}`,onClick:()=>a(i.id),children:i.label},i.id))}),e.jsx("div",{style:{marginTop:"1rem"},children:e.jsx(g.SingleCategorySettings,{serverUrl:r,apiKey:c,authManager:o,category:t.category,title:`${t.label} Settings`,description:t.description},t.category)})]})}exports.SettingsSection=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),g=require("./SingleCategorySettings-CRXTMTo5.js"),n=[{id:"logging",label:"Logging",category:"logging",description:"Configure log levels, format, and environment settings."},{id:"metrics",label:"Metrics",category:"metrics",description:"Configure metrics collection and API access for monitoring."},{id:"security",label:"Security",category:"security",description:"Configure CORS, rate limiting, and other security settings."}];function l({serverUrl:r,apiKey:c,authManager:o}){const[s,a]=d.useState("logging"),t=n.find(i=>i.id===s);return e.jsxs("div",{className:"cedros-admin__server-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Store Server"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure logging, metrics, and security settings."})]}),e.jsx("div",{className:"cedros-admin__tabs cedros-admin__tabs--line",children:n.map(i=>e.jsx("button",{type:"button",className:`cedros-admin__tab ${s===i.id?"cedros-admin__tab--active":""}`,onClick:()=>a(i.id),children:i.label},i.id))}),e.jsx("div",{style:{marginTop:"1rem"},children:e.jsx(g.SingleCategorySettings,{serverUrl:r,apiKey:c,authManager:o,category:t.category,title:`${t.label} Settings`,description:t.description},t.category)})]})}exports.SettingsSection=l;