@cedros/pay-react 1.1.16 → 1.1.18

package/dist/FAQSection-CyYK9OAN.mjs

@@ -0,0 +1,366 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as r, useCallback as R, useEffect as V, useMemo as G } from "react";
+import { a0 as H, a1 as Y, $ as l } from "./index-bbSf3B7-.mjs";
+function M({ serverUrl: u, apiKey: d, pageSize: A = 20, authManager: o }) {
+  const [_, F] = r([]), [$, C] = r(!0), [S, N] = r(!1), [v, k] = r(null), [Q, I] = r(!1), [y, E] = r(""), [f, x] = r("all"), [q, w] = r(null), [T, b] = r(null), [n, m] = r({
+    question: "",
+    answer: "",
+    keywordsCsv: "",
+    active: !0,
+    useInChat: !0,
+    displayOnPage: !0
+  }), p = R(async () => {
+    C(!0);
+    try {
+      b(null);
+      let e;
+      const s = `/admin/faqs?limit=${A}`;
+      if (o?.isAuthenticated())
+        e = await o.fetchWithAuth(s);
+      else {
+        const c = { "Content-Type": "application/json" };
+        d && (c["X-API-Key"] = d);
+        const i = await fetch(`${u}${s}`, { headers: c });
+        if (!i.ok) throw new Error(`Failed to fetch FAQs: ${i.status}`);
+        e = await i.json();
+      }
+      F(e.faqs || []);
+    } catch {
+      F([]), b("Failed to load FAQs");
+    } finally {
+      C(!1);
+    }
+  }, [u, d, A, o]);
+  V(() => {
+    p();
+  }, [p]);
+  const D = async (e) => {
+    if (e.preventDefault(), !(!n.question.trim() || !n.answer.trim())) {
+      I(!0);
+      try {
+        const s = n.keywordsCsv.split(",").map((i) => i.trim().toLowerCase()).filter(Boolean), c = {
+          question: n.question.trim(),
+          answer: n.answer.trim(),
+          keywords: s,
+          active: n.active,
+          useInChat: n.useInChat,
+          displayOnPage: n.displayOnPage
+        };
+        if (v) {
+          const i = `/admin/faqs/${v.id}`;
+          if (o?.isAuthenticated())
+            await o.fetchWithAuth(i, { method: "PUT", body: JSON.stringify(c) });
+          else {
+            const h = { "Content-Type": "application/json" };
+            d && (h["X-API-Key"] = d);
+            const O = await fetch(`${u}${i}`, { method: "PUT", headers: h, body: JSON.stringify(c) });
+            if (!O.ok) throw new Error(`Failed to update FAQ: ${O.status}`);
+          }
+        } else if (o?.isAuthenticated())
+          await o.fetchWithAuth("/admin/faqs", { method: "POST", body: JSON.stringify(c) });
+        else {
+          const i = { "Content-Type": "application/json" };
+          d && (i["X-API-Key"] = d);
+          const h = await fetch(`${u}/admin/faqs`, { method: "POST", headers: i, body: JSON.stringify(c) });
+          if (!h.ok) throw new Error(`Failed to create FAQ: ${h.status}`);
+        }
+        g(), p();
+      } catch {
+        b(v ? "Failed to update FAQ" : "Failed to create FAQ");
+      } finally {
+        I(!1);
+      }
+    }
+  }, j = async (e) => {
+    try {
+      const s = `/admin/faqs/${e}`;
+      if (o?.isAuthenticated())
+        await o.fetchWithAuth(s, { method: "DELETE" });
+      else {
+        const c = { "Content-Type": "application/json" };
+        d && (c["X-API-Key"] = d);
+        const i = await fetch(`${u}${s}`, { method: "DELETE", headers: c });
+        if (!i.ok) throw new Error(`Failed to delete FAQ: ${i.status}`);
+      }
+      p();
+    } catch {
+      b("Failed to delete FAQ");
+    }
+    w(null);
+  }, L = async (e) => {
+    try {
+      const s = `/admin/faqs/${e.id}`, c = { ...e, active: !e.active };
+      if (o?.isAuthenticated())
+        await o.fetchWithAuth(s, { method: "PUT", body: JSON.stringify(c) });
+      else {
+        const i = { "Content-Type": "application/json" };
+        d && (i["X-API-Key"] = d);
+        const h = await fetch(`${u}${s}`, { method: "PUT", headers: i, body: JSON.stringify(c) });
+        if (!h.ok) throw new Error(`Failed to update FAQ: ${h.status}`);
+      }
+      p();
+    } catch {
+      b("Failed to update FAQ status");
+    }
+  }, g = () => {
+    m({ question: "", answer: "", keywordsCsv: "", active: !0, useInChat: !0, displayOnPage: !0 }), k(null), N(!1);
+  }, W = (e) => {
+    m({
+      question: e.question,
+      answer: e.answer,
+      keywordsCsv: e.keywords.join(", "),
+      active: e.active,
+      useInChat: e.useInChat ?? !0,
+      displayOnPage: e.displayOnPage ?? !0
+    }), k(e), N(!0);
+  }, B = _.length, J = _.filter((e) => e.active).length, X = _.filter((e) => e.active && e.useInChat).length, U = _.filter((e) => e.active && e.displayOnPage).length, P = G(() => _.filter((e) => {
+    if (f === "active" && !e.active || f === "inactive" && e.active) return !1;
+    if (y) {
+      const s = y.toLowerCase();
+      return e.question.toLowerCase().includes(s) || e.answer.toLowerCase().includes(s) || e.keywords.some((c) => c.includes(s));
+    }
+    return !0;
+  }), [_, f, y]);
+  return /* @__PURE__ */ a("div", { className: "cedros-admin__faqs", children: [
+    /* @__PURE__ */ t(H, { message: T, onRetry: p }),
+    /* @__PURE__ */ t(
+      Y,
+      {
+        stats: [
+          { label: "Total FAQs", value: B },
+          { label: "Active", value: J, variant: "success" },
+          { label: "In Chat", value: X },
+          { label: "On Page", value: U }
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "cedros-admin__section", children: [
+      /* @__PURE__ */ a("div", { className: "cedros-admin__section-header", children: [
+        /* @__PURE__ */ a("div", { className: "cedros-admin__section-header-left", children: [
+          /* @__PURE__ */ t("h3", { className: "cedros-admin__section-title", children: "Knowledge Base" }),
+          /* @__PURE__ */ t("p", { className: "cedros-admin__section-subtitle", children: "Manage FAQs for the AI chat assistant and public FAQ page." })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "cedros-admin__section-header-right", children: /* @__PURE__ */ a(
+          "button",
+          {
+            className: "cedros-admin__button cedros-admin__button--primary",
+            onClick: () => {
+              g(), N(!0);
+            },
+            children: [
+              l.plus,
+              " Add FAQ"
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "cedros-admin__filters", style: { display: "flex", gap: "1rem", marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search FAQs...",
+            value: y,
+            onChange: (e) => E(e.target.value),
+            className: "cedros-admin__input",
+            style: { flex: 1, maxWidth: 300 }
+          }
+        ),
+        /* @__PURE__ */ a(
+          "select",
+          {
+            value: f,
+            onChange: (e) => x(e.target.value),
+            className: "cedros-admin__select",
+            children: [
+              /* @__PURE__ */ t("option", { value: "all", children: "All Status" }),
+              /* @__PURE__ */ t("option", { value: "active", children: "Active Only" }),
+              /* @__PURE__ */ t("option", { value: "inactive", children: "Inactive Only" })
+            ]
+          }
+        )
+      ] }),
+      S && /* @__PURE__ */ t("div", { className: "cedros-admin__form-container", style: { marginBottom: "1.5rem" }, children: /* @__PURE__ */ a("form", { onSubmit: D, className: "cedros-admin__form", children: [
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-header", children: [
+          /* @__PURE__ */ t("h4", { children: v ? "Edit FAQ" : "Add New FAQ" }),
+          /* @__PURE__ */ t("button", { type: "button", className: "cedros-admin__button--icon", onClick: g, children: l.close })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-group", children: [
+          /* @__PURE__ */ t("label", { className: "cedros-admin__label", children: "Question *" }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              value: n.question,
+              onChange: (e) => m((s) => ({ ...s, question: e.target.value })),
+              className: "cedros-admin__input",
+              placeholder: "What is your return policy?",
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-group", children: [
+          /* @__PURE__ */ t("label", { className: "cedros-admin__label", children: "Answer *" }),
+          /* @__PURE__ */ t(
+            "textarea",
+            {
+              value: n.answer,
+              onChange: (e) => m((s) => ({ ...s, answer: e.target.value })),
+              className: "cedros-admin__textarea",
+              placeholder: "We accept returns within 30 days...",
+              rows: 4,
+              required: !0
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "cedros-admin__hint", children: "Supports markdown formatting." })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-group", children: [
+          /* @__PURE__ */ t("label", { className: "cedros-admin__label", children: "Keywords" }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              value: n.keywordsCsv,
+              onChange: (e) => m((s) => ({ ...s, keywordsCsv: e.target.value })),
+              className: "cedros-admin__input",
+              placeholder: "returns, refund, policy"
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "cedros-admin__hint", children: "Comma-separated keywords to help AI find this FAQ." })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-group", children: [
+          /* @__PURE__ */ a("label", { className: "cedros-admin__checkbox-label", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "checkbox",
+                checked: n.active,
+                onChange: (e) => m((s) => ({ ...s, active: e.target.checked }))
+              }
+            ),
+            /* @__PURE__ */ t("span", { children: "Active" })
+          ] }),
+          /* @__PURE__ */ t("span", { className: "cedros-admin__hint", children: "Inactive FAQs won't appear anywhere." })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-group", children: [
+          /* @__PURE__ */ t("label", { className: "cedros-admin__label", children: "Visibility" }),
+          /* @__PURE__ */ a("div", { className: "cedros-admin__checkbox-group", children: [
+            /* @__PURE__ */ a("label", { className: "cedros-admin__checkbox-label", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: n.useInChat,
+                  onChange: (e) => m((s) => ({ ...s, useInChat: e.target.checked }))
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: "Use in AI Chat" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "cedros-admin__checkbox-label", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: n.displayOnPage,
+                  onChange: (e) => m((s) => ({ ...s, displayOnPage: e.target.checked }))
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: "Display on FAQ Page" })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("span", { className: "cedros-admin__hint", children: "Choose where this FAQ should appear." })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "cedros-admin__form-actions", children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "cedros-admin__button", onClick: g, children: "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "submit",
+              className: "cedros-admin__button cedros-admin__button--primary",
+              disabled: Q || !n.question.trim() || !n.answer.trim(),
+              children: Q ? l.loading : v ? "Update FAQ" : "Create FAQ"
+            }
+          )
+        ] })
+      ] }) }),
+      $ ? /* @__PURE__ */ a("div", { className: "cedros-admin__loading", children: [
+        l.loading,
+        /* @__PURE__ */ t("span", { children: "Loading FAQs..." })
+      ] }) : P.length === 0 ? /* @__PURE__ */ t("div", { className: "cedros-admin__empty", children: /* @__PURE__ */ t("p", { children: y || f !== "all" ? "No FAQs match your filters." : "No FAQs yet. Add one to get started." }) }) : /* @__PURE__ */ t("div", { className: "cedros-admin__faq-list", children: P.map((e) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: `cedros-admin__faq-item ${e.active ? "" : "cedros-admin__faq-item--inactive"}`,
+          children: [
+            /* @__PURE__ */ a("div", { className: "cedros-admin__faq-content", children: [
+              /* @__PURE__ */ a("div", { className: "cedros-admin__faq-question", children: [
+                /* @__PURE__ */ t("span", { className: `cedros-admin__status-dot ${e.active ? "cedros-admin__status-dot--active" : "cedros-admin__status-dot--inactive"}` }),
+                e.question
+              ] }),
+              /* @__PURE__ */ t("div", { className: "cedros-admin__faq-answer", children: e.answer }),
+              /* @__PURE__ */ a("div", { className: "cedros-admin__faq-meta", children: [
+                e.keywords.length > 0 && /* @__PURE__ */ t("div", { className: "cedros-admin__faq-keywords", children: e.keywords.map((s) => /* @__PURE__ */ t("span", { className: "cedros-admin__tag", children: s }, s)) }),
+                /* @__PURE__ */ a("div", { className: "cedros-admin__faq-visibility", children: [
+                  e.useInChat && /* @__PURE__ */ a("span", { className: "cedros-admin__badge cedros-admin__badge--chat", title: "Used in AI Chat", children: [
+                    l.chat,
+                    " Chat"
+                  ] }),
+                  e.displayOnPage && /* @__PURE__ */ a("span", { className: "cedros-admin__badge cedros-admin__badge--page", title: "Displayed on FAQ Page", children: [
+                    l.globe,
+                    " Page"
+                  ] })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "cedros-admin__faq-actions", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "cedros-admin__button--icon",
+                  onClick: () => L(e),
+                  title: e.active ? "Deactivate" : "Activate",
+                  children: e.active ? l.eyeOff : l.eye
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "cedros-admin__button--icon",
+                  onClick: () => W(e),
+                  title: "Edit",
+                  children: l.edit
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "cedros-admin__button--icon cedros-admin__btn--danger",
+                  onClick: () => w(e.id),
+                  title: "Delete",
+                  children: l.trash
+                }
+              )
+            ] }),
+            q === e.id && /* @__PURE__ */ t("div", { className: "cedros-admin__confirm-overlay", children: /* @__PURE__ */ a("div", { className: "cedros-admin__confirm-dialog", children: [
+              /* @__PURE__ */ t("p", { children: "Delete this FAQ?" }),
+              /* @__PURE__ */ a("div", { className: "cedros-admin__confirm-actions", children: [
+                /* @__PURE__ */ t("button", { className: "cedros-admin__button", onClick: () => w(null), children: "Cancel" }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "cedros-admin__button cedros-admin__button--danger",
+                    onClick: () => j(e.id),
+                    children: "Delete"
+                  }
+                )
+              ] })
+            ] }) })
+          ]
+        },
+        e.id
+      )) })
+    ] })
+  ] });
+}
+export {
+  M as FAQSection
+};

package/dist/FAQSection-_pm1ekTe.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),d=require("./index-B-0trqeD.js");function R({serverUrl:h,apiKey:o,pageSize:g=20,authManager:r}){const[u,N]=c.useState([]),[Q,w]=c.useState(!0),[S,f]=c.useState(!1),[p,A]=c.useState(null),[F,C]=c.useState(!1),[x,P]=c.useState(""),[v,O]=c.useState("all"),[q,b]=c.useState(null),[$,j]=c.useState(null),[n,l]=c.useState({question:"",answer:"",keywordsCsv:"",active:!0,useInChat:!0,displayOnPage:!0}),_=c.useCallback(async()=>{w(!0);try{j(null);let s;const t=`/admin/faqs?limit=${g}`;if(r?.isAuthenticated())s=await r.fetchWithAuth(t);else{const i={"Content-Type":"application/json"};o&&(i["X-API-Key"]=o);const a=await fetch(`${h}${t}`,{headers:i});if(!a.ok)throw new Error(`Failed to fetch FAQs: ${a.status}`);s=await a.json()}N(s.faqs||[])}catch{N([]),j("Failed to load FAQs")}finally{w(!1)}},[h,o,g,r]);c.useEffect(()=>{_()},[_]);const E=async s=>{if(s.preventDefault(),!(!n.question.trim()||!n.answer.trim())){C(!0);try{const t=n.keywordsCsv.split(",").map(a=>a.trim().toLowerCase()).filter(Boolean),i={question:n.question.trim(),answer:n.answer.trim(),keywords:t,active:n.active,useInChat:n.useInChat,displayOnPage:n.displayOnPage};if(p){const a=`/admin/faqs/${p.id}`;if(r?.isAuthenticated())await r.fetchWithAuth(a,{method:"PUT",body:JSON.stringify(i)});else{const m={"Content-Type":"application/json"};o&&(m["X-API-Key"]=o);const I=await fetch(`${h}${a}`,{method:"PUT",headers:m,body:JSON.stringify(i)});if(!I.ok)throw new Error(`Failed to update FAQ: ${I.status}`)}}else if(r?.isAuthenticated())await r.fetchWithAuth("/admin/faqs",{method:"POST",body:JSON.stringify(i)});else{const a={"Content-Type":"application/json"};o&&(a["X-API-Key"]=o);const m=await fetch(`${h}/admin/faqs`,{method:"POST",headers:a,body:JSON.stringify(i)});if(!m.ok)throw new Error(`Failed to create FAQ: ${m.status}`)}y(),_()}catch{j(p?"Failed to update FAQ":"Failed to create FAQ")}finally{C(!1)}}},T=async s=>{try{const t=`/admin/faqs/${s}`;if(r?.isAuthenticated())await r.fetchWithAuth(t,{method:"DELETE"});else{const i={"Content-Type":"application/json"};o&&(i["X-API-Key"]=o);const a=await fetch(`${h}${t}`,{method:"DELETE",headers:i});if(!a.ok)throw new Error(`Failed to delete FAQ: ${a.status}`)}_()}catch{j("Failed to delete FAQ")}b(null)},D=async s=>{try{const t=`/admin/faqs/${s.id}`,i={...s,active:!s.active};if(r?.isAuthenticated())await r.fetchWithAuth(t,{method:"PUT",body:JSON.stringify(i)});else{const a={"Content-Type":"application/json"};o&&(a["X-API-Key"]=o);const m=await fetch(`${h}${t}`,{method:"PUT",headers:a,body:JSON.stringify(i)});if(!m.ok)throw new Error(`Failed to update FAQ: ${m.status}`)}_()}catch{j("Failed to update FAQ status")}},y=()=>{l({question:"",answer:"",keywordsCsv:"",active:!0,useInChat:!0,displayOnPage:!0}),A(null),f(!1)},L=s=>{l({question:s.question,answer:s.answer,keywordsCsv:s.keywords.join(", "),active:s.active,useInChat:s.useInChat??!0,displayOnPage:s.displayOnPage??!0}),A(s),f(!0)},W=u.length,B=u.filter(s=>s.active).length,J=u.filter(s=>s.active&&s.useInChat).length,X=u.filter(s=>s.active&&s.displayOnPage).length,k=c.useMemo(()=>u.filter(s=>{if(v==="active"&&!s.active||v==="inactive"&&s.active)return!1;if(x){const t=x.toLowerCase();return s.question.toLowerCase().includes(t)||s.answer.toLowerCase().includes(t)||s.keywords.some(i=>i.includes(t))}return!0}),[u,v,x]);return e.jsxs("div",{className:"cedros-admin__faqs",children:[e.jsx(d.ErrorBanner,{message:$,onRetry:_}),e.jsx(d.StatsBar,{stats:[{label:"Total FAQs",value:W},{label:"Active",value:B,variant:"success"},{label:"In Chat",value:J},{label:"On Page",value:X}]}),e.jsxs("div",{className:"cedros-admin__section",children:[e.jsxs("div",{className:"cedros-admin__section-header",children:[e.jsxs("div",{className:"cedros-admin__section-header-left",children:[e.jsx("h3",{className:"cedros-admin__section-title",children:"Knowledge Base"}),e.jsx("p",{className:"cedros-admin__section-subtitle",children:"Manage FAQs for the AI chat assistant and public FAQ page."})]}),e.jsx("div",{className:"cedros-admin__section-header-right",children:e.jsxs("button",{className:"cedros-admin__button cedros-admin__button--primary",onClick:()=>{y(),f(!0)},children:[d.Icons.plus," Add FAQ"]})})]}),e.jsxs("div",{className:"cedros-admin__filters",style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx("input",{type:"text",placeholder:"Search FAQs...",value:x,onChange:s=>P(s.target.value),className:"cedros-admin__input",style:{flex:1,maxWidth:300}}),e.jsxs("select",{value:v,onChange:s=>O(s.target.value),className:"cedros-admin__select",children:[e.jsx("option",{value:"all",children:"All Status"}),e.jsx("option",{value:"active",children:"Active Only"}),e.jsx("option",{value:"inactive",children:"Inactive Only"})]})]}),S&&e.jsx("div",{className:"cedros-admin__form-container",style:{marginBottom:"1.5rem"},children:e.jsxs("form",{onSubmit:E,className:"cedros-admin__form",children:[e.jsxs("div",{className:"cedros-admin__form-header",children:[e.jsx("h4",{children:p?"Edit FAQ":"Add New FAQ"}),e.jsx("button",{type:"button",className:"cedros-admin__button--icon",onClick:y,children:d.Icons.close})]}),e.jsxs("div",{className:"cedros-admin__form-group",children:[e.jsx("label",{className:"cedros-admin__label",children:"Question *"}),e.jsx("input",{type:"text",value:n.question,onChange:s=>l(t=>({...t,question:s.target.value})),className:"cedros-admin__input",placeholder:"What is your return policy?",required:!0})]}),e.jsxs("div",{className:"cedros-admin__form-group",children:[e.jsx("label",{className:"cedros-admin__label",children:"Answer *"}),e.jsx("textarea",{value:n.answer,onChange:s=>l(t=>({...t,answer:s.target.value})),className:"cedros-admin__textarea",placeholder:"We accept returns within 30 days...",rows:4,required:!0}),e.jsx("span",{className:"cedros-admin__hint",children:"Supports markdown formatting."})]}),e.jsxs("div",{className:"cedros-admin__form-group",children:[e.jsx("label",{className:"cedros-admin__label",children:"Keywords"}),e.jsx("input",{type:"text",value:n.keywordsCsv,onChange:s=>l(t=>({...t,keywordsCsv:s.target.value})),className:"cedros-admin__input",placeholder:"returns, refund, policy"}),e.jsx("span",{className:"cedros-admin__hint",children:"Comma-separated keywords to help AI find this FAQ."})]}),e.jsxs("div",{className:"cedros-admin__form-group",children:[e.jsxs("label",{className:"cedros-admin__checkbox-label",children:[e.jsx("input",{type:"checkbox",checked:n.active,onChange:s=>l(t=>({...t,active:s.target.checked}))}),e.jsx("span",{children:"Active"})]}),e.jsx("span",{className:"cedros-admin__hint",children:"Inactive FAQs won't appear anywhere."})]}),e.jsxs("div",{className:"cedros-admin__form-group",children:[e.jsx("label",{className:"cedros-admin__label",children:"Visibility"}),e.jsxs("div",{className:"cedros-admin__checkbox-group",children:[e.jsxs("label",{className:"cedros-admin__checkbox-label",children:[e.jsx("input",{type:"checkbox",checked:n.useInChat,onChange:s=>l(t=>({...t,useInChat:s.target.checked}))}),e.jsx("span",{children:"Use in AI Chat"})]}),e.jsxs("label",{className:"cedros-admin__checkbox-label",children:[e.jsx("input",{type:"checkbox",checked:n.displayOnPage,onChange:s=>l(t=>({...t,displayOnPage:s.target.checked}))}),e.jsx("span",{children:"Display on FAQ Page"})]})]}),e.jsx("span",{className:"cedros-admin__hint",children:"Choose where this FAQ should appear."})]}),e.jsxs("div",{className:"cedros-admin__form-actions",children:[e.jsx("button",{type:"button",className:"cedros-admin__button",onClick:y,children:"Cancel"}),e.jsx("button",{type:"submit",className:"cedros-admin__button cedros-admin__button--primary",disabled:F||!n.question.trim()||!n.answer.trim(),children:F?d.Icons.loading:p?"Update FAQ":"Create FAQ"})]})]})}),Q?e.jsxs("div",{className:"cedros-admin__loading",children:[d.Icons.loading,e.jsx("span",{children:"Loading FAQs..."})]}):k.length===0?e.jsx("div",{className:"cedros-admin__empty",children:e.jsx("p",{children:x||v!=="all"?"No FAQs match your filters.":"No FAQs yet. Add one to get started."})}):e.jsx("div",{className:"cedros-admin__faq-list",children:k.map(s=>e.jsxs("div",{className:`cedros-admin__faq-item ${s.active?"":"cedros-admin__faq-item--inactive"}`,children:[e.jsxs("div",{className:"cedros-admin__faq-content",children:[e.jsxs("div",{className:"cedros-admin__faq-question",children:[e.jsx("span",{className:`cedros-admin__status-dot ${s.active?"cedros-admin__status-dot--active":"cedros-admin__status-dot--inactive"}`}),s.question]}),e.jsx("div",{className:"cedros-admin__faq-answer",children:s.answer}),e.jsxs("div",{className:"cedros-admin__faq-meta",children:[s.keywords.length>0&&e.jsx("div",{className:"cedros-admin__faq-keywords",children:s.keywords.map(t=>e.jsx("span",{className:"cedros-admin__tag",children:t},t))}),e.jsxs("div",{className:"cedros-admin__faq-visibility",children:[s.useInChat&&e.jsxs("span",{className:"cedros-admin__badge cedros-admin__badge--chat",title:"Used in AI Chat",children:[d.Icons.chat," Chat"]}),s.displayOnPage&&e.jsxs("span",{className:"cedros-admin__badge cedros-admin__badge--page",title:"Displayed on FAQ Page",children:[d.Icons.globe," Page"]})]})]})]}),e.jsxs("div",{className:"cedros-admin__faq-actions",children:[e.jsx("button",{className:"cedros-admin__button--icon",onClick:()=>D(s),title:s.active?"Deactivate":"Activate",children:s.active?d.Icons.eyeOff:d.Icons.eye}),e.jsx("button",{className:"cedros-admin__button--icon",onClick:()=>L(s),title:"Edit",children:d.Icons.edit}),e.jsx("button",{className:"cedros-admin__button--icon cedros-admin__btn--danger",onClick:()=>b(s.id),title:"Delete",children:d.Icons.trash})]}),q===s.id&&e.jsx("div",{className:"cedros-admin__confirm-overlay",children:e.jsxs("div",{className:"cedros-admin__confirm-dialog",children:[e.jsx("p",{children:"Delete this FAQ?"}),e.jsxs("div",{className:"cedros-admin__confirm-actions",children:[e.jsx("button",{className:"cedros-admin__button",onClick:()=>b(null),children:"Cancel"}),e.jsx("button",{className:"cedros-admin__button cedros-admin__button--danger",onClick:()=>T(s.id),children:"Delete"})]})]})})]},s.id))})]})]})}exports.FAQSection=R;

package/dist/MessagingSection-BHzf1Mhu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),v=require("./index-B-0trqeD.js"),j=require("./Toggle-CsPSF8Dr.js"),I=require("./useAutosave-B2p6iwh8.js"),P=require("./AutosaveIndicator-DxemlKnX.js"),g={email_enabled:!1,smtp_host:"",smtp_port:587,smtp_username:"",smtp_password:"",from_email:"",from_name:"",webhook_enabled:!1,webhook_url:"",webhook_secret:"",webhook_timeout:30};function W({serverUrl:h,apiKey:d,authManager:r}){const[l,_]=o.useState("messages"),[a,p]=o.useState(g),[y,w]=o.useState(!0),[N,S]=o.useState(!0),[k,b]=o.useState(null),[m,C]=o.useState(new Set),u=o.useCallback(async()=>{try{b(null);let s;const n="/admin/config/messaging";if(r?.isAuthenticated())s=await r.fetchWithAuth(n);else{const t={"Content-Type":"application/json"};d&&(t["X-API-Key"]=d);const c=await fetch(`${h}${n}`,{headers:t});if(!c.ok)throw new Error(`Failed to fetch: ${c.status}`);s=await c.json()}p({...g,...s.config})}catch{p(g),b("Could not load saved settings. Showing defaults.")}finally{w(!1),setTimeout(()=>S(!1),100)}},[h,d,r]);o.useEffect(()=>{u()},[u]);const E=o.useCallback(async s=>{const n="/admin/config/messaging",t={...s};m.has("smtp_password")||delete t.smtp_password,m.has("webhook_secret")||delete t.webhook_secret;const c=JSON.stringify({config:t});try{if(r?.isAuthenticated())await r.fetchWithAuth(n,{method:"PUT",body:c});else{const f={"Content-Type":"application/json"};d&&(f["X-API-Key"]=d);const x=await fetch(`${h}${n}`,{method:"PUT",headers:f,body:c});if(!x.ok)throw new Error(`Failed to save: ${x.status}`)}}catch{throw b("Failed to save messaging settings"),new Error("Save failed")}},[h,d,r,m]),{status:T,error:A}=I.useAutosave({data:a,onSave:E,debounceMs:1500,enabled:!N}),i=(s,n)=>{(s==="smtp_password"||s==="webhook_secret")&&C(t=>new Set(t).add(s)),p(t=>({...t,[s]:n}))};return y?e.jsxs("div",{className:"cedros-admin__messaging-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Store Messages"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure email delivery and webhook notifications."})]}),e.jsxs("div",{className:"cedros-admin__loading",style:{marginTop:"1rem"},children:[v.Icons.loading," Loading message settings..."]})]}):e.jsxs("div",{className:"cedros-admin__messaging-settings",children:[e.jsxs("div",{className:"cedros-admin__page-header",children:[e.jsx("h2",{className:"cedros-admin__page-title",children:"Store Messages"}),e.jsx("p",{className:"cedros-admin__page-description",children:"Configure email delivery and webhook notifications."})]}),e.jsxs("div",{className:"cedros-admin__tabs cedros-admin__tabs--line",children:[e.jsx("button",{type:"button",className:`cedros-admin__tab ${l==="messages"?"cedros-admin__tab--active":""}`,onClick:()=>_("messages"),children:"Messages"}),e.jsx("button",{type:"button",className:`cedros-admin__tab ${l==="email"?"cedros-admin__tab--active":""}`,onClick:()=>_("email"),children:"Email"}),e.jsx("button",{type:"button",className:`cedros-admin__tab ${l==="webhooks"?"cedros-admin__tab--active":""}`,onClick:()=>_("webhooks"),children:"Webhooks"}),e.jsx("div",{style:{flex:1}}),e.jsx(P.AutosaveIndicator,{status:T,error:A})]}),e.jsx(v.ErrorBanner,{message:k,onRetry:u}),e.jsxs("div",{className:"cedros-admin__tab-content",style:{marginTop:"1rem"},children:[l==="messages"&&e.jsxs("div",{className:"cedros-admin__section",children:[e.jsx("p",{style:{marginBottom:"1.5rem",fontSize:"0.875rem",opacity:.7},children:"Enable or disable notification types. Configure the delivery settings in the Email or Webhooks tab."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"1rem",padding:"1rem",border:"1px solid var(--cedros-admin-border, #e5e5e5)",borderRadius:"0.5rem"},children:[e.jsx(j.Toggle,{checked:a.email_enabled,onChange:s=>i("email_enabled",s)}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontWeight:500},children:"Email Confirmation"}),e.jsx("p",{style:{margin:"0.25rem 0 0",fontSize:"0.8125rem",opacity:.6},children:"Send order confirmation emails to customers after successful purchase."}),e.jsx("p",{style:{margin:"0.5rem 0 0",fontSize:"0.75rem",opacity:.5},children:"Requires Email configuration"})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"1rem",padding:"1rem",border:"1px solid var(--cedros-admin-border, #e5e5e5)",borderRadius:"0.5rem"},children:[e.jsx(j.Toggle,{checked:a.webhook_enabled,onChange:s=>i("webhook_enabled",s)}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontWeight:500},children:"Admin Purchase Notification"}),e.jsx("p",{style:{margin:"0.25rem 0 0",fontSize:"0.8125rem",opacity:.6},children:"Send webhook notifications to your server when a purchase is completed."}),e.jsx("p",{style:{margin:"0.5rem 0 0",fontSize:"0.75rem",opacity:.5},children:"Requires Webhook configuration"})]})]})]})]}),l==="email"&&e.jsxs("div",{className:"cedros-admin__section",children:[e.jsx("p",{style:{marginBottom:"1.5rem",fontSize:"0.875rem",opacity:.7},children:"Configure your email provider for sending customer notifications."}),!a.email_enabled&&e.jsx("div",{style:{padding:"1rem",marginBottom:"1.5rem",background:"var(--cedros-admin-bg-accent, #fef3c7)",borderRadius:"0.5rem",border:"1px solid var(--cedros-admin-warning, #f59e0b)",fontSize:"0.875rem"},children:"Email notifications are disabled. Enable them in the Messages tab."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",opacity:a.email_enabled?1:.5},children:[e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"SMTP Host"}),e.jsx("input",{type:"text",className:"cedros-admin__input",value:a.smtp_host,onChange:s=>i("smtp_host",s.target.value),placeholder:"smtp.example.com",disabled:!a.email_enabled})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"SMTP Port"}),e.jsx("input",{type:"number",className:"cedros-admin__input",value:a.smtp_port,onChange:s=>i("smtp_port",parseInt(s.target.value)||587),placeholder:"587",disabled:!a.email_enabled,style:{maxWidth:120}})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"SMTP Username"}),e.jsx("input",{type:"text",className:"cedros-admin__input",value:a.smtp_username,onChange:s=>i("smtp_username",s.target.value),placeholder:"username or API key",disabled:!a.email_enabled})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"SMTP Password"}),e.jsx("input",{type:"password",className:"cedros-admin__input",value:m.has("smtp_password")?a.smtp_password:"",onChange:s=>i("smtp_password",s.target.value),placeholder:a.smtp_password?"••••••••":"Enter password",disabled:!a.email_enabled})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"From Email"}),e.jsx("input",{type:"email",className:"cedros-admin__input",value:a.from_email,onChange:s=>i("from_email",s.target.value),placeholder:"orders@yourstore.com",disabled:!a.email_enabled})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"From Name"}),e.jsx("input",{type:"text",className:"cedros-admin__input",value:a.from_name,onChange:s=>i("from_name",s.target.value),placeholder:"Your Store",disabled:!a.email_enabled})]})]})]}),l==="webhooks"&&e.jsxs("div",{className:"cedros-admin__section",children:[e.jsx("p",{style:{marginBottom:"1.5rem",fontSize:"0.875rem",opacity:.7},children:"Configure webhook endpoint for receiving purchase notifications."}),!a.webhook_enabled&&e.jsx("div",{style:{padding:"1rem",marginBottom:"1.5rem",background:"var(--cedros-admin-bg-accent, #fef3c7)",borderRadius:"0.5rem",border:"1px solid var(--cedros-admin-warning, #f59e0b)",fontSize:"0.875rem"},children:"Webhook notifications are disabled. Enable them in the Messages tab."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",opacity:a.webhook_enabled?1:.5},children:[e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"Webhook URL"}),e.jsx("input",{type:"url",className:"cedros-admin__input",value:a.webhook_url,onChange:s=>i("webhook_url",s.target.value),placeholder:"https://api.yoursite.com/webhooks/orders",disabled:!a.webhook_enabled})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"Webhook Secret"}),e.jsx("input",{type:"password",className:"cedros-admin__input",value:m.has("webhook_secret")?a.webhook_secret:"",onChange:s=>i("webhook_secret",s.target.value),placeholder:a.webhook_secret?"••••••••":"Enter secret for HMAC-SHA256",disabled:!a.webhook_enabled}),e.jsx("p",{style:{margin:"0.25rem 0 0",fontSize:"0.75rem",opacity:.6},children:"Used for HMAC-SHA256 signature verification"})]}),e.jsxs("div",{className:"cedros-admin__field",children:[e.jsx("label",{className:"cedros-admin__field-label",children:"Timeout (seconds)"}),e.jsx("input",{type:"number",className:"cedros-admin__input",value:a.webhook_timeout,onChange:s=>i("webhook_timeout",parseInt(s.target.value)||30),placeholder:"30",disabled:!a.webhook_enabled,style:{maxWidth:120}})]})]})]})]})]})}exports.MessagingSection=W;