@akropolys/kiku 1.5.18 → 1.6.0

package/dist/index.mjs

@@ -71,7 +71,7 @@ function SearchBar({
     }
     ignoreNextQueryChange.current = true;
     setOpen(false);
-    setQuery(r.product.name ?? "");
+    setQuery(r.entity.title ?? r.entity.name ?? "");
     onSelect?.(r);
   };
   const handleCommitSearch = () => {
@@ -151,8 +151,8 @@ function SearchBar({
             children: [
               /* @__PURE__ */ jsx("span", { className: "hsk-sb-row-icon", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
               /* @__PURE__ */ jsxs("div", { className: "hsk-sb-row-body", children: [
-                /* @__PURE__ */ jsx("div", { className: "hsk-sb-row-title", children: r.product.name }),
-                (r.product.category || r.product.brand) && /* @__PURE__ */ jsx("div", { className: "hsk-sb-row-sub", children: r.product.category ?? r.product.brand })
+                /* @__PURE__ */ jsx("div", { className: "hsk-sb-row-title", children: r.entity.title ?? r.entity.name }),
+                (r.entity.category || r.entity.brand) && /* @__PURE__ */ jsx("div", { className: "hsk-sb-row-sub", children: r.entity.category ?? r.entity.brand })
               ] })
             ]
           },
@@ -653,7 +653,7 @@ I couldn't find any matching products in the store.`;
                 }) }) });
               }
               const featured = sources.filter((src) => src.id && referencedIds.includes(src.id));
-              const general = featured.length > 0 ? [] : sources.filter((src) => !src.id || !referencedIds.includes(src.id));
+              const general = referencedIds.length > 0 ? [] : sources.filter((src) => !src.id || !referencedIds.includes(src.id));
               return /* @__PURE__ */ jsxs4("div", { className: "hsk-sources-container", children: [
                 featured.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "hsk-sources-group", style: { marginBottom: "10px" }, children: [
                   /* @__PURE__ */ jsx5("div", { className: "hsk-sources-group-title", children: "\u2B50 Featured in response" }),
@@ -764,7 +764,6 @@ I couldn't find any matching products in the store.`;
 import { useState as useState5, useEffect as useEffect3, useRef as useRef5, useCallback as useCallback2 } from "react";
 import { createPortal } from "react-dom";
 import { useKiku as useKiku2 } from "@akropolys/sdk";
-import { usePaymentPolling } from "@akropolys/sdk";
 import { useAkropolysContext as useAkropolysContext3 } from "@akropolys/sdk";
 
 // src/components/ComparisonMatrix.tsx
@@ -1325,7 +1324,7 @@ function SourcesCarousel({ sources, defaultCurrency, onSelectSource, referencedI
     railRef.current?.scrollBy({ left: 170, behavior: "smooth" });
   };
   const referenced = sources.filter((s) => s.id && referencedIds.includes(s.id));
-  const display = referenced.length > 0 ? referenced : sources;
+  const display = referencedIds.length > 0 ? referenced : sources;
   return /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-sources-wrap", children: [
     /* @__PURE__ */ jsx7("div", { className: "hsk-cb-sources", ref: railRef, children: display.map((src, si) => {
       const isReferenced = !!(src.id && referencedIds.includes(src.id));
@@ -1713,31 +1712,15 @@ function ChatModal({
     }
     return "";
   });
-  const [merchantRef, setMerchantRef] = useState5(null);
   const [paymentPhase, setPaymentPhase] = useState5("idle");
   const [memoryKey, setMemoryKey] = useState5(null);
   const [sessions, setSessions] = useState5(() => loadSessions());
   const [sidebarOpen, setSidebarOpen] = useState5(false);
   const [replayMessages, setReplayMessages] = useState5(null);
-  const { status: pollStatus } = usePaymentPolling({
-    client: client.api,
-    merchantReference: merchantRef,
-    onSuccess: () => {
-      setPaymentPhase("done");
-      setMerchantRef(null);
-    },
-    onFailure: () => {
-      setPaymentPhase("failed");
-      setMerchantRef(null);
-    }
-  });
   useEffect3(() => {
     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";
@@ -1794,7 +1777,6 @@ function ChatModal({
     reset();
     setReplayMessages(null);
     setPaymentPhase("idle");
-    setMerchantRef(null);
   }, [reset, saveCurrentSession]);
   const handleSourceClick = (src) => {
     setSelectedProduct(src);
@@ -2082,56 +2064,6 @@ function ChatModal({
                 ] })
               ] }) }) })
             ] }),
-            !replayMessages && paymentPhase === "awaiting" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--awaiting", children: [
-              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-pulse-ring" }),
-              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ jsx7("span", { style: { fontSize: "2rem" }, children: "\u{1F4F1}" }) }),
-              /* @__PURE__ */ jsx7("p", { className: "hsk-cb-payment-label", style: { fontWeight: 600 }, children: "Check your phone" }),
-              /* @__PURE__ */ jsxs6("p", { className: "hsk-cb-payment-sub", children: [
-                "An M-Pesa STK push has been sent.",
-                /* @__PURE__ */ jsx7("br", {}),
-                "Enter your PIN to complete payment."
-              ] }),
-              /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-dots", children: [
-                /* @__PURE__ */ jsx7("div", { className: "hsk-cb-dot hsk-cb-dot--amber" }),
-                /* @__PURE__ */ jsx7("div", { className: "hsk-cb-dot hsk-cb-dot--amber" }),
-                /* @__PURE__ */ jsx7("div", { className: "hsk-cb-dot hsk-cb-dot--amber" })
-              ] })
-            ] }),
-            !replayMessages && paymentPhase === "done" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--success", children: [
-              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-success-ring" }),
-              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ jsx7("span", { style: { fontSize: "2.5rem" }, children: "\u2705" }) }),
-              /* @__PURE__ */ jsx7("p", { className: "hsk-cb-payment-label", children: "Payment complete!" }),
-              /* @__PURE__ */ jsx7("p", { className: "hsk-cb-payment-sub", children: "Thank you for your order. A confirmation has been sent." })
-            ] }),
-            !replayMessages && paymentPhase === "failed" && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-prompt hsk-cb-payment-prompt--failed", children: [
-              /* @__PURE__ */ jsx7("div", { className: "hsk-cb-payment-icon-wrap", children: /* @__PURE__ */ jsx7("span", { style: { fontSize: "2.5rem" }, children: "\u274C" }) }),
-              /* @__PURE__ */ jsx7("p", { className: "hsk-cb-payment-label", children: "Payment failed or timed out" }),
-              /* @__PURE__ */ jsx7("p", { className: "hsk-cb-payment-sub", children: "Please check your M-Pesa PIN and try again, or contact support." }),
-              /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-payment-actions", children: [
-                /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    className: "hsk-cb-pay-submit",
-                    onClick: () => {
-                      setPaymentPhase("prompt_phone");
-                      setMerchantRef(null);
-                    },
-                    children: "Try again"
-                  }
-                ),
-                /* @__PURE__ */ jsx7(
-                  "button",
-                  {
-                    className: "hsk-cb-pay-secondary",
-                    onClick: () => {
-                      setPaymentPhase("idle");
-                      setMerchantRef(null);
-                    },
-                    children: "Cancel"
-                  }
-                )
-              ] })
-            ] }),
             /* @__PURE__ */ jsx7("div", { ref: bottomRef, style: { height: 1 } })
           ] }),
           !replayMessages && /* @__PURE__ */ jsxs6("div", { className: "hsk-cb-input-wrap", children: [
@@ -2440,7 +2372,7 @@ function SparkleModal({
     if (!initialProduct && !fetchedProduct) {
       client.api.searchVector(productName, 1).then((res) => {
         if (res.results && res.results.length > 0) {
-          setFetchedProduct(res.results[0].product);
+          setFetchedProduct(res.results[0].entity);
         }
       }).catch((err) => console.error("[Akropolys] Failed to fetch product details", err));
     }
@@ -2473,7 +2405,7 @@ function SparkleModal({
     const prevent = onNavigate?.(r);
     if (prevent !== false) {
       onClose();
-      if (r.product.url) window.location.href = r.product.url;
+      if (r.entity.url) window.location.href = r.entity.url;
     }
   };
   const handleSend = async (text) => {
@@ -2560,7 +2492,7 @@ Question: ${q}`;
                     /* @__PURE__ */ jsx8("div", { className: "hsk-cb-ai-text", children: renderMarkdown(msg.content) }),
                     idx === 0 && displayProduct && /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-attachment-deck", children: [
                       /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-main-card", children: [
-                        /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-main-card-img", children: displayProduct.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: displayProduct.images[0], alt: displayProduct.name }) : /* @__PURE__ */ jsx8("span", { children: "\u{1F6CD}" }) }),
+                        /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-main-card-img", children: displayProduct.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: displayProduct.images[0], alt: displayProduct.name }) : /* @__PURE__ */ jsx8("span", { children: "\xF0\u0178\u203A\x8D" }) }),
                         /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-main-card-info", children: [
                           /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-main-card-brand", children: displayProduct.brand || displayProduct.category || "Product" }),
                           /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-main-card-name", children: displayProduct.name }),
@@ -2583,8 +2515,8 @@ Question: ${q}`;
                       (() => {
                         const similarProducts = results.filter(
                           (r) => {
-                            const isSameName = !!(r.product.name && displayProduct?.name && r.product.name.toLowerCase() === displayProduct.name.toLowerCase());
-                            const isSameSlug = r.product.slug && displayProduct?.slug && r.product.slug.toLowerCase() === displayProduct.slug.toLowerCase();
+                            const isSameName = !!(r.entity.name && displayProduct?.name && r.entity.name.toLowerCase() === displayProduct.name.toLowerCase());
+                            const isSameSlug = r.entity.slug && displayProduct?.slug && r.entity.slug.toLowerCase() === displayProduct.slug.toLowerCase();
                             return !isSameName && !isSameSlug;
                           }
                         );
@@ -2592,17 +2524,17 @@ Question: ${q}`;
                         return /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-similar-carousel-inline", children: [
                           /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-title", children: "Similar Products" }),
                           /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-list", children: similarProducts.map((r) => {
-                            const price = parseFloat(r.product.price?.replace(/[^0-9.]/g, "") || "0");
-                            const currency = r.product.currency ?? "KES";
+                            const price = parseFloat(r.entity.price?.replace(/[^0-9.]/g, "") || "0");
+                            const currency = r.entity.currency ?? "KES";
                             return /* @__PURE__ */ jsxs7(
                               "div",
                               {
                                 className: "hsk-sp-mobile-similar-carousel-item",
                                 onClick: () => handleNav(r),
                                 children: [
-                                  /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-img", children: r.product.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: r.product.images[0], alt: r.product.name }) : /* @__PURE__ */ jsx8("span", { children: "\u{1F6CD}" }) }),
+                                  /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-img", children: r.entity.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: r.entity.images[0], alt: r.entity.name }) : /* @__PURE__ */ jsx8("span", { children: "\xF0\u0178\u203A\x8D" }) }),
                                   /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-similar-carousel-meta", children: [
-                                    /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-name", title: r.product.name, children: r.product.name }),
+                                    /* @__PURE__ */ jsx8("div", { className: "hsk-sp-mobile-similar-carousel-name", title: r.entity.name, children: r.entity.name }),
                                     /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-mobile-similar-carousel-price", children: [
                                       currency,
                                       " ",
@@ -2706,7 +2638,7 @@ Question: ${q}`;
           /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-details-pane", children: [
             displayProduct && /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-product-profile-container", children: [
               /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-product-profile", children: [
-                /* @__PURE__ */ jsx8("div", { className: "hsk-sp-details-imgwrap", children: displayProduct.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: displayProduct.images[0], alt: displayProduct.name }) : /* @__PURE__ */ jsx8("span", { className: "hsk-sp-img-placeholder", children: "\u{1F6CD}" }) }),
+                /* @__PURE__ */ jsx8("div", { className: "hsk-sp-details-imgwrap", children: displayProduct.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: displayProduct.images[0], alt: displayProduct.name }) : /* @__PURE__ */ jsx8("span", { className: "hsk-sp-img-placeholder", children: "\xF0\u0178\u203A\x8D" }) }),
                 /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-details-meta", children: [
                   displayProduct.brand && /* @__PURE__ */ jsx8("span", { className: "hsk-sp-item-brand", children: displayProduct.brand }),
                   displayProduct.category && /* @__PURE__ */ jsx8("span", { className: "hsk-sp-item-cat", children: displayProduct.category }),
@@ -2723,7 +2655,7 @@ Question: ${q}`;
                   ] }),
                   /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-item-meta-badges", children: [
                     displayProduct.rating && /* @__PURE__ */ jsxs7("span", { className: "hsk-sp-meta-badge hsk-sp-meta-badge-rating", children: [
-                      "\u2605 ",
+                      "\xE2\u02DC\u2026 ",
                       parseFloat(displayProduct.rating.toString()).toFixed(1),
                       " ",
                       displayProduct.reviewCount ? `(${displayProduct.reviewCount})` : ""
@@ -2753,8 +2685,8 @@ Question: ${q}`;
               /* @__PURE__ */ jsx8("div", { className: "hsk-sp-results", children: (() => {
                 const similarProducts = results.filter(
                   (r) => {
-                    const isSameName = !!(r.product.name && displayProduct?.name && r.product.name.toLowerCase() === displayProduct.name.toLowerCase());
-                    const isSameSlug = r.product.slug && displayProduct?.slug && r.product.slug.toLowerCase() === displayProduct.slug.toLowerCase();
+                    const isSameName = !!(r.entity.name && displayProduct?.name && r.entity.name.toLowerCase() === displayProduct.name.toLowerCase());
+                    const isSameSlug = r.entity.slug && displayProduct?.slug && r.entity.slug.toLowerCase() === displayProduct.slug.toLowerCase();
                     return !isSameName && !isSameSlug;
                   }
                 );
@@ -2762,8 +2694,8 @@ Question: ${q}`;
                   return /* @__PURE__ */ jsx8("div", { className: "hsk-sp-empty", children: "No similar products found." });
                 }
                 return similarProducts.map((r, i) => {
-                  const price = parseFloat(r.product.price?.replace(/[^0-9.]/g, "") || "0");
-                  const currency = r.product.currency ?? "KES";
+                  const price = parseFloat(r.entity.price?.replace(/[^0-9.]/g, "") || "0");
+                  const currency = r.entity.currency ?? "KES";
                   return /* @__PURE__ */ jsxs7(
                     "div",
                     {
@@ -2771,11 +2703,11 @@ Question: ${q}`;
                       style: { animationDelay: `${i * 55}ms`, cursor: "pointer" },
                       onClick: () => handleNav(r),
                       children: [
-                        /* @__PURE__ */ jsx8("div", { className: "hsk-sp-img-wrap", children: r.product.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: r.product.images[0], alt: r.product.name }) : /* @__PURE__ */ jsx8("span", { className: "hsk-sp-img-placeholder", children: "\u{1F6CD}" }) }),
+                        /* @__PURE__ */ jsx8("div", { className: "hsk-sp-img-wrap", children: r.entity.images?.[0] ? /* @__PURE__ */ jsx8("img", { src: r.entity.images[0], alt: r.entity.name }) : /* @__PURE__ */ jsx8("span", { className: "hsk-sp-img-placeholder", children: "\xF0\u0178\u203A\x8D" }) }),
                         /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-item-body", children: [
                           /* @__PURE__ */ jsxs7("div", { children: [
-                            r.product.category && /* @__PURE__ */ jsx8("div", { className: "hsk-sp-item-cat", children: r.product.category }),
-                            /* @__PURE__ */ jsx8("div", { className: "hsk-sp-item-name", title: r.product.name, children: r.product.name })
+                            r.entity.category && /* @__PURE__ */ jsx8("div", { className: "hsk-sp-item-cat", children: r.entity.category }),
+                            /* @__PURE__ */ jsx8("div", { className: "hsk-sp-item-name", title: r.entity.name, children: r.entity.name })
                           ] }),
                           /* @__PURE__ */ jsxs7("div", { className: "hsk-sp-item-price-row", children: [
                             /* @__PURE__ */ jsx8("span", { className: "hsk-sp-item-currency", children: currency }),
@@ -2913,465 +2845,8 @@ function Sparkle({
     )
   ] });
 }
-
-// src/components/CartBadge.tsx
-import { useCart } from "@akropolys/sdk";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function CartBadge({ className }) {
-  const { cart } = useCart();
-  if (!cart || cart.item_count === 0) return null;
-  return /* @__PURE__ */ jsx9("span", { className: cn("hsk-cart-badge", className), children: cart.item_count });
-}
-
-// src/components/CartDrawer.tsx
-import { useState as useState8, useEffect as useEffect6 } from "react";
-import { createPortal as createPortal4 } from "react-dom";
-import { useCart as useCart3, useAkropolysContext as useAkropolysContext6 } from "@akropolys/sdk";
-
-// src/components/CheckoutModal.tsx
-import { useState as useState7, useEffect as useEffect5 } from "react";
-import { createPortal as createPortal3 } from "react-dom";
-import { useCart as useCart2, useAkropolysContext as useAkropolysContext5, usePaymentPolling as usePaymentPolling2 } from "@akropolys/sdk";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function CheckoutModal({
-  onClose,
-  theme,
-  customStyles,
-  hskThemeAttr
-}) {
-  const { cart, loading: cartLoading } = useCart2();
-  const client = useAkropolysContext5();
-  const [config, setConfig] = useState7(null);
-  const [loadingConfig, setLoadingConfig] = useState7(true);
-  const [phone, setPhone] = useState7(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_phone") || "";
-    }
-    return "";
-  });
-  const [email, setEmail] = useState7(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_email") || "";
-    }
-    return "";
-  });
-  const [firstName, setFirstName] = useState7(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_firstname") || "";
-    }
-    return "";
-  });
-  const [lastName, setLastName] = useState7(() => {
-    if (typeof window !== "undefined") {
-      return localStorage.getItem("akropolys_user_lastname") || "";
-    }
-    return "";
-  });
-  const [phase, setPhase] = useState7("idle");
-  const [merchantRef, setMerchantRef] = useState7(null);
-  const [payError, setPayError] = useState7(null);
-  const {} = usePaymentPolling2({
-    client: client.api,
-    merchantReference: merchantRef,
-    onSuccess: () => {
-      setPhase("done");
-      setMerchantRef(null);
-    },
-    onFailure: () => {
-      setPhase("failed");
-      setPayError("Payment failed or timed out. Please try again.");
-      setMerchantRef(null);
-    }
-  });
-  useEffect5(() => {
-    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 createPortal3(
-    /* @__PURE__ */ jsx10(
-      "div",
-      {
-        className: "hsk-checkout-backdrop-full",
-        style: backdropStyle,
-        "data-hsk-theme": hskThemeAttr,
-        children: /* @__PURE__ */ jsxs8(
-          "div",
-          {
-            className: "hsk-checkout-modal-full",
-            style: customStyles,
-            "data-hsk-theme": hskThemeAttr,
-            children: [
-              /* @__PURE__ */ jsx10(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onClose();
-                  },
-                  className: "hsk-checkout-close-x",
-                  "aria-label": "Close checkout",
-                  children: /* @__PURE__ */ jsxs8("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ jsx10("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ jsx10("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-panel-left", children: /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-left-content", children: [
-                /* @__PURE__ */ jsxs8("button", { onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  onClose();
-                }, className: "hsk-checkout-back-btn", children: [
-                  /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ jsx10("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
-                    /* @__PURE__ */ jsx10("polyline", { points: "12 19 5 12 12 5" })
-                  ] }),
-                  "Back to store"
-                ] }),
-                /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-store-info", children: /* @__PURE__ */ jsx10("h2", { children: "Secure Checkout" }) }),
-                /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-amount-due", children: [
-                  /* @__PURE__ */ jsx10("span", { className: "hsk-checkout-label-muted", children: "Pay total" }),
-                  /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-grand-total", children: [
-                    currency,
-                    " ",
-                    total.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                  ] })
-                ] }),
-                cartLoading || !cart ? /* @__PURE__ */ jsx10("p", { className: "hsk-cart-loading", children: "Loading order..." }) : /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-items-list-wrap", children: /* @__PURE__ */ jsx10("ul", { className: "hsk-checkout-items-list", children: cart.items.map((item) => /* @__PURE__ */ jsxs8("li", { className: "hsk-checkout-item-row", children: [
-                  /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-item-img-container", children: [
-                    item.image ? /* @__PURE__ */ jsx10("img", { src: item.image, alt: item.name, className: "hsk-checkout-item-img" }) : /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-item-img-placeholder", children: "\u{1F6D2}" }),
-                    /* @__PURE__ */ jsx10("span", { className: "hsk-checkout-item-qty-badge", children: item.quantity })
-                  ] }),
-                  /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-item-details", children: /* @__PURE__ */ jsx10("span", { className: "hsk-checkout-item-name", children: item.name }) }),
-                  /* @__PURE__ */ jsxs8("span", { className: "hsk-checkout-item-price", children: [
-                    item.currency,
-                    " ",
-                    (item.price_numeric * item.quantity).toLocaleString(void 0, { minimumFractionDigits: 2 })
-                  ] })
-                ] }, item.id)) }) })
-              ] }) }),
-              /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-panel-right", children: /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-right-content", children: phase === "done" ? /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-card success", children: [
-                /* @__PURE__ */ jsx10("div", { className: "hsk-status-icon-wrap success", children: /* @__PURE__ */ jsxs8("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx10("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-                  /* @__PURE__ */ jsx10("polyline", { points: "22 4 12 14.01 9 11.01" })
-                ] }) }),
-                /* @__PURE__ */ jsx10("h3", { children: "Payment Successful!" }),
-                /* @__PURE__ */ jsx10("p", { children: "Your transaction has been confirmed. Thank you for your order!" }),
-                /* @__PURE__ */ jsx10("button", { onClick: onClose, className: "hsk-pay-btn hsk-btn-primary", style: { marginTop: "1.5rem" }, children: "Continue Shopping" })
-              ] }) : phase === "awaiting" ? /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-card awaiting", children: [
-                /* @__PURE__ */ jsx10("div", { className: "hsk-status-spinner-wrap", children: /* @__PURE__ */ jsx10("div", { className: "hsk-status-spinner" }) }),
-                /* @__PURE__ */ jsx10("h3", { children: "Confirm payment on your phone" }),
-                /* @__PURE__ */ jsxs8("p", { children: [
-                  "We've sent an M-Pesa STK push prompt to ",
-                  /* @__PURE__ */ jsxs8("strong", { children: [
-                    "254",
-                    phone
-                  ] }),
-                  "."
-                ] }),
-                /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-stk-instructions", children: [
-                  /* @__PURE__ */ jsx10("p", { children: "1. Check your phone lockscreen for the M-Pesa prompt." }),
-                  /* @__PURE__ */ jsx10("p", { children: "2. Enter your M-Pesa PIN and press OK." }),
-                  /* @__PURE__ */ jsx10("p", { children: "3. Wait here \u2014 this page auto-updates once confirmed." })
-                ] }),
-                /* @__PURE__ */ jsx10(
-                  "button",
-                  {
-                    onClick: () => {
-                      setPhase("cancelled");
-                      setMerchantRef(null);
-                    },
-                    className: "hsk-checkout-cancel-btn",
-                    children: "Cancel payment"
-                  }
-                )
-              ] }) : phase === "cancelled" ? /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-card cancelled", children: [
-                /* @__PURE__ */ jsx10("div", { className: "hsk-status-icon-wrap cancelled", children: /* @__PURE__ */ jsxs8("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx10("path", { d: "m15 9-6 6M9 9l6 6" }),
-                  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "10" })
-                ] }) }),
-                /* @__PURE__ */ jsx10("h3", { children: "Payment Cancelled" }),
-                /* @__PURE__ */ jsx10("p", { children: "No charge was made. You can update your phone number and try again whenever you're ready." }),
-                /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-actions", children: [
-                  /* @__PURE__ */ jsx10("button", { onClick: () => {
-                    setPhase("idle");
-                    setPayError(null);
-                  }, className: "hsk-pay-btn hsk-btn-primary", children: "Try again" }),
-                  /* @__PURE__ */ jsx10("button", { onClick: onClose, className: "hsk-checkout-cancel-btn", children: "Back to cart" })
-                ] })
-              ] }) : phase === "failed" ? /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-card failed", children: [
-                /* @__PURE__ */ jsx10("div", { className: "hsk-status-icon-wrap failed", children: /* @__PURE__ */ jsxs8("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx10("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ jsx10("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                  /* @__PURE__ */ jsx10("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-                ] }) }),
-                /* @__PURE__ */ jsx10("h3", { children: "Payment Failed" }),
-                /* @__PURE__ */ jsx10("p", { className: "hsk-checkout-error-text", children: payError || "Could not verify M-Pesa transaction. Please check your phone and try again." }),
-                /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-status-actions", children: [
-                  /* @__PURE__ */ jsx10("button", { onClick: () => {
-                    setPhase("idle");
-                    setPayError(null);
-                  }, className: "hsk-pay-btn hsk-btn-primary", children: "Try again" }),
-                  /* @__PURE__ */ jsx10("button", { onClick: onClose, className: "hsk-checkout-cancel-btn", children: "Back to cart" })
-                ] })
-              ] }) : /* @__PURE__ */ jsxs8("div", { className: "hsk-checkout-payment-form-wrap", children: [
-                /* @__PURE__ */ jsx10("h3", { className: "hsk-checkout-section-title", children: "Payment details" }),
-                loadingConfig ? /* @__PURE__ */ jsx10("p", { className: "hsk-cart-loading", children: "Loading payment configuration..." }) : !hasPaymentMethods ? /* @__PURE__ */ jsx10("p", { className: "hsk-checkout-error", children: "No payment methods configured for this store." }) : /* @__PURE__ */ jsxs8("form", { onSubmit: handlePay, className: "hsk-stripe-checkout-form", children: [
-                  /* @__PURE__ */ jsxs8("div", { className: "hsk-form-group", children: [
-                    /* @__PURE__ */ jsx10("label", { className: "hsk-form-label", children: "M-Pesa Mobile Number" }),
-                    /* @__PURE__ */ jsxs8("div", { className: "hsk-phone-input-container", children: [
-                      /* @__PURE__ */ jsx10("span", { className: "hsk-phone-prefix", children: "254" }),
-                      /* @__PURE__ */ jsx10(
-                        "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__ */ jsx10("span", { className: "hsk-form-hint", children: "Enter your 9-digit number (e.g. 712345678)" })
-                  ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "hsk-form-group", children: [
-                    /* @__PURE__ */ jsx10("label", { className: "hsk-form-label", children: "Email address" }),
-                    /* @__PURE__ */ jsx10(
-                      "input",
-                      {
-                        type: "email",
-                        placeholder: "john.doe@example.com",
-                        value: email,
-                        onChange: (e) => setEmail(e.target.value),
-                        className: "hsk-form-input"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "hsk-form-row", children: [
-                    /* @__PURE__ */ jsxs8("div", { className: "hsk-form-group", children: [
-                      /* @__PURE__ */ jsx10("label", { className: "hsk-form-label", children: "First Name" }),
-                      /* @__PURE__ */ jsx10(
-                        "input",
-                        {
-                          type: "text",
-                          placeholder: "John",
-                          value: firstName,
-                          onChange: (e) => setFirstName(e.target.value),
-                          className: "hsk-form-input"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxs8("div", { className: "hsk-form-group", children: [
-                      /* @__PURE__ */ jsx10("label", { className: "hsk-form-label", children: "Last Name" }),
-                      /* @__PURE__ */ jsx10(
-                        "input",
-                        {
-                          type: "text",
-                          placeholder: "Doe",
-                          value: lastName,
-                          onChange: (e) => setLastName(e.target.value),
-                          className: "hsk-form-input"
-                        }
-                      )
-                    ] })
-                  ] }),
-                  payError && /* @__PURE__ */ jsx10("div", { className: "hsk-form-error-banner", children: payError }),
-                  /* @__PURE__ */ jsxs8("button", { type: "submit", className: "hsk-checkout-submit-btn", children: [
-                    "Pay ",
-                    currency,
-                    " ",
-                    total.toLocaleString()
-                  ] }),
-                  /* @__PURE__ */ jsx10("div", { className: "hsk-checkout-footer-brand", children: /* @__PURE__ */ jsx10("span", { children: "Powered by Akropolys" }) })
-                ] })
-              ] }) }) })
-            ]
-          }
-        )
-      }
-    ),
-    document.body
-  );
-}
-
-// src/components/CartDrawer.tsx
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function CartDrawer({
-  trigger,
-  className,
-  theme
-}) {
-  const { cart, loading } = useCart3();
-  const [open, setOpen] = useState8(false);
-  const [showCheckout, setShowCheckout] = useState8(false);
-  const [mounted, setMounted] = useState8(false);
-  const client = useAkropolysContext6();
-  useEffect6(() => {
-    setMounted(true);
-    const handleTriggerCheckout = () => {
-      setShowCheckout(true);
-      setOpen(false);
-    };
-    window.addEventListener("akropolys:trigger_checkout", handleTriggerCheckout);
-    return () => {
-      window.removeEventListener("akropolys:trigger_checkout", handleTriggerCheckout);
-    };
-  }, []);
-  useEffect6(() => {
-    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__ */ jsxs9(Fragment5, { children: [
-    trigger ? /* @__PURE__ */ jsx11("div", { onClick: () => setOpen(true), style: { display: "inline-block" }, children: trigger }) : /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        onClick: () => setOpen(true),
-        className: cn("hsk-cart-trigger", className),
-        style: customStyles,
-        "data-hsk-theme": hskThemeAttr,
-        "aria-label": "Open cart",
-        children: [
-          /* @__PURE__ */ jsxs9("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsx11("circle", { cx: "9", cy: "21", r: "1" }),
-            /* @__PURE__ */ jsx11("circle", { cx: "20", cy: "21", r: "1" }),
-            /* @__PURE__ */ jsx11("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__ */ jsx11("span", { className: "hsk-cart-trigger-badge", children: cart.item_count }) : null
-        ]
-      }
-    ),
-    open && mounted && createPortal4(
-      /* @__PURE__ */ jsx11(
-        "div",
-        {
-          className: "hsk-cart-backdrop",
-          style: customStyles,
-          "data-hsk-theme": hskThemeAttr,
-          onClick: () => setOpen(false),
-          children: /* @__PURE__ */ jsxs9(
-            "div",
-            {
-              className: "hsk-cart-bottom-sheet",
-              style: customStyles,
-              "data-hsk-theme": hskThemeAttr,
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ jsx11("div", { className: "hsk-cart-sheet-handle" }),
-                /* @__PURE__ */ jsxs9("div", { className: "hsk-cart-sheet-header", children: [
-                  /* @__PURE__ */ jsx11("h2", { children: "Your Cart" }),
-                  /* @__PURE__ */ jsx11("button", { onClick: () => setOpen(false), className: "hsk-close-btn", children: "\xD7" })
-                ] }),
-                /* @__PURE__ */ jsx11("div", { className: "hsk-cart-sheet-content", children: loading && !cart ? /* @__PURE__ */ jsx11("div", { className: "hsk-cart-loading", children: "Loading cart..." }) : !cart || cart.items.length === 0 ? /* @__PURE__ */ jsx11("div", { className: "hsk-cart-empty", children: "Your cart is empty." }) : /* @__PURE__ */ jsx11("ul", { className: "hsk-cart-items", children: cart.items.map((item) => /* @__PURE__ */ jsxs9("li", { className: "hsk-cart-item", children: [
-                  item.image && /* @__PURE__ */ jsx11("img", { src: item.image, alt: item.name, className: "hsk-cart-item-img" }),
-                  /* @__PURE__ */ jsxs9("div", { className: "hsk-cart-item-info", children: [
-                    /* @__PURE__ */ jsx11("span", { className: "hsk-cart-item-name", children: item.name }),
-                    /* @__PURE__ */ jsxs9("span", { className: "hsk-cart-item-price", children: [
-                      item.currency,
-                      " ",
-                      item.price_numeric.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs9("div", { className: "hsk-cart-item-qty", children: [
-                    "x",
-                    item.quantity
-                  ] })
-                ] }, item.id)) }) }),
-                cart && cart.items.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "hsk-cart-sheet-footer", children: [
-                  /* @__PURE__ */ jsxs9("div", { className: "hsk-cart-total", children: [
-                    /* @__PURE__ */ jsx11("span", { children: "Total" }),
-                    /* @__PURE__ */ jsxs9("span", { children: [
-                      cart.currency,
-                      " ",
-                      cart.total.toLocaleString(void 0, { minimumFractionDigits: 2 })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx11("button", { onClick: handleCheckout, className: "hsk-checkout-btn", children: "Checkout securely" })
-                ] })
-              ]
-            }
-          )
-        }
-      ),
-      document.body
-    ),
-    showCheckout && mounted && /* @__PURE__ */ jsx11(
-      CheckoutModal,
-      {
-        onClose: () => {
-          setShowCheckout(false);
-          setOpen(false);
-        },
-        theme: isStringTheme ? theme : void 0,
-        customStyles,
-        hskThemeAttr
-      }
-    )
-  ] });
-}
 export {
-  CartBadge,
-  CartDrawer,
   ChatWidget,
-  CheckoutModal,
   ComparisonMatrix,
   KikuButton,
   ChatWidget as KikuChat,