@2uinc/frontend-component-xpert-chatbot 1.13.9 → 1.13.10-beta.1

package/dist/lib/index.min.js

@@ -10381,7 +10381,7 @@ _n.defaultProps = {
   text: null,
   userTrackingName: "clicked"
 };
-const Fn = ({
+const Kh = "Sure, I can get you to someone who can help.", Fn = ({
   index: e,
   message: t,
   isNormalSize: n,
@@ -10392,9 +10392,9 @@ const Fn = ({
   setLiveChatOpen: l,
   isTestUser: s
 }) => /* @__PURE__ */ N.jsx(
-  "div",
+  "section",
   {
-    role: "status",
+    "aria-label": "The bot said",
     className: "xpert-chatbot-popup__bubble--group",
     ref: i,
     children: /* @__PURE__ */ N.jsxs("div", { className: "xpert-chatbot-popup__bubble--group-inner", children: [
@@ -10403,12 +10403,10 @@ const Fn = ({
         {
           "data-testid": "message-container",
           className: "xpert-chatbot-popup__bubble--assistant",
-          role: "region",
-          "aria-label": "Assistant message",
           style: { maxWidth: n ? "85%" : "67%" },
           children: t.liveAgent ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-            /* @__PURE__ */ N.jsx("div", { children: "Sure, I can get you to someone who can help." }),
-            /* @__PURE__ */ N.jsx("div", { children: /* @__PURE__ */ N.jsx(
+            /* @__PURE__ */ N.jsx("div", { children: Kh }),
+            /* @__PURE__ */ N.jsx(
               _n,
               {
                 submitEvent: a,
@@ -10419,21 +10417,23 @@ const Fn = ({
                 text: "Chat with us",
                 userTrackingName: "assistant.response.clicked"
               }
-            ) })
+            )
           ] }) : /* @__PURE__ */ N.jsx(
             Ga,
             {
               components: {
-                a: (u) => /* @__PURE__ */ N.jsx(
-                  "a",
-                  {
-                    ...u,
-                    role: "link",
-                    tabIndex: 0,
-                    onClick: o,
-                    onKeyDown: void 0,
-                    children: u.children
-                  }
+                a: (u) => (
+                  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+                  /* @__PURE__ */ N.jsx(
+                    "a",
+                    {
+                      ...u,
+                      role: "link",
+                      onClick: o,
+                      onKeyDown: void 0,
+                      children: u.children
+                    }
+                  )
                 )
               },
               linkTarget: "_blank",
@@ -10471,7 +10471,7 @@ Fn.defaultProps = {
   isTestUser: !1
 };
 Fn.displayName = "AssistantMessageBubble";
-const Kh = Fn, Ka = () => {
+const Xh = Fn, Ka = () => {
   const { disclaimer: e } = _e(Fe), t = We(null);
   return be(() => {
     var n;
@@ -10504,7 +10504,7 @@ const Kh = Fn, Ka = () => {
   );
 };
 Ka.displayName = "ConversationScreenDisclaimer";
-const Xh = Ka, Xr = ({ loading: e, onPromptClick: t }) => {
+const Jh = Ka, Xr = ({ loading: e, onPromptClick: t }) => {
   var i;
   const { primaryColor: n, conversationScreen: r } = _e(Fe);
   return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
@@ -10535,7 +10535,7 @@ Xr.propTypes = {
   onPromptClick: D.func.isRequired
 };
 Xr.displayName = "PromptList";
-const Jh = Xr, Jr = ({ message: e, isNormalSize: t }) => /* @__PURE__ */ N.jsx("div", { role: "status", className: "xpert-chatbot-popup__bubble--group", children: /* @__PURE__ */ N.jsx("div", { className: "xpert-chatbot-popup__bubble--group-inner", children: /* @__PURE__ */ N.jsx(
+const eg = Xr, Jr = ({ message: e, isNormalSize: t }) => /* @__PURE__ */ N.jsx("div", { role: "status", className: "xpert-chatbot-popup__bubble--group", children: /* @__PURE__ */ N.jsx("div", { className: "xpert-chatbot-popup__bubble--group-inner", children: /* @__PURE__ */ N.jsx(
   "div",
   {
     "data-testid": "message-container",
@@ -10549,13 +10549,13 @@ Jr.propTypes = {
   isNormalSize: D.bool.isRequired
 };
 Jr.displayName = "SystemMessageBubble";
-const eg = Jr, ei = ({ content: e, isNormalSize: t }) => {
+const tg = Jr, ei = ({ content: e, isNormalSize: t }) => {
   var i;
   const { primaryColor: n, conversationScreen: r } = _e(Fe);
   return /* @__PURE__ */ N.jsx(
-    "div",
+    "section",
     {
-      role: "status",
+      "aria-label": "The user said",
       className: "xpert-chatbot-popup__bubble--user",
       style: {
         backgroundColor: n,
@@ -10571,7 +10571,7 @@ ei.propTypes = {
   isNormalSize: D.bool.isRequired
 };
 ei.displayName = "UserMessageBubble";
-const tg = ei, Pn = ({
+const ng = ei, Pn = ({
   messages: e,
   loading: t,
   isNormalSize: n,
@@ -10590,51 +10590,49 @@ const tg = ei, Pn = ({
       block: "start"
     });
   }, [e.length]), /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-    /* @__PURE__ */ N.jsx(Xh, {}),
-    (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ N.jsx(Jh, { loading: t, onPromptClick: i }),
-    /* @__PURE__ */ N.jsxs(
-      "div",
+    /* @__PURE__ */ N.jsx(Jh, {}),
+    (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ N.jsx(eg, { loading: t, onPromptClick: i }),
+    p && /* @__PURE__ */ N.jsx(
+      tg,
       {
+        message: p,
+        isNormalSize: n
+      }
+    ),
+    /* @__PURE__ */ N.jsx(
+      "section",
+      {
+        id: "chat-content",
         "aria-live": "polite",
-        role: "region",
         "aria-relevant": "additions",
         "aria-atomic": "false",
-        "aria-label": "Chat log",
+        "aria-label": "Chat conversation",
         "aria-busy": t,
         style: { display: "flex", flexDirection: "column" },
-        children: [
-          p && /* @__PURE__ */ N.jsx(
-            eg,
+        children: e.map(
+          (f, v) => f.role === "assistant" ? /* @__PURE__ */ N.jsx(
+            Xh,
+            {
+              index: v,
+              message: f,
+              isNormalSize: n,
+              onFeedbackThumbSelection: r,
+              messageRef: m,
+              handleMessageLinkClicked: o,
+              submitEvent: a,
+              setLiveChatOpen: l,
+              isTestUser: s
+            },
+            `${f.role}-${v}`
+          ) : /* @__PURE__ */ N.jsx(
+            ng,
             {
-              message: p,
+              content: f.content,
               isNormalSize: n
-            }
-          ),
-          e.map(
-            (f, v) => f.role === "assistant" ? /* @__PURE__ */ N.jsx(
-              Kh,
-              {
-                index: v,
-                message: f,
-                isNormalSize: n,
-                onFeedbackThumbSelection: r,
-                messageRef: m,
-                handleMessageLinkClicked: o,
-                submitEvent: a,
-                setLiveChatOpen: l,
-                isTestUser: s
-              },
-              `${f.role}-${v}`
-            ) : /* @__PURE__ */ N.jsx(
-              tg,
-              {
-                content: f.content,
-                isNormalSize: n
-              },
-              `${f.role}-${f.timestamp || v}`
-            )
+            },
+            `${f.role}-${f.timestamp || v}`
           )
-        ]
+        )
       }
     )
   ] });
@@ -10664,7 +10662,7 @@ Pn.defaultProps = {
   isTestUser: !1
 };
 Pn.displayName = "ConversationsMessages";
-const ng = Pn;
+const rg = Pn;
 function Xa({ disableScroll: e }) {
   const t = We(null);
   return be(() => {
@@ -10676,9 +10674,9 @@ function Xa({ disableScroll: e }) {
   }, [e]), /* @__PURE__ */ N.jsx(
     "div",
     {
-      "aria-label": "Loading",
+      "aria-label": "Loading messages",
       ref: t,
-      role: "status",
+      role: "alert",
       className: "xpert_chatbot__loader__wrapper",
       children: /* @__PURE__ */ N.jsxs("div", { className: "xpert_chatbot__loader__ellipsis", children: [
         /* @__PURE__ */ N.jsx("div", { className: "xpert_chatbot__loader__ellipsis-bullets--first" }),
@@ -10691,7 +10689,7 @@ function Xa({ disableScroll: e }) {
 Xa.propTypes = {
   disableScroll: D.bool
 };
-const rg = () => {
+const ig = () => {
   const e = We(null);
   return be(() => {
     var t;
@@ -10754,7 +10752,7 @@ const rg = () => {
       ]
     }
   );
-}, lr = rg;
+}, lr = ig;
 function Ja({
   children: e,
   cookieName: t,
@@ -10843,7 +10841,7 @@ Ja.propTypes = {
   showMessage: D.bool,
   style: D.shape()
 };
-function ig(e, t, n) {
+function og(e, t, n) {
   const r = vt(
     (i) => {
       const { data: o } = i || {}, { chatState: a, show: l, type: s } = o || {};
@@ -10873,7 +10871,7 @@ function ig(e, t, n) {
     };
   }, [e, t]);
 }
-function og(e) {
+function ag(e) {
   const [t, n] = ye(null);
   return be(() => {
     try {
@@ -10903,7 +10901,7 @@ function og(e) {
     `Chatbot - Optimizely experimentVariation: ${t}`
   ), t;
 }
-function ag(e) {
+function lg(e) {
   be(() => {
     e();
     const t = () => document.visibilityState === "visible" && e();
@@ -10912,21 +10910,21 @@ function ag(e) {
     };
   }, [e]);
 }
-function lg(e, t) {
+function sg(e, t) {
   if (!(e instanceof Date && t instanceof Date))
     throw new Error(
       `Both start and end must be valid Date objects: start=${e} end=${t}`
     );
   return (t.getTime() - e.getTime()) / 1e3;
 }
-function sg(e) {
+function ug(e) {
   const t = /\[(.+)\]\(([^ ]+)( "(.+)")?\)/gm, n = e.match(t);
   return (n == null ? void 0 : n.length) || 0;
 }
-function ug(e) {
+function cg(e) {
   return new TextEncoder().encode(e).length;
 }
-const cg = 991, pg = [];
+const pg = 991, fg = [];
 function ti({ submitEventExternal: e }) {
   var at, mt;
   const {
@@ -10937,8 +10935,8 @@ function ti({ submitEventExternal: e }) {
     userTracking: o,
     webExperimentation: a,
     xpertKey: l
-  } = _e(Fe), s = rt(cg), [, u] = ye(!1), [, c] = ye(!1), [p, m] = ye(pg), [f, v] = ye(!1), [b, k] = ye(!1), [M, z] = ye(!1), [E, _] = ye(""), [U, x] = ye(!1), [L, $] = ye(!0), [W, X] = ye(!1), [A, w] = ye(!1), [j, O] = ye(!1), F = We(null), B = We(null), V = We(null), q = Le.get(`${l}-test`) === "1";
-  ig(
+  } = _e(Fe), s = rt(pg), [, u] = ye(!1), [, c] = ye(!1), [p, m] = ye(fg), [f, v] = ye(!1), [b, k] = ye(!1), [M, z] = ye(!1), [E, _] = ye(""), [U, x] = ye(!1), [L, $] = ye(!0), [W, X] = ye(!1), [A, w] = ye(!1), [j, O] = ye(!1), F = We(null), B = We(null), V = We(null), q = Le.get(`${l}-test`) === "1";
+  og(
     n.liveChat.enabled,
     M,
     z
@@ -10990,7 +10988,7 @@ function ti({ submitEventExternal: e }) {
         v(!1);
       }
   }, [l, t.endpoint]);
-  ag(g), be(() => {
+  lg(g), be(() => {
     let R, ee;
     return o.enabled && (R = setInterval(() => {
       var le;
@@ -11021,7 +11019,7 @@ function ti({ submitEventExternal: e }) {
         isTestUser: q
       }
     });
-  }, Me = og(
+  }, Me = ag(
     a.experimentName
   );
   if (a.enabled && !a.experimentName && !q)
@@ -11038,7 +11036,7 @@ function ti({ submitEventExternal: e }) {
       payload: {
         category: "2u",
         label: "xpert-chatbot",
-        linkCount: sg(R),
+        linkCount: ug(R),
         apiResponseMessage: R,
         isTestUser: q,
         conversationHistoryId: ee
@@ -11125,11 +11123,11 @@ function ti({ submitEventExternal: e }) {
       ge(I, le);
       const Y = /* @__PURE__ */ new Date();
       Ie({
-        conversationByteSize: ug(JSON.stringify(Qe)),
+        conversationByteSize: cg(JSON.stringify(Qe)),
         conversationSize: p.length + 2,
         userInputMessage: R,
         apiResponseMessage: I,
-        elapsedSeconds: lg(ee, Y)
+        elapsedSeconds: sg(ee, Y)
       }), m((J) => [
         ...J,
         {
@@ -11293,7 +11291,7 @@ function ti({ submitEventExternal: e }) {
                 },
                 children: [
                   /* @__PURE__ */ N.jsx(
-                    ng,
+                    rg,
                     {
                       messages: p,
                       loading: f,
@@ -11361,7 +11359,7 @@ el.propTypes = {
   configurations: D.object,
   xpertKey: D.string
 };
-function fg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey: r }) {
+function dg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey: r }) {
   return /* @__PURE__ */ N.jsx(
     el,
     {
@@ -11372,14 +11370,14 @@ function fg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey:
     t
   );
 }
-fg.propTypes = {
+dg.propTypes = {
   configurations: D.object,
   key: D.string,
   submitEventExternal: D.func,
   xpertKey: D.string.isRequired
 };
 export {
-  fg as Chatbot,
+  dg as Chatbot,
   is as EDXConfig,
   os as EmersonSpeechConfig,
   as as GetSmarterConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2uinc/frontend-component-xpert-chatbot",
-  "version": "1.13.9",
+  "version": "1.13.10-beta.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/2uinc/frontend-component-xpert-chatbot.git"