@akropolys/kiku 1.5.19 → 1.6.0

package/dist/index.js

@@ -21,10 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  CartBadge: () => CartBadge,
-  CartDrawer: () => CartDrawer,
   ChatWidget: () => ChatWidget,
-  CheckoutModal: () => CheckoutModal,
   ComparisonMatrix: () => ComparisonMatrix,
   KikuButton: () => KikuButton,
   KikuChat: () => ChatWidget,
@@ -800,7 +797,6 @@ var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 var import_sdk5 = require("@akropolys/sdk");
 var import_sdk6 = require("@akropolys/sdk");
-var import_sdk7 = require("@akropolys/sdk");
 
 // src/components/ComparisonMatrix.tsx
 var import_sdk4 = require("@akropolys/sdk");
@@ -1334,7 +1330,7 @@ function ActionPills({ cart, actionType, onSend, loading }) {
   )) });
 }
 function SourcesCarousel({ sources, defaultCurrency, onSelectSource, referencedIds = [] }) {
-  const client = (0, import_sdk7.useAkropolysContext)();
+  const client = (0, import_sdk6.useAkropolysContext)();
   const isProperty = client?.vertical === "property";
   const railRef = (0, import_react5.useRef)(null);
   const [showNext, setShowNext] = (0, import_react5.useState)(false);
@@ -1434,7 +1430,7 @@ function SmartContextPills({
   onSend,
   loading
 }) {
-  const client = (0, import_sdk7.useAkropolysContext)();
+  const client = (0, import_sdk6.useAkropolysContext)();
   const isProperty = client?.vertical === "property";
   if (!intent) return null;
   const pills = [];
@@ -1664,7 +1660,7 @@ function ChatModal({
   enableVision = false,
   visionCategoryHint
 }) {
-  const client = (0, import_sdk7.useAkropolysContext)();
+  const client = (0, import_sdk6.useAkropolysContext)();
   const { messages, sources, loading, streaming, error, lastAction, lastIntent, send, reset, referencedIds } = (0, import_sdk5.useKiku)();
   const [input, setInput] = (0, import_react5.useState)("");
   const [attachments, setAttachments] = (0, import_react5.useState)([]);
@@ -1748,31 +1744,15 @@ function ChatModal({
     }
     return "";
   });
-  const [merchantRef, setMerchantRef] = (0, import_react5.useState)(null);
   const [paymentPhase, setPaymentPhase] = (0, import_react5.useState)("idle");
   const [memoryKey, setMemoryKey] = (0, import_react5.useState)(null);
   const [sessions, setSessions] = (0, import_react5.useState)(() => loadSessions());
   const [sidebarOpen, setSidebarOpen] = (0, import_react5.useState)(false);
   const [replayMessages, setReplayMessages] = (0, import_react5.useState)(null);
-  const { status: pollStatus } = (0, import_sdk6.usePaymentPolling)({
-    client: client.api,
-    merchantReference: merchantRef,
-    onSuccess: () => {
-      setPaymentPhase("done");
-      setMerchantRef(null);
-    },
-    onFailure: () => {
-      setPaymentPhase("failed");
-      setMerchantRef(null);
-    }
-  });
   (0, import_react5.useEffect)(() => {
     if (!lastAction) return;
     if (lastAction.type === "request_phone") {
       setPaymentPhase("prompt_phone");
-    } else if (lastAction.type === "awaiting_payment") {
-      setMerchantRef(lastAction.merchantReference ?? null);
-      setPaymentPhase("awaiting");
     }
   }, [lastAction]);
   const isStringTheme = typeof theme === "string";
@@ -1829,7 +1809,6 @@ function ChatModal({
     reset();
     setReplayMessages(null);
     setPaymentPhase("idle");
-    setMerchantRef(null);
   }, [reset, saveCurrentSession]);
   const handleSourceClick = (src) => {
     setSelectedProduct(src);
@@ -2117,56 +2096,6 @@ function ChatModal({
                 ] })
               ] }) }) })
             ] }),
-            !replayMessages && paymentPhase === "awaiting" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--awaiting", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-payment-pulse-ring" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "2rem" }, children: "\u{1F4F1}" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "hsk-cb-payment-label", style: { fontWeight: 600 }, children: "Check your phone" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "hsk-cb-payment-sub", children: [
-                "An M-Pesa STK push has been sent.",
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
-                "Enter your PIN to complete payment."
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-payment-dots", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-dot hsk-cb-dot--amber" }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-dot hsk-cb-dot--amber" }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-dot hsk-cb-dot--amber" })
-              ] })
-            ] }),
-            !replayMessages && paymentPhase === "done" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--success", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-payment-success-ring" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "2.5rem" }, children: "\u2705" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "hsk-cb-payment-label", children: "Payment complete!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "hsk-cb-payment-sub", children: "Thank you for your order. A confirmation has been sent." })
-            ] }),
-            !replayMessages && paymentPhase === "failed" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--failed", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "2.5rem" }, children: "\u274C" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "hsk-cb-payment-label", children: "Payment failed or timed out" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "hsk-cb-payment-sub", children: "Please check your M-Pesa PIN and try again, or contact support." }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-payment-actions", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "button",
-                  {
-                    className: "hsk-cb-pay-submit",
-                    onClick: () => {
-                      setPaymentPhase("prompt_phone");
-                      setMerchantRef(null);
-                    },
-                    children: "Try again"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  "button",
-                  {
-                    className: "hsk-cb-pay-secondary",
-                    onClick: () => {
-                      setPaymentPhase("idle");
-                      setMerchantRef(null);
-                    },
-                    children: "Cancel"
-                  }
-                )
-              ] })
-            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: bottomRef, style: { height: 1 } })
           ] }),
           !replayMessages && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hsk-cb-input-wrap", children: [
@@ -2349,7 +2278,7 @@ function KikuButton({
 // src/components/Sparkle.tsx
 var import_react6 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_sdk8 = require("@akropolys/sdk");
+var import_sdk7 = require("@akropolys/sdk");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var SparkleIcon3 = ({ className, size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   "svg",
@@ -2460,11 +2389,11 @@ function SparkleModal({
   classNames = {},
   product: initialProduct
 }) {
-  const client = (0, import_sdk8.useAkropolysContext)();
+  const client = (0, import_sdk7.useAkropolysContext)();
   const [fetchedProduct, setFetchedProduct] = (0, import_react6.useState)(null);
   const displayProduct = initialProduct || fetchedProduct;
-  const { results, loading: searchLoading, search } = (0, import_sdk8.useSearch)({ type: "vector" });
-  const { messages, sources, loading: chatLoading, error: chatError, send } = (0, import_sdk8.useKiku)();
+  const { results, loading: searchLoading, search } = (0, import_sdk7.useSearch)({ type: "vector" });
+  const { messages, sources, loading: chatLoading, error: chatError, send } = (0, import_sdk7.useKiku)();
   const [chatInput, setChatInput] = (0, import_react6.useState)("");
   const [isMobile, setIsMobile] = (0, import_react6.useState)(false);
   const [showSpecs, setShowSpecs] = (0, import_react6.useState)(false);
@@ -2948,466 +2877,9 @@ function Sparkle({
     )
   ] });
 }
-
-// src/components/CartBadge.tsx
-var import_sdk9 = require("@akropolys/sdk");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function CartBadge({ className }) {
-  const { cart } = (0, import_sdk9.useCart)();
-  if (!cart || cart.item_count === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn("hsk-cart-badge", className), children: cart.item_count });
-}
-
-// src/components/CartDrawer.tsx
-var import_react8 = require("react");
-var import_react_dom4 = require("react-dom");
-var import_sdk11 = require("@akropolys/sdk");
-
-// src/components/CheckoutModal.tsx
-var import_react7 = require("react");
-var import_react_dom3 = require("react-dom");
-var import_sdk10 = require("@akropolys/sdk");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function CheckoutModal({
-  onClose,
-  theme,
-  customStyles,
-  hskThemeAttr
-}) {
-  const { cart, loading: cartLoading } = (0, import_sdk10.useCart)();
-  const client = (0, import_sdk10.useAkropolysContext)();
-  const [config, setConfig] = (0, import_react7.useState)(null);
-  const [loadingConfig, setLoadingConfig] = (0, import_react7.useState)(true);
-  const [phone, setPhone] = (0, import_react7.useState)(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_phone") || "";
-    }
-    return "";
-  });
-  const [email, setEmail] = (0, import_react7.useState)(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_email") || "";
-    }
-    return "";
-  });
-  const [firstName, setFirstName] = (0, import_react7.useState)(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_firstname") || "";
-    }
-    return "";
-  });
-  const [lastName, setLastName] = (0, import_react7.useState)(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_lastname") || "";
-    }
-    return "";
-  });
-  const [phase, setPhase] = (0, import_react7.useState)("idle");
-  const [merchantRef, setMerchantRef] = (0, import_react7.useState)(null);
-  const [payError, setPayError] = (0, import_react7.useState)(null);
-  const {} = (0, import_sdk10.usePaymentPolling)({
-    client: client.api,
-    merchantReference: merchantRef,
-    onSuccess: () => {
-      setPhase("done");
-      setMerchantRef(null);
-    },
-    onFailure: () => {
-      setPhase("failed");
-      setPayError("Payment failed or timed out. Please try again.");
-      setMerchantRef(null);
-    }
-  });
-  (0, import_react7.useEffect)(() => {
-    client.api.getCheckoutConfig().then((res) => setConfig(res.payment_methods)).catch(() => {
-    }).finally(() => setLoadingConfig(false));
-  }, [client]);
-  const hasPaymentMethods = config && Object.values(config).some((m) => m.enabled);
-  const handlePay = async (e) => {
-    e.preventDefault();
-    if (!phone.trim()) {
-      setPayError("Phone number is required.");
-      return;
-    }
-    setPayError(null);
-    setPhase("awaiting");
-    try {
-      if (typeof window !== "undefined") {
-        localStorage.setItem("akropolys_user_phone", phone.trim());
-        localStorage.setItem("akropolys_user_email", email.trim());
-        localStorage.setItem("akropolys_user_firstname", firstName.trim());
-        localStorage.setItem("akropolys_user_lastname", lastName.trim());
-      }
-      const res = await client.api.initiatePayment(phone.trim(), email, firstName, lastName);
-      if (res?.merchantReference) {
-        setMerchantRef(res.merchantReference);
-      } else {
-        throw new Error("No merchant reference returned.");
-      }
-    } catch (err) {
-      setPhase("failed");
-      setPayError(err.message || "Could not connect to payment processor.");
-    }
-  };
-  const currency = cart?.currency || "KES";
-  const total = cart?.total || 0;
-  const backdropStyle = { ...customStyles, fontSize: "15px", fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif', zIndex: 999999 };
-  return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "div",
-      {
-        className: "hsk-checkout-backdrop-full",
-        style: backdropStyle,
-        "data-hsk-theme": hskThemeAttr,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-          "div",
-          {
-            className: "hsk-checkout-modal-full",
-            style: customStyles,
-            "data-hsk-theme": hskThemeAttr,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onClose();
-                  },
-                  className: "hsk-checkout-close-x",
-                  "aria-label": "Close checkout",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-panel-left", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-left-content", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  onClose();
-                }, className: "hsk-checkout-back-btn", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("polyline", { points: "12 19 5 12 12 5" })
-                  ] }),
-                  "Back to store"
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-store-info", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { children: "Secure Checkout" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-amount-due", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hsk-checkout-label-muted", children: "Pay total" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-grand-total", children: [
-                    currency,
-                    " ",
-                    total.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                  ] })
-                ] }),
-                cartLoading || !cart ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "hsk-cart-loading", children: "Loading order..." }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-items-list-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "hsk-checkout-items-list", children: cart.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("li", { className: "hsk-checkout-item-row", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-item-img-container", children: [
-                    item.image ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: item.image, alt: item.name, className: "hsk-checkout-item-img" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-item-img-placeholder", children: "\u{1F6D2}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hsk-checkout-item-qty-badge", children: item.quantity })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-item-details", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hsk-checkout-item-name", children: item.name }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "hsk-checkout-item-price", children: [
-                    item.currency,
-                    " ",
-                    (item.price_numeric * item.quantity).toLocaleString(void 0, { minimumFractionDigits: 2 })
-                  ] })
-                ] }, item.id)) }) })
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-panel-right", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-right-content", children: phase === "done" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-card success", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-status-icon-wrap success", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("polyline", { points: "22 4 12 14.01 9 11.01" })
-                ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: "Payment Successful!" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "Your transaction has been confirmed. Thank you for your order!" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: onClose, className: "hsk-pay-btn hsk-btn-primary", style: { marginTop: "1.5rem" }, children: "Continue Shopping" })
-              ] }) : phase === "awaiting" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-card awaiting", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-status-spinner-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-status-spinner" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: "Confirm payment on your phone" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { children: [
-                  "We've sent an M-Pesa STK push prompt to ",
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("strong", { children: [
-                    "254",
-                    phone
-                  ] }),
-                  "."
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-stk-instructions", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "1. Check your phone lockscreen for the M-Pesa prompt." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "2. Enter your M-Pesa PIN and press OK." }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "3. Wait here \u2014 this page auto-updates once confirmed." })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  "button",
-                  {
-                    onClick: () => {
-                      setPhase("cancelled");
-                      setMerchantRef(null);
-                    },
-                    className: "hsk-checkout-cancel-btn",
-                    children: "Cancel payment"
-                  }
-                )
-              ] }) : phase === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-card cancelled", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-status-icon-wrap cancelled", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "m15 9-6 6M9 9l6 6" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "10" })
-                ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: "Payment Cancelled" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "No charge was made. You can update your phone number and try again whenever you're ready." }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-actions", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => {
-                    setPhase("idle");
-                    setPayError(null);
-                  }, className: "hsk-pay-btn hsk-btn-primary", children: "Try again" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: onClose, className: "hsk-checkout-cancel-btn", children: "Back to cart" })
-                ] })
-              ] }) : phase === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-card failed", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-status-icon-wrap failed", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-                ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: "Payment Failed" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "hsk-checkout-error-text", children: payError || "Could not verify M-Pesa transaction. Please check your phone and try again." }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-status-actions", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => {
-                    setPhase("idle");
-                    setPayError(null);
-                  }, className: "hsk-pay-btn hsk-btn-primary", children: "Try again" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: onClose, className: "hsk-checkout-cancel-btn", children: "Back to cart" })
-                ] })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-checkout-payment-form-wrap", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "hsk-checkout-section-title", children: "Payment details" }),
-                loadingConfig ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "hsk-cart-loading", children: "Loading payment configuration..." }) : !hasPaymentMethods ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "hsk-checkout-error", children: "No payment methods configured for this store." }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: handlePay, className: "hsk-stripe-checkout-form", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-form-group", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "hsk-form-label", children: "M-Pesa Mobile Number" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-phone-input-container", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hsk-phone-prefix", children: "254" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        "input",
-                        {
-                          type: "tel",
-                          required: true,
-                          placeholder: "712345678",
-                          pattern: "[0-9]{9}",
-                          maxLength: 9,
-                          value: phone,
-                          onChange: (e) => setPhone(e.target.value.replace(/\D/g, "")),
-                          className: "hsk-phone-input-field"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "hsk-form-hint", children: "Enter your 9-digit number (e.g. 712345678)" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-form-group", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "hsk-form-label", children: "Email address" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                      "input",
-                      {
-                        type: "email",
-                        placeholder: "john.doe@example.com",
-                        value: email,
-                        onChange: (e) => setEmail(e.target.value),
-                        className: "hsk-form-input"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-form-row", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-form-group", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "hsk-form-label", children: "First Name" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        "input",
-                        {
-                          type: "text",
-                          placeholder: "John",
-                          value: firstName,
-                          onChange: (e) => setFirstName(e.target.value),
-                          className: "hsk-form-input"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "hsk-form-group", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "hsk-form-label", children: "Last Name" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                        "input",
-                        {
-                          type: "text",
-                          placeholder: "Doe",
-                          value: lastName,
-                          onChange: (e) => setLastName(e.target.value),
-                          className: "hsk-form-input"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  payError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-form-error-banner", children: payError }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { type: "submit", className: "hsk-checkout-submit-btn", children: [
-                    "Pay ",
-                    currency,
-                    " ",
-                    total.toLocaleString()
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hsk-checkout-footer-brand", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Powered by Akropolys" }) })
-                ] })
-              ] }) }) })
-            ]
-          }
-        )
-      }
-    ),
-    document.body
-  );
-}
-
-// src/components/CartDrawer.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function CartDrawer({
-  trigger,
-  className,
-  theme
-}) {
-  const { cart, loading } = (0, import_sdk11.useCart)();
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const [showCheckout, setShowCheckout] = (0, import_react8.useState)(false);
-  const [mounted, setMounted] = (0, import_react8.useState)(false);
-  const client = (0, import_sdk11.useAkropolysContext)();
-  (0, import_react8.useEffect)(() => {
-    setMounted(true);
-    const handleTriggerCheckout = () => {
-      setShowCheckout(true);
-      setOpen(false);
-    };
-    window.addEventListener("akropolys:trigger_checkout", handleTriggerCheckout);
-    return () => {
-      window.removeEventListener("akropolys:trigger_checkout", handleTriggerCheckout);
-    };
-  }, []);
-  (0, import_react8.useEffect)(() => {
-    if (open) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [open]);
-  const handleCheckout = async () => {
-    if (!cart || cart.items.length === 0) return;
-    const event = new CustomEvent("akropolys:trigger_checkout", { cancelable: true });
-    window.dispatchEvent(event);
-    if (event.defaultPrevented) {
-      setOpen(false);
-      return;
-    }
-    setShowCheckout(true);
-  };
-  const isStringTheme = typeof theme === "string";
-  const hskThemeAttr = isStringTheme ? theme : void 0;
-  const customStyles = !isStringTheme && theme ? {
-    ...theme?.primaryColor && { "--hsk-primary": theme.primaryColor, "--hsk-primary-color": theme.primaryColor },
-    ...theme?.backgroundColor && { "--hsk-bg": theme.backgroundColor },
-    ...theme?.textColor && { "--hsk-text": theme.textColor },
-    ...theme?.fontFamily && { "--hsk-font": theme.fontFamily },
-    ...theme?.borderRadius && { "--hsk-border-radius": theme.borderRadius }
-  } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    trigger ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { onClick: () => setOpen(true), style: { display: "inline-block" }, children: trigger }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-      "button",
-      {
-        onClick: () => setOpen(true),
-        className: cn("hsk-cart-trigger", className),
-        style: customStyles,
-        "data-hsk-theme": hskThemeAttr,
-        "aria-label": "Open cart",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "9", cy: "21", r: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "20", cy: "21", r: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
-          ] }),
-          cart && cart.item_count > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "hsk-cart-trigger-badge", children: cart.item_count }) : null
-        ]
-      }
-    ),
-    open && mounted && (0, import_react_dom4.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "div",
-        {
-          className: "hsk-cart-backdrop",
-          style: customStyles,
-          "data-hsk-theme": hskThemeAttr,
-          onClick: () => setOpen(false),
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-            "div",
-            {
-              className: "hsk-cart-bottom-sheet",
-              style: customStyles,
-              "data-hsk-theme": hskThemeAttr,
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hsk-cart-sheet-handle" }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hsk-cart-sheet-header", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { children: "Your Cart" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setOpen(false), className: "hsk-close-btn", children: "\xD7" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hsk-cart-sheet-content", children: loading && !cart ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hsk-cart-loading", children: "Loading cart..." }) : !cart || cart.items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hsk-cart-empty", children: "Your cart is empty." }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "hsk-cart-items", children: cart.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { className: "hsk-cart-item", children: [
-                  item.image && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { src: item.image, alt: item.name, className: "hsk-cart-item-img" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hsk-cart-item-info", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "hsk-cart-item-name", children: item.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "hsk-cart-item-price", children: [
-                      item.currency,
-                      " ",
-                      item.price_numeric.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hsk-cart-item-qty", children: [
-                    "x",
-                    item.quantity
-                  ] })
-                ] }, item.id)) }) }),
-                cart && cart.items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hsk-cart-sheet-footer", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hsk-cart-total", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Total" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { children: [
-                      cart.currency,
-                      " ",
-                      cart.total.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: handleCheckout, className: "hsk-checkout-btn", children: "Checkout securely" })
-                ] })
-              ]
-            }
-          )
-        }
-      ),
-      document.body
-    ),
-    showCheckout && mounted && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      CheckoutModal,
-      {
-        onClose: () => {
-          setShowCheckout(false);
-          setOpen(false);
-        },
-        theme: isStringTheme ? theme : void 0,
-        customStyles,
-        hskThemeAttr
-      }
-    )
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CartBadge,
-  CartDrawer,
   ChatWidget,
-  CheckoutModal,
   ComparisonMatrix,
   KikuButton,
   KikuChat,