@opencx/widget 2.4.4-rn.0 → 2.4.4-rn.2

package/dist/basic.js

@@ -1,20 +1,19 @@
 import { jsx as V, jsxs as pt, Fragment as KL } from "react/jsx-runtime";
-import { c as u_, g as ZL, u as JL, a as us, b as jT, d as VT, e as B1, f as Dc, h as eI, _ as tI, i as Zl, j as ok, k as nI, W as rI } from "./index-Cjs7ckCU.js";
+import { c as u_, g as ZL, u as JL, a as us, b as jT, d as VT, e as B1, f as Dc, h as eI, A as tI, _ as nI, i as Zl, j as ok, k as rI, W as aI } from "./index-B-VyJuQ9.js";
 import * as Hm from "@radix-ui/react-tooltip";
 import * as ie from "react";
-import H1, { useRef as z1, useEffect as zm, memo as aI, forwardRef as YT, useState as io, cloneElement as iI, createElement as l_, useMemo as uk, useLayoutEffect as oI, useImperativeHandle as uI, useCallback as lI } from "react";
+import H1, { useRef as z1, useEffect as zm, memo as iI, forwardRef as YT, useState as io, cloneElement as oI, createElement as l_, useMemo as uk, useLayoutEffect as uI, useImperativeHandle as lI, useCallback as sI } from "react";
 import { clsx as lk } from "clsx";
 import * as Kf from "@radix-ui/react-avatar";
 import { AnimatePresence as ts, motion as zo } from "framer-motion";
 import s_ from "tinycolor2";
 import { Slot as WT } from "@radix-ui/react-slot";
-import { AlertCircle as sk, ThumbsUp as c_, ThumbsDown as d_, CheckCheck as sI, ChevronRight as cI, Check as dI, Circle as fI, EllipsisVerticalIcon as hI, SaveIcon as pI, SaveOffIcon as mI, Volume2Icon as gI, VolumeOffIcon as vI, RotateCcw as yI, PaperclipIcon as EI, CircleDashed as bI, SendHorizonal as wI, CheckCheckIcon as TI, XIcon as ck, Loader2 as xI, FileAudio as SI, FileIcon as CI, SendHorizontal as _I } from "lucide-react";
-import { formatDistance as AI } from "date-fns";
+import { AlertCircle as sk, ThumbsUp as c_, ThumbsDown as d_, CheckCheck as cI, ChevronRight as dI, Check as fI, Circle as hI, EllipsisVerticalIcon as pI, SaveIcon as mI, SaveOffIcon as gI, Volume2Icon as vI, VolumeOffIcon as yI, RotateCcw as EI, PaperclipIcon as bI, CircleDashed as wI, SendHorizonal as TI, CheckCheckIcon as xI, XIcon as ck, Loader2 as SI, FileAudio as CI, FileIcon as _I, SendHorizontal as AI } from "lucide-react";
+import { formatDistance as kI } from "date-fns";
 import * as Yn from "@radix-ui/react-dropdown-menu";
 import * as pT from "@radix-ui/react-switch";
-import { useDropzone as kI } from "react-dropzone";
+import { useDropzone as RI } from "react-dropzone";
 import f_ from "react-hot-toast";
-import { A as RI } from "./schemas-BBAV6Sd_.js";
 import { z as Pw } from "zod";
 const NI = "[data-chat-widget-content-root]";
 function dk({
@@ -17382,7 +17381,7 @@ const NA = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, DA =
   "1.01": "scale-[1.01]",
   "1.02": "scale-[1.02]",
   "1.1": "scale-[1.1]"
-}, qm = aI(
+}, qm = iI(
   YT(
     ({ children: e, className: n, scale: a = "1.02", off: l = !1 }, f) => {
       const [p, d] = io(!1), [g, E] = io({ x: 0, y: 0 });
@@ -17409,7 +17408,7 @@ const NA = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, DA =
         "--opencx-wobble-x": p ? `${g.x}px` : "0px",
         "--opencx-wobble-y": p ? `${g.y}px` : "0px"
       };
-      return iI(e, {
+      return oI(e, {
         ref: f,
         onMouseMove: C,
         onMouseEnter: S,
@@ -17663,7 +17662,7 @@ function gz({
   message: a
 }) {
   var f, p, d;
-  const l = uk(() => a.deliveredAt ? AI(new Date(a.deliveredAt), /* @__PURE__ */ new Date(), {
+  const l = uk(() => a.deliveredAt ? kI(new Date(a.deliveredAt), /* @__PURE__ */ new Date(), {
     addSuffix: !0
   }) : null, [a.deliveredAt]);
   return /* @__PURE__ */ pt("div", { className: "flex flex-row w-full gap-2 justify-end items-start group", children: [
@@ -17672,7 +17671,7 @@ function gz({
       a.attachments && a.attachments.length > 0 && /* @__PURE__ */ V("div", { className: "flex gap-1 flex-wrap mb-1", children: (f = a.attachments) == null ? void 0 : f.map((g) => /* @__PURE__ */ V(cR, { attachment: g }, g.id)) }),
       l && /* @__PURE__ */ pt("div", { className: "flex items-center justify-end gap-1 mt-1 text-[10px] text-zinc-500 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [
         /* @__PURE__ */ V("span", { children: l }),
-        /* @__PURE__ */ V(sI, { className: "size-3" })
+        /* @__PURE__ */ V(cI, { className: "size-3" })
       ] })
     ] }) }),
     /* @__PURE__ */ pt(ey, { className: "size-8 ring-2 ring-white shadow-sm", children: [
@@ -17712,7 +17711,7 @@ const yz = Yn.Root, Ez = Yn.Trigger, LA = Yn.Group, bz = ie.forwardRef(({ classN
     ...l,
     children: [
       a,
-      /* @__PURE__ */ V(cI, { className: "ml-auto" })
+      /* @__PURE__ */ V(dI, { className: "ml-auto" })
     ]
   }
 ));
@@ -17767,7 +17766,7 @@ const Tz = ie.forwardRef(({ className: e, children: n, checked: a, ...l }, f) =>
     checked: a,
     ...l,
     children: [
-      /* @__PURE__ */ V("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ V(Yn.ItemIndicator, { children: /* @__PURE__ */ V(dI, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ V("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ V(Yn.ItemIndicator, { children: /* @__PURE__ */ V(fI, { className: "h-4 w-4" }) }) }),
       n
     ]
   }
@@ -17783,7 +17782,7 @@ const xz = ie.forwardRef(({ className: e, children: n, ...a }, l) => /* @__PURE_
     ),
     ...a,
     children: [
-      /* @__PURE__ */ V("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ V(Yn.ItemIndicator, { children: /* @__PURE__ */ V(fI, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ V("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ V(Yn.ItemIndicator, { children: /* @__PURE__ */ V(hI, { className: "h-2 w-2 fill-current" }) }) }),
       n
     ]
   }
@@ -17851,7 +17850,7 @@ function _z() {
     p({ useSoundEffects: !(f != null && f.useSoundEffects) });
   };
   return /* @__PURE__ */ pt(yz, { open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ V(Ez, { asChild: !0, children: /* @__PURE__ */ V(ao, { variant: "ghost", size: "fit", className: "rounded-full", children: /* @__PURE__ */ V(hI, { className: "size-4" }) }) }),
+    /* @__PURE__ */ V(Ez, { asChild: !0, children: /* @__PURE__ */ V(ao, { variant: "ghost", size: "fit", className: "rounded-full", children: /* @__PURE__ */ V(pI, { className: "size-4" }) }) }),
     /* @__PURE__ */ pt(fR, { align: "end", className: "min-w-56", children: [
       /* @__PURE__ */ pt(LA, { children: [
         /* @__PURE__ */ pt(
@@ -17861,7 +17860,7 @@ function _z() {
               E.preventDefault(), d();
             },
             children: [
-              /* @__PURE__ */ V(ts, { mode: "wait", children: f != null && f.persistSession ? /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(pI, {}) }, "save") : /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(mI, {}) }, "save-off") }),
+              /* @__PURE__ */ V(ts, { mode: "wait", children: f != null && f.persistSession ? /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(mI, {}) }, "save") : /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(gI, {}) }, "save-off") }),
               e.get("persist-session"),
               /* @__PURE__ */ V(
                 OT,
@@ -17881,13 +17880,13 @@ function _z() {
               E.preventDefault(), g();
             },
             children: [
-              /* @__PURE__ */ V(ts, { mode: "wait", children: f != null && f.useSoundEffects ? /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(gI, {}) }, "volume-2") : /* @__PURE__ */ V(
+              /* @__PURE__ */ V(ts, { mode: "wait", children: f != null && f.useSoundEffects ? /* @__PURE__ */ V(ri, { fadeIn: "right", distance: 4, snapExit: !0, children: /* @__PURE__ */ V(vI, {}) }, "volume-2") : /* @__PURE__ */ V(
                 ri,
                 {
                   fadeIn: "right",
                   distance: 4,
                   snapExit: !0,
-                  children: /* @__PURE__ */ V(vI, {})
+                  children: /* @__PURE__ */ V(yI, {})
                 },
                 "volume-off"
               ) }),
@@ -17917,7 +17916,7 @@ function _z() {
               {
                 initial: { opacity: 0, x: -4, rotate: 360 },
                 animate: { opacity: 1, x: 0, rotate: 0 },
-                children: /* @__PURE__ */ V(yI, {})
+                children: /* @__PURE__ */ V(EI, {})
               }
             ),
             e.get("reset-conversation")
@@ -17949,7 +17948,7 @@ function kz({
   const d = () => {
     switch (e) {
       case "uploading":
-        return /* @__PURE__ */ V(xI, { className: "size-4 animate-spin" });
+        return /* @__PURE__ */ V(SI, { className: "size-4 animate-spin" });
       case "error":
         return /* @__PURE__ */ V(sk, { className: "size-4 text-destructive" });
       default:
@@ -17964,7 +17963,7 @@ function kz({
         className: "object-cover bg-secondary size-full",
         alt: n.name
       }
-    ) : E === "audio" ? /* @__PURE__ */ V(SI, {}) : /* @__PURE__ */ V(CI, {});
+    ) : E === "audio" ? /* @__PURE__ */ V(CI, {}) : /* @__PURE__ */ V(_I, {});
   };
   return /* @__PURE__ */ V(
     gT,
@@ -18012,7 +18011,7 @@ function Rz() {
     appendFiles: R,
     isUploading: A,
     successFiles: D
-  } = eI(), L = f && ((f == null ? void 0 : f.isAssignedToHuman) || f.ai_closure_type === RI.handed_off), U = (Te) => {
+  } = eI(), L = f && ((f == null ? void 0 : f.isAssignedToHuman) || f.ai_closure_type === tI.handed_off), U = (Te) => {
     L && R(Te);
   }, H = async () => {
     l.state !== "loading" && (A && f_.error("please wait for the file(s) to upload"), g.trim() && (E(""), C(), await a({
@@ -18035,7 +18034,7 @@ function Rz() {
     getRootProps: G,
     getInputProps: W,
     open: Z
-  } = kI({
+  } = RI({
     onDrop: U,
     noClick: !0,
     onDropRejected() {
@@ -18113,7 +18112,7 @@ function Rz() {
                       "rounded-full size-8 flex items-center justify-center p-0"
                     ),
                     disabled: !L,
-                    children: /* @__PURE__ */ V(EI, { className: "size-4" })
+                    children: /* @__PURE__ */ V(bI, { className: "size-4" })
                   }
                 )
               }
@@ -18129,7 +18128,7 @@ function Rz() {
                     onClick: H,
                     disabled: J || X || A,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: J ? /* @__PURE__ */ V(bI, { className: "size-4 animate-spin animate-iteration-infinite" }) : /* @__PURE__ */ V(wI, { className: "size-4 rtl:-scale-100" })
+                    children: J ? /* @__PURE__ */ V(wI, { className: "size-4 animate-spin animate-iteration-infinite" }) : /* @__PURE__ */ V(TI, { className: "size-4 rtl:-scale-100" })
                   }
                 )
               }
@@ -18144,7 +18143,7 @@ function Nz() {
   const { recreateSession: e } = Dc(), n = B1();
   return /* @__PURE__ */ V("div", { className: "p-2", children: /* @__PURE__ */ pt("div", { className: "p-2 bg-background rounded-3xl border shadow-2xl space-y-2", children: [
     /* @__PURE__ */ pt("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ V(TI, { className: "size-4 text-emerald-500" }),
+      /* @__PURE__ */ V(xI, { className: "size-4 text-emerald-500" }),
       /* @__PURE__ */ V("h2", { className: "text-sm font-medium", dir: "auto", children: n.get("session-closed-lead") })
     ] }),
     /* @__PURE__ */ V("div", { children: /* @__PURE__ */ V(ao, { onClick: e, className: "rounded-2xl w-full", children: n.get("create-new-ticket") }) })
@@ -18322,7 +18321,7 @@ const Iz = Pw.object({
 function Mz() {
   const e = B1(), { data: n } = VT(), { createContactAsync: a } = jT(), { assets: l } = us(), { observedElementRef: f } = dk({
     fallbackHeight: uz
-  }), [p, d] = tI(
+  }), [p, d] = nI(
     async (g) => {
       g.preventDefault();
       const E = new FormData(g.currentTarget), b = Object.fromEntries(E.entries()), C = Iz.safeParse(b);
@@ -18384,7 +18383,7 @@ function Mz() {
               className: "w-full rounded-3xl",
               children: [
                 p.loading ? e.get("starting-chat") : e.get("start-chat"),
-                /* @__PURE__ */ V(_I, { className: "size-4" })
+                /* @__PURE__ */ V(AI, { className: "size-4" })
               ]
             }
           )
@@ -38948,7 +38947,7 @@ const $j = Cj, qj = _j, Gj = Tj, Xj = kj, Kj = xj, JA = wj, Zj = Aj, Jj = (e, n,
     platform: p
   });
 };
-var S1 = typeof document < "u" ? oI : zm;
+var S1 = typeof document < "u" ? uI : zm;
 function U1(e, n) {
   if (e === n)
     return !0;
@@ -39922,7 +39921,7 @@ function cY(e) {
   }, [e]), ie.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(f));
-      var L = nI([e.lockRef.current], (e.shards || []).map(ik), !0).filter(Boolean);
+      var L = rI([e.lockRef.current], (e.shards || []).map(ik), !0).filter(Boolean);
       return L.forEach(function(U) {
         return U.classList.add("allow-interactivity-".concat(f));
       }), function() {
@@ -40007,7 +40006,7 @@ var GR = ie.forwardRef(function(e, n) {
   return ie.createElement(ay, Zl({}, e, { ref: n, sideCar: fY }));
 });
 GR.classNames = ay.classNames;
-var Cx = "Popover", [XR, QY] = Bz(Cx, [
+var Cx = "Popover", [XR, WY] = Bz(Cx, [
   DR
 ]), Xm = DR(), [hY, Ic] = XR(Cx), KR = (e) => {
   const {
@@ -40066,7 +40065,7 @@ var JR = "PopoverTrigger", eN = ie.forwardRef(
   }
 );
 eN.displayName = JR;
-var mY = "PopoverPortal", [$Y, gY] = XR(mY, {
+var mY = "PopoverPortal", [QY, gY] = XR(mY, {
   forceMount: void 0
 }), Xf = "PopoverContent", tN = ie.forwardRef(
   (e, n) => {
@@ -40247,11 +40246,11 @@ var CY = /* @__PURE__ */ H1.createContext({
   } = e, g = SY(e, _Y), [E, b] = io(!1), [C, S] = io(), R = (Z) => {
     Z && S(Z);
   };
-  uI(n, () => C, [C]);
+  lI(n, () => C, [C]);
   var A = f || "<!DOCTYPE html><html><head></head><body></body></html>", D = () => C ? C.contentDocument : null, L = () => {
     var Z = D();
     return d ? Z == null ? void 0 : Z.querySelector(d) : Z == null ? void 0 : Z.body;
-  }, U = z1(), H = lI((Z) => {
+  }, U = z1(), H = sI((Z) => {
     U.current = Z;
     var J = () => setInterval(() => H(Z), 500);
     clearInterval(J()), E || b(!0);
@@ -40383,7 +40382,7 @@ html, body {
 <body>
 </body>
 </html>`;
-function qY({ className: e, ...n }) {
+function $Y({ className: e, ...n }) {
   const a = Dc(), { theme: l } = us(), [f, p] = io(!1);
   return /* @__PURE__ */ pt(TY, { open: f, onOpenChange: p, children: [
     /* @__PURE__ */ V("style", { children: lN }),
@@ -40483,12 +40482,12 @@ function qY({ className: e, ...n }) {
     /* @__PURE__ */ V(kY, { isOpen: f })
   ] });
 }
-function GY({
+function qY({
   options: e,
   children: n
 }) {
   return /* @__PURE__ */ V(
-    rI,
+    aI,
     {
       options: {
         ...e,
@@ -40512,7 +40511,7 @@ function GY({
   );
 }
 export {
-  qY as Widget,
-  GY as WidgetRoot
+  $Y as Widget,
+  qY as WidgetRoot
 };
 //# sourceMappingURL=basic.js.map