@connorpham/live-chat-widget 17.0.0 → 17.0.1

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 pu, useEffect as X, useContext as Hu, useState as z, useCallback as Mu, useMemo as d0 } from "react";
+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";
 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;
@@ -100,29 +100,29 @@ function c0() {
     D.NODE_ENV !== "production" && function() {
       var f = af, e = Jf(), t = 60103, n = 60106;
       u.Fragment = 60107;
-      var r = 60108, s = 60114, F = 60109, d = 60110, o = 60112, c = 60113, l = 60120, j = 60115, y = 60116, C = 60121, T = 60122, N = 60117, B = 60129, $ = 60131;
+      var r = 60108, s = 60114, F = 60109, d = 60110, o = 60112, c = 60113, l = 60120, j = 60115, y = 60116, C = 60121, v = 60122, x = 60117, m = 60129, T = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
         var _ = Symbol.for;
-        t = _("react.element"), n = _("react.portal"), u.Fragment = _("react.fragment"), r = _("react.strict_mode"), s = _("react.profiler"), F = _("react.provider"), d = _("react.context"), o = _("react.forward_ref"), c = _("react.suspense"), l = _("react.suspense_list"), j = _("react.memo"), y = _("react.lazy"), C = _("react.block"), T = _("react.server.block"), N = _("react.fundamental"), _("react.scope"), _("react.opaque.id"), B = _("react.debug_trace_mode"), _("react.offscreen"), $ = _("react.legacy_hidden");
+        t = _("react.element"), n = _("react.portal"), u.Fragment = _("react.fragment"), r = _("react.strict_mode"), s = _("react.profiler"), F = _("react.provider"), d = _("react.context"), o = _("react.forward_ref"), c = _("react.suspense"), l = _("react.suspense_list"), j = _("react.memo"), y = _("react.lazy"), C = _("react.block"), v = _("react.server.block"), x = _("react.fundamental"), _("react.scope"), _("react.opaque.id"), m = _("react.debug_trace_mode"), _("react.offscreen"), T = _("react.legacy_hidden");
       }
-      var p = typeof Symbol == "function" && Symbol.iterator, R = "@@iterator";
-      function x(i) {
+      var B = typeof Symbol == "function" && Symbol.iterator, I = "@@iterator";
+      function P(i) {
         if (i === null || typeof i != "object")
           return null;
-        var b = p && i[p] || i[R];
+        var b = B && i[B] || i[I];
         return typeof b == "function" ? b : null;
       }
-      var V = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function m(i) {
+      var q = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function g(i) {
         {
           for (var b = arguments.length, w = new Array(b > 1 ? b - 1 : 0), L = 1; L < b; L++)
             w[L - 1] = arguments[L];
-          A("error", i, w);
+          O("error", i, w);
         }
       }
-      function A(i, b, w) {
+      function O(i, b, w) {
         {
-          var L = V.ReactDebugCurrentFrame, G = L.getStackAddendum();
+          var L = q.ReactDebugCurrentFrame, G = L.getStackAddendum();
           G !== "" && (b += "%s", w = w.concat([G]));
           var K = w.map(function(Y) {
             return "" + Y;
@@ -130,21 +130,21 @@ function c0() {
           K.unshift("Warning: " + b), Function.prototype.apply.call(console[i], console, K);
         }
       }
-      var v = !1;
+      var $ = !1;
       function hu(i) {
-        return !!(typeof i == "string" || typeof i == "function" || i === u.Fragment || i === s || i === B || i === r || i === c || i === l || i === $ || v || typeof i == "object" && i !== null && (i.$$typeof === y || i.$$typeof === j || i.$$typeof === F || i.$$typeof === d || i.$$typeof === o || i.$$typeof === N || i.$$typeof === C || i[0] === T));
+        return !!(typeof i == "string" || typeof i == "function" || i === u.Fragment || i === s || i === m || i === r || i === c || i === l || i === T || $ || typeof i == "object" && i !== null && (i.$$typeof === y || i.$$typeof === j || i.$$typeof === F || i.$$typeof === d || i.$$typeof === o || i.$$typeof === x || i.$$typeof === C || i[0] === v));
       }
       function fu(i, b, w) {
         var L = b.displayName || b.name || "";
         return i.displayName || (L !== "" ? w + "(" + L + ")" : w);
       }
-      function S(i) {
+      function k(i) {
         return i.displayName || "Context";
       }
       function E(i) {
         if (i == null)
           return null;
-        if (typeof i.tag == "number" && m("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+        if (typeof i.tag == "number" && g("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."), typeof i == "function")
           return i.displayName || i.name || null;
         if (typeof i == "string")
           return i;
@@ -166,10 +166,10 @@ function c0() {
           switch (i.$$typeof) {
             case d:
               var b = i;
-              return S(b) + ".Consumer";
+              return k(b) + ".Consumer";
             case F:
               var w = i;
-              return S(w._context) + ".Provider";
+              return k(w._context) + ".Provider";
             case o:
               return fu(i, i.render, "ForwardRef");
             case j:
@@ -187,18 +187,18 @@ function c0() {
           }
         return null;
       }
-      var h = 0, k, g, I, P, M, U, J;
-      function q() {
+      var h = 0, A, p, R, N, M, V, J;
+      function z() {
       }
-      q.__reactDisabledLog = !0;
+      z.__reactDisabledLog = !0;
       function Z() {
         {
           if (h === 0) {
-            k = console.log, g = console.info, I = console.warn, P = console.error, M = console.group, U = console.groupCollapsed, J = console.groupEnd;
+            A = console.log, p = console.info, R = console.warn, N = console.error, M = console.group, V = console.groupCollapsed, J = console.groupEnd;
             var i = {
               configurable: !0,
               enumerable: !0,
-              value: q,
+              value: z,
               writable: !0
             };
             Object.defineProperties(console, {
@@ -224,33 +224,33 @@ function c0() {
             };
             Object.defineProperties(console, {
               log: e({}, i, {
-                value: k
+                value: A
               }),
               info: e({}, i, {
-                value: g
+                value: p
               }),
               warn: e({}, i, {
-                value: I
+                value: R
               }),
               error: e({}, i, {
-                value: P
+                value: N
               }),
               group: e({}, i, {
                 value: M
               }),
               groupCollapsed: e({}, i, {
-                value: U
+                value: V
               }),
               groupEnd: e({}, i, {
                 value: J
               })
             });
           }
-          h < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+          h < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var cu = V.ReactCurrentDispatcher, _u;
-      function gu(i, b, w) {
+      var cu = q.ReactCurrentDispatcher, _u;
+      function Bu(i, b, w) {
         {
           if (_u === void 0)
             try {
@@ -336,10 +336,10 @@ function c0() {
         } finally {
           ru = !1, cu.current = K, tu(), Error.prepareStackTrace = G;
         }
-        var fD = i ? i.displayName || i.name : "", Tf = fD ? gu(fD) : "";
+        var fD = i ? i.displayName || i.name : "", Tf = fD ? Bu(fD) : "";
         return typeof i == "function" && du.set(i, Tf), Tf;
       }
-      function O(i, b, w) {
+      function S(i, b, w) {
         return Iu(i, !1);
       }
       function Du(i) {
@@ -352,21 +352,21 @@ function c0() {
         if (typeof i == "function")
           return Iu(i, Du(i));
         if (typeof i == "string")
-          return gu(i);
+          return Bu(i);
         switch (i) {
           case c:
-            return gu("Suspense");
+            return Bu("Suspense");
           case l:
-            return gu("SuspenseList");
+            return Bu("SuspenseList");
         }
         if (typeof i == "object")
           switch (i.$$typeof) {
             case o:
-              return O(i.render);
+              return S(i.render);
             case j:
               return au(i.type, b, w);
             case C:
-              return O(i._render);
+              return S(i._render);
             case y: {
               var L = i, G = L._payload, K = L._init;
               try {
@@ -377,13 +377,13 @@ function c0() {
           }
         return "";
       }
-      var lu = {}, mu = V.ReactDebugCurrentFrame;
+      var lu = {}, gu = q.ReactDebugCurrentFrame;
       function Uu(i) {
         if (i) {
           var b = i._owner, w = au(i.type, i._source, b ? b.type : null);
-          mu.setExtraStackFrame(w);
+          gu.setExtraStackFrame(w);
         } else
-          mu.setExtraStackFrame(null);
+          gu.setExtraStackFrame(null);
       }
       function Y1(i, b, w, L, G) {
         {
@@ -400,11 +400,11 @@ function c0() {
               } catch (nu) {
                 H = nu;
               }
-              H && !(H instanceof Error) && (Uu(G), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", L || "React class", w, Y, typeof H), Uu(null)), H instanceof Error && !(H.message in lu) && (lu[H.message] = !0, Uu(G), m("Failed %s type: %s", w, H.message), Uu(null));
+              H && !(H instanceof Error) && (Uu(G), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", L || "React class", w, Y, typeof H), Uu(null)), H instanceof Error && !(H.message in lu) && (lu[H.message] = !0, Uu(G), g("Failed %s type: %s", w, H.message), Uu(null));
             }
         }
       }
-      var _f = V.ReactCurrentOwner, TD = Object.prototype.hasOwnProperty, K1 = {
+      var _f = q.ReactCurrentOwner, TD = Object.prototype.hasOwnProperty, K1 = {
         key: !0,
         ref: !0,
         __self: !0,
@@ -432,7 +432,7 @@ function c0() {
       function Z1(i, b) {
         {
           var w = function() {
-            yf || (yf = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+            yf || (yf = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
           };
           w.isReactWarning = !0, Object.defineProperty(i, "key", {
             get: w,
@@ -443,7 +443,7 @@ function c0() {
       function Q1(i, b) {
         {
           var w = function() {
-            vf || (vf = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+            vf || (vf = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
           };
           w.isReactWarning = !0, Object.defineProperty(i, "ref", {
             get: w,
@@ -498,7 +498,7 @@ function c0() {
           return u0(i, H, bu, G, L, _f.current, Y);
         }
       }
-      var ND = V.ReactCurrentOwner, wf = V.ReactDebugCurrentFrame;
+      var ND = q.ReactCurrentOwner, wf = q.ReactDebugCurrentFrame;
       function DD(i) {
         if (i) {
           var b = i._owner, w = au(i.type, i._source, b ? b.type : null);
@@ -549,7 +549,7 @@ Check the top-level render call using <` + w + ">.");
             return;
           xf[w] = !0;
           var L = "";
-          i && i._owner && i._owner !== ND.current && (L = " It was passed a child from " + E(i._owner.type) + "."), DD(i), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, L), DD(null);
+          i && i._owner && i._owner !== ND.current && (L = " It was passed a child from " + E(i._owner.type) + "."), DD(i), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, L), DD(null);
         }
       }
       function jf(i, b) {
@@ -564,7 +564,7 @@ Check the top-level render call using <` + w + ">.");
           else if (RD(i))
             i._store && (i._store.validated = !0);
           else if (i) {
-            var G = x(i);
+            var G = P(i);
             if (typeof G == "function" && G !== i.entries)
               for (var K = G.call(i), Y; !(Y = K.next()).done; )
                 RD(Y.value) && kf(Y.value, b);
@@ -591,9 +591,9 @@ Check the top-level render call using <` + w + ">.");
           } else if (b.PropTypes !== void 0 && !OD) {
             OD = !0;
             var G = E(b);
-            m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
+            g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", G || "Unknown");
           }
-          typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+          typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
       }
       function n0(i) {
@@ -601,11 +601,11 @@ Check the top-level render call using <` + w + ">.");
           for (var b = Object.keys(i.props), w = 0; w < b.length; w++) {
             var L = b[w];
             if (L !== "children" && L !== "key") {
-              DD(i), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), DD(null);
+              DD(i), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), DD(null);
               break;
             }
           }
-          i.ref !== null && (DD(i), m("Invalid attribute `ref` supplied to `React.Fragment`."), DD(null));
+          i.ref !== null && (DD(i), g("Invalid attribute `ref` supplied to `React.Fragment`."), DD(null));
         }
       }
       function Sf(i, b, w, L, G, K) {
@@ -617,7 +617,7 @@ Check the top-level render call using <` + w + ">.");
             var bu = f0();
             bu ? H += bu : H += Af();
             var nu;
-            i === null ? nu = "null" : Array.isArray(i) ? nu = "array" : i !== void 0 && i.$$typeof === t ? (nu = "<" + (E(i.type) || "Unknown") + " />", H = " Did you accidentally export a JSX literal instead of a component?") : nu = typeof i, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", nu, H);
+            i === null ? nu = "null" : Array.isArray(i) ? nu = "array" : i !== void 0 && i.$$typeof === t ? (nu = "<" + (E(i.type) || "Unknown") + " />", H = " Did you accidentally export a JSX literal instead of a component?") : nu = typeof i, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", nu, H);
           }
           var su = D0(i, b, w, G, K);
           if (su == null)
@@ -631,7 +631,7 @@ Check the top-level render call using <` + w + ">.");
                     jf(Lu[fD], i);
                   Object.freeze && Object.freeze(Lu);
                 } else
-                  m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                  g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
                 jf(Lu, i);
           }
@@ -656,9 +656,9 @@ const Gf = qu(void 0), Xf = ({
   children: u,
   channelName: D
 }) => {
-  const f = pu(
+  const f = mu(
     new BroadcastChannel(D)
-  ), e = pu({});
+  ), e = mu({});
   X(() => {
     const r = ({ data: s }) => {
       e.current[s.event].forEach((F) => F(s));
@@ -708,7 +708,7 @@ const Qf = {
   // 20 MB in bytes
   ownerId: aD.REACT_APP_WIDGET_OWNER_ID || "68342cec1e3cef0065f1b563"
 }, u1 = qu(Qf), D1 = ({ children: u, ...D }) => {
-  const f = pu({
+  const f = mu({
     ...Qf,
     ...D
   });
@@ -771,7 +771,7 @@ const Qf = {
 ), e1 = ({
   children: u
 }) => {
-  const f = Wu().language, e = (r) => r in Pf, [t, n] = z(
+  const f = Wu().language, e = (r) => r in Pf, [t, n] = U(
     e(f) ? f : "en"
   );
   return /* @__PURE__ */ a.jsx(
@@ -3265,7 +3265,7 @@ const Ae = (u, D) => {
 }, h1 = qu({
   socket: {}
 }), b1 = (u) => {
-  const D = Wu(), f = pu(
+  const D = Wu(), f = mu(
     Ae(D, {
       onConnect: () => {
         console.info(
@@ -3321,7 +3321,7 @@ const Ae = (u, D) => {
 }, p1 = qu(_D), B1 = ({
   children: u
 }) => {
-  const { t: D } = zu(), f = If.getItem("settings"), [e, t] = z(
+  const { t: D } = zu(), f = If.getItem("settings"), [e, t] = U(
     f || _D
   ), n = Mu((r) => {
     If.setItem("settings", r), t(r);
@@ -3348,34 +3348,34 @@ const Ae = (u, D) => {
       offline_mode: r.offline_mode
     });
   }), /* @__PURE__ */ a.jsx(p1.Provider, { value: e, children: u });
-}, Bu = () => Hu(p1), g1 = qu(void 0), m1 = ({
+}, pu = () => Hu(p1), g1 = qu(void 0), m1 = ({
   onOpen: u,
   onClose: D,
   onScrollToTop: f,
   defaultScreen: e = "prechat",
   children: t
 }) => {
-  const [n, r] = z(!0), [s, F] = z(!1), [d, o] = z(e), [c, l] = z(100), N = {
+  const [n, r] = U(!0), [s, F] = U(!1), [d, o] = U(e), [c, l] = U(100), x = {
     syncState: n,
     isOpen: s,
     screen: d,
     scroll: c,
-    setSyncState: (B) => {
-      r(B);
+    setSyncState: (m) => {
+      r(m);
     },
-    setIsOpen: (B) => {
-      F(B), n && (B ? u && u() : D && D());
+    setIsOpen: (m) => {
+      F(m), n && (m ? u && u() : D && D());
     },
-    setScreen: (B) => {
+    setScreen: (m) => {
       o(
-        ["prechat", "postchat", "webview"].includes(B) ? B : "chat"
+        ["prechat", "postchat", "webview"].includes(m) ? m : "chat"
       );
     },
-    setScroll: (B) => {
-      l(B), f && n && B === 0 && f();
+    setScroll: (m) => {
+      l(m), f && n && m === 0 && f();
     }
   };
-  return /* @__PURE__ */ a.jsx(g1.Provider, { value: N, children: t });
+  return /* @__PURE__ */ a.jsx(g1.Provider, { value: x, children: t });
 }, Nu = () => {
   const u = Hu(g1);
   if (u === void 0)
@@ -3449,58 +3449,58 @@ const Ae = (u, D) => {
   setIsOfflineMode: () => {
   }
 }, _1 = qu(yu), y1 = ({ wantToConnect: u, defaultConnectionState: D = 0, children: f }) => {
-  const e = Wu(), t = Bu(), { screen: n, setScreen: r } = Nu(), { setScroll: s, syncState: F, isOpen: d } = Nu(), o = Gu(), [c, l] = z(
+  const e = Wu(), t = pu(), { screen: n, setScreen: r } = Nu(), { setScroll: s, syncState: F, isOpen: d } = Nu(), o = Gu(), [c, l] = U(
     yu.participants
-  ), [j, y] = z(
+  ), [j, y] = U(
     D
-  ), [C, T] = z([]), [N, B] = z(
+  ), [C, v] = U([]), [x, m] = U(
     yu.newMessagesCount
-  ), [$, _] = z(
+  ), [T, _] = U(
     yu.showTypingIndicator
-  ), [p, R] = z(
+  ), [B, I] = U(
     yu.suggestions
-  ), [x, V] = z(
+  ), [P, q] = U(
     yu.newIOMessage
-  ), [m, A] = z(yu.message), [v, hu] = z(yu.outgoingMessageState), [fu, S] = z(yu.payload), [E, h] = z(yu.file), [k, g] = z(yu.webviewUrl), [I, P] = z(
+  ), [g, O] = U(yu.message), [$, hu] = U(yu.outgoingMessageState), [fu, k] = U(yu.payload), [E, h] = U(yu.file), [A, p] = U(yu.webviewUrl), [R, N] = U(
     yu.isContactFormActive
-  ), [M, U] = z(
+  ), [M, V] = U(
     yu.isOfflineMode
-  ), { send: J } = Cu(), { t: q } = zu(), Z = (O) => {
-    y(O), O === tD.wantToConnect && u && u(), O === tD.connected && t.alwaysScrollToBottom && s(101);
-  }, tu = t.offline_mode, cu = kD(tu), _u = (O) => {
-    if (V(O), uu.setItem(
+  ), { send: J } = Cu(), { t: z } = zu(), Z = (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(
       "isOffline",
-      (O == null ? void 0 : O.isOffline) || !1
+      (S == null ? void 0 : S.isOffline) || !1
     ), uu.setItem(
       "submitedFormLateTime",
-      (O == null ? void 0 : O.submitedFormLateTime) || null
-    ), O && "type" in O && O.type === "typing")
-      return $ === !0;
-    _(!1), O && "mid" in O && !C.find((Du) => O.mid === Du.mid) && ("author" in O && (O.direction = O.author === "chatbot" ? Q.received : Q.sent, O.read = !0, O.delivery = !0), T((Du) => [
-      ...Du.filter((au) => au.mid !== O.mid),
-      O
-    ]), s(0), "direction" in O && O.direction === Q.received && !O.isOffline && U(!1)), O && "data" in O && "quick_replies" in O.data ? R(
-      (O.data.quick_replies || []).map(
+      (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) => [
+      ...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.data.quick_replies || []).map(
         (Du) => ({
           content_type: Zf.text,
           text: Du.title,
           payload: Du.payload
         })
       )
-    ) : R([]), d || B((Du) => Du + 1), t.alwaysScrollToBottom && s(101), hu(iD.sent);
-  }, { socket: gu } = Gu(), ru = async ({
-    data: O
+    ) : I([]), d || m((Du) => Du + 1), t.alwaysScrollToBottom && s(101), hu(iD.sent);
+  }, { socket: Bu } = Gu(), ru = async ({
+    data: S
   }) => {
     var au;
     hu(
-      O.type === "file" ? iD.uploading : iD.sending
-    ), A("");
+      S.type === "file" ? iD.uploading : iD.sending
+    ), O("");
     const Du = await o.socket.post(
       `/webhook/${e.channel}/`,
       {
         data: {
-          ...O,
-          author: (O == null ? void 0 : O.author) ?? ((au = c[1]) == null ? void 0 : au.id)
+          ...S,
+          author: (S == null ? void 0 : S.author) ?? ((au = c[1]) == null ? void 0 : au.id)
         }
       }
     );
@@ -3511,29 +3511,29 @@ const Ae = (u, D) => {
       "=== CALLING handleNewIOMessage from handleSend (API Response) ==="
     );
   }, du = Mu(
-    async (O, Du) => {
+    async (S, Du) => {
       try {
         y(2);
         const au = new URLSearchParams();
         Object.entries({
-          ...O && Du ? { first_name: O, last_name: Du } : {},
+          ...S && Du ? { first_name: S, last_name: Du } : {},
           _refresh: Date.now().toString()
           // Force fresh data
-        }).forEach(([mu, Uu]) => {
-          typeof Uu == "string" && Uu.trim() && au.append(mu, Uu);
+        }).forEach(([gu, Uu]) => {
+          typeof Uu == "string" && Uu.trim() && au.append(gu, Uu);
         }), au.append("owner_id", e.ownerId);
-        const { body: lu } = await gu.get(`/webhook/${e.channel}/?${au.toString()}`);
+        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(
           "submitedFormLateTime",
           lu.profile.submitedFormLateTime || null
-        ), T(
-          lu.messages.map((mu) => ({
-            ...mu,
-            direction: mu.author === lu.profile.foreignId || mu.author === lu.profile.id ? Q.sent : Q.received,
-            read: mu.direction === Q.sent || mu.read,
-            delivery: mu.direction === Q.sent || mu.delivery,
-            isOffline: mu.isOffline || lu.profile.isOffline,
-            submitedFormLateTime: mu.submitedFormLateTime || lu.profile.submitedFormLateTime
+        ), 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,
+            isOffline: gu.isOffline || lu.profile.isOffline,
+            submitedFormLateTime: gu.submitedFormLateTime || lu.profile.submitedFormLateTime
           }))
         ), l([
           c[0],
@@ -3548,7 +3548,7 @@ const Ae = (u, D) => {
           data: {
             type: Au.postback,
             data: {
-              text: q("messages.get_started"),
+              text: z("messages.get_started"),
               payload: "GET_STARTED"
             },
             author: lu.profile.foreignId
@@ -3562,84 +3562,84 @@ const Ae = (u, D) => {
     [
       c,
       y,
-      T,
+      v,
       l,
       r,
       o
     ]
   );
-  Df(WD.message, (O) => {
+  Df(WD.message, (S) => {
     console.log(
       "=== CALLING handleNewIOMessage from useSubscribe (Socket Realtime) ==="
-    ), _u(O);
+    ), _u(S);
   }), Df(WD.typing, _);
-  const Pu = (O) => {
-    O ? (g(O), r("webview")) : r("chat");
+  const Pu = (S) => {
+    S ? (p(S), r("webview")) : r("chat");
   };
   X(() => {
-    F && d && B(0);
+    F && d && m(0);
   }, [F, d]), X(() => {
     if (d && j === tD.connected) {
       console.log("🔄 Widget opened - fetching fresh data");
-      const O = uu.getItem("profileLiveChat");
-      if (O) {
-        const Du = O;
+      const S = uu.getItem("profileLiveChat");
+      if (S) {
+        const Du = S;
         console.log("🔄 Widget opened - fetching fresh data", Du), du(Du.firstName, Du.lastName);
       }
-      !O && !cu && r("prechat");
+      !S && !cu && r("prechat");
     }
   }, [d]), h0("logout", () => {
     o.socket.disconnect();
   }), X(() => {
     n === "chat" && j === tD.connected && du();
-    const O = () => {
+    const S = () => {
       const Du = uu.getItem("profileLiveChat");
       if (Du) {
         const au = Du;
         du(au.firstName, au.lastName);
       }
     };
-    return o.socket.io.on("reconnect", O), () => {
-      o.socket.io.off("reconnect", O);
+    return o.socket.io.on("reconnect", S), () => {
+      o.socket.io.off("reconnect", S);
     };
   }, []), X(() => {
-    const O = [...c];
-    O[0].imageUrl = t.avatarUrl, l(O);
+    const S = [...c];
+    S[0].imageUrl = t.avatarUrl, l(S);
   }, [t.avatarUrl]);
   const Iu = {
     participants: c,
     setParticipants: l,
-    outgoingMessageState: v,
+    outgoingMessageState: $,
     setOutgoingMessageState: hu,
     connectionState: j,
     setConnectionState: Z,
-    messages: C.sort((O, Du) => {
-      const au = Date.parse(O.createdAt), lu = Date.parse(Du.createdAt);
+    messages: C.sort((S, Du) => {
+      const au = Date.parse(S.createdAt), lu = Date.parse(Du.createdAt);
       return +new Date(au) - +new Date(lu);
     }),
-    setMessages: T,
-    newMessagesCount: N,
-    setNewMessagesCount: B,
-    newIOMessage: x,
-    setNewIOMessage: V,
+    setMessages: v,
+    newMessagesCount: x,
+    setNewMessagesCount: m,
+    newIOMessage: P,
+    setNewIOMessage: q,
     send: ru,
-    showTypingIndicator: t.showTypingIndicator && $,
+    showTypingIndicator: t.showTypingIndicator && T,
     setShowTypingIndicator: _,
-    suggestions: p,
-    setSuggestions: R,
-    webviewUrl: k,
+    suggestions: B,
+    setSuggestions: I,
+    webviewUrl: A,
     setWebviewUrl: Pu,
     payload: fu,
-    setPayload: S,
+    setPayload: k,
     file: E,
     setFile: h,
-    message: m,
-    setMessage: A,
+    message: g,
+    setMessage: O,
     handleSubscription: du,
-    isContactFormActive: I,
-    setIsContactFormActive: P,
+    isContactFormActive: R,
+    setIsContactFormActive: N,
     isOfflineMode: M,
-    setIsOfflineMode: U
+    setIsOfflineMode: V
   };
   return /* @__PURE__ */ a.jsx(_1.Provider, { value: Iu, children: f });
 }, Cu = () => {
@@ -3961,7 +3961,7 @@ const Ae = (u, D) => {
 }), w1 = ({
   children: u
 }) => {
-  const D = Bu(), f = () => {
+  const D = pu(), f = () => {
     const e = D.color;
     if (yD[e])
       return yD[e];
@@ -4012,7 +4012,7 @@ const Ae = (u, D) => {
 ), Ie = ({
   onSendNoticeToStaff: u
 }) => {
-  const [D, f] = z(!1), e = pu(null), { send: t } = Cu(), n = async (r) => {
+  const [D, f] = U(!1), e = mu(null), { send: t } = Cu(), n = async (r) => {
     r.preventDefault(), r.stopPropagation();
     try {
       const s = uu.getItem("profileLiveChat");
@@ -4060,7 +4060,7 @@ const Ae = (u, D) => {
     ) })
   ] });
 }, Le = ({ children: u }) => {
-  const D = Bu(), { colors: f } = ou(), e = Nu();
+  const D = pu(), { colors: f } = ou(), e = Nu();
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -4239,256 +4239,256 @@ var x1 = { exports: {} };
   (function(f, e) {
     u.exports = e();
   })(dD, function() {
-    var f = 1e3, e = 6e4, t = 36e5, n = "millisecond", r = "second", s = "minute", F = "hour", d = "day", o = "week", c = "month", l = "quarter", j = "year", y = "date", C = "Invalid Date", T = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, N = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, B = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(S) {
-      var E = ["th", "st", "nd", "rd"], h = S % 100;
-      return "[" + S + (E[(h - 20) % 10] || E[h] || E[0]) + "]";
-    } }, $ = function(S, E, h) {
-      var k = String(S);
-      return !k || k.length >= E ? S : "" + Array(E + 1 - k.length).join(h) + S;
-    }, _ = { s: $, z: function(S) {
-      var E = -S.utcOffset(), h = Math.abs(E), k = Math.floor(h / 60), g = h % 60;
-      return (E <= 0 ? "+" : "-") + $(k, 2, "0") + ":" + $(g, 2, "0");
-    }, m: function S(E, h) {
-      if (E.date() < h.date()) return -S(h, E);
-      var k = 12 * (h.year() - E.year()) + (h.month() - E.month()), g = E.clone().add(k, c), I = h - g < 0, P = E.clone().add(k + (I ? -1 : 1), c);
-      return +(-(k + (h - g) / (I ? g - P : P - g)) || 0);
-    }, a: function(S) {
-      return S < 0 ? Math.ceil(S) || 0 : Math.floor(S);
-    }, p: function(S) {
-      return { M: c, y: j, w: o, d, D: y, h: F, m: s, s: r, ms: n, Q: l }[S] || String(S || "").toLowerCase().replace(/s$/, "");
-    }, u: function(S) {
-      return S === void 0;
-    } }, p = "en", R = {};
-    R[p] = B;
-    var x = "$isDayjsObject", V = function(S) {
-      return S instanceof hu || !(!S || !S[x]);
-    }, m = function S(E, h, k) {
-      var g;
-      if (!E) return p;
+    var f = 1e3, e = 6e4, t = 36e5, n = "millisecond", r = "second", s = "minute", F = "hour", d = "day", o = "week", c = "month", l = "quarter", j = "year", y = "date", C = "Invalid Date", v = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, m = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(k) {
+      var E = ["th", "st", "nd", "rd"], h = k % 100;
+      return "[" + k + (E[(h - 20) % 10] || E[h] || E[0]) + "]";
+    } }, T = function(k, E, h) {
+      var A = String(k);
+      return !A || A.length >= E ? k : "" + Array(E + 1 - A.length).join(h) + k;
+    }, _ = { s: T, z: function(k) {
+      var E = -k.utcOffset(), h = Math.abs(E), A = Math.floor(h / 60), p = h % 60;
+      return (E <= 0 ? "+" : "-") + T(A, 2, "0") + ":" + T(p, 2, "0");
+    }, m: function k(E, h) {
+      if (E.date() < h.date()) return -k(h, E);
+      var A = 12 * (h.year() - E.year()) + (h.month() - E.month()), p = E.clone().add(A, c), R = h - p < 0, N = E.clone().add(A + (R ? -1 : 1), c);
+      return +(-(A + (h - p) / (R ? p - N : N - p)) || 0);
+    }, a: function(k) {
+      return k < 0 ? Math.ceil(k) || 0 : Math.floor(k);
+    }, p: function(k) {
+      return { M: c, y: j, w: o, d, D: y, h: F, m: s, s: r, ms: n, Q: l }[k] || String(k || "").toLowerCase().replace(/s$/, "");
+    }, u: function(k) {
+      return k === void 0;
+    } }, B = "en", I = {};
+    I[B] = m;
+    var P = "$isDayjsObject", q = function(k) {
+      return k instanceof hu || !(!k || !k[P]);
+    }, g = function k(E, h, A) {
+      var p;
+      if (!E) return B;
       if (typeof E == "string") {
-        var I = E.toLowerCase();
-        R[I] && (g = I), h && (R[I] = h, g = I);
-        var P = E.split("-");
-        if (!g && P.length > 1) return S(P[0]);
+        var R = E.toLowerCase();
+        I[R] && (p = R), h && (I[R] = h, p = R);
+        var N = E.split("-");
+        if (!p && N.length > 1) return k(N[0]);
       } else {
         var M = E.name;
-        R[M] = E, g = M;
+        I[M] = E, p = M;
       }
-      return !k && g && (p = g), g || !k && p;
-    }, A = function(S, E) {
-      if (V(S)) return S.clone();
+      return !A && p && (B = p), p || !A && B;
+    }, O = function(k, E) {
+      if (q(k)) return k.clone();
       var h = typeof E == "object" ? E : {};
-      return h.date = S, h.args = arguments, new hu(h);
-    }, v = _;
-    v.l = m, v.i = V, v.w = function(S, E) {
-      return A(S, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
+      return h.date = k, h.args = arguments, new hu(h);
+    }, $ = _;
+    $.l = g, $.i = q, $.w = function(k, E) {
+      return O(k, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
     };
     var hu = function() {
-      function S(h) {
-        this.$L = m(h.locale, null, !0), this.parse(h), this.$x = this.$x || h.x || {}, this[x] = !0;
+      function k(h) {
+        this.$L = g(h.locale, null, !0), this.parse(h), this.$x = this.$x || h.x || {}, this[P] = !0;
       }
-      var E = S.prototype;
+      var E = k.prototype;
       return E.parse = function(h) {
-        this.$d = function(k) {
-          var g = k.date, I = k.utc;
-          if (g === null) return /* @__PURE__ */ new Date(NaN);
-          if (v.u(g)) return /* @__PURE__ */ new Date();
-          if (g instanceof Date) return new Date(g);
-          if (typeof g == "string" && !/Z$/i.test(g)) {
-            var P = g.match(T);
-            if (P) {
-              var M = P[2] - 1 || 0, U = (P[7] || "0").substring(0, 3);
-              return I ? new Date(Date.UTC(P[1], M, P[3] || 1, P[4] || 0, P[5] || 0, P[6] || 0, U)) : new Date(P[1], M, P[3] || 1, P[4] || 0, P[5] || 0, P[6] || 0, U);
+        this.$d = function(A) {
+          var p = A.date, R = A.utc;
+          if (p === null) return /* @__PURE__ */ new Date(NaN);
+          if ($.u(p)) return /* @__PURE__ */ new Date();
+          if (p instanceof Date) return new Date(p);
+          if (typeof p == "string" && !/Z$/i.test(p)) {
+            var N = p.match(v);
+            if (N) {
+              var M = N[2] - 1 || 0, V = (N[7] || "0").substring(0, 3);
+              return R ? new Date(Date.UTC(N[1], M, N[3] || 1, N[4] || 0, N[5] || 0, N[6] || 0, V)) : new Date(N[1], M, N[3] || 1, N[4] || 0, N[5] || 0, N[6] || 0, V);
             }
           }
-          return new Date(g);
+          return new Date(p);
         }(h), this.init();
       }, E.init = function() {
         var h = this.$d;
         this.$y = h.getFullYear(), this.$M = h.getMonth(), this.$D = h.getDate(), this.$W = h.getDay(), this.$H = h.getHours(), this.$m = h.getMinutes(), this.$s = h.getSeconds(), this.$ms = h.getMilliseconds();
       }, E.$utils = function() {
-        return v;
+        return $;
       }, E.isValid = function() {
         return this.$d.toString() !== C;
-      }, E.isSame = function(h, k) {
-        var g = A(h);
-        return this.startOf(k) <= g && g <= this.endOf(k);
-      }, E.isAfter = function(h, k) {
-        return A(h) < this.startOf(k);
-      }, E.isBefore = function(h, k) {
-        return this.endOf(k) < A(h);
-      }, E.$g = function(h, k, g) {
-        return v.u(h) ? this[k] : this.set(g, h);
+      }, E.isSame = function(h, A) {
+        var p = O(h);
+        return this.startOf(A) <= p && p <= this.endOf(A);
+      }, E.isAfter = function(h, A) {
+        return O(h) < this.startOf(A);
+      }, E.isBefore = function(h, A) {
+        return this.endOf(A) < O(h);
+      }, E.$g = function(h, A, p) {
+        return $.u(h) ? this[A] : this.set(p, h);
       }, E.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, E.valueOf = function() {
         return this.$d.getTime();
-      }, E.startOf = function(h, k) {
-        var g = this, I = !!v.u(k) || k, P = v.p(h), M = function(gu, ru) {
-          var du = v.w(g.$u ? Date.UTC(g.$y, ru, gu) : new Date(g.$y, ru, gu), g);
-          return I ? du : du.endOf(d);
-        }, U = function(gu, ru) {
-          return v.w(g.toDate()[gu].apply(g.toDate("s"), (I ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ru)), g);
-        }, J = this.$W, q = this.$M, Z = this.$D, tu = "set" + (this.$u ? "UTC" : "");
-        switch (P) {
+      }, E.startOf = function(h, A) {
+        var p = this, R = !!$.u(A) || A, N = $.p(h), M = function(Bu, ru) {
+          var du = $.w(p.$u ? Date.UTC(p.$y, ru, Bu) : new Date(p.$y, ru, Bu), p);
+          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" : "");
+        switch (N) {
           case j:
-            return I ? M(1, 0) : M(31, 11);
+            return R ? M(1, 0) : M(31, 11);
           case c:
-            return I ? M(1, q) : M(0, q + 1);
+            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(I ? Z - _u : Z + (6 - _u), q);
+            return M(R ? Z - _u : Z + (6 - _u), z);
           case d:
           case y:
-            return U(tu + "Hours", 0);
+            return V(tu + "Hours", 0);
           case F:
-            return U(tu + "Minutes", 1);
+            return V(tu + "Minutes", 1);
           case s:
-            return U(tu + "Seconds", 2);
+            return V(tu + "Seconds", 2);
           case r:
-            return U(tu + "Milliseconds", 3);
+            return V(tu + "Milliseconds", 3);
           default:
             return this.clone();
         }
       }, E.endOf = function(h) {
         return this.startOf(h, !1);
-      }, E.$set = function(h, k) {
-        var g, I = v.p(h), P = "set" + (this.$u ? "UTC" : ""), M = (g = {}, g[d] = P + "Date", g[y] = P + "Date", g[c] = P + "Month", g[j] = P + "FullYear", g[F] = P + "Hours", g[s] = P + "Minutes", g[r] = P + "Seconds", g[n] = P + "Milliseconds", g)[I], U = I === d ? this.$D + (k - this.$W) : k;
-        if (I === c || I === j) {
+      }, E.$set = function(h, A) {
+        var p, R = $.p(h), N = "set" + (this.$u ? "UTC" : ""), M = (p = {}, p[d] = N + "Date", p[y] = N + "Date", p[c] = N + "Month", p[j] = N + "FullYear", p[F] = N + "Hours", p[s] = N + "Minutes", p[r] = N + "Seconds", p[n] = N + "Milliseconds", p)[R], V = R === d ? this.$D + (A - this.$W) : A;
+        if (R === c || R === j) {
           var J = this.clone().set(y, 1);
-          J.$d[M](U), J.init(), this.$d = J.set(y, Math.min(this.$D, J.daysInMonth())).$d;
-        } else M && this.$d[M](U);
+          J.$d[M](V), J.init(), this.$d = J.set(y, Math.min(this.$D, J.daysInMonth())).$d;
+        } else M && this.$d[M](V);
         return this.init(), this;
-      }, E.set = function(h, k) {
-        return this.clone().$set(h, k);
+      }, E.set = function(h, A) {
+        return this.clone().$set(h, A);
       }, E.get = function(h) {
-        return this[v.p(h)]();
-      }, E.add = function(h, k) {
-        var g, I = this;
+        return this[$.p(h)]();
+      }, E.add = function(h, A) {
+        var p, R = this;
         h = Number(h);
-        var P = v.p(k), M = function(q) {
-          var Z = A(I);
-          return v.w(Z.date(Z.date() + Math.round(q * h)), I);
+        var N = $.p(A), M = function(z) {
+          var Z = O(R);
+          return $.w(Z.date(Z.date() + Math.round(z * h)), R);
         };
-        if (P === c) return this.set(c, this.$M + h);
-        if (P === j) return this.set(j, this.$y + h);
-        if (P === d) return M(1);
-        if (P === o) return M(7);
-        var U = (g = {}, g[s] = e, g[F] = t, g[r] = f, g)[P] || 1, J = this.$d.getTime() + h * U;
-        return v.w(J, this);
-      }, E.subtract = function(h, k) {
-        return this.add(-1 * h, k);
+        if (N === c) return this.set(c, this.$M + h);
+        if (N === j) return this.set(j, this.$y + h);
+        if (N === d) return M(1);
+        if (N === o) return M(7);
+        var V = (p = {}, p[s] = e, p[F] = t, p[r] = f, p)[N] || 1, J = this.$d.getTime() + h * V;
+        return $.w(J, this);
+      }, E.subtract = function(h, A) {
+        return this.add(-1 * h, A);
       }, E.format = function(h) {
-        var k = this, g = this.$locale();
-        if (!this.isValid()) return g.invalidDate || C;
-        var I = h || "YYYY-MM-DDTHH:mm:ssZ", P = v.z(this), M = this.$H, U = this.$m, J = this.$M, q = g.weekdays, Z = g.months, tu = g.meridiem, cu = function(ru, du, Pu, Iu) {
-          return ru && (ru[du] || ru(k, I)) || Pu[du].slice(0, Iu);
+        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) {
+          return ru && (ru[du] || ru(A, R)) || Pu[du].slice(0, Iu);
         }, _u = function(ru) {
-          return v.s(M % 12 || 12, ru, "0");
-        }, gu = tu || function(ru, du, Pu) {
+          return $.s(M % 12 || 12, ru, "0");
+        }, Bu = tu || function(ru, du, Pu) {
           var Iu = ru < 12 ? "AM" : "PM";
           return Pu ? Iu.toLowerCase() : Iu;
         };
-        return I.replace(N, function(ru, du) {
+        return R.replace(x, function(ru, du) {
           return du || function(Pu) {
             switch (Pu) {
               case "YY":
-                return String(k.$y).slice(-2);
+                return String(A.$y).slice(-2);
               case "YYYY":
-                return v.s(k.$y, 4, "0");
+                return $.s(A.$y, 4, "0");
               case "M":
                 return J + 1;
               case "MM":
-                return v.s(J + 1, 2, "0");
+                return $.s(J + 1, 2, "0");
               case "MMM":
-                return cu(g.monthsShort, J, Z, 3);
+                return cu(p.monthsShort, J, Z, 3);
               case "MMMM":
                 return cu(Z, J);
               case "D":
-                return k.$D;
+                return A.$D;
               case "DD":
-                return v.s(k.$D, 2, "0");
+                return $.s(A.$D, 2, "0");
               case "d":
-                return String(k.$W);
+                return String(A.$W);
               case "dd":
-                return cu(g.weekdaysMin, k.$W, q, 2);
+                return cu(p.weekdaysMin, A.$W, z, 2);
               case "ddd":
-                return cu(g.weekdaysShort, k.$W, q, 3);
+                return cu(p.weekdaysShort, A.$W, z, 3);
               case "dddd":
-                return q[k.$W];
+                return z[A.$W];
               case "H":
                 return String(M);
               case "HH":
-                return v.s(M, 2, "0");
+                return $.s(M, 2, "0");
               case "h":
                 return _u(1);
               case "hh":
                 return _u(2);
               case "a":
-                return gu(M, U, !0);
+                return Bu(M, V, !0);
               case "A":
-                return gu(M, U, !1);
+                return Bu(M, V, !1);
               case "m":
-                return String(U);
+                return String(V);
               case "mm":
-                return v.s(U, 2, "0");
+                return $.s(V, 2, "0");
               case "s":
-                return String(k.$s);
+                return String(A.$s);
               case "ss":
-                return v.s(k.$s, 2, "0");
+                return $.s(A.$s, 2, "0");
               case "SSS":
-                return v.s(k.$ms, 3, "0");
+                return $.s(A.$ms, 3, "0");
               case "Z":
-                return P;
+                return N;
             }
             return null;
-          }(ru) || P.replace(":", "");
+          }(ru) || N.replace(":", "");
         });
       }, E.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, E.diff = function(h, k, g) {
-        var I, P = this, M = v.p(k), U = A(h), J = (U.utcOffset() - this.utcOffset()) * e, q = this - U, Z = function() {
-          return v.m(P, U);
+      }, 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() {
+          return $.m(N, V);
         };
         switch (M) {
           case j:
-            I = Z() / 12;
+            R = Z() / 12;
             break;
           case c:
-            I = Z();
+            R = Z();
             break;
           case l:
-            I = Z() / 3;
+            R = Z() / 3;
             break;
           case o:
-            I = (q - J) / 6048e5;
+            R = (z - J) / 6048e5;
             break;
           case d:
-            I = (q - J) / 864e5;
+            R = (z - J) / 864e5;
             break;
           case F:
-            I = q / t;
+            R = z / t;
             break;
           case s:
-            I = q / e;
+            R = z / e;
             break;
           case r:
-            I = q / f;
+            R = z / f;
             break;
           default:
-            I = q;
+            R = z;
         }
-        return g ? I : v.a(I);
+        return p ? R : $.a(R);
       }, E.daysInMonth = function() {
         return this.endOf(c).$D;
       }, E.$locale = function() {
-        return R[this.$L];
-      }, E.locale = function(h, k) {
+        return I[this.$L];
+      }, E.locale = function(h, A) {
         if (!h) return this.$L;
-        var g = this.clone(), I = m(h, k, !0);
-        return I && (g.$L = I), g;
+        var p = this.clone(), R = g(h, A, !0);
+        return R && (p.$L = R), p;
       }, E.clone = function() {
-        return v.w(this.$d, this);
+        return $.w(this.$d, this);
       }, E.toDate = function() {
         return new Date(this.valueOf());
       }, E.toJSON = function() {
@@ -4497,17 +4497,17 @@ var x1 = { exports: {} };
         return this.$d.toISOString();
       }, E.toString = function() {
         return this.$d.toUTCString();
-      }, S;
+      }, k;
     }(), fu = hu.prototype;
-    return A.prototype = fu, [["$ms", n], ["$s", r], ["$m", s], ["$H", F], ["$W", d], ["$M", c], ["$y", j], ["$D", y]].forEach(function(S) {
-      fu[S[1]] = function(E) {
-        return this.$g(E, S[0], S[1]);
+    return O.prototype = fu, [["$ms", n], ["$s", r], ["$m", s], ["$H", F], ["$W", d], ["$M", c], ["$y", j], ["$D", y]].forEach(function(k) {
+      fu[k[1]] = function(E) {
+        return this.$g(E, k[0], k[1]);
       };
-    }), A.extend = function(S, E) {
-      return S.$i || (S(E, hu, A), S.$i = !0), A;
-    }, A.locale = m, A.isDayjs = V, A.unix = function(S) {
-      return A(1e3 * S);
-    }, A.en = R[p], A.Ls = R, A.p = {}, A;
+    }), O.extend = function(k, E) {
+      return k.$i || (k(E, hu, O), k.$i = !0), O;
+    }, O.locale = g, O.isDayjs = q, O.unix = function(k) {
+      return O(1e3 * k);
+    }, O.en = I[B], O.Ls = I, O.p = {}, O;
   });
 })(x1);
 var k1 = x1.exports;
@@ -4549,20 +4549,20 @@ var S1 = { exports: {} };
         return n.fromToBase(d, o, c, l);
       }
       t.en.relativeTime = r, n.fromToBase = function(d, o, c, l, j) {
-        for (var y, C, T, N = c.$locale().relativeTime || r, B = f.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], $ = B.length, _ = 0; _ < $; _ += 1) {
-          var p = B[_];
-          p.d && (y = l ? t(d).diff(c, p.d, !0) : c.diff(d, p.d, !0));
-          var R = (f.rounding || Math.round)(Math.abs(y));
-          if (T = y > 0, R <= p.r || !p.r) {
-            R <= 1 && _ > 0 && (p = B[_ - 1]);
-            var x = N[p.l];
-            j && (R = j("" + R)), C = typeof x == "string" ? x.replace("%d", R) : x(R, o, p.l, T);
+        for (var y, C, v, x = c.$locale().relativeTime || r, m = f.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], T = m.length, _ = 0; _ < T; _ += 1) {
+          var B = m[_];
+          B.d && (y = l ? t(d).diff(c, B.d, !0) : c.diff(d, B.d, !0));
+          var I = (f.rounding || Math.round)(Math.abs(y));
+          if (v = y > 0, I <= B.r || !B.r) {
+            I <= 1 && _ > 0 && (B = m[_ - 1]);
+            var P = x[B.l];
+            j && (I = j("" + I)), C = typeof P == "string" ? P.replace("%d", I) : P(I, o, B.l, v);
             break;
           }
         }
         if (o) return C;
-        var V = T ? N.future : N.past;
-        return typeof V == "function" ? V(C) : V.replace("%s", C);
+        var q = v ? x.future : x.past;
+        return typeof q == "function" ? q(C) : q.replace("%s", C);
       }, n.to = function(d, o) {
         return s(d, o, this, !0);
       }, n.from = function(d, o) {
@@ -4646,7 +4646,7 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
     ] })
   }
 ), vD = ({ message: u }) => {
-  const { setPayload: D, send: f, setWebviewUrl: e } = Cu(), t = Bu(), { colors: n } = ou(), r = (s, F) => {
+  const { setPayload: D, send: f, setWebviewUrl: e } = Cu(), t = pu(), { colors: n } = ou(), r = (s, F) => {
     F.type === "web_url" && F.url ? F.messenger_extensions ? e(F.url) : window.open(F.url, "_blank") : F.type === "postback" && (D({ text: F.title, payload: F.payload }), f({
       event: s,
       source: "post-back",
@@ -4706,7 +4706,7 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
 ] }) }), Ge = ({
   messageCarousel: u
 }) => {
-  const { colors: D } = ou(), [f, e] = z(0), t = u.data.elements, n = () => {
+  const { colors: D } = ou(), [f, e] = U(0), t = u.data.elements, n = () => {
     e(
       (d) => (d + t.length - 1) % t.length
     );
@@ -4810,7 +4810,7 @@ const He = /* @__PURE__ */ sf(Ve), T1 = ({
   );
 }, Qe = ({ message: u }) => {
   var d;
-  const { colors: D } = ou(), f = Nu(), [e, t] = z(!1), n = pu(null);
+  const { colors: D } = ou(), f = Nu(), [e, t] = U(!1), n = mu(null);
   if (X(() => {
     const o = new IntersectionObserver((c) => {
       !e && c[0].intersectionRatio > 0 && t(!0);
@@ -6410,41 +6410,41 @@ const U1 = ({
   initialData: u,
   loadFromDataUserSubs: D = !1
 } = {}) => {
-  const [f, e] = z(
+  const [f, e] = U(
     u || {}
-  ), [t, n] = z({}), [r, s] = z({}), F = (C, T) => {
-    let N = "";
+  ), [t, n] = U({}), [r, s] = U({}), F = (C, v) => {
+    let x = "";
     if (C.isRequired)
-      if (typeof T == "string") {
-        const B = T.trim();
-        if (!B) return `${C.label} is required`;
+      if (typeof v == "string") {
+        const m = v.trim();
+        if (!m) return `${C.label} is required`;
         if (C.key.toLowerCase().includes("phone") || C.label.toLowerCase().includes("phone")) {
-          const $ = B.replace(/\s+/g, ""), _ = Ju.find((R) => $.startsWith(R.countryCode)), p = $.replace(/^\+?\d+/, "");
-          if (_ && p.length === 0)
+          const T = m.replace(/\s+/g, ""), _ = Ju.find((I) => T.startsWith(I.countryCode)), B = T.replace(/^\+?\d+/, "");
+          if (_ && B.length === 0)
             return "";
         }
-      } else typeof T == "boolean" ? T !== !0 && (N = `${C.label} is required`) : T || (N = `${C.label} is required`);
-    if (N && t[C.key])
-      return console.log(`[VALIDATE] ${C.key}=${T}, ERROR=${N}`), N;
+      } else typeof v == "boolean" ? v !== !0 && (x = `${C.label} is required`) : v || (x = `${C.label} is required`);
+    if (x && t[C.key])
+      return console.log(`[VALIDATE] ${C.key}=${v}, ERROR=${x}`), x;
     if (C.key.toLowerCase().includes("email") || C.label.toLowerCase().includes("email")) {
-      const B = String(T || "").trim();
-      B && (/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(B) || (N = "Please enter a valid email address"));
+      const m = String(v || "").trim();
+      m && (/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(m) || (x = "Please enter a valid email address"));
     }
     if (C.key.toLowerCase().includes("phone") || C.label.toLowerCase().includes("phone")) {
-      const B = String(T || ""), $ = B.replace(/[^0-9+]/g, ""), _ = Ju.find((x) => $.startsWith(x.countryCode)), p = (_ == null ? void 0 : _.code) || "AU", R = _ ? $.substring(_.countryCode.length) : $;
-      if (!C.isRequired && _ && R === "")
+      const m = String(v || ""), T = m.replace(/[^0-9+]/g, ""), _ = Ju.find((P) => T.startsWith(P.countryCode)), B = (_ == null ? void 0 : _.code) || "AU", I = _ ? T.substring(_.countryCode.length) : T;
+      if (!C.isRequired && _ && I === "")
         return "";
-      if (B) {
-        const x = wt({
-          number: B,
-          region: p,
+      if (m) {
+        const P = wt({
+          number: m,
+          region: B,
           validateDuplicate: !1,
           contacts: /* @__PURE__ */ new Map()
         });
-        x.isValid || (N = x.errorMessage || "Please enter a valid phone number");
+        P.isValid || (x = P.errorMessage || "Please enter a valid phone number");
       }
     }
-    return N;
+    return x;
   };
   X(() => {
     if (D)
@@ -6456,44 +6456,44 @@ const U1 = ({
       }
   }, [D]);
   const d = Mu(
-    (C, T) => {
-      e((N) => ({
-        ...N,
-        [C]: T
-      })), s((N) => ({ ...N, [C]: "" }));
+    (C, v) => {
+      e((x) => ({
+        ...x,
+        [C]: v
+      })), s((x) => ({ ...x, [C]: "" }));
     },
     []
   ), o = Mu(
     (C) => {
-      n((B) => ({ ...B, [C.key]: !0 }));
-      const T = f[C.key], N = F(C, T);
-      s((B) => ({ ...B, [C.key]: N }));
+      n((m) => ({ ...m, [C.key]: !0 }));
+      const v = f[C.key], x = F(C, v);
+      s((m) => ({ ...m, [C.key]: x }));
     },
     [f]
   ), c = (C) => {
-    const T = {
+    const v = {
       email: "email",
       phone: "tel",
       date: "date",
       password: "password"
-    }, N = Object.keys(T).find(
-      (B) => C.toLowerCase().includes(B)
+    }, x = Object.keys(v).find(
+      (m) => C.toLowerCase().includes(m)
     );
-    return N ? T[N] : "text";
+    return x ? v[x] : "text";
   }, l = Mu(
     (C) => {
-      var $;
+      var T;
       if (!C.isDisplay) return null;
-      const T = f[C.key], N = c(C.key), B = !!r[C.key] && t[C.key];
+      const v = f[C.key], x = c(C.key), m = !!r[C.key] && t[C.key];
       if (C.key.includes("language") || C.key.includes("country"))
         return /* @__PURE__ */ a.jsx(
           "select",
           {
-            className: `user-subscription-form-input${B ? " error" : ""}`,
-            value: T || "",
+            className: `user-subscription-form-input${m ? " error" : ""}`,
+            value: v || "",
             onChange: (_) => d(C.key, _.target.value),
             onBlur: () => o(C),
-            "aria-invalid": B,
+            "aria-invalid": m,
             style: C.color ? { borderColor: C.color } : void 0,
             children: /* @__PURE__ */ a.jsxs("option", { value: "", children: [
               "Select ",
@@ -6509,24 +6509,24 @@ const U1 = ({
             {
               type: "checkbox",
               id: C.key,
-              checked: T || !1,
+              checked: v || !1,
               onChange: (_) => d(C.key, _.target.checked),
-              "aria-invalid": B
+              "aria-invalid": m
             }
           ),
           /* @__PURE__ */ a.jsx("label", { htmlFor: C.key, children: C.label })
         ] }, C.key);
       if (C.key.toLowerCase().includes("phone")) {
-        const _ = T || "", p = (($ = Ju.find((m) => _.startsWith(m.countryCode))) == null ? void 0 : $.countryCode) || "+61", R = _.replace(/^\+?\d+\s?/, "").trim(), x = (m) => {
-          const A = m.replace(/[^0-9\s]/g, "").trim();
+        const _ = v || "", B = ((T = Ju.find((g) => _.startsWith(g.countryCode))) == null ? void 0 : T.countryCode) || "+61", I = _.replace(/^\+?\d+\s?/, "").trim(), P = (g) => {
+          const O = g.replace(/[^0-9\s]/g, "").trim();
           d(
             C.key,
-            A ? `${p} ${A}` : `${p} `
+            O ? `${B} ${O}` : `${B} `
           );
-        }, V = (m) => {
+        }, q = (g) => {
           d(
             C.key,
-            R ? `${m} ${R}` : `${m} `
+            I ? `${g} ${I}` : `${g} `
           );
         };
         return /* @__PURE__ */ a.jsxs("div", { className: "user-subscription-form-field", children: [
@@ -6543,23 +6543,23 @@ const U1 = ({
                 /* @__PURE__ */ a.jsxs(
                   "select",
                   {
-                    className: `user-subscription-form-input${B ? " error" : ""}`,
+                    className: `user-subscription-form-input${m ? " error" : ""}`,
                     style: {
                       maxWidth: "100px"
                     },
-                    value: p,
-                    onChange: (m) => V(m.target.value),
+                    value: B,
+                    onChange: (g) => q(g.target.value),
                     onBlur: () => o(C),
-                    "aria-invalid": !!B,
+                    "aria-invalid": !!m,
                     children: [
                       /* @__PURE__ */ a.jsx("option", { value: "", children: "+Code" }),
-                      Ju.map((m) => /* @__PURE__ */ a.jsx(
+                      Ju.map((g) => /* @__PURE__ */ a.jsx(
                         "option",
                         {
-                          value: m.countryCode,
-                          children: `${m.flag} ${m.countryCode}`
+                          value: g.countryCode,
+                          children: `${g.flag} ${g.countryCode}`
                         },
-                        m.code
+                        g.code
                       ))
                     ]
                   }
@@ -6567,13 +6567,13 @@ const U1 = ({
                 /* @__PURE__ */ a.jsx(
                   "input",
                   {
-                    className: `user-subscription-form-input${B ? " error" : ""}`,
+                    className: `user-subscription-form-input${m ? " error" : ""}`,
                     type: "tel",
-                    value: R,
-                    onChange: (m) => x(m.target.value),
+                    value: I,
+                    onChange: (g) => P(g.target.value),
                     onBlur: () => o(C),
                     placeholder: C.label,
-                    "aria-invalid": !!B,
+                    "aria-invalid": !!m,
                     style: {
                       ...C.color ? { borderColor: C.color } : {},
                       flex: 1
@@ -6583,43 +6583,43 @@ const U1 = ({
               ]
             }
           ),
-          B && /* @__PURE__ */ a.jsx("div", { className: "user-subscription-error", children: r[C.key] })
+          m && /* @__PURE__ */ a.jsx("div", { className: "user-subscription-error", children: r[C.key] })
         ] }, C.key);
       }
       return /* @__PURE__ */ a.jsxs("div", { className: "user-subscription-form-field", children: [
         /* @__PURE__ */ a.jsx(
           "input",
           {
-            className: `user-subscription-form-input${B ? " error" : ""}`,
-            type: N,
-            value: T || "",
+            className: `user-subscription-form-input${m ? " error" : ""}`,
+            type: x,
+            value: v || "",
             onChange: (_) => d(C.key, _.target.value),
             onBlur: () => o(C),
             placeholder: C.label,
-            "aria-invalid": B,
+            "aria-invalid": m,
             style: C.color ? { borderColor: C.color } : void 0
           }
         ),
-        B && /* @__PURE__ */ a.jsx("div", { className: "user-subscription-error", children: r[C.key] })
+        m && /* @__PURE__ */ a.jsx("div", { className: "user-subscription-error", children: r[C.key] })
       ] }, C.key);
     },
     [r, t, f, d, o]
   ), j = Mu(
     (C) => {
-      var $;
+      var T;
       if (!C.isDisplay) return null;
-      const T = f[C.key], N = c(C.key), B = !!r[C.key] && t[C.key];
+      const v = f[C.key], x = c(C.key), m = !!r[C.key] && t[C.key];
       if (C.key.toLowerCase().includes("phone")) {
-        const _ = T || "", p = (($ = Ju.find((m) => _.startsWith(m.countryCode))) == null ? void 0 : $.countryCode) || "+61", R = _.replace(/^\+?\d+\s?/, "").trim(), x = (m) => {
-          const A = m.replace(/[^0-9\s]/g, "").trim();
+        const _ = v || "", B = ((T = Ju.find((g) => _.startsWith(g.countryCode))) == null ? void 0 : T.countryCode) || "+61", I = _.replace(/^\+?\d+\s?/, "").trim(), P = (g) => {
+          const O = g.replace(/[^0-9\s]/g, "").trim();
           d(
             C.key,
-            A ? `${p} ${A}` : `${p} `
+            O ? `${B} ${O}` : `${B} `
           );
-        }, V = (m) => {
+        }, q = (g) => {
           d(
             C.key,
-            R ? `${m} ${R}` : `${m} `
+            I ? `${g} ${I}` : `${g} `
           );
         };
         return /* @__PURE__ */ a.jsxs("div", { className: "sc-message--contact-form-field", children: [
@@ -6641,19 +6641,19 @@ const U1 = ({
                   {
                     className: "sc-message--contact-form-input",
                     style: { maxWidth: "100px" },
-                    value: p,
-                    onChange: (m) => V(m.target.value),
+                    value: B,
+                    onChange: (g) => q(g.target.value),
                     onBlur: () => o(C),
-                    "aria-invalid": B,
+                    "aria-invalid": m,
                     children: [
                       /* @__PURE__ */ a.jsx("option", { value: "", children: "+Code" }),
-                      Ju.map((m) => /* @__PURE__ */ a.jsx(
+                      Ju.map((g) => /* @__PURE__ */ a.jsx(
                         "option",
                         {
-                          value: m.countryCode,
-                          children: `${m.flag} ${m.countryCode}`
+                          value: g.countryCode,
+                          children: `${g.flag} ${g.countryCode}`
                         },
-                        m.code
+                        g.code
                       ))
                     ]
                   }
@@ -6663,23 +6663,23 @@ const U1 = ({
                   {
                     id: `contact-${C.key}`,
                     type: "tel",
-                    value: R,
-                    onChange: (m) => x(m.target.value),
+                    value: I,
+                    onChange: (g) => P(g.target.value),
                     onBlur: () => o(C),
                     placeholder: "",
-                    className: `sc-message--contact-form-input ${B ? "error" : ""}`,
-                    "aria-invalid": B,
+                    className: `sc-message--contact-form-input ${m ? "error" : ""}`,
+                    "aria-invalid": m,
                     style: {
                       ...C.color ? { borderColor: C.color } : {},
                       flex: 1,
-                      ...B ? { borderColor: "#ff4444" } : {}
+                      ...m ? { borderColor: "#ff4444" } : {}
                     }
                   }
                 )
               ]
             }
           ),
-          B && /* @__PURE__ */ a.jsx(
+          m && /* @__PURE__ */ a.jsx(
             "div",
             {
               style: {
@@ -6705,20 +6705,20 @@ const U1 = ({
           "input",
           {
             id: `contact-${C.key}`,
-            type: N,
-            value: T || "",
+            type: x,
+            value: v || "",
             onChange: (_) => d(C.key, _.target.value),
             onBlur: () => o(C),
             placeholder: "",
-            className: `sc-message--contact-form-input ${B ? "error" : ""}`,
-            "aria-invalid": B,
+            className: `sc-message--contact-form-input ${m ? "error" : ""}`,
+            "aria-invalid": m,
             style: {
               ...C.color ? { borderColor: C.color } : {},
-              ...B ? { borderColor: "#ff4444" } : {}
+              ...m ? { borderColor: "#ff4444" } : {}
             }
           }
         ),
-        B && /* @__PURE__ */ a.jsx(
+        m && /* @__PURE__ */ a.jsx(
           "div",
           {
             style: {
@@ -6740,11 +6740,11 @@ const U1 = ({
       o
     ]
   ), y = Mu((C) => {
-    const T = {};
-    return C.filter((N) => N.isDisplay).forEach((N) => {
-      const B = f[N.key];
-      T[N.key] = F(N, B);
-    }), s((N) => ({ ...N, ...T })), C.filter((N) => N.isDisplay && N.isRequired).every((N) => T[N.key] === "");
+    const v = {};
+    return C.filter((x) => x.isDisplay).forEach((x) => {
+      const m = f[x.key];
+      v[x.key] = F(x, m);
+    }), s((x) => ({ ...x, ...v })), C.filter((x) => x.isDisplay && x.isRequired).every((x) => v[x.key] === "");
   }, [f, F]);
   return {
     formData: f,
@@ -6777,108 +6777,108 @@ const xt = ({
   onSubmit: u,
   onFormStateChange: D
 }) => {
-  const { colors: f } = ou(), e = Wu(), t = Bu(), { socket: n } = Gu(), { setScreen: r } = Nu();
+  const { colors: f } = ou(), e = Wu(), t = pu(), { socket: n } = Gu(), { setScreen: r } = Nu();
   zu();
-  const { setIsOfflineMode: s, send: F, participants: d, setMessages: o, setParticipants: c, setConnectionState: l } = Cu(), { formData: j, renderContactFormField: y, errors: C, validateAll: T } = U1({
+  const { setIsOfflineMode: s, send: F, participants: d, setMessages: o, setParticipants: c, setConnectionState: l } = Cu(), { formData: j, renderContactFormField: y, errors: C, validateAll: v } = U1({
     initialData: {},
     loadFromDataUserSubs: !0
-  }), [N, B] = z(!1), [$, _] = z(!1);
+  }), [x, m] = U(!1), [T, _] = U(!1);
   X(() => {
-    D && !$ && D(!0), D && $ && D(!1);
-  }, [$]);
-  const p = async (x) => {
-    var m;
-    if (x.preventDefault(), !!T(t.formSettings)) {
-      B(!0);
+    D && !T && D(!0), D && T && D(!1);
+  }, [T]);
+  const B = async (P) => {
+    var g;
+    if (P.preventDefault(), !!v(t.formSettings)) {
+      m(!0);
       try {
-        const A = {};
+        const O = {};
         t.formSettings.forEach((E) => {
           var h;
-          E.isDisplay && j[E.key] !== void 0 && (A[E.key] = ((h = j[E.key]) == null ? void 0 : h.toString().trim()) || "");
+          E.isDisplay && j[E.key] !== void 0 && (O[E.key] = ((h = j[E.key]) == null ? void 0 : h.toString().trim()) || "");
         });
-        const v = At(A);
+        const $ = At(O);
         if (!uu.getItem("profileLiveChat"))
           try {
             const E = new URLSearchParams();
-            Object.entries(v).forEach(([M, U]) => {
-              typeof U == "string" && U && E.append(M, U);
+            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: k, profile: g } = h;
-            uu.setItem("profileLiveChat", g), uu.setItem("isOffline", !1), uu.setItem(
+            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(
               "submitedFormLateTime",
-              (g == null ? void 0 : g.submitedFormLateTime) || null
-            ), k.forEach((M) => {
-              const U = M.author === g.foreignId || M.author === g.id ? Q.sent : Q.received;
-              M.direction = U, M.direction === Q.sent && (M.read = !0, M.delivery = !1);
-            }), o(k), c([
+              (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);
+            }), o(A), c([
               d[0],
               {
-                id: g.foreignId,
-                foreign_id: g.foreignId,
-                name: `${g.firstName} ${g.lastName}`
+                id: p.foreignId,
+                foreign_id: p.foreignId,
+                name: `${p.firstName} ${p.lastName}`
               }
             ]), l(3), r("chat"), _(!0);
-            const P = {
-              text: Object.entries(v).map(
-                ([M, U]) => `${M.charAt(0).toUpperCase() + M.slice(1)}: ${U}`
+            const N = {
+              text: Object.entries($).map(
+                ([M, V]) => `${M.charAt(0).toUpperCase() + M.slice(1)}: ${V}`
               ).join(`
 `),
               contactInfo: {
-                ...v,
+                ...$,
                 owner_id: e.ownerId
               },
               contactLateTime: /* @__PURE__ */ new Date()
             };
             F({
-              event: x,
+              event: P,
               source: "contact-form",
               data: {
                 type: Au.text,
-                data: P,
-                author: g.foreignId
+                data: N,
+                author: p.foreignId
               }
-            }), s(!0), u && u(A.name, A.phone);
+            }), s(!0), u && u(O.name, O.phone);
             return;
           } catch (E) {
             console.error("Error in subscription flow:", E);
           }
-        const S = {
-          text: Object.entries(v).map(
+        const k = {
+          text: Object.entries($).map(
             ([E, h]) => `${E.charAt(0).toUpperCase() + E.slice(1)}: ${h}`
           ).join(`
 `),
           contactInfo: {
-            ...v,
+            ...$,
             owner_id: e.ownerId
           },
           contactLateTime: /* @__PURE__ */ new Date()
         };
         F({
-          event: x,
+          event: P,
           source: "contact-form",
           data: {
             type: Au.text,
-            data: S,
-            author: (m = d[1]) == null ? void 0 : m.id
+            data: k,
+            author: (g = d[1]) == null ? void 0 : g.id
           }
-        }), _(!0), s(!0), u && u(A.name, A.phone);
-      } catch (A) {
-        console.error("Error sending contact form to webhook:", A);
+        }), _(!0), s(!0), u && u(O.name, O.phone);
+      } catch (O) {
+        console.error("Error sending contact form to webhook:", O);
       } finally {
-        B(!1);
+        m(!1);
       }
     }
-  }, R = f[Q.received];
-  return $ ? null : /* @__PURE__ */ a.jsx(
+  }, I = f[Q.received];
+  return T ? null : /* @__PURE__ */ a.jsx(
     "div",
     {
       className: "sc-message--contact-form",
       style: {
-        color: R.text,
-        backgroundColor: R.bg
+        color: I.text,
+        backgroundColor: I.bg
       },
-      children: /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-content", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: p, className: "sc-message--contact-form-form", noValidate: !0, children: [
-        t.formSettings.sort((x, V) => x.order - V.order).map(y),
+      children: /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-content", children: /* @__PURE__ */ a.jsxs("form", { onSubmit: B, className: "sc-message--contact-form-form", noValidate: !0, children: [
+        t.formSettings.sort((P, q) => P.order - q.order).map(y),
         /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-authorization", children: /* @__PURE__ */ a.jsx(
           "a",
           {
@@ -6899,7 +6899,7 @@ const xt = ({
               color: f.header.text,
               width: "40%"
             },
-            disabled: N || Object.values(C).some((x) => x !== ""),
+            disabled: x || Object.values(C).some((P) => P !== ""),
             children: "Send"
           }
         )
@@ -6910,7 +6910,7 @@ const xt = ({
   message: u,
   onFormSubmitted: D
 }) => {
-  const { colors: f } = ou(), { setIsContactFormActive: e } = Cu(), t = pu(null);
+  const { colors: f } = ou(), { setIsContactFormActive: e } = Cu(), t = mu(null);
   X(() => {
     n();
   }, [u]);
@@ -7000,7 +7000,7 @@ const xt = ({
 };
 j1.extend(He);
 const St = ({ message: u, Avatar: D }) => {
-  const { participants: f } = Cu(), { colors: e } = ou(), [t, n] = z(!1), [r, s] = z(!1), F = Bu(), d = u.data && "text" in u.data && "isShowForm" in u.data && u.data.isShowForm, o = f.find(
+  const { participants: f } = Cu(), { colors: e } = ou(), [t, n] = U(!1), [r, s] = U(!1), F = pu(), d = u.data && "text" in u.data && "isShowForm" in u.data && u.data.isShowForm, o = f.find(
     (j) => j.id === u.author
   ) || {
     name: "Anon"
@@ -7075,7 +7075,7 @@ const St = ({ message: u, Avatar: D }) => {
   phone: D
 }) => {
   const { colors: f } = ou(), e = f[Q.received];
-  Bu();
+  pu();
   const { participants: t } = Cu(), n = t.find(
     (r) => r.id === "chatbot"
   ) || {
@@ -7105,9 +7105,9 @@ const St = ({ message: u, Avatar: D }) => {
           /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-phone-display", children: /* @__PURE__ */ a.jsx(
             "a",
             {
-              href: "tel:+61481075986",
+              href: `tel:${D}`,
               className: "sc-message--contact-form-phone-link",
-              children: "+61 481075986"
+              children: D
             }
           ) }),
           /* @__PURE__ */ a.jsxs("div", { className: "sc-message--contact-form-response-text", children: [
@@ -7119,37 +7119,28 @@ const St = ({ message: u, Avatar: D }) => {
     ) })
   ] }) });
 }, Ot = ({ Avatar: u }) => {
-  const { scroll: D, setScroll: f, isOpen: e } = Nu(), { messages: t, showTypingIndicator: n, setNewIOMessage: r, setMessages: s } = Cu(), F = Bu(), { colors: d } = ou(), { formSettings: o } = Bu(), [c, l] = z(""), j = pu(""), y = F.offline_mode, C = kD(y), T = (p) => {
-    if (!("text" in p.data)) return null;
-    const R = p.data.text || "", x = (v) => v.toLowerCase().replace(/\s+/g, "").replace(/[^a-z0-9_]/g, ""), m = R.split(`
-`).map((v) => v.trim()).find(
-      (v) => x(v.split(":")[0]) === "phone"
+  const { scroll: D, setScroll: f, isOpen: e } = Nu(), { messages: t, showTypingIndicator: n, setNewIOMessage: r, setMessages: s } = Cu(), F = pu(), { colors: d } = ou(), { formSettings: o } = pu(), [c, l] = U(""), j = F.offline_mode, y = kD(j), C = (T) => {
+    if (!("text" in T.data)) return !1;
+    const _ = T.data.text || "", B = (g) => g.toLowerCase().replace(/\s+/g, "").replace(/[^a-z0-9_]/g, ""), I = _.split(`
+`).map((g) => g.trim()), P = new Set(
+      I.map((g) => g.split(":")[0] || "").map((g) => B(g))
+    ), q = o == null ? void 0 : o.filter(
+      (g) => g.isDisplay && g.isRequired
     );
-    if (!m) return null;
-    const [, A = ""] = m.split(":");
-    return A.trim();
-  }, N = (p) => {
-    if (!("text" in p.data)) return !1;
-    const R = p.data.text || "", x = (v) => v.toLowerCase().replace(/\s+/g, "").replace(/[^a-z0-9_]/g, ""), V = R.split(`
-`).map((v) => v.trim()), m = new Set(
-      V.map((v) => v.split(":")[0] || "").map((v) => x(v))
-    ), A = o == null ? void 0 : o.filter(
-      (v) => v.isDisplay && v.isRequired
+    return q == null ? void 0 : q.every(
+      (g) => P.has(B(g.label)) || P.has(B(g.key))
     );
-    return A == null ? void 0 : A.every(
-      (v) => m.has(x(v.label)) || m.has(x(v.key))
-    );
-  }, B = pu(null), [$, _] = z();
+  }, v = mu(null), [x, m] = U();
   return X(() => {
-    const p = (R) => {
-      if (B.current) {
-        const x = Math.round(
-          100 * B.current.scrollTop / (B.current.scrollHeight || 1)
+    const T = (_) => {
+      if (v.current) {
+        const B = Math.round(
+          100 * v.current.scrollTop / (v.current.scrollHeight || 1)
         );
-        (Math.abs(x - R) > 1 || R === 100) && requestAnimationFrame(() => {
-          B.current && B.current.scrollTo({
+        (Math.abs(B - _) > 1 || _ === 100) && requestAnimationFrame(() => {
+          v.current && v.current.scrollTo({
             top: Math.round(
-              R * B.current.scrollHeight / 100
+              _ * v.current.scrollHeight / 100
             ),
             behavior: "instant",
             left: 0
@@ -7158,15 +7149,20 @@ const St = ({ message: u, Avatar: D }) => {
       }
     };
     e && setTimeout(() => {
-      p(D);
+      T(D);
     }, 100);
   }, [D, e]), X(() => {
-    const p = () => {
-      const x = uu.getItem("profileLiveChat") || {}, V = uu.getItem("submitedFormLateTime") || x.submitedFormLateTime, m = t.some(
-        (A) => A.data && "isShowForm" in A.data && A.data.isShowForm
+    const T = () => {
+      const B = uu.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(
+        (q) => q.data && "isShowForm" in q.data && q.data.isShowForm
       );
-      if (C && !V && !m) {
-        const A = {
+      if (y && !I && !P) {
+        const q = {
           mid: `show-text-${Date.now()}`,
           author: "system",
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -7182,7 +7178,7 @@ const St = ({ message: u, Avatar: D }) => {
           handover: !1,
           isOffline: !0,
           submitedFormLateTime: null
-        }, v = {
+        }, g = {
           mid: `show-form-${Date.now()}`,
           author: "user",
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -7199,39 +7195,32 @@ const St = ({ message: u, Avatar: D }) => {
           isOffline: !0,
           submitedFormLateTime: null
         };
-        x.id ? s([...t]) : s([...t, A, v]);
+        B.id ? s([...t]) : s([...t, q, g]);
       }
     };
-    p();
-    const R = (x) => {
-      (x.key === "isOffline" || x.key === "submitedFormLateTime") && p();
+    T();
+    const _ = (B) => {
+      (B.key === "isOffline" || B.key === "submitedFormLateTime") && T();
     };
-    return window.addEventListener("storage", R), () => {
-      window.removeEventListener("storage", R);
+    return window.addEventListener("storage", _), () => {
+      window.removeEventListener("storage", _);
     };
-  }, [C]), X(() => {
+  }, [y]), X(() => {
     r(t[t.length - 1]);
   }, []), X(() => {
-    const p = t[t.length - 1];
-    ($ == null ? void 0 : $.mid) !== (p == null ? void 0 : p.mid) && (_(p), f(100));
-    for (let R = t.length - 1; R >= 0; R--) {
-      const x = T(t[R]);
-      if (x && x !== j.current) {
-        j.current = x, l(x);
-        break;
-      }
-    }
+    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(
     "div",
     {
       className: "sc-message-list",
-      ref: B,
+      ref: v,
       style: { backgroundColor: d.messageList.bg },
       children: [
-        t.map((p) => /* @__PURE__ */ a.jsxs(af.Fragment, { children: [
-          /* @__PURE__ */ a.jsx(St, { message: p, Avatar: u }),
-          N(p) && C && /* @__PURE__ */ a.jsx(Nt, { phone: c })
-        ] }, p.mid)),
+        t.map((T) => /* @__PURE__ */ a.jsxs(af.Fragment, { children: [
+          /* @__PURE__ */ a.jsx(St, { message: T, Avatar: u }),
+          C(T) && y && /* @__PURE__ */ a.jsx(Nt, { phone: c })
+        ] }, T.mid)),
         n && /* @__PURE__ */ a.jsx(Tt, {})
       ]
     }
@@ -7258,26 +7247,26 @@ var nf = { exports: {} };
       var r = this;
       r.init_emoticons();
       var s = 0, F = [], d = n.replace(r.rx_emoticons, function(l, j, y, C) {
-        var T = s;
+        var v = s;
         s = C + l.length;
-        var N = y.indexOf("(") !== -1, B = y.indexOf(")") !== -1;
-        if ((N || B) && F.indexOf(y) == -1 && F.push(y), B && !N) {
-          var $ = n.substring(T, C);
-          if ($.indexOf("(") !== -1 && $.indexOf(")") === -1) return l;
+        var x = y.indexOf("(") !== -1, m = y.indexOf(")") !== -1;
+        if ((x || m) && F.indexOf(y) == -1 && F.push(y), m && !x) {
+          var T = n.substring(v, C);
+          if (T.indexOf("(") !== -1 && T.indexOf(")") === -1) return l;
         }
         if (l === `
 8)`) {
           var _ = n.substring(0, C);
           if (/\n?(6\)|7\))/.test(_)) return l;
         }
-        var p = r.data[r.map.emoticons[y]][3][0];
-        return p ? j + ":" + p + ":" : l;
+        var B = r.data[r.map.emoticons[y]][3][0];
+        return B ? j + ":" + B + ":" : l;
       });
       if (F.length) {
         var o = F.map(r.escape_rx), c = new RegExp("(\\(.+)(" + o.join("|") + ")(.+\\))", "g");
         d = d.replace(c, function(l, j, y, C) {
-          var T = r.data[r.map.emoticons[y]][3][0];
-          return T ? j + ":" + T + ":" + C : l;
+          var v = r.data[r.map.emoticons[y]][3][0];
+          return v ? j + ":" + v + ":" + C : l;
         });
       }
       return d;
@@ -7343,12 +7332,12 @@ var nf = { exports: {} };
       if (o.init_env(), o.replace_mode == "softbank" && o.allow_native && o.data[n][1]) return o.format_native(o.data[n][1] + c, !d);
       if (o.replace_mode == "google" && o.allow_native && o.data[n][2]) return o.format_native(o.data[n][2] + c, !d);
       if (y.is_var && (c = ""), o.replace_mode == "unified" && o.allow_native) return o.format_native(y.unified + c, !d);
-      var C = o.include_title ? ' title="' + (r || o.data[n][3][0]) + '"' : "", T = o.include_text ? s + (r || o.data[n][3][0]) + s : "";
-      if (o.data[n][7] && (y.path = o.data[n][7], y.px = null, y.py = null, y.is_var = !1), y.is_var && o.include_text && F && F.actual && F.wrapper && (T += F.wrapper + F.actual + F.wrapper), o.replace_mode == "css")
+      var C = o.include_title ? ' title="' + (r || o.data[n][3][0]) + '"' : "", v = o.include_text ? s + (r || o.data[n][3][0]) + s : "";
+      if (o.data[n][7] && (y.path = o.data[n][7], y.px = null, y.py = null, y.is_var = !1), y.is_var && o.include_text && F && F.actual && F.wrapper && (v += F.wrapper + F.actual + F.wrapper), o.replace_mode == "css")
         if (o.use_sheet && y.px != null && y.py != null) {
-          var N = 100 * y.px / (o.sheet_size - 1), B = 100 * y.py / (o.sheet_size - 1), $ = 100 * o.sheet_size, _ = "background: url(" + y.sheet + ");background-position:" + N + "% " + B + "%;background-size:" + $ + "% " + $ + "%";
-          return '<span class="emoji-outer emoji-sizer"><span class="emoji-inner" style="' + _ + '"' + C + ' data-codepoints="' + y.full_idx + '">' + T + "</span></span>" + c;
-        } else return o.use_css_imgs ? '<span class="emoji emoji-' + n + '"' + C + ' data-codepoints="' + y.full_idx + '">' + T + "</span>" + c : '<span class="emoji emoji-sizer" style="background-image:url(' + y.path + ')"' + C + ' data-codepoints="' + y.full_idx + '">' + T + "</span>" + c;
+          var x = 100 * y.px / (o.sheet_size - 1), m = 100 * y.py / (o.sheet_size - 1), T = 100 * o.sheet_size, _ = "background: url(" + y.sheet + ");background-position:" + x + "% " + m + "%;background-size:" + T + "% " + T + "%";
+          return '<span class="emoji-outer emoji-sizer"><span class="emoji-inner" style="' + _ + '"' + C + ' data-codepoints="' + y.full_idx + '">' + v + "</span></span>" + c;
+        } else return o.use_css_imgs ? '<span class="emoji emoji-' + n + '"' + C + ' data-codepoints="' + y.full_idx + '">' + v + "</span>" + c : '<span class="emoji emoji-sizer" style="background-image:url(' + y.path + ')"' + C + ' data-codepoints="' + y.full_idx + '">' + v + "</span>" + c;
       return '<img src="' + y.path + '" class="emoji" data-codepoints="' + y.full_idx + '" ' + C + "/>" + c;
     }, t.prototype.format_native = function(n, r) {
       var s = this;
@@ -10483,7 +10472,7 @@ const Pt = /* @__PURE__ */ sf(Rt), It = [
     ]
   }
 ], Lt = ({ onBlur: u, onSelect: D }) => {
-  const f = pu(new Pt()), e = pu(null);
+  const f = mu(new Pt()), e = mu(null);
   X(() => {
     const n = e.current;
     n && (n.style.opacity = "0", window.requestAnimationFrame(() => {
@@ -10529,7 +10518,7 @@ const Pt = /* @__PURE__ */ sf(Rt), It = [
     ]
   }
 ), Mt = ({ inputRef: u, onInput: D }) => {
-  const [f, e] = z(!1), t = pu(null), n = () => {
+  const [f, e] = U(!1), t = mu(null), n = () => {
     e(!f);
   }, r = (d) => {
     (!d.relatedTarget || d.relatedTarget !== t.current) && n();
@@ -10666,7 +10655,7 @@ const Pt = /* @__PURE__ */ sf(Rt), It = [
     children: /* @__PURE__ */ a.jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5" })
   }
 ), Vt = () => {
-  const { setPayload: u, send: D } = Cu(), f = Bu(), e = (t) => {
+  const { setPayload: u, send: D } = Cu(), f = pu(), e = (t) => {
     navigator.geolocation ? navigator.geolocation.getCurrentPosition(
       (n) => {
         u({
@@ -10726,11 +10715,11 @@ const Ht = ({ item: u, onPostback: D }) => {
     }
   ) });
 }, Wt = () => {
-  const u = Bu(), { send: D, setPayload: f } = Cu(), [e, t] = z({
+  const u = pu(), { send: D, setPayload: f } = Cu(), [e, t] = U({
     title: "Menu",
     type: rf.nested,
     call_to_actions: (u == null ? void 0 : u.menu) || []
-  }), n = pu(null);
+  }), n = mu(null);
   X(() => {
     t({
       title: "Menu",
@@ -10790,7 +10779,7 @@ const Ht = ({ item: u, onPostback: D }) => {
     }
   );
 }, Jt = () => {
-  const { setPayload: u, send: D, suggestions: f } = Cu(), e = Bu(), { colors: t } = ou(), n = (r, s) => {
+  const { setPayload: u, send: D, suggestions: f } = Cu(), e = pu(), { colors: t } = ou(), n = (r, s) => {
     u(s), D({
       event: r,
       source: "quick-reply",
@@ -10834,52 +10823,52 @@ const Ht = ({ item: u, onPostback: D }) => {
     menu: j,
     focusOnOpen: y,
     autoFlush: C,
-    allowedUploadTypes: T,
-    showEmoji: N,
-    showLocation: B,
-    showFile: $,
+    allowedUploadTypes: v,
+    showEmoji: x,
+    showLocation: m,
+    showFile: T,
     placeholder: _
-  } = Bu(), p = pu(null), [R, x] = z(null), [V, m] = z(!1), [A, v] = z(!1), [hu, fu] = z(!1);
+  } = pu(), B = mu(null), [I, P] = U(null), [q, g] = U(!1), [O, $] = U(!1), [hu, fu] = U(!1);
   X(() => {
-    y && g();
+    y && p();
   }, [t, y]), X(() => {
-    t === "" && p.current && (p.current.innerHTML = "", p.current.innerText = "");
+    t === "" && B.current && (B.current.innerHTML = "", B.current.innerText = "");
   }, [t]), X(() => {
-    x(null);
+    P(null);
   }, [r]);
-  const S = () => {
-    s(null), x(null);
+  const k = () => {
+    s(null), P(null);
   }, E = () => {
     var Z, tu;
     if (hu) {
       console.log("handleInput called but isClearing is true, ignoring");
       return;
     }
-    const q = ((Z = p.current) == null ? void 0 : Z.innerText) || ((tu = p.current) == null ? void 0 : tu.textContent) || "";
-    n(q);
-  }, h = (q, Z = "send-button") => {
-    if (A) {
+    const z = ((Z = B.current) == null ? void 0 : Z.innerText) || ((tu = B.current) == null ? void 0 : tu.textContent) || "";
+    n(z);
+  }, h = (z, Z = "send-button") => {
+    if (O) {
       console.log("Already sending, ignoring duplicate call");
       return;
     }
     if (t) {
-      v(!0);
+      $(!0);
       const tu = t;
       F({
-        event: q,
+        event: z,
         source: Z,
         data: {
           type: Au.text,
           data: { text: tu }
         }
       }), C ? (console.log("autoFlush is true, clearing message state and input"), n(""), setTimeout(() => {
-        fu(!0), p.current ? (p.current.innerHTML = "", p.current.innerText = "", p.current.textContent = "", p.current.innerHTML = "&nbsp;", setTimeout(() => {
-          p.current && (p.current.innerHTML = ""), fu(!1);
+        fu(!0), B.current ? (B.current.innerHTML = "", B.current.innerText = "", B.current.textContent = "", B.current.innerHTML = "&nbsp;", setTimeout(() => {
+          B.current && (B.current.innerHTML = ""), fu(!1);
         }, 1)) : fu(!1);
-      }, 10)) : console.log("autoFlush is false, keeping message"), setTimeout(() => v(!1), 1e3);
+      }, 10)) : console.log("autoFlush is false, keeping message"), setTimeout(() => $(!1), 1e3);
     }
-    r && (x(null), T.includes(r.type) || !1 ? r.size > u ? x(D("messages.file_message.unsupported_file_size")) : (F({
-      event: q,
+    r && (P(null), v.includes(r.type) || !1 ? r.size > u ? P(D("messages.file_message.unsupported_file_size")) : (F({
+      event: z,
       source: Z,
       data: {
         type: Au.file,
@@ -10890,18 +10879,18 @@ const Ht = ({ item: u, onPostback: D }) => {
           file: r
         }
       }
-    }), C && s(null)) : x(D("messages.file_message.unsupported_file_type")));
-  }, k = (q) => {
-    q.key === "Enter" && !q.shiftKey && (q.preventDefault(), q.stopPropagation(), h(q, "enter-key"));
-  }, g = () => {
-    var q;
-    (q = p.current) == null || q.focus();
-  }, I = d === iD.uploading, P = uu.getItem("profileLiveChat") || {}, M = uu.getItem("isOffline") || (P == null ? void 0 : P.isOffline), U = ((J = P == null ? void 0 : P.channel) == null ? void 0 : J.name) === "console-channel";
-  return (M || !(P != null && P.id)) && !U ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    }), C && s(null)) : P(D("messages.file_message.unsupported_file_type")));
+  }, A = (z) => {
+    z.key === "Enter" && !z.shiftKey && (z.preventDefault(), z.stopPropagation(), h(z, "enter-key"));
+  }, 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";
+  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: [
       e.length > 0 && /* @__PURE__ */ a.jsx(Jt, {}),
-      (r || I) && /* @__PURE__ */ a.jsxs(
+      (r || R) && /* @__PURE__ */ a.jsxs(
         "div",
         {
           className: "sc-file-container",
@@ -10918,20 +10907,20 @@ const Ht = ({ item: u, onPostback: D }) => {
                 className: "icon-file-message"
               }
             ),
-            R && /* @__PURE__ */ a.jsx("span", { children: R }),
-            I && /* @__PURE__ */ a.jsx("span", { children: "Loading..." }),
-            r && r.name && !R && /* @__PURE__ */ a.jsx("span", { children: r.name.length > 23 ? `${r.name.substring(0, 23)}...` : r.name }),
-            /* @__PURE__ */ a.jsx("span", { className: "delete-file-message", onClick: S, children: /* @__PURE__ */ a.jsx(Ef, { height: "10" }) })
+            I && /* @__PURE__ */ a.jsx("span", { children: I }),
+            R && /* @__PURE__ */ a.jsx("span", { children: "Loading..." }),
+            r && r.name && !I && /* @__PURE__ */ a.jsx("span", { children: r.name.length > 23 ? `${r.name.substring(0, 23)}...` : r.name }),
+            /* @__PURE__ */ a.jsx("span", { className: "delete-file-message", onClick: k, children: /* @__PURE__ */ a.jsx(Ef, { height: "10" }) })
           ]
         }
       ),
       /* @__PURE__ */ a.jsxs(
         "form",
         {
-          className: `sc-user-input ${V ? "active" : ""}`,
+          className: `sc-user-input ${q ? "active" : ""}`,
           style: { background: f.userInput.bg },
-          onSubmit: (q) => {
-            q.preventDefault(), t && h(q, "form-submit");
+          onSubmit: (z) => {
+            z.preventDefault(), t && h(z, "form-submit");
           },
           children: [
             /* @__PURE__ */ a.jsx(
@@ -10939,13 +10928,13 @@ const Ht = ({ item: u, onPostback: D }) => {
               {
                 role: "textbox",
                 tabIndex: 0,
-                onFocus: () => m(!0),
-                onBlur: () => m(!1),
-                onKeyDown: k,
+                onFocus: () => g(!0),
+                onBlur: () => g(!1),
+                onKeyDown: A,
                 onInput: E,
-                onPaste: async (q) => {
+                onPaste: async (z) => {
                   var cu;
-                  q.preventDefault();
+                  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);
@@ -10959,19 +10948,19 @@ const Ht = ({ item: u, onPostback: D }) => {
                 "aria-autocomplete": "list",
                 placeholder: _,
                 className: "sc-user-input--text",
-                ref: p,
+                ref: B,
                 style: { color: f.userInput.text }
               }
             ),
             /* @__PURE__ */ a.jsxs("div", { className: "sc-user-input--buttons", children: [
-              N && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(Mt, { inputRef: p, onInput: E }) }),
-              B && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(Vt, {}) }),
-              $ && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(zt, {}) }),
+              x && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(Mt, { inputRef: B, onInput: E }) }),
+              m && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(Vt, {}) }),
+              T && /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(zt, {}) }),
               /* @__PURE__ */ a.jsx("div", { className: "sc-user-input--button", children: /* @__PURE__ */ a.jsx(
                 Kt,
                 {
                   disabled: !t,
-                  onClick: (q) => h(q)
+                  onClick: (z) => h(z)
                 }
               ) })
             ] })
@@ -11006,7 +10995,7 @@ const Ht = ({ item: u, onPostback: D }) => {
     children: /* @__PURE__ */ a.jsx("path", { stroke: "#fff", strokeOpacity: "1", d: "M15 18L9 12 15 6" })
   }
 ), Zt = () => {
-  const { t: u } = zu(), { colors: D } = ou(), { setWebviewUrl: f, webviewUrl: e } = Cu(), [t, n] = z(!1);
+  const { t: u } = zu(), { colors: D } = ou(), { setWebviewUrl: f, webviewUrl: e } = Cu(), [t, n] = U(!1);
   X(() => {
     n(!0);
   }, []);
@@ -11051,7 +11040,7 @@ const Ht = ({ item: u, onPostback: D }) => {
   PostChat: t
 }) => {
   zu();
-  const n = Wu(), r = Cu(), s = Nu(), { socket: F } = Gu(), { setScreen: d } = Nu(), o = Bu(), c = o.offline_mode, l = kD(c), j = (C) => {
+  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(() => {
@@ -11105,53 +11094,53 @@ const Ht = ({ item: u, onPostback: D }) => {
 }, W1 = ({
   onFormDataSubmit: u
 }) => {
-  const D = Wu(), { t: f } = zu(), { colors: e } = ou(), { socket: t } = Gu(), n = Bu(), { setScreen: r } = Nu(), {
+  const D = Wu(), { t: f } = zu(), { colors: e } = ou(), { socket: t } = Gu(), n = pu(), { setScreen: r } = Nu(), {
     send: s,
     setMessages: F,
     setConnectionState: d,
     participants: o,
     setParticipants: c
-  } = Cu(), { formData: l, setFormData: j, renderFormField: y, errors: C, validateAll: T } = U1({
+  } = Cu(), { formData: l, setFormData: j, renderFormField: y, errors: C, validateAll: v } = U1({
     loadFromDataUserSubs: !1,
     initialData: {}
-  }), N = n.offline_mode, B = kD(N);
+  }), x = n.offline_mode, m = kD(x);
   console.log(
     "🚀 ~ UserSubscription.tsx:72 ~ UserSubscription ~ isOffline:",
-    B
+    m
   );
-  const $ = pu(!1), _ = Mu(
-    async (p) => {
-      if (p == null || p.preventDefault(), p == null || p.stopPropagation(), !(!uu.getItem("profileLiveChat") && !T(n.formSettings))) {
+  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);
         try {
           d(2);
-          const x = new URLSearchParams();
-          Object.entries(l).forEach(([fu, S]) => {
-            typeof S == "string" && S.trim() && x.append(fu, S);
-          }), x.append("contactLateTime", (/* @__PURE__ */ new Date()).toISOString()), x.append("owner_id", D.ownerId);
-          const { body: V } = await t.get(`/webhook/${D.channel}/?${x.toString()}`), { messages: m, profile: A } = V;
-          console.log("jump here 1"), uu.setItem("profileLiveChat", A), uu.setItem("isOffline", B || !1), uu.setItem(
+          const P = new URLSearchParams();
+          Object.entries(l).forEach(([fu, k]) => {
+            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(
             "submitedFormLateTime",
-            (A == null ? void 0 : A.submitedFormLateTime) || null
-          ), m.forEach((fu) => {
-            const S = fu.author === A.foreignId || fu.author === A.id ? Q.sent : Q.received;
-            fu.direction = S, fu.direction === Q.sent && (fu.read = !0, fu.delivery = !1);
-          }), F(m), c([
+            (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);
+          }), F(g), c([
             o[0],
             {
-              id: A.foreignId,
-              foreign_id: A.foreignId,
-              name: `${A.firstName} ${A.firstName}`
+              id: O.foreignId,
+              foreign_id: O.foreignId,
+              name: `${O.firstName} ${O.firstName}`
             }
           ]), d(3), r("chat");
-          const v = Object.entries(l).map(
-            ([fu, S]) => `${fu.charAt(0).toUpperCase() + fu.slice(1)}: ${S}`
+          const $ = Object.entries(l).map(
+            ([fu, k]) => `${fu.charAt(0).toUpperCase() + fu.slice(1)}: ${k}`
           ).join(`
 `);
-          if (!v || v.trim().length === 0)
+          if (!$ || $.trim().length === 0)
             return;
           const hu = {
-            text: v,
+            text: $,
             contactInfo: {
               ...l,
               owner_id: D.ownerId
@@ -11159,16 +11148,16 @@ const Ht = ({ item: u, onPostback: D }) => {
             contactLateTime: /* @__PURE__ */ new Date()
           };
           s({
-            event: p,
+            event: B,
             source: "contact-form",
             data: {
               type: Au.text,
               data: hu,
-              author: A.foreignId
+              author: O.foreignId
             }
           });
-        } catch (x) {
-          console.error("Unable to subscribe user", x), r("prechat"), d(0);
+        } catch (P) {
+          console.error("Unable to subscribe user", P), r("prechat"), d(0);
         }
       }
     },
@@ -11185,20 +11174,20 @@ const Ht = ({ item: u, onPostback: D }) => {
     ]
   );
   return X(() => {
-    if (!$.current) {
-      $.current = !0;
-      const p = uu.getItem("profileLiveChat");
-      if (p) {
-        const R = p, x = {};
-        Object.entries(R).forEach(([V, m]) => {
-          m && (x[V] = m);
-        }), j(x), _();
+    if (!T.current) {
+      T.current = !0;
+      const B = uu.getItem("profileLiveChat");
+      if (B) {
+        const I = B, P = {};
+        Object.entries(I).forEach(([q, g]) => {
+          g && (P[q] = g);
+        }), j(P), _();
       }
     }
-  }, [_, r, B]), /* @__PURE__ */ a.jsx("div", { className: "user-subscription-wrapper", children: /* @__PURE__ */ a.jsxs("form", { className: "user-subscription", onSubmit: _, noValidate: !0, children: [
+  }, [_, r, m]), /* @__PURE__ */ a.jsx("div", { className: "user-subscription-wrapper", children: /* @__PURE__ */ a.jsxs("form", { className: "user-subscription", onSubmit: _, noValidate: !0, children: [
     /* @__PURE__ */ a.jsx("div", { className: "user-subscription-title", children: n == null ? void 0 : n.greetingMessage }),
     /* @__PURE__ */ a.jsxs("div", { className: "user-subscription-form", children: [
-      /* @__PURE__ */ a.jsx("div", { className: "user-subscription-inputs", children: n.formSettings.sort((p, R) => p.order - R.order).map(y) }),
+      /* @__PURE__ */ a.jsx("div", { className: "user-subscription-inputs", children: n.formSettings.sort((B, I) => B.order - I.order).map(y) }),
       /* @__PURE__ */ a.jsx("div", { className: "sc-message--contact-form-authorization", children: /* @__PURE__ */ a.jsx(
         "a",
         {
@@ -11218,7 +11207,7 @@ const Ht = ({ item: u, onPostback: D }) => {
             color: e.header.text
           },
           className: "user-subscription-form-button-submit",
-          disabled: Object.values(C).some((p) => p !== ""),
+          disabled: Object.values(C).some((B) => B !== ""),
           children: f("user_subscription.get_started")
         }
       ) })
@@ -11227,7 +11216,7 @@ const Ht = ({ item: u, onPostback: D }) => {
 }, u8 = qu({}), D8 = ({
   children: u
 }) => {
-  const D = Wu(), [f, e] = z(!1), t = async () => {
+  const D = Wu(), [f, e] = U(!1), t = async () => {
     try {
       await fetch(`${D.apiUrl}/__getcookie`, {
         credentials: "include"