@aigentyc/chat-sdk 0.1.0

package/dist/chunk-NWF735F5.js

@@ -0,0 +1,1631 @@
+"use client";
+import { useIsMobile, useLiveChat, usePreviewEmbed } from './chunk-5F3O3ZJH.js';
+import { useTheme } from './chunk-UKEL7FWS.js';
+import { Conversation, ConversationContent, Loader } from './chunk-VS3NZ7FX.js';
+import { useI18n } from './chunk-QYCEHFAB.js';
+import { ToolRenderer } from './chunk-YQELMJW5.js';
+import { useChatContext, useSlots, renderSlot } from './chunk-FYPJSHCL.js';
+import { cn } from './chunk-3RW7O444.js';
+import { memo, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { X, ArrowLeft, ShoppingCart, Plus, Ticket, FerrisWheel, Flag, Building, Heart, Star, Calendar, MapPin, Hotel, Coffee, Utensils, Settings, Users, FileText, HelpCircle, Search, Zap, MessageSquare, Shield, Minus, Trash2, SparklesIcon, Headset, Send, ThumbsUp, ThumbsDown, ExternalLink } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function BotIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "8", width: "18", height: "12", rx: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "14", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "15.5", cy: "14", r: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 4v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 2h8" })
+  ] });
+}
+var ChatHeader = memo(function ChatHeader2({
+  isWelcome = false,
+  onNewConversation,
+  onClose,
+  clientName,
+  logoUrl,
+  cartCount,
+  onCartClick
+}) {
+  const { t, direction } = useI18n();
+  const ctx = useChatContext();
+  const displayName = clientName || ctx.config.clientName || "AI Assistant";
+  const LogoOrIcon = () => {
+    if (logoUrl) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logoUrl,
+          alt: displayName,
+          className: "max-h-[40px] w-auto max-w-[120px] object-contain"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(BotIcon, { className: "w-6 h-6" });
+  };
+  const SmallLogoOrIcon = () => {
+    if (logoUrl) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logoUrl,
+          alt: displayName,
+          className: "h-5 w-auto max-w-[100px] object-contain"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(BotIcon, { className: "w-5 h-5" });
+  };
+  const handleCloseAction = () => {
+    onClose?.();
+    if (typeof document !== "undefined") {
+      const event = new CustomEvent("aigentyc:close-chat", {
+        bubbles: true,
+        composed: true
+      });
+      document.dispatchEvent(event);
+    }
+  };
+  if (isWelcome) {
+    return /* @__PURE__ */ jsxs(
+      "header",
+      {
+        className: "flex items-center justify-between px-6 py-4 border-b",
+        style: { background: "var(--ac-background)", borderColor: "var(--ac-border)" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCloseAction,
+              className: "p-1 hover:bg-secondary rounded transition-colors",
+              children: /* @__PURE__ */ jsx(X, { className: "w-6 h-6" })
+            }
+          ),
+          logoUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-medium", children: displayName }),
+            /* @__PURE__ */ jsx(LogoOrIcon, {})
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-lg font-medium", children: displayName }),
+          !logoUrl && /* @__PURE__ */ jsx(BotIcon, { className: "w-6 h-6" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: "flex items-center justify-between px-6 py-4 border-b",
+      style: { background: "var(--ac-background)", borderColor: "var(--ac-border)" },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onNewConversation,
+              className: "p-2 hover:bg-secondary rounded-lg transition-colors",
+              title: t("backToStart"),
+              children: /* @__PURE__ */ jsx(ArrowLeft, { className: cn("w-5 h-5", direction === "rtl" && "rotate-180") })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(SmallLogoOrIcon, {}),
+            !logoUrl && /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: displayName })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          cartCount !== void 0 && cartCount >= 0 && onCartClick && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onCartClick,
+              className: "relative p-2 hover:bg-secondary rounded-lg transition-colors",
+              title: t("cart"),
+              children: [
+                /* @__PURE__ */ jsx(ShoppingCart, { className: "w-5 h-5" }),
+                cartCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -end-0.5 min-w-[18px] h-[18px] flex items-center justify-center bg-red-500 text-white text-[10px] font-bold rounded-full px-1", children: cartCount })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onNewConversation,
+              className: "p-2 hover:bg-secondary rounded-lg transition-colors",
+              title: t("newConversation"),
+              children: /* @__PURE__ */ jsx(Plus, { className: "w-5 h-5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCloseAction,
+              className: "p-2 hover:bg-secondary rounded-lg transition-colors",
+              title: t("closeChat"),
+              children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+var ChatInput = memo(function ChatInput2({
+  value,
+  onChange,
+  onSubmit,
+  isProcessing = false,
+  placeholder
+}) {
+  const [isFocused, setIsFocused] = useState(false);
+  const { t, direction } = useI18n();
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && value.trim() && !isProcessing) {
+      e.preventDefault();
+      onSubmit(value);
+    }
+  };
+  const hasValue = value.trim().length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `
+				relative flex items-center gap-3
+				rounded-2xl
+				border-2 transition-all duration-300
+				${isFocused ? "shadow-lg" : "shadow-md hover:shadow-lg"}
+				ps-4 md:ps-5 pe-1.5 md:pe-2
+			`,
+      style: {
+        backgroundColor: "var(--ac-background)",
+        borderColor: isFocused ? "var(--ac-primary)" : "var(--ac-border, #e8e8e8)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "shrink-0 transition-colors duration-300",
+            style: { color: isFocused ? "var(--ac-primary)" : "#a0a0a0" },
+            children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+              /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            dir: direction,
+            type: "text",
+            value,
+            onChange: (e) => onChange(e.target.value),
+            onKeyDown: handleKeyDown,
+            onFocus: () => setIsFocused(true),
+            onBlur: () => setIsFocused(false),
+            disabled: isProcessing,
+            placeholder: placeholder || t("typeMessage"),
+            className: "\n					flex-1 bg-transparent text-start\n					outline-none text-base\n					min-h-[52px] md:min-h-[60px]\n					disabled:opacity-50\n				",
+            style: { color: "var(--ac-text)" }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSubmit(value),
+            disabled: !hasValue || isProcessing,
+            className: `
+					group relative flex items-center justify-center
+					w-10 h-10 md:w-12 md:h-12
+					rounded-xl shrink-0
+					transition-all duration-300 overflow-hidden
+					${hasValue && !isProcessing ? "shadow-md hover:shadow-lg hover:scale-105" : "cursor-not-allowed"}
+					disabled:hover:scale-100
+				`,
+            style: {
+              backgroundColor: hasValue && !isProcessing ? "var(--ac-primary)" : "#f0f0f0",
+              color: hasValue && !isProcessing ? "var(--ac-primary-foreground, #fff)" : "#a0a0a0"
+            },
+            title: t("send"),
+            children: isProcessing ? /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                className: `w-5 h-5 md:w-6 md:h-6 relative z-10 transition-transform duration-300 group-hover:translate-x-0.5 ${direction === "rtl" ? "rotate-180" : ""}`,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                  /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+function ChatFooter({ footerText }) {
+  const { t } = useI18n();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center justify-center gap-1.5 sm:gap-2 py-2 sm:py-3 text-xs sm:text-sm px-4",
+      style: { color: "var(--ac-chat-footer-text, #c4c4c4)" },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-center", children: footerText || t("alwaysVerify") }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "|" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t("poweredBy") }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://aigentyc.ai/",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "font-semibold tracking-tight hover:underline",
+            style: { color: "var(--ac-text, inherit)" },
+            children: "aiGentyc"
+          }
+        )
+      ]
+    }
+  );
+}
+var ICON_MAP = {
+  Shield,
+  MessageSquare,
+  Zap,
+  Search,
+  HelpCircle,
+  FileText,
+  Users,
+  Settings,
+  Utensils,
+  Coffee,
+  Hotel,
+  MapPin,
+  Calendar,
+  Star,
+  Heart,
+  Building,
+  Flag,
+  FerrisWheel,
+  Ticket
+};
+var DEFAULT_ACTIONS = [
+  { id: "about", label: "aboutUs", description: "aboutUsDesc", icon: Shield, query: "aboutUsQuery" },
+  { id: "support", label: "support", description: "supportDesc", icon: MessageSquare, query: "supportQuery" },
+  { id: "features", label: "features", description: "featuresDesc", icon: Zap, query: "featuresQuery" },
+  { id: "search", label: "search", description: "searchDesc", icon: Search, query: "searchQuery" }
+];
+function WelcomePage({
+  onSelectCategory,
+  isProcessing = false,
+  isOpen = true,
+  clientName,
+  questions,
+  welcomeTitle,
+  welcomeSubtitle,
+  hideWelcomeHeader = false,
+  loading = false,
+  questionsLayout = "vertical",
+  questionsLayoutMobile
+}) {
+  const isMobile = useIsMobile();
+  const { t } = useI18n();
+  const layout = isMobile && questionsLayoutMobile ? questionsLayoutMobile : questionsLayout;
+  const isHorizontal = layout === "horizontal";
+  const [shouldAnimate, setShouldAnimate] = useState(false);
+  const wasOpenRef = useRef(false);
+  const hasCustomQuestions = questions && questions.length > 0;
+  useEffect(() => {
+    if (isMobile && isOpen && !wasOpenRef.current) {
+      const timer = setTimeout(() => setShouldAnimate(true), 350);
+      wasOpenRef.current = true;
+      return () => clearTimeout(timer);
+    }
+    if (!isOpen) {
+      setShouldAnimate(false);
+      wasOpenRef.current = false;
+    }
+  }, [isMobile, isOpen]);
+  const handleActionClick = (action) => {
+    if (isProcessing) return;
+    onSelectCategory(t(action.query, { clientName }), true);
+  };
+  const handleCustomQuestionClick = (question) => {
+    if (isProcessing) return;
+    onSelectCategory(question.query, true);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex flex-col items-center flex-1 min-h-0 overflow-y-auto px-5 sm:px-[40px] py-6 sm:py-12",
+      style: { backgroundColor: "var(--ac-background)" },
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 sm:gap-8 w-full my-auto", children: [
+        !hideWelcomeHeader && /* @__PURE__ */ jsx("div", { className: "text-center max-w-md", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "h-8 sm:h-9 bg-muted rounded-lg w-3/4 mx-auto mb-3 animate-pulse" }),
+          /* @__PURE__ */ jsx("div", { className: "h-5 bg-muted rounded w-full mx-auto animate-pulse" })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-[26px] sm:text-[32px] font-semibold mb-2 sm:mb-3", style: { color: "var(--ac-text)" }, children: welcomeTitle || t("welcomeTitle", { clientName }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-[15px] sm:text-lg text-muted-foreground", children: welcomeSubtitle || t("welcomeSubtitle", { clientName }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 w-full max-w-2xl", children: loading ? /* @__PURE__ */ jsx(Fragment, { children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex gap-3 p-4 border rounded-2xl animate-pulse",
+              isHorizontal ? "flex-row items-center" : "flex-col items-center"
+            ),
+            style: { backgroundColor: "var(--ac-background)", borderColor: "var(--ac-border)" },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-lg bg-muted shrink-0" }),
+              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5 w-full", !isHorizontal && "items-center"), children: [
+                /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-3/4" }),
+                /* @__PURE__ */ jsx("div", { className: "h-3 bg-muted rounded w-1/2" })
+              ] })
+            ]
+          },
+          i
+        )) }) : hasCustomQuestions ? questions.map((question, index) => {
+          const Icon = question.icon ? ICON_MAP[question.icon] || HelpCircle : null;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleCustomQuestionClick(question),
+              disabled: isProcessing,
+              className: cn(
+                "group relative w-full active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200",
+                "flex gap-3 p-4",
+                "border rounded-2xl shadow-sm hover:bg-accent",
+                isHorizontal ? "flex-row items-center text-start" : "flex-col items-center text-center"
+              ),
+              style: {
+                backgroundColor: question.bgColor || "var(--ac-background)",
+                borderColor: "var(--ac-border)",
+                ...isMobile ? {
+                  opacity: shouldAnimate ? 1 : 0,
+                  transform: shouldAnimate ? "translateY(0)" : "translateY(8px)",
+                  transition: "opacity 300ms ease-out, transform 300ms ease-out, background-color 150ms",
+                  transitionDelay: shouldAnimate ? `${index * 60}ms` : "0ms"
+                } : {}
+              },
+              children: [
+                Icon && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex items-center justify-center shrink-0 w-10 h-10 rounded-lg transition-all duration-200",
+                    style: {
+                      backgroundColor: question.iconBgColor || "color-mix(in srgb, var(--ac-primary) 10%, transparent)"
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        className: "w-5 h-5",
+                        style: { color: question.iconColor || "var(--ac-primary)" },
+                        strokeWidth: 2
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-0.5 min-w-0 w-full", !isHorizontal && "items-center"), children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "font-semibold text-[13px] sm:text-[14px] leading-snug",
+                      style: { color: question.textColor || "var(--ac-text)" },
+                      children: question.label
+                    }
+                  ),
+                  question.description && /* @__PURE__ */ jsx("span", { className: "text-[11px] sm:text-[12px] leading-snug text-muted-foreground", children: question.description })
+                ] })
+              ]
+            },
+            question.id
+          );
+        }) : DEFAULT_ACTIONS.map((action, index) => {
+          const Icon = action.icon;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleActionClick(action),
+              disabled: isProcessing,
+              className: cn(
+                "group relative w-full active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200",
+                "flex gap-3 p-4",
+                "border rounded-2xl shadow-sm hover:bg-accent hover:shadow-md",
+                isHorizontal ? "flex-row items-center text-start" : "flex-col items-center text-center"
+              ),
+              style: {
+                backgroundColor: "var(--ac-background)",
+                borderColor: "var(--ac-border)",
+                ...isMobile ? {
+                  opacity: shouldAnimate ? 1 : 0,
+                  transform: shouldAnimate ? "translateY(0)" : "translateY(8px)",
+                  transition: "opacity 300ms ease-out, transform 300ms ease-out, background-color 150ms",
+                  transitionDelay: shouldAnimate ? `${index * 60}ms` : "0ms"
+                } : {}
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex items-center justify-center shrink-0 w-10 h-10 rounded-lg transition-all duration-200",
+                    style: {
+                      backgroundColor: "color-mix(in srgb, var(--ac-primary) 10%, transparent)"
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { className: "w-5 h-5", style: { color: "var(--ac-primary)" }, strokeWidth: 2 })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-0.5 min-w-0 w-full", !isHorizontal && "items-center"), children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-semibold text-[13px] sm:text-[14px] leading-snug", style: { color: "var(--ac-text)" }, children: t(action.label, { clientName }) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[11px] sm:text-[12px] text-muted-foreground leading-snug", children: t(action.description, { clientName }) })
+                ] })
+              ]
+            },
+            action.id
+          );
+        }) })
+      ] })
+    }
+  );
+}
+function QuickQuestions({ questions, onSelect, isProcessing = false, pageKey }) {
+  const [dismissed, setDismissed] = useState(false);
+  const prevPageKeyRef = useRef(pageKey);
+  const scrollRef = useRef(null);
+  const { direction } = useI18n();
+  useEffect(() => {
+    if (prevPageKeyRef.current !== pageKey) {
+      setDismissed(false);
+      prevPageKeyRef.current = pageKey;
+    }
+  }, [pageKey]);
+  if (dismissed || questions.length === 0) return null;
+  const isRtl = direction === "rtl";
+  return /* @__PURE__ */ jsxs("div", { className: "pb-2.5 pt-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn("flex gap-2 overflow-x-auto pb-1 scrollbar-none", isRtl && "flex-row-reverse"),
+        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+        children: [
+          questions.map((q, index) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect(q.query),
+              disabled: isProcessing,
+              className: cn(
+                "group relative shrink-0",
+                "flex items-center gap-2 px-4 py-2.5",
+                "text-[13px] leading-tight",
+                "border rounded-2xl",
+                "hover:shadow-sm",
+                "active:scale-[0.98] transition-all duration-150",
+                "disabled:opacity-50 disabled:cursor-not-allowed"
+              ),
+              style: {
+                backgroundColor: "var(--ac-background)",
+                borderColor: "var(--ac-border)",
+                color: "var(--ac-text)",
+                animationDelay: `${index * 40}ms`,
+                animation: "quickq-in 0.25s ease-out both"
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: q.label }),
+                /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    className: cn(
+                      "w-3.5 h-3.5 shrink-0 opacity-50 group-hover:opacity-100 transition-all duration-150",
+                      "group-hover:translate-x-0.5",
+                      isRtl && "rotate-180 group-hover:-translate-x-0.5"
+                    ),
+                    style: { color: "var(--ac-primary)" },
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                      /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+                    ]
+                  }
+                )
+              ]
+            },
+            q.id
+          )),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setDismissed(true),
+              className: "shrink-0 flex items-center justify-center w-8 h-8 my-auto rounded-full hover:bg-accent transition-colors duration-150",
+              title: isRtl ? "\u05E1\u05D2\u05D5\u05E8" : "Dismiss",
+              children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("style", { children: `
+				@keyframes quickq-in {
+					from { opacity: 0; transform: translateY(6px); }
+					to { opacity: 1; transform: translateY(0); }
+				}
+				.scrollbar-none::-webkit-scrollbar { display: none; }
+			` })
+  ] });
+}
+function formatPrice(minorUnits, currencyMinorUnit, currencySymbol) {
+  const value = parseInt(minorUnits, 10) / Math.pow(10, currencyMinorUnit);
+  const formatted = value % 1 === 0 ? value.toFixed(0) : value.toFixed(2);
+  return `${currencySymbol}${formatted}`;
+}
+function decodeHtmlEntities(text) {
+  return text.replace(/&#(\d+);/g, (_, code) => String.fromCharCode(Number(code))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&ndash;/g, "\u2013").replace(/&mdash;/g, "\u2014").replace(/&laquo;/g, "\xAB").replace(/&raquo;/g, "\xBB");
+}
+function CartDrawer({ storeOrigin, isOpen, onClose, onCartUpdate }) {
+  const { t } = useI18n();
+  const [cart, setCart] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [updatingKeys, setUpdatingKeys] = useState(/* @__PURE__ */ new Set());
+  const nonceRef = useRef("");
+  const fetchCart = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch(`${storeOrigin}/wp-json/wc/store/v1/cart`, { credentials: "include" });
+      const nonce = res.headers.get("Nonce") || res.headers.get("X-WC-Store-API-Nonce") || "";
+      if (nonce) nonceRef.current = nonce;
+      if (res.ok) {
+        const data = await res.json();
+        setCart(data);
+        onCartUpdate?.(data.items_count);
+      }
+    } catch (err) {
+      console.error("[CartDrawer] Failed to fetch cart:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [storeOrigin, onCartUpdate]);
+  useEffect(() => {
+    if (isOpen) fetchCart();
+  }, [isOpen, fetchCart]);
+  const updateItem = useCallback(
+    async (key, quantity) => {
+      setUpdatingKeys((prev) => new Set(prev).add(key));
+      try {
+        const res = await fetch(`${storeOrigin}/wp-json/wc/store/v1/cart/update-item`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Nonce: nonceRef.current,
+            "X-WC-Store-API-Nonce": nonceRef.current
+          },
+          credentials: "include",
+          body: JSON.stringify({ key, quantity })
+        });
+        const nonce = res.headers.get("Nonce") || res.headers.get("X-WC-Store-API-Nonce") || "";
+        if (nonce) nonceRef.current = nonce;
+        if (res.ok) {
+          const data = await res.json();
+          setCart(data);
+          onCartUpdate?.(data.items_count);
+        }
+      } catch (err) {
+        console.error("[CartDrawer] Failed to update item:", err);
+      } finally {
+        setUpdatingKeys((prev) => {
+          const next = new Set(prev);
+          next.delete(key);
+          return next;
+        });
+      }
+    },
+    [storeOrigin, onCartUpdate]
+  );
+  const removeItem = useCallback(
+    async (key) => {
+      setUpdatingKeys((prev) => new Set(prev).add(key));
+      try {
+        const res = await fetch(`${storeOrigin}/wp-json/wc/store/v1/cart/remove-item`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Nonce: nonceRef.current,
+            "X-WC-Store-API-Nonce": nonceRef.current
+          },
+          credentials: "include",
+          body: JSON.stringify({ key })
+        });
+        const nonce = res.headers.get("Nonce") || res.headers.get("X-WC-Store-API-Nonce") || "";
+        if (nonce) nonceRef.current = nonce;
+        if (res.ok) {
+          const data = await res.json();
+          setCart(data);
+          onCartUpdate?.(data.items_count);
+        }
+      } catch (err) {
+        console.error("[CartDrawer] Failed to remove item:", err);
+      } finally {
+        setUpdatingKeys((prev) => {
+          const next = new Set(prev);
+          next.delete(key);
+          return next;
+        });
+      }
+    },
+    [storeOrigin, onCartUpdate]
+  );
+  if (!isOpen) return null;
+  const items = cart?.items ?? [];
+  const totalPrice = cart ? formatPrice(cart.totals.total_price, cart.totals.currency_minor_unit, cart.totals.currency_symbol) : "";
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-[57px] z-50 px-3 pt-1", dir: "rtl", children: /* @__PURE__ */ jsxs("div", { className: "rounded-xl border shadow-lg overflow-hidden", style: { backgroundColor: "var(--ac-background)", borderColor: "var(--ac-border)" }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b bg-muted/30", style: { borderColor: "var(--ac-border)" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(ShoppingCart, { className: "w-4 h-4", style: { color: "var(--ac-primary)" } }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", style: { color: "var(--ac-text)" }, children: t("yourCart") }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "(",
+          t("cartItems", { count: String(cart?.items_count ?? 0) }),
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, className: "p-1 hover:bg-secondary rounded transition-colors", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-muted-foreground" }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] overflow-y-auto", children: loading && !cart ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx("div", { className: "w-5 h-5 border-2 border-t-transparent rounded-full animate-spin", style: { borderColor: "var(--ac-primary)", borderTopColor: "transparent" } }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(ShoppingCart, { className: "w-8 h-8 opacity-40" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cartEmpty") })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "divide-y", style: { borderColor: "var(--ac-border)" }, children: items.map((item) => {
+      const isUpdating = updatingKeys.has(item.key);
+      const imgSrc = item.images?.[0]?.thumbnail || item.images?.[0]?.src || "";
+      const lineTotal = formatPrice(
+        item.totals.line_total,
+        item.totals.currency_minor_unit,
+        cart.totals.currency_symbol
+      );
+      return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 px-4 py-3 ${isUpdating ? "opacity-50" : ""}`, children: [
+        imgSrc ? /* @__PURE__ */ jsx("img", { src: imgSrc, alt: item.name, className: "w-10 h-10 rounded-lg object-cover shrink-0", loading: "lazy" }) : /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-lg bg-muted flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(ShoppingCart, { className: "w-4 h-4 text-muted-foreground/40" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[13px] font-medium line-clamp-1", style: { color: "var(--ac-text)" }, children: decodeHtmlEntities(item.name) }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold mt-0.5", style: { color: "var(--ac-primary)" }, children: lineTotal })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => updateItem(item.key, item.quantity - 1),
+              disabled: isUpdating || item.quantity <= 1,
+              className: "w-6 h-6 flex items-center justify-center rounded bg-secondary hover:bg-secondary/80 disabled:opacity-40 transition-colors",
+              children: /* @__PURE__ */ jsx(Minus, { className: "w-3 h-3" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium w-5 text-center", children: item.quantity }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => updateItem(item.key, item.quantity + 1),
+              disabled: isUpdating,
+              className: "w-6 h-6 flex items-center justify-center rounded bg-secondary hover:bg-secondary/80 disabled:opacity-40 transition-colors",
+              children: /* @__PURE__ */ jsx(Plus, { className: "w-3 h-3" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => removeItem(item.key),
+            disabled: isUpdating,
+            className: "p-1 hover:bg-red-50 rounded transition-colors text-muted-foreground hover:text-red-500",
+            title: t("removeItem"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ] }, item.key);
+    }) }) }),
+    items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-3 space-y-2.5 bg-muted/20", style: { borderColor: "var(--ac-border)" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: t("cartTotal") }),
+        /* @__PURE__ */ jsx("span", { className: "text-base font-bold", style: { color: "var(--ac-text)" }, children: totalPrice })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `${storeOrigin}/checkout`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center justify-center gap-2 w-full py-2.5 rounded-lg text-sm font-semibold hover:opacity-90 transition-opacity no-underline",
+          style: { backgroundColor: "var(--ac-primary)", color: "var(--ac-primary-foreground, #fff)" },
+          children: t("checkout")
+        }
+      )
+    ] })
+  ] }) });
+}
+function ChatInterface(props) {
+  const { messages, status, sendMessage, sessionId, config, clearMessages } = useChatContext();
+  const { t, direction } = useI18n();
+  useTheme();
+  const slots = useSlots();
+  let liveChat = null;
+  try {
+    liveChat = useLiveChat();
+  } catch {
+    liveChat = null;
+  }
+  const [showWelcome, setShowWelcome] = useState(true);
+  const [input, setInput] = useState("");
+  const [hideFirstUserMessage, setHideFirstUserMessage] = useState(false);
+  const [cartCount, setCartCount] = useState(void 0);
+  const [cartOpen, setCartOpen] = useState(false);
+  const [storeOrigin, _setStoreOrigin] = useState(null);
+  const isProcessing = status === "streaming";
+  useEffect(() => {
+    if (messages.length > 0 && showWelcome) setShowWelcome(false);
+  }, [messages.length, showWelcome]);
+  const handleSubmit = useCallback(
+    (text) => {
+      if (!text.trim() || isProcessing) return;
+      if (liveChat?.state === "live") return;
+      setShowWelcome(false);
+      setInput("");
+      sendMessage(text);
+    },
+    [isProcessing, sendMessage, liveChat]
+  );
+  const handleSelectCategory = useCallback(
+    (category, hideMessage = false) => {
+      if (hideMessage && !props.showFirstMessage) setHideFirstUserMessage(true);
+      handleSubmit(category);
+    },
+    [handleSubmit, props.showFirstMessage]
+  );
+  const handleNewConversation = useCallback(() => {
+    clearMessages();
+    setShowWelcome(true);
+    setInput("");
+    setHideFirstUserMessage(false);
+    props.onNewConversation?.();
+  }, [clearMessages, props]);
+  useEffect(() => {
+    if (props.pendingMessage && props.isOpen) {
+      const timer = setTimeout(() => {
+        handleSubmit(props.pendingMessage);
+        props.onPendingMessageConsumed?.();
+      }, 300);
+      return () => clearTimeout(timer);
+    }
+  }, [props.pendingMessage, props.isOpen, handleSubmit, props]);
+  useEffect(() => {
+    if (!liveChat) return;
+    liveChat.registerAiHistoryGetter(
+      () => messages.map((m) => ({
+        role: m.role,
+        content: typeof m.content === "string" ? m.content : (m.parts || []).filter((p) => p.type === "text").map((p) => p.text || "").join("") || ""
+      }))
+    );
+  }, [messages, liveChat]);
+  const headerProps = useMemo(
+    () => ({
+      isWelcome: showWelcome && messages.length === 0,
+      onNewConversation: handleNewConversation,
+      onClose: props.onClose,
+      clientName: config.clientName,
+      logoUrl: props.logoUrl,
+      cartCount,
+      onCartClick: () => setCartOpen(!cartOpen)
+    }),
+    [showWelcome, messages.length, handleNewConversation, props.onClose, props.logoUrl, config.clientName, cartCount, cartOpen]
+  );
+  if (showWelcome && messages.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", dir: direction, style: { backgroundColor: "var(--ac-background)" }, children: [
+      !props.hideHeader && renderSlot("header", headerProps, ChatHeader, slots),
+      renderSlot(
+        "welcomePage",
+        {
+          onSelectCategory: handleSelectCategory,
+          isProcessing,
+          clientName: config.clientName,
+          isOpen: props.isOpen,
+          questions: props.questions,
+          welcomeTitle: props.pageWelcomeTitle || props.welcomeTitle,
+          welcomeSubtitle: props.pageWelcomeSubtitle || props.welcomeSubtitle,
+          hideWelcomeHeader: props.hideWelcomeHeader,
+          loading: props.pageContextLoading,
+          questionsLayout: props.questionsLayout,
+          questionsLayoutMobile: props.questionsLayoutMobile
+        },
+        WelcomePage,
+        slots
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "shrink-0 px-[15px] md:px-[40px]", style: { backgroundColor: "var(--ac-background)" }, children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto z-40 w-full", children: renderSlot(
+          "input",
+          { value: input, onChange: setInput, onSubmit: handleSubmit, isProcessing },
+          ChatInput,
+          slots
+        ) }),
+        renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", dir: direction, style: { backgroundColor: "var(--ac-background)" }, children: [
+    !props.hideHeader && renderSlot("header", headerProps, ChatHeader, slots),
+    storeOrigin && /* @__PURE__ */ jsx(
+      CartDrawer,
+      {
+        storeOrigin,
+        isOpen: cartOpen,
+        onClose: () => setCartOpen(false),
+        onCartUpdate: (count) => setCartCount(count)
+      }
+    ),
+    /* @__PURE__ */ jsx(Conversation, { className: "flex-1", children: /* @__PURE__ */ jsxs(ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
+      messages.map((message, messageIndex) => {
+        if (hideFirstUserMessage && messageIndex === 0 && message.role === "user") return null;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
+            children: [...message.parts || []].sort((a, b) => {
+              if (a.type === "text" && b.type !== "text") return -1;
+              if (a.type !== "text" && b.type === "text") return 1;
+              return 0;
+            }).map((part, i) => {
+              if (part.type === "text") {
+                if (message.role === "assistant") {
+                  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex gap-[10px] items-start rounded-2xl",
+                      style: {
+                        backgroundColor: "var(--ac-assistant-bubble-bg, transparent)",
+                        padding: "var(--ac-assistant-bubble-padding, 0)",
+                        color: "var(--ac-assistant-bubble-text, var(--ac-text))"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(SparklesIcon, { className: "mt-[2px] w-4 h-4 shrink-0", style: { color: "var(--ac-primary)" } }),
+                        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 whitespace-pre-wrap", children: part.text })
+                      ]
+                    }
+                  ) }, `${message.id}-${i}`);
+                }
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "inline-block rounded-2xl px-3 py-2 max-w-[85%]",
+                    style: {
+                      backgroundColor: "var(--ac-user-bubble-bg, var(--ac-primary))",
+                      color: "var(--ac-primary-foreground, #fff)"
+                    },
+                    children: part.text
+                  },
+                  `${message.id}-${i}`
+                );
+              }
+              if (part.type.startsWith("tool-")) {
+                const toolName = part.type.replace("tool-", "");
+                if (toolName === "requestHumanChat") return null;
+                let output = part.output;
+                if (typeof output === "string") {
+                  try {
+                    output = JSON.parse(output);
+                  } catch {
+                  }
+                }
+                const result = output && typeof output === "object" && !Array.isArray(output) && ("data" in output || "uiRenderMode" in output) ? output : { data: output };
+                return /* @__PURE__ */ jsx(
+                  ToolRenderer,
+                  {
+                    toolName,
+                    state: part.state ?? "output-available",
+                    args: part.input ?? {},
+                    result,
+                    onSendMessage: handleSubmit,
+                    isProcessing
+                  },
+                  `${message.id}-tool-${i}`
+                );
+              }
+              return null;
+            })
+          },
+          message.id
+        );
+      }),
+      status === "streaming" && (() => {
+        const lastMessage = messages[messages.length - 1];
+        if (!lastMessage || lastMessage.role !== "assistant") return true;
+        const hasText = (lastMessage.parts || []).some(
+          (p) => p.type === "text" && (p.text || "").trim()
+        );
+        const allToolsComplete = (lastMessage.parts || []).filter((p) => p.type.startsWith("tool-")).every((p) => p.state === "output-available");
+        return allToolsComplete && !hasText;
+      })() && /* @__PURE__ */ jsx(Loader, { text: t("thinking") })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "shrink-0 px-[15px] md:px-[40px] pb-2", style: { backgroundColor: "var(--ac-background)" }, children: [
+      props.pageQuestions && props.pageQuestions.length > 0 && /* @__PURE__ */ jsx(
+        QuickQuestions,
+        {
+          questions: props.pageQuestions,
+          onSelect: (query) => handleSelectCategory(query, true),
+          isProcessing,
+          pageKey: props.pageUrl
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "mx-auto z-40 w-full flex items-end gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: renderSlot(
+          "input",
+          { value: input, onChange: setInput, onSubmit: () => handleSubmit(input), isProcessing },
+          ChatInput,
+          slots
+        ) }),
+        liveChat && liveChat.state === "ai" && !showWelcome && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => liveChat.requestManualHandoff(),
+            title: t("liveChatTalkToHuman"),
+            className: "shrink-0 mb-[7px] h-[36px] w-[36px] rounded-lg hover:bg-muted flex items-center justify-center transition-colors opacity-50 hover:opacity-100",
+            children: /* @__PURE__ */ jsx(Headset, { className: "h-4 w-4 text-muted-foreground" })
+          }
+        )
+      ] }),
+      renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
+    ] }),
+    /* @__PURE__ */ jsx("span", { "data-session-id": sessionId, className: "hidden" })
+  ] });
+}
+function FloatingButton({
+  onClick,
+  position,
+  positionMobile,
+  greeting,
+  isOpen = false,
+  greetingOffsetX = "-20px",
+  greetingOffsetY = "-20px",
+  buttonOffsetXMobile = "16px",
+  buttonOffsetYMobile = "16px",
+  buttonOffsetXDesktop = "24px",
+  buttonOffsetYDesktop = "24px",
+  buttonIconUrl,
+  buttonImageUrl,
+  buttonImageUrlMobile,
+  buttonWidth,
+  buttonHeight,
+  buttonIconSize,
+  buttonWidthMobile,
+  buttonHeightMobile,
+  buttonIconSizeMobile,
+  buttonBgColor,
+  buttonBorderRadius,
+  greetingMaxWidth,
+  zIndex = 999999,
+  hideGreeting = false
+}) {
+  const [showGreeting, setShowGreeting] = useState(false);
+  const { t, direction } = useI18n();
+  const isRtl = direction === "rtl";
+  const effectiveGreeting = greeting || t("greeting");
+  const [greetingDismissed, setGreetingDismissed] = useState(false);
+  const isMobile = useIsMobile();
+  const effectivePosition = isMobile && positionMobile ? positionMobile : position;
+  const isRightSide = effectivePosition === "bottom-right" || effectivePosition === "top-right";
+  const isBottom = effectivePosition === "bottom-right" || effectivePosition === "bottom-left";
+  const buttonOffsetX = isMobile ? buttonOffsetXMobile : buttonOffsetXDesktop;
+  const buttonOffsetY = isMobile ? buttonOffsetYMobile : buttonOffsetYDesktop;
+  useEffect(() => {
+    if (greetingDismissed || isOpen) return;
+    const timer = setTimeout(() => setShowGreeting(true), 2e3);
+    return () => clearTimeout(timer);
+  }, [greetingDismissed, isOpen]);
+  const getPositionStyles = () => {
+    const styles = {};
+    if (isBottom) styles.bottom = buttonOffsetY;
+    else styles.top = buttonOffsetY;
+    if (isRightSide) styles.right = buttonOffsetX;
+    else styles.left = buttonOffsetX;
+    return styles;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `fixed flex items-end gap-3 ${isRightSide ? "flex-row" : "flex-row-reverse"}`,
+      dir: "ltr",
+      style: { ...getPositionStyles(), zIndex },
+      children: [
+        showGreeting && !isOpen && !hideGreeting && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            dir: isRtl ? "rtl" : "ltr",
+            className: `relative bg-white rounded-sm animate-fadeIn ${isBottom ? "mb-1" : "mt-1"}`,
+            style: {
+              animation: "fadeIn 0.3s ease-out",
+              boxShadow: "0 4px 16px rgba(0, 0, 0, 0.12)",
+              padding: "12px",
+              maxWidth: greetingMaxWidth || "240px",
+              color: "#000",
+              textAlign: "center",
+              fontSize: "16px",
+              fontWeight: 400,
+              lineHeight: "16px",
+              right: greetingOffsetX,
+              top: greetingOffsetY
+            },
+            children: [
+              effectiveGreeting,
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute top-1/2 -translate-y-1/2",
+                  style: {
+                    width: "14px",
+                    height: "14px",
+                    background: "white",
+                    transform: "translateY(-50%) rotate(45deg)",
+                    boxShadow: "2px -2px 4px rgba(0, 0, 0, 0.06)",
+                    ...isRightSide ? { right: "-7px" } : { left: "-7px" }
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        (buttonImageUrl || buttonImageUrlMobile) && !isOpen ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick,
+            className: "bg-transparent border-none p-0 cursor-pointer hover:scale-105 transition-all duration-200 flex-shrink-0 z-[2]",
+            style: {
+              ...(buttonWidth || buttonWidthMobile) && { width: isMobile ? buttonWidthMobile || buttonWidth : buttonWidth },
+              ...(buttonHeight || buttonHeightMobile) && { height: isMobile ? buttonHeightMobile || buttonHeight : buttonHeight }
+            },
+            "aria-label": "Open chat",
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: isMobile && buttonImageUrlMobile ? buttonImageUrlMobile : buttonImageUrl || buttonImageUrlMobile,
+                alt: "Chat",
+                className: "w-full h-full object-contain",
+                style: {
+                  ...!buttonWidth && !buttonWidthMobile && { width: isMobile ? "48px" : "56px" },
+                  ...!buttonHeight && !buttonHeightMobile && { height: isMobile ? "48px" : "56px" },
+                  ...buttonBorderRadius != null && { borderRadius: buttonBorderRadius }
+                }
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick,
+            className: cn(
+              "shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-200 flex items-center justify-center flex-shrink-0 z-[2]",
+              !buttonBorderRadius && "rounded-full",
+              !buttonWidth && !buttonWidthMobile && !buttonHeight && !buttonHeightMobile && "w-12 h-12 md:w-14 md:h-14"
+            ),
+            style: {
+              backgroundColor: buttonBgColor || "var(--ac-primary)",
+              color: "var(--ac-primary-foreground, #fff)",
+              ...(buttonWidth || buttonWidthMobile) && { width: isMobile ? buttonWidthMobile || buttonWidth : buttonWidth },
+              ...(buttonHeight || buttonHeightMobile) && { height: isMobile ? buttonHeightMobile || buttonHeight : buttonHeight },
+              ...buttonBorderRadius != null && { borderRadius: buttonBorderRadius }
+            },
+            "aria-label": isOpen ? "Close chat" : "Open chat",
+            children: (() => {
+              const effectiveIconSize = isMobile ? buttonIconSizeMobile || buttonIconSize : buttonIconSize;
+              const iconStyle = effectiveIconSize ? { width: effectiveIconSize, height: effectiveIconSize } : void 0;
+              const iconClass = !effectiveIconSize ? "w-6 h-6 md:w-7 md:h-7" : void 0;
+              if (isOpen) return /* @__PURE__ */ jsx(X, { className: iconClass, style: iconStyle, strokeWidth: 2.5 });
+              if (buttonIconUrl) return /* @__PURE__ */ jsx("img", { src: buttonIconUrl, alt: "Chat", className: cn("object-contain", iconClass), style: iconStyle });
+              return /* @__PURE__ */ jsx(MessageSquare, { className: iconClass, style: iconStyle, strokeWidth: 2.5 });
+            })()
+          }
+        ),
+        /* @__PURE__ */ jsx("style", { children: `
+				@keyframes fadeIn {
+					from { opacity: 0; transform: scale(0.95); }
+					to { opacity: 1; transform: scale(1); }
+				}
+			` })
+      ]
+    }
+  );
+}
+function useLiveChatOrThrow() {
+  const ctx = useLiveChat();
+  if (!ctx) throw new Error("LiveChat sub-view rendered outside LiveChatProvider \u2014 this should never happen");
+  return ctx;
+}
+function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
+  const lc = useLiveChat();
+  if (!lc) return null;
+  const isActive = lc.state !== "ai" || lc.showIdentityForm;
+  const showPanel = isWidgetOpen && isActive;
+  const [isWide, setIsWide] = useState(
+    () => typeof window !== "undefined" ? window.innerWidth >= 1200 : true
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(min-width: 1200px)");
+    const handler = (e) => setIsWide(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  if (!isWide) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed top-1/2 flex flex-col rounded-2xl border shadow-lg overflow-hidden",
+      style: {
+        backgroundColor: "var(--ac-background)",
+        borderColor: "var(--ac-border)",
+        zIndex,
+        width: "min(420px, calc(100vw - 800px))",
+        height: "75vh",
+        ...isRightSide ? { right: "790px" } : { left: "790px" },
+        transform: showPanel ? "translateY(-50%) translateX(0)" : `translateY(-50%) ${isRightSide ? "translateX(20px)" : "translateX(-20px)"}`,
+        opacity: showPanel ? 1 : 0,
+        pointerEvents: showPanel ? "auto" : "none",
+        transition: "transform 300ms ease-in-out, opacity 300ms ease-in-out"
+      },
+      children: lc.showIdentityForm ? /* @__PURE__ */ jsx(IdentityView, {}) : lc.state === "requesting" || lc.state === "queued" ? /* @__PURE__ */ jsx(QueueView, {}) : lc.state === "live" ? /* @__PURE__ */ jsx(ChatView, {}) : lc.state === "ended" ? /* @__PURE__ */ jsx(EndedView, {}) : null
+    }
+  );
+}
+function MobileLiveChatDrawer() {
+  const lc = useLiveChat();
+  const { t } = useI18n();
+  if (!lc) return null;
+  const isActive = lc.state !== "ai" || lc.showIdentityForm;
+  const [minimized, setMinimized] = useState(false);
+  const [isNarrow, setIsNarrow] = useState(
+    () => typeof window !== "undefined" ? window.innerWidth < 1200 : false
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(max-width: 1199px)");
+    const handler = (e) => setIsNarrow(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  useEffect(() => {
+    if (!isActive) setMinimized(false);
+  }, [isActive]);
+  if (!isNarrow) return null;
+  if (isActive && minimized) {
+    return /* @__PURE__ */ jsx("div", { className: "absolute bottom-[100px] inset-x-0 z-50 flex justify-center px-4", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setMinimized(false),
+        className: "flex items-center gap-2 px-4 py-2 rounded-full border shadow-md bg-green-50 hover:bg-green-100 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-500 animate-pulse" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-800", children: t("liveChatChattingWith", { name: lc.operatorName || "..." }) })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0 z-40 bg-black/50",
+        style: {
+          opacity: isActive ? 1 : 0,
+          pointerEvents: isActive ? "auto" : "none",
+          transition: "opacity 200ms ease-out"
+        },
+        onClick: () => lc.state === "live" ? setMinimized(true) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute inset-x-0 bottom-0 z-50 rounded-t-2xl border-t shadow-2xl flex flex-col",
+        style: {
+          backgroundColor: "var(--ac-background)",
+          borderColor: "var(--ac-border)",
+          height: "calc(100dvh - 150px)",
+          transform: isActive ? "translateY(0)" : "translateY(100%)",
+          transition: "transform 300ms cubic-bezier(0.32, 0.72, 0, 1)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 pt-2 pb-1 shrink-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            /* @__PURE__ */ jsx("div", { className: "w-[80px] h-1.5 rounded-full bg-muted" }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-end", children: lc.state === "live" && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setMinimized(true),
+                className: "text-[11px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-lg hover:bg-muted transition-colors whitespace-nowrap",
+                children: t("liveChatBackToAI")
+              }
+            ) })
+          ] }),
+          lc.showIdentityForm ? /* @__PURE__ */ jsx(IdentityView, {}) : lc.state === "requesting" || lc.state === "queued" ? /* @__PURE__ */ jsx(QueueView, {}) : lc.state === "live" ? /* @__PURE__ */ jsx(ChatView, {}) : lc.state === "ended" ? /* @__PURE__ */ jsx(EndedView, {}) : null
+        ]
+      }
+    )
+  ] });
+}
+function isValidEmail(email) {
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+}
+function IdentityView() {
+  const lc = useLiveChatOrThrow();
+  const { t, direction } = useI18n();
+  const userInfo = lc.userInfo;
+  const [name, setName] = useState(userInfo?.name || "");
+  const [email, setEmail] = useState(userInfo?.email || "");
+  const [emailError, setEmailError] = useState(false);
+  const isRTL = direction === "rtl";
+  useEffect(() => {
+    if (userInfo?.name && userInfo?.email && isValidEmail(userInfo.email)) {
+      lc.setShowIdentityForm(false);
+      lc.initiate(userInfo.name, userInfo.email);
+    }
+  }, []);
+  const handleConnect = () => {
+    if (!isValidEmail(email)) {
+      setEmailError(true);
+      return;
+    }
+    lc.setShowIdentityForm(false);
+    lc.initiate(name, email);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8", dir: isRTL ? "rtl" : "ltr", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-2xl bg-blue-50 flex items-center justify-center mb-5", children: /* @__PURE__ */ jsx(Headset, { className: "h-7 w-7 text-blue-500" }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-5", style: { color: "var(--ac-text)" }, children: t("liveChatIdentityTitle") }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xs space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: t("liveChatIdentityName"),
+          className: "w-full text-sm p-3 border rounded-xl bg-background focus:outline-none focus:ring-2",
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "email",
+            value: email,
+            onChange: (e) => {
+              setEmail(e.target.value);
+              setEmailError(false);
+            },
+            placeholder: t("liveChatIdentityEmail"),
+            className: `w-full text-sm p-3 border rounded-xl bg-background focus:outline-none focus:ring-2 ${emailError ? "border-red-400 focus:ring-red-300" : ""}`
+          }
+        ),
+        emailError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500 mt-1 px-1", children: isRTL ? "\u05DB\u05EA\u05D5\u05D1\u05EA \u05D0\u05D9\u05DE\u05D9\u05D9\u05DC \u05DC\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D4" : "Invalid email address" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end pt-1", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => lc.setShowIdentityForm(false),
+            className: "text-sm text-muted-foreground hover:text-foreground px-4 py-2 rounded-xl",
+            children: t("liveChatCancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleConnect,
+            disabled: !name.trim() || !email.trim(),
+            className: "text-sm text-white px-5 py-2.5 rounded-xl disabled:opacity-40 transition-opacity",
+            style: { backgroundColor: "var(--ac-primary, #2f80ed)" },
+            children: t("liveChatIdentityConnect")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function QueueView() {
+  const lc = useLiveChatOrThrow();
+  const { t, direction } = useI18n();
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8 text-center", dir: direction, children: [
+    /* @__PURE__ */ jsx("div", { className: "h-16 w-16 rounded-2xl bg-blue-50 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Headset, { className: "h-8 w-8 text-blue-500" }) }),
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-blue-500 animate-pulse mb-4" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", style: { color: "var(--ac-text)" }, children: t("liveChatConnecting") }),
+    lc.queuePosition > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-4", children: t("liveChatPosition", { position: String(lc.queuePosition) }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: lc.cancel,
+        className: "text-xs text-muted-foreground hover:text-foreground underline mt-2",
+        children: t("liveChatCancel")
+      }
+    )
+  ] });
+}
+function ChatView() {
+  const lc = useLiveChatOrThrow();
+  const { t, language, direction } = useI18n();
+  const [input, setInput] = useState("");
+  const messagesEndRef = useRef(null);
+  const isRTL = direction === "rtl";
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [lc.messages]);
+  const handleSend = () => {
+    if (!input.trim()) return;
+    lc.send(input.trim());
+    setInput("");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", dir: isRTL ? "rtl" : "ltr", children: [
+    /* @__PURE__ */ jsxs("div", { className: "shrink-0 bg-green-50 border-b border-green-200 px-4 py-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-green-500 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-white font-bold", children: lc.operatorName.charAt(0).toUpperCase() || "O" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-green-900", children: t("liveChatChattingWith", { name: lc.operatorName }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-1.5 w-1.5 rounded-full bg-green-500" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-green-600", children: "Online" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: lc.end,
+          className: "text-xs text-red-600 hover:text-red-800 bg-red-50 hover:bg-red-100 px-3 py-1.5 rounded-lg transition-colors",
+          children: t("liveChatEndChat")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-1", children: [
+      lc.messages.map((msg, idx) => {
+        if (msg.senderType === "system") {
+          return /* @__PURE__ */ jsx("div", { className: "flex justify-center my-3", children: /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground bg-muted/70 px-3 py-1 rounded-full", children: msg.content }) }, msg.id);
+        }
+        const isOperator = msg.senderType === "operator";
+        const prevMsg = idx > 0 ? lc.messages[idx - 1] : null;
+        const isFirstInGroup = !prevMsg || prevMsg.senderType !== msg.senderType || prevMsg.senderType === "system";
+        const locale = language === "he" ? "he-IL" : "en-US";
+        const timeStr = new Date(msg.timestamp).toLocaleTimeString(locale, {
+          hour: "2-digit",
+          minute: "2-digit",
+          hour12: false
+        });
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex items-end gap-2 ${isOperator ? "justify-start" : "flex-row-reverse"} ${isFirstInGroup ? "mt-3" : "mt-0.5"}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "w-7 shrink-0", children: isOperator && isFirstInGroup && /* @__PURE__ */ jsx("div", { className: "h-7 w-7 rounded-full bg-green-500 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-bold", children: lc.operatorName.charAt(0).toUpperCase() || "O" }) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "max-w-[75%]", children: [
+                isOperator && isFirstInGroup && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground mb-0.5 font-medium", children: lc.operatorName }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `rounded-2xl px-3.5 py-2.5 text-[14px] leading-relaxed ${isOperator ? "bg-white border border-gray-200 text-gray-900 rounded-bl-md" : "text-white rounded-br-md"}`,
+                    style: !isOperator ? { backgroundColor: "var(--ac-primary, #2f80ed)" } : void 0,
+                    children: msg.content
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: `text-[10px] text-gray-400 mt-0.5 px-1 ${isOperator ? "" : "text-end"}`, children: timeStr })
+              ] })
+            ]
+          },
+          msg.id
+        );
+      }),
+      /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t bg-white p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+              e.preventDefault();
+              handleSend();
+            }
+          },
+          placeholder: t("typeMessage"),
+          className: "flex-1 text-sm px-3.5 py-2.5 border rounded-xl bg-background focus:outline-none focus:ring-2",
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSend,
+          disabled: !input.trim(),
+          className: "shrink-0 h-10 w-10 rounded-xl flex items-center justify-center text-white disabled:opacity-40 transition-opacity",
+          style: { backgroundColor: "var(--ac-primary, #2f80ed)" },
+          children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+        }
+      )
+    ] }) })
+  ] });
+}
+function EndedView() {
+  const lc = useLiveChatOrThrow();
+  const { t, direction } = useI18n();
+  const [selected, setSelected] = useState(null);
+  const [comment, setComment] = useState("");
+  const [submitted, setSubmitted] = useState(false);
+  const isRTL = direction === "rtl";
+  if (submitted) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8 text-center", dir: isRTL ? "rtl" : "ltr", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-2xl bg-green-50 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-7 w-7 text-green-500" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", style: { color: "var(--ac-text)" }, children: t("liveChatRateThank") }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: lc.returnToAI,
+          className: "text-sm font-medium mt-4 px-5 py-2 rounded-xl transition-colors",
+          style: { backgroundColor: "var(--ac-primary, #2f80ed)", color: "white" },
+          children: t("liveChatBackToAI")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8", dir: isRTL ? "rtl" : "ltr", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-2xl bg-muted/50 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Headset, { className: "h-7 w-7 text-muted-foreground/50" }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", style: { color: "var(--ac-text)" }, children: t("liveChatEnded") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-5", children: t("liveChatRateTitle") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mb-4", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelected("positive"),
+          className: `p-3 rounded-full transition-colors ${selected === "positive" ? "bg-green-100 text-green-600" : "hover:bg-gray-100 text-gray-400"}`,
+          children: /* @__PURE__ */ jsx(ThumbsUp, { className: "h-6 w-6" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelected("negative"),
+          className: `p-3 rounded-full transition-colors ${selected === "negative" ? "bg-red-100 text-red-600" : "hover:bg-gray-100 text-gray-400"}`,
+          children: /* @__PURE__ */ jsx(ThumbsDown, { className: "h-6 w-6" })
+        }
+      )
+    ] }),
+    selected && /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xs space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: comment,
+          onChange: (e) => setComment(e.target.value),
+          placeholder: t("liveChatFeedbackPlaceholder"),
+          className: "w-full text-sm p-3 border rounded-xl resize-none h-20 focus:outline-none focus:ring-2"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              lc.submitRating(selected, comment || void 0);
+              setSubmitted(true);
+            },
+            className: "text-sm text-white px-4 py-2 rounded-xl",
+            style: { backgroundColor: "var(--ac-primary, #2f80ed)" },
+            children: t("liveChatSubmit")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: lc.returnToAI,
+            className: "text-sm text-muted-foreground hover:text-foreground px-4 py-2",
+            children: t("liveChatSkip")
+          }
+        )
+      ] })
+    ] }),
+    !selected && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: lc.returnToAI,
+        className: "text-xs text-muted-foreground hover:text-foreground underline mt-2",
+        children: t("liveChatSkip")
+      }
+    )
+  ] });
+}
+function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
+  const previewEmbed = usePreviewEmbed();
+  if (!previewEmbed) return null;
+  const { preview, closePreview } = previewEmbed;
+  const showPanel = isOpen && !!preview;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "fixed top-1/2 flex flex-col rounded-2xl border shadow-sm overflow-hidden",
+      style: {
+        backgroundColor: "var(--ac-background)",
+        borderColor: "var(--ac-border)",
+        zIndex,
+        width: "min(560px, calc(100vw - 800px))",
+        height: "70vh",
+        ...isRightSide ? { right: "790px" } : { left: "790px" },
+        transform: showPanel ? "translateY(-50%) translateX(0)" : `translateY(-50%) ${isRightSide ? "translateX(20px)" : "translateX(-20px)"}`,
+        opacity: showPanel ? 1 : 0,
+        pointerEvents: showPanel ? "auto" : "none",
+        transition: "transform 300ms ease-in-out, opacity 300ms ease-in-out"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-muted/30 px-5 py-4 border-b flex items-center justify-between shrink-0", style: { borderColor: "var(--ac-border)" }, children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 w-10 h-10 rounded-xl bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(ExternalLink, { className: "w-5 h-5 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm truncate", style: { color: "var(--ac-text)" }, children: preview?.title || "Preview" }),
+              preview?.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 truncate", children: preview.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: closePreview,
+              className: "shrink-0 w-8 h-8 rounded-full border flex items-center justify-center hover:bg-muted transition-colors ml-3",
+              style: { backgroundColor: "var(--ac-background)", borderColor: "var(--ac-border)" },
+              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: preview && /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: preview.url,
+            className: "w-full h-full border-none",
+            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-presentation",
+            title: preview.title || "Preview"
+          },
+          preview.url
+        ) })
+      ]
+    }
+  );
+}
+
+export { CartDrawer, ChatFooter, ChatHeader, ChatInput, ChatInterface, FloatingButton, LiveChatPanel, MobileLiveChatDrawer, PreviewEmbedPanel, QuickQuestions, WelcomePage };
+//# sourceMappingURL=chunk-NWF735F5.js.map
+//# sourceMappingURL=chunk-NWF735F5.js.map