@2uinc/frontend-component-xpert-chatbot 1.3.10-beta.3 → 1.3.10

package/dist/lib/index.min.js

@@ -1,4 +1,4 @@
-import ue, { useState as pe, useEffect as Me, useCallback as at, useRef as Fe } from "react";
+import ue, { useState as pe, useEffect as ye, useCallback as at, useRef as Fe } from "react";
 const tl = {
   xpertKey: "edx",
   chatApiEndpoint: "https://xpert-platform-services-api.prod.ai.2u.com/xpert/chat",
@@ -386,7 +386,7 @@ function wn(e, t) {
 var De = wn(ml, { path: "/" });
 function yl(e) {
   const [t, n] = pe(null);
-  return Me(() => {
+  return ye(() => {
     console.log("Chatbot - optimizely mount");
     try {
       (() => {
@@ -423,7 +423,7 @@ const Ml = 576, xl = (e) => {
       ).matches
     );
   }, [e]);
-  return Me(() => (r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r)), [r]), t;
+  return ye(() => (r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r)), [r]), t;
 }, pt = xl, nt = /^[a-z0-9]+(-[a-z0-9]+)*$/, _t = (e, t, n, r = "") => {
   const i = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1690,13 +1690,13 @@ const jr = {
 function Vn(e) {
   var l;
   const [t, n] = pe(!0), r = t && (!(window != null && window.OnetrustActiveGroups) || ((l = window == null ? void 0 : window.OnetrustActiveGroups) == null ? void 0 : l.includes("C0003"))) && De.get(e.cookieName) === void 0;
-  Me(() => {
+  ye(() => {
     var a;
     (a = window == null ? void 0 : window.OneTrust) == null || a.OnConsentChanged(() => {
       var s;
       !((s = window == null ? void 0 : window.OnetrustActiveGroups) != null && s.includes("C0003")) && De.get(e.cookieName) !== void 0 && De.remove(e.cookieName);
     });
-  }, [e.cookieName]), Me(() => {
+  }, [e.cookieName]), ye(() => {
     var a;
     e.showMessage || (!(window != null && window.OnetrustActiveGroups) || (a = window == null ? void 0 : window.OnetrustActiveGroups) != null && a.includes("C0003")) && o(e.cookieName, 1, 1);
   }, [e.showMessage, e.cookieName]);
@@ -2832,7 +2832,7 @@ const pu = /* @__PURE__ */ Ue(cu), fu = (e) => {
   }, n = () => {
     document.body.style.overflow = "unset";
   };
-  Me(() => {
+  ye(() => {
     const r = e == null ? void 0 : e.current;
     return r == null || r.addEventListener("mouseover", t), r == null || r.addEventListener("mouseout", n), () => {
       n(), r == null || r.removeEventListener("mouseover", t), r == null || r.removeEventListener("mouseout", n);
@@ -2967,36 +2967,40 @@ lo.propTypes = {
 function Qt({
   loading: e,
   inputRef: t,
-  userInput: n,
-  handleSend: r,
-  handleInput: i,
-  handleChange: o,
-  handleKeyDown: l,
-  containerStyle: a,
-  configurations: s
+  hasError: n,
+  userInput: r,
+  handleSend: i,
+  handleInput: o,
+  handleChange: l,
+  handleKeyDown: a,
+  containerStyle: s,
+  configurations: u
 }) {
-  return /* @__PURE__ */ D.jsxs("div", { className: "xpert-chatbot-popup__input--group", style: a, children: [
+  return ye(() => {
+    var c;
+    (c = t == null ? void 0 : t.current) == null || c.focus();
+  }, [e, n, t]), /* @__PURE__ */ D.jsxs("div", { className: "xpert-chatbot-popup__input--group", style: s, children: [
     /* @__PURE__ */ D.jsx(
       "textarea",
       {
         disabled: e,
-        value: n,
+        value: r,
         ref: t,
-        onInput: i,
-        onChange: o,
+        onInput: o,
+        onChange: l,
         placeholder: "Write a message",
         cols: "5",
         rows: "1",
         maxLength: "150",
-        onKeyDown: l,
+        onKeyDown: a,
         style: {
-          outlineColor: s.primaryColor,
+          outlineColor: u.primaryColor,
           width: "100%",
           minHeight: "3.25rem",
           borderRadius: "1rem",
           padding: "12.5px 45px 12.5px 12.5px",
           fontFamily: "inherit",
-          fontSize: "1rem",
+          fontSize: ".9rem",
           fontWeight: "300",
           lineHeight: "1.56rem",
           boxSizing: "border-box",
@@ -3009,8 +3013,8 @@ function Qt({
       {
         disabled: e,
         className: "xpert-chatbot-popup__input--send-btn",
-        onClick: (u) => {
-          u.preventDefault(), r(n);
+        onClick: (c) => {
+          c.preventDefault(), i(r);
         },
         "aria-label": "Send message",
         children: /* @__PURE__ */ D.jsx(Ae, { icon: "material-symbols:send", style: { fontSize: "1.75rem" } })
@@ -3021,6 +3025,7 @@ function Qt({
 Qt.propTypes = {
   loading: g.bool.isRequired,
   inputRef: g.shape({ current: g.instanceOf(Object) }).isRequired,
+  hasError: g.bool.isRequired,
   handleSend: g.func.isRequired,
   userInput: g.string.isRequired,
   handleInput: g.func.isRequired,
@@ -3154,7 +3159,7 @@ ao.propTypes = {
 };
 function uo({ disableScroll: e }) {
   const t = Fe(null);
-  return Me(() => {
+  return ye(() => {
     var n;
     e || (n = t.current) == null || n.scrollIntoView({
       behavior: "smooth",
@@ -3179,7 +3184,7 @@ uo.propTypes = {
 };
 const so = () => {
   const e = Fe(null);
-  return Me(() => {
+  return ye(() => {
     var t;
     (t = e.current) == null || t.scrollIntoView({
       behavior: "instant"
@@ -4020,7 +4025,7 @@ function ke(e, t, n, r) {
     for (n && e.splice(t, n); o < r.length; )
       l = r.slice(o, o + 1e4), l.unshift(t, 0), e.splice(...l), o += 1e4, t += 1e4;
 }
-function ye(e, t) {
+function Me(e, t) {
   return e.length > 0 ? (ke(e, e.length, 0, t), e) : t;
 }
 const Kr = {}.hasOwnProperty;
@@ -4317,27 +4322,27 @@ function ns(e, t) {
             type: s > 1 ? "strong" : "emphasis",
             start: Object.assign({}, l.start),
             end: Object.assign({}, a.end)
-          }, e[r][1].end = Object.assign({}, l.start), e[n][1].start = Object.assign({}, a.end), u = [], e[r][1].end.offset - e[r][1].start.offset && (u = ye(u, [
+          }, e[r][1].end = Object.assign({}, l.start), e[n][1].start = Object.assign({}, a.end), u = [], e[r][1].end.offset - e[r][1].start.offset && (u = Me(u, [
             ["enter", e[r][1], t],
             ["exit", e[r][1], t]
-          ])), u = ye(u, [
+          ])), u = Me(u, [
             ["enter", i, t],
             ["enter", l, t],
             ["exit", l, t],
             ["enter", o, t]
-          ]), u = ye(
+          ]), u = Me(
             u,
             Gn(
               t.parser.constructs.insideSpan.null,
               e.slice(r + 1, n),
               t
             )
-          ), u = ye(u, [
+          ), u = Me(u, [
             ["exit", o, t],
             ["enter", a, t],
             ["exit", a, t],
             ["exit", i, t]
-          ]), e[n][1].end.offset - e[n][1].start.offset ? (c = 2, u = ye(u, [
+          ]), e[n][1].end.offset - e[n][1].start.offset ? (c = 2, u = Me(u, [
             ["enter", e[n][1], t],
             ["exit", e[n][1], t]
           ])) : c = 0, ke(e, r - 1, n - r + 3, u), n = r + u.length - c - 2;
@@ -5355,19 +5360,19 @@ function Gs(e, t) {
   return a = [
     ["enter", s, t],
     ["enter", u, t]
-  ], a = ye(a, e.slice(o + 1, o + r + 3)), a = ye(a, [["enter", c, t]]), a = ye(
+  ], a = Me(a, e.slice(o + 1, o + r + 3)), a = Me(a, [["enter", c, t]]), a = Me(
     a,
     Gn(
       t.parser.constructs.insideSpan.null,
       e.slice(o + r + 4, l - 3),
       t
     )
-  ), a = ye(a, [
+  ), a = Me(a, [
     ["exit", c, t],
     e[l - 2],
     e[l - 1],
     ["exit", u, t]
-  ]), a = ye(a, e.slice(l + 1)), a = ye(a, [["exit", s, t]]), ke(e, o, e.length, a), e;
+  ]), a = Me(a, e.slice(l + 1)), a = Me(a, [["exit", s, t]]), ke(e, o, e.length, a), e;
 }
 function Xs(e, t, n) {
   const r = this;
@@ -5878,7 +5883,7 @@ function Dc(e, t, n) {
   let c = t.tokenize.call(u, s);
   return t.resolveAll && o.push(t), u;
   function p(E) {
-    return l = ye(l, E), S(), l[l.length - 1] !== null ? [] : (U(t, 0), u.events = Gn(o, u.events, u), u.events);
+    return l = Me(l, E), S(), l[l.length - 1] !== null ? [] : (U(t, 0), u.events = Gn(o, u.events, u), u.events);
   }
   function m(E, M) {
     return Tc(f(E), M);
@@ -9354,7 +9359,7 @@ const Of = pr, tn = ({
 }) => {
   var s;
   const a = Fe(null);
-  return Me(() => {
+  return ye(() => {
     var u;
     (u = a.current) == null || u.scrollIntoView({
       behavior: "instant",
@@ -9697,7 +9702,7 @@ function dr({
     },
     [n]
   );
-  Me(() => {
+  ye(() => {
     const u = document.createElement("script");
     u.type = "text/javascript", u.src = e.liveChatUrl, u.async = !0, u.onload = () => {
       window.Five9ChatPlugin(e.liveChatOptions);
@@ -9860,12 +9865,12 @@ function el({ xpertKey: e, submitEventExternal: t, configurations: n }) {
         _(!1);
       }
   }, [p, o]);
-  Me(() => (se(), document.addEventListener("visibilitychange", se), () => {
+  ye(() => (se(), document.addEventListener("visibilitychange", se), () => {
     document.removeEventListener(
       "visibilitychange",
       se
     );
-  }), [se]), Me(() => {
+  }), [se]), ye(() => {
     console.log("Chatbot - mount");
     let L, x;
     return s && (L = setInterval(() => {
@@ -9876,7 +9881,7 @@ function el({ xpertKey: e, submitEventExternal: t, configurations: n }) {
     }, 6e4)), () => {
       console.log("Chatbot - unmount"), clearInterval(L), clearTimeout(x);
     };
-  }, [u, s]), Me(() => {
+  }, [u, s]), ye(() => {
     const L = (I) => {
       var O, $;
       (O = I == null ? void 0 : I.target) != null && O.href && W({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2uinc/frontend-component-xpert-chatbot",
-  "version": "1.3.10-beta.3",
+  "version": "1.3.10",
   "homepage": "/app/plugins/xpert-chatbot/frontend/build/",
   "repository": {
     "type": "git",