@connorpham/live-chat-widget 17.0.4 → 17.0.6

package/dist/cellcast-bot-widget.es.js

@@ -1,7 +1,7 @@
 var i0 = Object.defineProperty;
 var o0 = (u, D, f) => D in u ? i0(u, D, { enumerable: !0, configurable: !0, writable: !0, value: f }) : u[D] = f;
 var lD = (u, D, f) => o0(u, typeof D != "symbol" ? D + "" : D, f);
-import af, { createContext as qu, useRef as mu, useEffect as X, useContext as Hu, useState as U, useCallback as Mu, useMemo as d0 } from "react";
+import af, { createContext as qu, useRef as mu, useEffect as Z, useContext as Hu, useState as U, useCallback as Mu, useMemo as d0 } from "react";
 var dD = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function sf(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
@@ -191,7 +191,7 @@ function c0() {
       function z() {
       }
       z.__reactDisabledLog = !0;
-      function Z() {
+      function Q() {
         {
           if (h === 0) {
             A = console.log, p = console.info, R = console.warn, N = console.error, M = console.group, V = console.groupCollapsed, J = console.groupEnd;
@@ -281,7 +281,7 @@ function c0() {
         var G = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
         var K;
-        K = cu.current, cu.current = null, Z();
+        K = cu.current, cu.current = null, Q();
         try {
           if (b) {
             var Y = function() {
@@ -659,7 +659,7 @@ const Gf = qu(void 0), Xf = ({
   const f = mu(
     new BroadcastChannel(D)
   ), e = mu({});
-  X(() => {
+  Z(() => {
     const r = ({ data: s }) => {
       e.current[s.event].forEach((F) => F(s));
     };
@@ -695,11 +695,11 @@ const Gf = qu(void 0), Xf = ({
   return u;
 }, h0 = (...u) => {
   const { subscribe: D } = E0();
-  X(() => {
+  Z(() => {
     D(...u);
   }, [D, ...u]);
 };
-var WD = /* @__PURE__ */ ((u) => (u.message = "message", u.delivery = "delivery", u.read = "read", u.typing = "typing", u.follow = "follow", u.echo = "echo", u.unknown = "", u))(WD || {}), Q = /* @__PURE__ */ ((u) => (u.sent = "sent", u.received = "received", u))(Q || {}), Zf = /* @__PURE__ */ ((u) => (u.text = "text", u.location = "location", u))(Zf || {}), Au = /* @__PURE__ */ ((u) => (u.text = "text", u.quick_reply = "quick_reply", u.postback = "postback", u.location = "location", u.file = "file", u.notify = "notify", u))(Au || {}), YD = /* @__PURE__ */ ((u) => (u.text = "text", u.buttons = "buttons", u.quick_replies = "quick_replies", u.file = "file", u.list = "list", u.carousel = "carousel", u))(YD || {}), iD = /* @__PURE__ */ ((u) => (u[u.sent = 0] = "sent", u[u.sending = 1] = "sending", u[u.uploading = 2] = "uploading", u))(iD || {}), tD = /* @__PURE__ */ ((u) => (u[u.disconnected = 0] = "disconnected", u[u.wantToConnect = 1] = "wantToConnect", u[u.tryingToConnect = 2] = "tryingToConnect", u[u.connected = 3] = "connected", u))(tD || {}), aD = {};
+var WD = /* @__PURE__ */ ((u) => (u.message = "message", u.delivery = "delivery", u.read = "read", u.typing = "typing", u.follow = "follow", u.echo = "echo", u.unknown = "", u))(WD || {}), uu = /* @__PURE__ */ ((u) => (u.sent = "sent", u.received = "received", u))(uu || {}), Zf = /* @__PURE__ */ ((u) => (u.text = "text", u.location = "location", u))(Zf || {}), Au = /* @__PURE__ */ ((u) => (u.text = "text", u.quick_reply = "quick_reply", u.postback = "postback", u.location = "location", u.file = "file", u.notify = "notify", u))(Au || {}), YD = /* @__PURE__ */ ((u) => (u.text = "text", u.buttons = "buttons", u.quick_replies = "quick_replies", u.file = "file", u.list = "list", u.carousel = "carousel", u))(YD || {}), iD = /* @__PURE__ */ ((u) => (u[u.sent = 0] = "sent", u[u.sending = 1] = "sending", u[u.uploading = 2] = "uploading", u))(iD || {}), tD = /* @__PURE__ */ ((u) => (u[u.disconnected = 0] = "disconnected", u[u.wantToConnect = 1] = "wantToConnect", u[u.tryingToConnect = 2] = "tryingToConnect", u[u.connected = 3] = "connected", u))(tD || {}), aD = {};
 const Qf = {
   apiUrl: aD.REACT_APP_WIDGET_API_URL || "http://localhost:4000",
   channel: aD.REACT_APP_WIDGET_CHANNEL || "console-channel",
@@ -3113,7 +3113,7 @@ function ve(u, D) {
 function we(u, D) {
   localStorage.removeItem(lf(u, D));
 }
-const uu = { setItem: ye, getItem: ve, removeItem: we }, wD = class wD {
+const X = { setItem: ye, getItem: ve, removeItem: we }, wD = class wD {
   constructor(D, f, e) {
     lD(this, "socket");
     lD(this, "config");
@@ -3250,7 +3250,7 @@ lD(wD, "defaultConfig", {
 let uf = wD, qD;
 const Ae = (u, D) => {
   var e;
-  const f = (e = uu.getItem("profileLiveChat")) == null ? void 0 : e.id;
+  const f = (e = X.getItem("profileLiveChat")) == null ? void 0 : e.id;
   return qD || (qD = new uf(
     u.apiUrl,
     {
@@ -3283,10 +3283,10 @@ const Ae = (u, D) => {
   return /* @__PURE__ */ a.jsx(h1.Provider, { value: { socket: f.current }, children: u.children });
 }, Gu = () => Hu(h1), Df = (u, D) => {
   const { socket: f } = Gu();
-  X(() => (f.on(u, D), () => f.off(u, D)), [u, D, f]);
+  Z(() => (f.on(u, D), () => f.off(u, D)), [u, D, f]);
 }, xe = () => {
   const { socket: u } = Gu();
-  X(() => (u.connect(), () => {
+  Z(() => (u.connect(), () => {
     u.disconnect();
   }), []);
 }, _D = {
@@ -3465,21 +3465,21 @@ const Ae = (u, D) => {
     yu.isContactFormActive
   ), [M, V] = U(
     yu.isOfflineMode
-  ), { send: J } = Cu(), { t: z } = zu(), Z = (S) => {
+  ), { send: J } = Cu(), { t: z } = zu(), Q = (S) => {
     y(S), S === tD.wantToConnect && u && u(), S === tD.connected && t.alwaysScrollToBottom && s(101);
   }, tu = t.offline_mode, cu = kD(tu), _u = (S) => {
-    if (q(S), uu.setItem(
+    if (q(S), X.setItem(
       "isOffline",
       (S == null ? void 0 : S.isOffline) || !1
-    ), uu.setItem(
+    ), X.setItem(
       "submitedFormLateTime",
       (S == null ? void 0 : S.submitedFormLateTime) || null
     ), S && "type" in S && S.type === "typing")
       return T === !0;
-    _(!1), S && "mid" in S && !C.find((Du) => S.mid === Du.mid) && ("author" in S && (S.direction = S.author === "chatbot" ? Q.received : Q.sent, S.read = !0, S.delivery = !0), v((Du) => [
+    _(!1), S && "mid" in S && !C.find((Du) => S.mid === Du.mid) && ("author" in S && (S.direction = S.author === "chatbot" ? uu.received : uu.sent, S.read = !0, S.delivery = !0), v((Du) => [
       ...Du.filter((au) => au.mid !== S.mid),
       S
-    ]), s(0), "direction" in S && S.direction === Q.received && !S.isOffline && V(!1)), S && "data" in S && "quick_replies" in S.data ? I(
+    ]), s(0), "direction" in S && S.direction === uu.received && !S.isOffline && V(!1)), S && "data" in S && "quick_replies" in S.data ? I(
       (S.data.quick_replies || []).map(
         (Du) => ({
           content_type: Zf.text,
@@ -3523,15 +3523,15 @@ const Ae = (u, D) => {
           typeof Uu == "string" && Uu.trim() && au.append(gu, Uu);
         }), au.append("owner_id", e.ownerId);
         const { body: lu } = await Bu.get(`/webhook/${e.channel}/?${au.toString()}`);
-        console.log("jump here 2"), uu.setItem("profileLiveChat", lu.profile), uu.setItem("isOffline", cu || !1), uu.setItem(
+        console.log("jump here 2"), X.setItem("profileLiveChat", lu.profile), X.setItem("isOffline", cu || !1), X.setItem(
           "submitedFormLateTime",
           lu.profile.submitedFormLateTime || null
         ), v(
           lu.messages.map((gu) => ({
             ...gu,
-            direction: gu.author === lu.profile.foreignId || gu.author === lu.profile.id ? Q.sent : Q.received,
-            read: gu.direction === Q.sent || gu.read,
-            delivery: gu.direction === Q.sent || gu.delivery,
+            direction: gu.author === lu.profile.foreignId || gu.author === lu.profile.id ? uu.sent : uu.received,
+            read: gu.direction === uu.sent || gu.read,
+            delivery: gu.direction === uu.sent || gu.delivery,
             isOffline: gu.isOffline || lu.profile.isOffline,
             submitedFormLateTime: gu.submitedFormLateTime || lu.profile.submitedFormLateTime
           }))
@@ -3576,12 +3576,12 @@ const Ae = (u, D) => {
   const Pu = (S) => {
     S ? (p(S), r("webview")) : r("chat");
   };
-  X(() => {
+  Z(() => {
     F && d && m(0);
-  }, [F, d]), X(() => {
+  }, [F, d]), Z(() => {
     if (d && j === tD.connected) {
       console.log("🔄 Widget opened - fetching fresh data");
-      const S = uu.getItem("profileLiveChat");
+      const S = X.getItem("profileLiveChat");
       if (S) {
         const Du = S;
         console.log("🔄 Widget opened - fetching fresh data", Du), du(Du.firstName, Du.lastName);
@@ -3590,10 +3590,10 @@ const Ae = (u, D) => {
     }
   }, [d]), h0("logout", () => {
     o.socket.disconnect();
-  }), X(() => {
+  }), Z(() => {
     n === "chat" && j === tD.connected && du();
     const S = () => {
-      const Du = uu.getItem("profileLiveChat");
+      const Du = X.getItem("profileLiveChat");
       if (Du) {
         const au = Du;
         du(au.firstName, au.lastName);
@@ -3602,7 +3602,7 @@ const Ae = (u, D) => {
     return o.socket.io.on("reconnect", S), () => {
       o.socket.io.off("reconnect", S);
     };
-  }, []), X(() => {
+  }, []), Z(() => {
     const S = [...c];
     S[0].imageUrl = t.avatarUrl, l(S);
   }, [t.avatarUrl]);
@@ -3612,7 +3612,7 @@ const Ae = (u, D) => {
     outgoingMessageState: $,
     setOutgoingMessageState: hu,
     connectionState: j,
-    setConnectionState: Z,
+    setConnectionState: Q,
     messages: C.sort((S, Du) => {
       const au = Date.parse(S.createdAt), lu = Date.parse(Du.createdAt);
       return +new Date(au) - +new Date(lu);
@@ -4015,7 +4015,7 @@ const Ae = (u, D) => {
   const [D, f] = U(!1), e = mu(null), { send: t } = Cu(), n = async (r) => {
     r.preventDefault(), r.stopPropagation();
     try {
-      const s = uu.getItem("profileLiveChat");
+      const s = X.getItem("profileLiveChat");
       if (!s) {
         console.error("No profile found in localStorage");
         return;
@@ -4329,7 +4329,7 @@ var x1 = { exports: {} };
           return R ? du : du.endOf(d);
         }, V = function(Bu, ru) {
           return $.w(p.toDate()[Bu].apply(p.toDate("s"), (R ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ru)), p);
-        }, J = this.$W, z = this.$M, Z = this.$D, tu = "set" + (this.$u ? "UTC" : "");
+        }, J = this.$W, z = this.$M, Q = this.$D, tu = "set" + (this.$u ? "UTC" : "");
         switch (N) {
           case j:
             return R ? M(1, 0) : M(31, 11);
@@ -4337,7 +4337,7 @@ var x1 = { exports: {} };
             return R ? M(1, z) : M(0, z + 1);
           case o:
             var cu = this.$locale().weekStart || 0, _u = (J < cu ? J + 7 : J) - cu;
-            return M(R ? Z - _u : Z + (6 - _u), z);
+            return M(R ? Q - _u : Q + (6 - _u), z);
           case d:
           case y:
             return V(tu + "Hours", 0);
@@ -4367,8 +4367,8 @@ var x1 = { exports: {} };
         var p, R = this;
         h = Number(h);
         var N = $.p(A), M = function(z) {
-          var Z = O(R);
-          return $.w(Z.date(Z.date() + Math.round(z * h)), R);
+          var Q = O(R);
+          return $.w(Q.date(Q.date() + Math.round(z * h)), R);
         };
         if (N === c) return this.set(c, this.$M + h);
         if (N === j) return this.set(j, this.$y + h);
@@ -4381,7 +4381,7 @@ var x1 = { exports: {} };
       }, E.format = function(h) {
         var A = this, p = this.$locale();
         if (!this.isValid()) return p.invalidDate || C;
-        var R = h || "YYYY-MM-DDTHH:mm:ssZ", N = $.z(this), M = this.$H, V = this.$m, J = this.$M, z = p.weekdays, Z = p.months, tu = p.meridiem, cu = function(ru, du, Pu, Iu) {
+        var R = h || "YYYY-MM-DDTHH:mm:ssZ", N = $.z(this), M = this.$H, V = this.$m, J = this.$M, z = p.weekdays, Q = p.months, tu = p.meridiem, cu = function(ru, du, Pu, Iu) {
           return ru && (ru[du] || ru(A, R)) || Pu[du].slice(0, Iu);
         }, _u = function(ru) {
           return $.s(M % 12 || 12, ru, "0");
@@ -4401,9 +4401,9 @@ var x1 = { exports: {} };
               case "MM":
                 return $.s(J + 1, 2, "0");
               case "MMM":
-                return cu(p.monthsShort, J, Z, 3);
+                return cu(p.monthsShort, J, Q, 3);
               case "MMMM":
-                return cu(Z, J);
+                return cu(Q, J);
               case "D":
                 return A.$D;
               case "DD":
@@ -4447,18 +4447,18 @@ var x1 = { exports: {} };
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, E.diff = function(h, A, p) {
-        var R, N = this, M = $.p(A), V = O(h), J = (V.utcOffset() - this.utcOffset()) * e, z = this - V, Z = function() {
+        var R, N = this, M = $.p(A), V = O(h), J = (V.utcOffset() - this.utcOffset()) * e, z = this - V, Q = function() {
           return $.m(N, V);
         };
         switch (M) {
           case j:
-            R = Z() / 12;
+            R = Q() / 12;
             break;
           case c:
-            R = Z();
+            R = Q();
             break;
           case l:
-            R = Z() / 3;
+            R = Q() / 3;
             break;
           case o:
             R = (z - J) / 6048e5;
@@ -4759,7 +4759,7 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
   /* @__PURE__ */ a.jsx("path", { d: "M413.94 191.88h-78.77a50.17 50.17 0 01-50.11-50.11V63a15 15 0 0130 0v78.77a20.13 20.13 0 0020.11 20.11h78.77a15 15 0 010 30zM264.4 375a15 15 0 01-10.61-4.4l-54.45-54.44a15 15 0 1121.21-21.22l43.85 43.84 43.84-43.84a15 15 0 1121.21 21.22L275 370.55a15 15 0 01-10.6 4.45z" }),
   /* @__PURE__ */ a.jsx("path", { d: "M264.4 365a15 15 0 01-15-15V231a15 15 0 0130 0v119a15 15 0 01-15 15z" })
 ] }) }), Ze = ({ message: u }) => {
-  const { t: D } = zu(), { colors: f } = ou(), e = f[u.direction || Q.received];
+  const { t: D } = zu(), { colors: f } = ou(), e = f[u.direction || uu.received];
   if (!("type" in u.data))
     throw new Error("Unable to detect type for file message");
   if (u.data && u.data.type !== "image" && u.data.type !== "audio" && u.data.type !== "video" && u.data.type !== "file")
@@ -4811,18 +4811,18 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
 }, Qe = ({ message: u }) => {
   var d;
   const { colors: D } = ou(), f = Nu(), [e, t] = U(!1), n = mu(null);
-  if (X(() => {
+  if (Z(() => {
     const o = new IntersectionObserver((c) => {
       !e && c[0].intersectionRatio > 0 && t(!0);
     });
     return n.current && o.observe(n.current), () => {
       n.current && o.unobserve(n.current);
     };
-  }, [e]), X(() => {
+  }, [e]), Z(() => {
     e && f && f.scroll > 85 && (f.scroll = 101);
   }, [e, f]), !("coordinates" in u.data))
     throw new Error("Unable to find coordinates");
-  const r = ((d = u.data) == null ? void 0 : d.coordinates) || { lat: 0, lng: 0 }, s = `https://www.openstreetmap.org/export/embed.html?bbox=${r.lng - 0.1},${r.lat - 0.1},${r.lng + 0.1},${r.lat + 0.1}&layer=mapnik&marker=${r.lat},${r.lng}`, F = D[u.direction || Q.received];
+  const r = ((d = u.data) == null ? void 0 : d.coordinates) || { lat: 0, lng: 0 }, s = `https://www.openstreetmap.org/export/embed.html?bbox=${r.lng - 0.1},${r.lat - 0.1},${r.lng + 0.1},${r.lat + 0.1}&layer=mapnik&marker=${r.lat},${r.lng}`, F = D[u.direction || uu.received];
   return /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -4853,7 +4853,7 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
   }, e = (r, s = 100) => r.length > s ? r.substr(0, s) + "..." : r, t = (r) => r.replace(/\n/g, "<br />");
   if (!("elements" in u.data))
     throw new Error("Unable to find elements");
-  const n = D[u.direction || Q.received];
+  const n = D[u.direction || uu.received];
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -6446,10 +6446,10 @@ const U1 = ({
     }
     return x;
   };
-  X(() => {
+  Z(() => {
     if (D)
       try {
-        const C = uu.getItem("dataUserSubs");
+        const C = X.getItem("dataUserSubs");
         C && e(C);
       } catch (C) {
         console.error("Error loading dataUserSubs from localStorage:", C);
@@ -6783,7 +6783,7 @@ const xt = ({
     initialData: {},
     loadFromDataUserSubs: !0
   }), [x, m] = U(!1), [T, _] = U(!1);
-  X(() => {
+  Z(() => {
     D && !T && D(!0), D && T && D(!1);
   }, [T]);
   const B = async (P) => {
@@ -6797,19 +6797,19 @@ const xt = ({
           E.isDisplay && j[E.key] !== void 0 && (O[E.key] = ((h = j[E.key]) == null ? void 0 : h.toString().trim()) || "");
         });
         const $ = At(O);
-        if (!uu.getItem("profileLiveChat"))
+        if (!X.getItem("profileLiveChat"))
           try {
             const E = new URLSearchParams();
             Object.entries($).forEach(([M, V]) => {
               typeof V == "string" && V && E.append(M, V);
             }), E.append("owner_id", e.ownerId), E.append("contactLateTime", (/* @__PURE__ */ new Date()).toISOString());
             const { body: h } = await n.get(`/webhook/${e.channel}/?${E.toString()}`), { messages: A, profile: p } = h;
-            uu.setItem("profileLiveChat", p), uu.setItem("isOffline", !1), uu.setItem(
+            X.setItem("profileLiveChat", p), X.setItem("isOffline", !1), X.setItem(
               "submitedFormLateTime",
               (p == null ? void 0 : p.submitedFormLateTime) || null
             ), A.forEach((M) => {
-              const V = M.author === p.foreignId || M.author === p.id ? Q.sent : Q.received;
-              M.direction = V, M.direction === Q.sent && (M.read = !0, M.delivery = !1);
+              const V = M.author === p.foreignId || M.author === p.id ? uu.sent : uu.received;
+              M.direction = V, M.direction === uu.sent && (M.read = !0, M.delivery = !1);
             }), o(A), c([
               d[0],
               {
@@ -6868,7 +6868,7 @@ const xt = ({
         m(!1);
       }
     }
-  }, I = f[Q.received];
+  }, I = f[uu.received];
   return T ? null : /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -6911,11 +6911,11 @@ const xt = ({
   onFormSubmitted: D
 }) => {
   const { colors: f } = ou(), { setIsContactFormActive: e } = Cu(), t = mu(null);
-  X(() => {
+  Z(() => {
     n();
   }, [u]);
   const n = () => {
-    if (u.direction === Q.received && t.current) {
+    if (u.direction === uu.received && t.current) {
       const F = t.current.innerText;
       let d = lt.link(F, {
         className: "chatLink",
@@ -6926,7 +6926,7 @@ const xt = ({
   };
   if (!("text" in u.data))
     throw new Error("Unable to find text.");
-  const r = f[u.direction || Q.received];
+  const r = f[u.direction || uu.received];
   return "isShowForm" in u.data && u.data.isShowForm ? /* @__PURE__ */ a.jsx(
     xt,
     {
@@ -7074,23 +7074,23 @@ const St = ({ message: u, Avatar: D }) => {
   Avatar: u,
   phone: D
 }) => {
-  const { colors: f } = ou(), e = f[Q.received];
+  const f = X.getItem("profileLiveChat"), { colors: e } = ou(), t = e[uu.received];
   pu();
-  const { participants: t } = Cu(), n = t.find(
-    (r) => r.id === "chatbot"
+  const { participants: n } = Cu(), r = n.find(
+    (o) => o.id === "chatbot"
   ) || {
     name: "Bot"
-  };
-  return /* @__PURE__ */ a.jsx("div", { className: `sc-message ${Q.received}`, children: /* @__PURE__ */ a.jsxs("div", { className: `sc-message--content ${Q.received}`, children: [
+  }, s = (f == null ? void 0 : f.mobile) || "", d = `${(f == null ? void 0 : f.countryCode) || "+61"} ${s}`;
+  return console.log("fullPhone", d), /* @__PURE__ */ a.jsx("div", { className: `sc-message ${uu.received}`, children: /* @__PURE__ */ a.jsxs("div", { className: `sc-message--content ${uu.received}`, children: [
     /* @__PURE__ */ a.jsx(
       "div",
       {
-        title: n.name,
+        title: r.name,
         className: "sc-message--avatar",
-        style: n.imageUrl ? {
-          backgroundImage: `url(${n.imageUrl}?color=${encodeURIComponent(f.header.bg)})`
+        style: r.imageUrl ? {
+          backgroundImage: `url(${r.imageUrl}?color=${encodeURIComponent(e.header.bg)})`
         } : void 0,
-        children: u ? /* @__PURE__ */ a.jsx(u, {}) : n.imageUrl ? null : /* @__PURE__ */ a.jsx(T1, { width: "32px", height: "32px" })
+        children: u ? /* @__PURE__ */ a.jsx(u, {}) : r.imageUrl ? null : /* @__PURE__ */ a.jsx(T1, { width: "32px", height: "32px" })
       }
     ),
     /* @__PURE__ */ a.jsx("div", { className: "sc-message--wrapper", children: /* @__PURE__ */ a.jsxs(
@@ -7098,16 +7098,16 @@ const St = ({ message: u, Avatar: D }) => {
       {
         className: "sc-message--text chatLink sc-message--contact-form-confirmation",
         style: {
-          color: e.text,
-          backgroundColor: e.bg
+          color: t.text,
+          backgroundColor: t.bg
         },
         children: [
           /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-phone-display", children: /* @__PURE__ */ a.jsx(
             "a",
             {
-              href: `tel:${D}`,
+              href: `tel:${d}`,
               className: "sc-message--contact-form-phone-link",
-              children: D
+              children: d
             }
           ) }),
           /* @__PURE__ */ a.jsxs("div", { className: "sc-message--contact-form-response-text", children: [
@@ -7131,7 +7131,7 @@ const St = ({ message: u, Avatar: D }) => {
       (g) => P.has(B(g.label)) || P.has(B(g.key))
     );
   }, v = mu(null), [x, m] = U();
-  return X(() => {
+  return Z(() => {
     const T = (_) => {
       if (v.current) {
         const B = Math.round(
@@ -7151,14 +7151,14 @@ const St = ({ message: u, Avatar: D }) => {
     e && setTimeout(() => {
       T(D);
     }, 100);
-  }, [D, e]), X(() => {
+  }, [D, e]), Z(() => {
     const T = () => {
-      const B = uu.getItem("profileLiveChat") || {};
+      const B = X.getItem("profileLiveChat") || {};
       if (B.mobile) {
         const q = B.mobile, O = `${B.countryCode || "+61"} ${q}`;
         l(O);
       }
-      const I = uu.getItem("submitedFormLateTime") || B.submitedFormLateTime, P = t.some(
+      const I = X.getItem("submitedFormLateTime") || B.submitedFormLateTime, P = t.some(
         (q) => q.data && "isShowForm" in q.data && q.data.isShowForm
       );
       if (y && !I && !P) {
@@ -7166,7 +7166,7 @@ const St = ({ message: u, Avatar: D }) => {
           mid: `show-text-${Date.now()}`,
           author: "system",
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-          direction: Q.received,
+          direction: uu.received,
           read: !0,
           delivery: !0,
           type: YD.text,
@@ -7182,7 +7182,7 @@ const St = ({ message: u, Avatar: D }) => {
           mid: `show-form-${Date.now()}`,
           author: "user",
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-          direction: Q.received,
+          direction: uu.received,
           read: !0,
           delivery: !0,
           type: YD.text,
@@ -7205,9 +7205,9 @@ const St = ({ message: u, Avatar: D }) => {
     return window.addEventListener("storage", _), () => {
       window.removeEventListener("storage", _);
     };
-  }, [y]), X(() => {
+  }, [y]), Z(() => {
     r(t[t.length - 1]);
-  }, []), X(() => {
+  }, []), Z(() => {
     const T = t[t.length - 1];
     (x == null ? void 0 : x.mid) !== (T == null ? void 0 : T.mid) && (m(T), f(100));
   }, [t]), /* @__PURE__ */ a.jsxs(
@@ -10473,7 +10473,7 @@ const Pt = /* @__PURE__ */ sf(Rt), It = [
   }
 ], Lt = ({ onBlur: u, onSelect: D }) => {
   const f = mu(new Pt()), e = mu(null);
-  X(() => {
+  Z(() => {
     const n = e.current;
     n && (n.style.opacity = "0", window.requestAnimationFrame(() => {
       n.style.transition = "opacity 350ms", n.style.opacity = "1";
@@ -10720,7 +10720,7 @@ const Ht = ({ item: u, onPostback: D }) => {
     type: rf.nested,
     call_to_actions: (u == null ? void 0 : u.menu) || []
   }), n = mu(null);
-  X(() => {
+  Z(() => {
     t({
       title: "Menu",
       type: rf.nested,
@@ -10829,24 +10829,24 @@ const Ht = ({ item: u, onPostback: D }) => {
     showFile: T,
     placeholder: _
   } = pu(), B = mu(null), [I, P] = U(null), [q, g] = U(!1), [O, $] = U(!1), [hu, fu] = U(!1);
-  X(() => {
+  Z(() => {
     y && p();
-  }, [t, y]), X(() => {
+  }, [t, y]), Z(() => {
     t === "" && B.current && (B.current.innerHTML = "", B.current.innerText = "");
-  }, [t]), X(() => {
+  }, [t]), Z(() => {
     P(null);
   }, [r]);
   const k = () => {
     s(null), P(null);
   }, E = () => {
-    var Z, tu;
+    var Q, tu;
     if (hu) {
       console.log("handleInput called but isClearing is true, ignoring");
       return;
     }
-    const z = ((Z = B.current) == null ? void 0 : Z.innerText) || ((tu = B.current) == null ? void 0 : tu.textContent) || "";
+    const z = ((Q = B.current) == null ? void 0 : Q.innerText) || ((tu = B.current) == null ? void 0 : tu.textContent) || "";
     n(z);
-  }, h = (z, Z = "send-button") => {
+  }, h = (z, Q = "send-button") => {
     if (O) {
       console.log("Already sending, ignoring duplicate call");
       return;
@@ -10856,7 +10856,7 @@ const Ht = ({ item: u, onPostback: D }) => {
       const tu = t;
       F({
         event: z,
-        source: Z,
+        source: Q,
         data: {
           type: Au.text,
           data: { text: tu }
@@ -10869,7 +10869,7 @@ const Ht = ({ item: u, onPostback: D }) => {
     }
     r && (P(null), v.includes(r.type) || !1 ? r.size > u ? P(D("messages.file_message.unsupported_file_size")) : (F({
       event: z,
-      source: Z,
+      source: Q,
       data: {
         type: Au.file,
         data: {
@@ -10885,7 +10885,7 @@ const Ht = ({ item: u, onPostback: D }) => {
   }, p = () => {
     var z;
     (z = B.current) == null || z.focus();
-  }, R = d === iD.uploading, N = uu.getItem("profileLiveChat") || {}, M = uu.getItem("isOffline") || (N == null ? void 0 : N.isOffline), V = ((J = N == null ? void 0 : N.channel) == null ? void 0 : J.name) === "console-channel";
+  }, R = d === iD.uploading, N = X.getItem("profileLiveChat") || {}, M = X.getItem("isOffline") || (N == null ? void 0 : N.isOffline), V = ((J = N == null ? void 0 : N.channel) == null ? void 0 : J.name) === "console-channel";
   return (M || !(N != null && N.id)) && !V ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     j.length > 0 && /* @__PURE__ */ a.jsx(Wt, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "sc-user-input-wrapper", children: [
@@ -10935,9 +10935,9 @@ const Ht = ({ item: u, onPostback: D }) => {
                 onPaste: async (z) => {
                   var cu;
                   z.preventDefault();
-                  const Z = await navigator.clipboard.readText(), tu = (cu = window.getSelection()) == null ? void 0 : cu.getRangeAt(0);
-                  if (tu && Z) {
-                    const _u = document.createTextNode(Z);
+                  const Q = await navigator.clipboard.readText(), tu = (cu = window.getSelection()) == null ? void 0 : cu.getRangeAt(0);
+                  if (tu && Q) {
+                    const _u = document.createTextNode(Q);
                     tu.deleteContents(), tu.insertNode(_u), tu.collapse(!1);
                   }
                   E();
@@ -10996,7 +10996,7 @@ const Ht = ({ item: u, onPostback: D }) => {
   }
 ), Zt = () => {
   const { t: u } = zu(), { colors: D } = ou(), { setWebviewUrl: f, webviewUrl: e } = Cu(), [t, n] = U(!1);
-  X(() => {
+  Z(() => {
     n(!0);
   }, []);
   const r = () => {
@@ -11043,8 +11043,8 @@ const Ht = ({ item: u, onPostback: D }) => {
   const n = Wu(), r = Cu(), s = Nu(), { socket: F } = Gu(), { setScreen: d } = Nu(), o = pu(), c = o.offline_mode, l = kD(c), j = (C) => {
     C.preventDefault(), s.setIsOpen(!s.isOpen);
   };
-  return xe(), new URLSearchParams().append("owner_id", n.ownerId), X(() => {
-    if (!l && !uu.getItem("profileLiveChat")) {
+  return xe(), new URLSearchParams().append("owner_id", n.ownerId), Z(() => {
+    if (!l && !X.getItem("profileLiveChat")) {
       d("prechat");
       return;
     }
@@ -11110,8 +11110,8 @@ const Ht = ({ item: u, onPostback: D }) => {
   );
   const T = mu(!1), _ = Mu(
     async (B) => {
-      if (B == null || B.preventDefault(), B == null || B.stopPropagation(), !(!uu.getItem("profileLiveChat") && !v(n.formSettings))) {
-        Object.keys(l).length > 0 && uu.setItem("dataUserSubs", l);
+      if (B == null || B.preventDefault(), B == null || B.stopPropagation(), !(!X.getItem("profileLiveChat") && !v(n.formSettings))) {
+        Object.keys(l).length > 0 && X.setItem("dataUserSubs", l);
         try {
           d(2);
           const P = new URLSearchParams();
@@ -11119,12 +11119,12 @@ const Ht = ({ item: u, onPostback: D }) => {
             typeof k == "string" && k.trim() && P.append(fu, k);
           }), P.append("contactLateTime", (/* @__PURE__ */ new Date()).toISOString()), P.append("owner_id", D.ownerId);
           const { body: q } = await t.get(`/webhook/${D.channel}/?${P.toString()}`), { messages: g, profile: O } = q;
-          console.log("jump here 1"), uu.setItem("profileLiveChat", O), uu.setItem("isOffline", m || !1), uu.setItem(
+          console.log("jump here 1"), X.setItem("profileLiveChat", O), X.setItem("isOffline", m || !1), X.setItem(
             "submitedFormLateTime",
             (O == null ? void 0 : O.submitedFormLateTime) || null
           ), g.forEach((fu) => {
-            const k = fu.author === O.foreignId || fu.author === O.id ? Q.sent : Q.received;
-            fu.direction = k, fu.direction === Q.sent && (fu.read = !0, fu.delivery = !1);
+            const k = fu.author === O.foreignId || fu.author === O.id ? uu.sent : uu.received;
+            fu.direction = k, fu.direction === uu.sent && (fu.read = !0, fu.delivery = !1);
           }), F(g), c([
             o[0],
             {
@@ -11173,10 +11173,10 @@ const Ht = ({ item: u, onPostback: D }) => {
       t
     ]
   );
-  return X(() => {
+  return Z(() => {
     if (!T.current) {
       T.current = !0;
-      const B = uu.getItem("profileLiveChat");
+      const B = X.getItem("profileLiveChat");
       if (B) {
         const I = B, P = {};
         Object.entries(I).forEach(([q, g]) => {
@@ -11225,7 +11225,7 @@ const Ht = ({ item: u, onPostback: D }) => {
       console.warn("Unable to get cookies ...");
     }
   };
-  return X(() => {
+  return Z(() => {
     f || t();
   }, []), f ? /* @__PURE__ */ a.jsx(u8.Provider, { value: {}, children: u }) : null;
 };
@@ -11254,6 +11254,6 @@ function r8({
 }
 export {
   n8 as ChatWidget,
-  uu as LocalStorageScoped,
+  X as LocalStorageScoped,
   r8 as UiChatWidget
 };