@cedros/pay-react 1.1.24 → 1.1.26

package/dist/ChatLogsSection-BH5tLA4T.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("./index-C0g-JxJk.js");function D({serverUrl:_,apiKey:l,pageSize:o=20,authManager:m}){const[g,b]=a.useState([]),[h,w]=a.useState(0),[r,u]=a.useState(0),[A,p]=a.useState(!0),[k,x]=a.useState(null),[d,T]=a.useState("all"),[y,v]=a.useState(null),[L,S]=a.useState(!1),f=a.useCallback(async t=>{if(m?.isAuthenticated())return m.fetchWithAuth(t);const n={"Content-Type":"application/json"};l&&(n["X-API-Key"]=l);const s=await fetch(`${_}${t}`,{headers:n});if(!s.ok)throw new Error(`Request failed: ${s.status}`);return s.json()},[_,l,m]),C=a.useCallback(async()=>{p(!0),x(null);try{const t=new URLSearchParams;t.set("limit",String(o)),t.set("offset",String(r)),d!=="all"&&t.set("status",d);const n=await f(`/admin/chats?${t.toString()}`);b(n.sessions??[]),w(n.total??0)}catch{x("Failed to load chat sessions"),b([])}finally{p(!1)}},[f,o,r,d]);a.useEffect(()=>{C()},[C]);const I=async t=>{S(!0);try{const n=await f(`/admin/chats/${encodeURIComponent(t)}`);v(n)}catch{x("Failed to load chat session")}finally{S(!1)}},j=Math.max(1,Math.ceil(h/o)),N=Math.floor(r/o)+1;if(y){const{session:t,messages:n}=y;return e.jsxs("div",{children:[e.jsx("button",{type:"button",className:"cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",onClick:()=>v(null),style:{marginBottom:"1rem"},children:"← Back to sessions"}),e.jsx("div",{className:"cedros-admin__section-header",children:e.jsxs("h3",{className:"cedros-admin__section-title",children:["Chat Session",e.jsxs("span",{className:"cedros-admin__badge cedros-admin__badge--muted",style:{marginLeft:"0.5rem"},children:[t.messageCount," messages"]})]})}),e.jsxs("div",{style:{fontSize:"0.85rem",color:"var(--cedros-admin-text-muted, #888)",marginBottom:"1rem"},children:[t.customerEmail&&e.jsxs("span",{children:["Customer: ",e.jsx("strong",{children:t.customerEmail})," · "]}),"Started ",i.formatDateTime(t.createdAt)," · Last message ",i.formatDateTime(t.lastMessageAt)]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.75rem",maxWidth:"640px"},children:n.map(s=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:s.role==="user"?"flex-end":"flex-start"},children:[e.jsx("div",{style:{maxWidth:"85%",padding:"0.5rem 0.75rem",borderRadius:"0.75rem",fontSize:"0.85rem",lineHeight:"1.4",background:s.role==="user"?"var(--cedros-admin-bg-dark, #1a1a1a)":"var(--cedros-admin-bg-muted, #f5f5f5)",color:s.role==="user"?"#fff":"var(--cedros-admin-text, #333)"},children:e.jsx("span",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word"},children:s.content})}),s.products&&s.products.length>0&&e.jsx("div",{style:{maxWidth:"85%",marginTop:"0.25rem",display:"flex",flexWrap:"wrap",gap:"0.25rem"},children:s.products.map(c=>e.jsxs("span",{className:"cedros-admin__badge cedros-admin__badge--muted",style:{fontSize:"0.75rem"},children:[c.name,c.priceCents!=null?` ($${(c.priceCents/100).toFixed(2)})`:""]},c.id))}),s.actions&&s.actions.length>0&&e.jsx("div",{style:{maxWidth:"85%",marginTop:"0.25rem",fontSize:"0.75rem",fontStyle:"italic",color:"var(--cedros-admin-text-muted, #888)"},children:s.actions.join(" · ")}),e.jsx("div",{style:{fontSize:"0.7rem",color:"var(--cedros-admin-text-muted, #aaa)",marginTop:"0.15rem"},children:i.formatDateTime(s.createdAt)})]},s.id))})]})}return e.jsxs("div",{children:[e.jsx("div",{className:"cedros-admin__section-header",children:e.jsx("h3",{className:"cedros-admin__section-title",children:"Chat Logs"})}),e.jsx(i.ErrorBanner,{message:k}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginBottom:"1rem",alignItems:"center"},children:[e.jsxs("select",{className:"cedros-admin__input",value:d,onChange:t=>{T(t.target.value),u(0)},style:{width:"auto",fontSize:"0.85rem"},children:[e.jsx("option",{value:"all",children:"All statuses"}),e.jsx("option",{value:"active",children:"Active"}),e.jsx("option",{value:"archived",children:"Archived"})]}),e.jsxs("span",{style:{fontSize:"0.85rem",color:"var(--cedros-admin-text-muted, #888)"},children:[h," session",h!==1?"s":""]})]}),A||L?e.jsxs("div",{className:"cedros-admin__loading",children:[i.Icons.loading," Loading chat sessions..."]}):g.length===0?e.jsx("div",{className:"cedros-admin__empty",children:"No chat sessions found."}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"cedros-admin__table-container",children:e.jsxs("table",{className:"cedros-admin__table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Customer"}),e.jsx("th",{children:"Messages"}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Last Message"}),e.jsx("th",{children:"Started"}),e.jsx("th",{})]})}),e.jsx("tbody",{children:g.map(t=>e.jsxs("tr",{children:[e.jsx("td",{children:t.customerEmail?e.jsx("span",{title:t.customerId,children:t.customerEmail}):t.customerId?e.jsxs("code",{style:{fontSize:"0.75rem"},children:[t.customerId.slice(0,12),"..."]}):e.jsx("span",{style:{color:"var(--cedros-admin-text-muted, #888)"},children:"Anonymous"})}),e.jsx("td",{children:t.messageCount}),e.jsx("td",{children:e.jsx("span",{className:`cedros-admin__badge cedros-admin__badge--${t.status==="active"?"success":"muted"}`,children:t.status})}),e.jsx("td",{children:i.formatDateTime(t.lastMessageAt)}),e.jsx("td",{children:i.formatDateTime(t.createdAt)}),e.jsx("td",{children:e.jsx("button",{type:"button",className:"cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",onClick:()=>I(t.id),children:"View"})})]},t.id))})]})}),j>1&&e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"0.75rem",fontSize:"0.85rem"},children:[e.jsx("button",{type:"button",className:"cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",disabled:r===0,onClick:()=>u(Math.max(0,r-o)),children:"Previous"}),e.jsxs("span",{children:["Page ",N," of ",j]}),e.jsx("button",{type:"button",className:"cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",disabled:N>=j,onClick:()=>u(r+o),children:"Next"})]})]})]})}exports.ChatLogsSection=D;

package/dist/ChatLogsSection-v4zwzCTC.mjs

@@ -0,0 +1,201 @@
+import { jsxs as s, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { useState as i, useCallback as k, useEffect as j } from "react";
+import { k as r, E as B, I as M } from "./index-DXnuQp5x.mjs";
+function R({ serverUrl: b, apiKey: m, pageSize: o = 20, authManager: h }) {
+  const [y, v] = i([]), [u, I] = i(0), [d, f] = i(0), [E, x] = i(!0), [L, _] = i(null), [c, $] = i("all"), [S, C] = i(null), [F, N] = i(!1), p = k(async (t) => {
+    if (h?.isAuthenticated())
+      return h.fetchWithAuth(t);
+    const a = { "Content-Type": "application/json" };
+    m && (a["X-API-Key"] = m);
+    const n = await fetch(`${b}${t}`, { headers: a });
+    if (!n.ok) throw new Error(`Request failed: ${n.status}`);
+    return n.json();
+  }, [b, m, h]), w = k(async () => {
+    x(!0), _(null);
+    try {
+      const t = new URLSearchParams();
+      t.set("limit", String(o)), t.set("offset", String(d)), c !== "all" && t.set("status", c);
+      const a = await p(
+        `/admin/chats?${t.toString()}`
+      );
+      v(a.sessions ?? []), I(a.total ?? 0);
+    } catch {
+      _("Failed to load chat sessions"), v([]);
+    } finally {
+      x(!1);
+    }
+  }, [p, o, d, c]);
+  j(() => {
+    w();
+  }, [w]);
+  const T = async (t) => {
+    N(!0);
+    try {
+      const a = await p(`/admin/chats/${encodeURIComponent(t)}`);
+      C(a);
+    } catch {
+      _("Failed to load chat session");
+    } finally {
+      N(!1);
+    }
+  }, g = Math.max(1, Math.ceil(u / o)), A = Math.floor(d / o) + 1;
+  if (S) {
+    const { session: t, messages: a } = S;
+    return /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+          onClick: () => C(null),
+          style: { marginBottom: "1rem" },
+          children: "← Back to sessions"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "cedros-admin__section-header", children: /* @__PURE__ */ s("h3", { className: "cedros-admin__section-title", children: [
+        "Chat Session",
+        /* @__PURE__ */ s("span", { className: "cedros-admin__badge cedros-admin__badge--muted", style: { marginLeft: "0.5rem" }, children: [
+          t.messageCount,
+          " messages"
+        ] })
+      ] }) }),
+      /* @__PURE__ */ s("div", { style: { fontSize: "0.85rem", color: "var(--cedros-admin-text-muted, #888)", marginBottom: "1rem" }, children: [
+        t.customerEmail && /* @__PURE__ */ s("span", { children: [
+          "Customer: ",
+          /* @__PURE__ */ e("strong", { children: t.customerEmail }),
+          " · "
+        ] }),
+        "Started ",
+        r(t.createdAt),
+        " · Last message ",
+        r(t.lastMessageAt)
+      ] }),
+      /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", maxWidth: "640px" }, children: a.map((n) => /* @__PURE__ */ s(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: n.role === "user" ? "flex-end" : "flex-start"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                style: {
+                  maxWidth: "85%",
+                  padding: "0.5rem 0.75rem",
+                  borderRadius: "0.75rem",
+                  fontSize: "0.85rem",
+                  lineHeight: "1.4",
+                  background: n.role === "user" ? "var(--cedros-admin-bg-dark, #1a1a1a)" : "var(--cedros-admin-bg-muted, #f5f5f5)",
+                  color: n.role === "user" ? "#fff" : "var(--cedros-admin-text, #333)"
+                },
+                children: /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: n.content })
+              }
+            ),
+            n.products && n.products.length > 0 && /* @__PURE__ */ e("div", { style: { maxWidth: "85%", marginTop: "0.25rem", display: "flex", flexWrap: "wrap", gap: "0.25rem" }, children: n.products.map((l) => /* @__PURE__ */ s("span", { className: "cedros-admin__badge cedros-admin__badge--muted", style: { fontSize: "0.75rem" }, children: [
+              l.name,
+              l.priceCents != null ? ` ($${(l.priceCents / 100).toFixed(2)})` : ""
+            ] }, l.id)) }),
+            n.actions && n.actions.length > 0 && /* @__PURE__ */ e("div", { style: { maxWidth: "85%", marginTop: "0.25rem", fontSize: "0.75rem", fontStyle: "italic", color: "var(--cedros-admin-text-muted, #888)" }, children: n.actions.join(" · ") }),
+            /* @__PURE__ */ e("div", { style: { fontSize: "0.7rem", color: "var(--cedros-admin-text-muted, #aaa)", marginTop: "0.15rem" }, children: r(n.createdAt) })
+          ]
+        },
+        n.id
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e("div", { className: "cedros-admin__section-header", children: /* @__PURE__ */ e("h3", { className: "cedros-admin__section-title", children: "Chat Logs" }) }),
+    /* @__PURE__ */ e(B, { message: L }),
+    /* @__PURE__ */ s("div", { style: { display: "flex", gap: "0.5rem", marginBottom: "1rem", alignItems: "center" }, children: [
+      /* @__PURE__ */ s(
+        "select",
+        {
+          className: "cedros-admin__input",
+          value: c,
+          onChange: (t) => {
+            $(t.target.value), f(0);
+          },
+          style: { width: "auto", fontSize: "0.85rem" },
+          children: [
+            /* @__PURE__ */ e("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ e("option", { value: "active", children: "Active" }),
+            /* @__PURE__ */ e("option", { value: "archived", children: "Archived" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ s("span", { style: { fontSize: "0.85rem", color: "var(--cedros-admin-text-muted, #888)" }, children: [
+        u,
+        " session",
+        u !== 1 ? "s" : ""
+      ] })
+    ] }),
+    E || F ? /* @__PURE__ */ s("div", { className: "cedros-admin__loading", children: [
+      M.loading,
+      " Loading chat sessions..."
+    ] }) : y.length === 0 ? /* @__PURE__ */ e("div", { className: "cedros-admin__empty", children: "No chat sessions found." }) : /* @__PURE__ */ s(W, { children: [
+      /* @__PURE__ */ e("div", { className: "cedros-admin__table-container", children: /* @__PURE__ */ s("table", { className: "cedros-admin__table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Customer" }),
+          /* @__PURE__ */ e("th", { children: "Messages" }),
+          /* @__PURE__ */ e("th", { children: "Status" }),
+          /* @__PURE__ */ e("th", { children: "Last Message" }),
+          /* @__PURE__ */ e("th", { children: "Started" }),
+          /* @__PURE__ */ e("th", {})
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: y.map((t) => /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ e("td", { children: t.customerEmail ? /* @__PURE__ */ e("span", { title: t.customerId, children: t.customerEmail }) : t.customerId ? /* @__PURE__ */ s("code", { style: { fontSize: "0.75rem" }, children: [
+            t.customerId.slice(0, 12),
+            "..."
+          ] }) : /* @__PURE__ */ e("span", { style: { color: "var(--cedros-admin-text-muted, #888)" }, children: "Anonymous" }) }),
+          /* @__PURE__ */ e("td", { children: t.messageCount }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `cedros-admin__badge cedros-admin__badge--${t.status === "active" ? "success" : "muted"}`, children: t.status }) }),
+          /* @__PURE__ */ e("td", { children: r(t.lastMessageAt) }),
+          /* @__PURE__ */ e("td", { children: r(t.createdAt) }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+              onClick: () => T(t.id),
+              children: "View"
+            }
+          ) })
+        ] }, t.id)) })
+      ] }) }),
+      g > 1 && /* @__PURE__ */ s("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: "0.75rem", fontSize: "0.85rem" }, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+            disabled: d === 0,
+            onClick: () => f(Math.max(0, d - o)),
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ s("span", { children: [
+          "Page ",
+          A,
+          " of ",
+          g
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "cedros-admin__button cedros-admin__button--ghost cedros-admin__button--sm",
+            disabled: A >= g,
+            onClick: () => f(d + o),
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  R as ChatLogsSection
+};