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

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,
@@ -10399,23 +10399,20 @@ const Fn = ({
       "data-testid": "message-container",
       className: "xpert-chatbot-popup__bubble--assistant",
       role: "status",
-      "aria-label": "Xpert responded with a message",
+      "aria-label": `The bot said ${t.liveAgent ? Kh : t.content}`,
       style: { maxWidth: n ? "85%" : "67%" },
-      children: t.liveAgent ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-        /* @__PURE__ */ I.jsx("div", { "aria-label": "Sure, I can get you to someone who can help.  Please click chat with us button to start a live chat.", children: "Sure, I can get you to someone who can help." }),
-        /* @__PURE__ */ I.jsx("div", { children: /* @__PURE__ */ I.jsx(
-          _n,
-          {
-            submitEvent: a,
-            setLiveChatOpen: l,
-            isTestUser: s,
-            enableLiveChatMessage: !1,
-            buttonClassName: "xpert-chatbot-popup__bubble--assistant-live-chat",
-            text: "Chat with us",
-            userTrackingName: "assistant.response.clicked"
-          }
-        ) })
-      ] }) : /* @__PURE__ */ I.jsx("div", { "aria-label": t.content, children: /* @__PURE__ */ I.jsx(
+      children: t.liveAgent ? /* @__PURE__ */ I.jsx(I.Fragment, { children: /* @__PURE__ */ I.jsx("div", { children: /* @__PURE__ */ I.jsx(
+        _n,
+        {
+          submitEvent: a,
+          setLiveChatOpen: l,
+          isTestUser: s,
+          enableLiveChatMessage: !1,
+          buttonClassName: "xpert-chatbot-popup__bubble--assistant-live-chat",
+          text: "Chat with us",
+          userTrackingName: "assistant.response.clicked"
+        }
+      ) }) }) : /* @__PURE__ */ I.jsx("div", { children: /* @__PURE__ */ I.jsx(
         Ga,
         {
           components: {
@@ -10464,7 +10461,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;
@@ -10497,7 +10494,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__ */ I.jsxs(I.Fragment, { children: [
@@ -10528,15 +10525,17 @@ Xr.propTypes = {
   onPromptClick: N.func.isRequired
 };
 Xr.displayName = "PromptList";
-const Jh = Xr, Jr = ({ message: e, isNormalSize: t }) => /* @__PURE__ */ I.jsx(
+const eg = Xr, Jr = ({ message: e, isNormalSize: t }) => /* @__PURE__ */ I.jsx(
   "div",
   {
+    tabIndex: 0,
     role: "status",
-    "aria-label": "General message",
+    "aria-label": "message-container",
     className: "xpert-chatbot-popup__bubble--group",
     children: /* @__PURE__ */ I.jsx("div", { className: "xpert-chatbot-popup__bubble--group-inner", children: /* @__PURE__ */ I.jsx(
       "div",
       {
+        id: "message-container",
         "data-testid": "message-container",
         className: "xpert-chatbot-popup__bubble--assistant",
         style: { maxWidth: t ? "85%" : "67%" },
@@ -10550,14 +10549,14 @@ Jr.propTypes = {
   isNormalSize: N.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__ */ I.jsx(
     "div",
     {
       tabIndex: 0,
-      "aria-label": "Your message was",
+      "aria-label": `You said ${e}`,
       role: "log",
       className: "xpert-chatbot-popup__bubble--user",
       style: {
@@ -10574,7 +10573,7 @@ ei.propTypes = {
   isNormalSize: N.bool.isRequired
 };
 ei.displayName = "UserMessageBubble";
-const tg = ei, Pn = ({
+const ng = ei, Pn = ({
   messages: e,
   loading: t,
   isNormalSize: n,
@@ -10593,22 +10592,23 @@ const tg = ei, Pn = ({
       block: "start"
     });
   }, [e.length]), /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-    /* @__PURE__ */ I.jsx(Xh, {}),
-    (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ I.jsx(Jh, { loading: t, onPromptClick: i }),
+    /* @__PURE__ */ I.jsx(Jh, {}),
+    (c == null ? void 0 : c.length) > 0 && /* @__PURE__ */ I.jsx(eg, { loading: t, onPromptClick: i }),
     /* @__PURE__ */ I.jsxs(
       "div",
       {
-        id: "chat-region",
+        id: "chat-content",
+        tabIndex: 0,
         "aria-live": "polite",
         role: "region",
         "aria-relevant": "additions",
         "aria-atomic": "false",
-        "aria-label": "Chat region",
+        "aria-label": "Chat content",
         "aria-busy": t,
         style: { display: "flex", flexDirection: "column" },
         children: [
           p && /* @__PURE__ */ I.jsx(
-            eg,
+            tg,
             {
               message: p,
               isNormalSize: n
@@ -10616,7 +10616,7 @@ const tg = ei, Pn = ({
           ),
           e.map(
             (f, v) => f.role === "assistant" ? /* @__PURE__ */ I.jsx(
-              Kh,
+              Xh,
               {
                 index: v,
                 message: f,
@@ -10630,7 +10630,7 @@ const tg = ei, Pn = ({
               },
               `${f.role}-${v}`
             ) : /* @__PURE__ */ I.jsx(
-              tg,
+              ng,
               {
                 content: f.content,
                 isNormalSize: n
@@ -10668,7 +10668,7 @@ Pn.defaultProps = {
   isTestUser: !1
 };
 Pn.displayName = "ConversationsMessages";
-const ng = Pn;
+const rg = Pn;
 function Xa({ disableScroll: e }) {
   const t = We(null);
   return be(() => {
@@ -10696,7 +10696,7 @@ function Xa({ disableScroll: e }) {
 Xa.propTypes = {
   disableScroll: N.bool
 };
-const rg = () => {
+const ig = () => {
   const e = We(null);
   return be(() => {
     var t;
@@ -10759,7 +10759,7 @@ const rg = () => {
       ]
     }
   );
-}, lr = rg;
+}, lr = ig;
 function Ja({
   children: e,
   cookieName: t,
@@ -10850,7 +10850,7 @@ Ja.propTypes = {
   showMessage: N.bool,
   style: N.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 || {};
@@ -10880,7 +10880,7 @@ function ig(e, t, n) {
     };
   }, [e, t]);
 }
-function og(e) {
+function ag(e) {
   const [t, n] = ye(null);
   return be(() => {
     try {
@@ -10910,7 +10910,7 @@ function og(e) {
     `Chatbot - Optimizely experimentVariation: ${t}`
   ), t;
 }
-function ag(e) {
+function lg(e) {
   be(() => {
     e();
     const t = () => document.visibilityState === "visible" && e();
@@ -10919,21 +10919,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 {
@@ -10944,8 +10944,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
@@ -10997,7 +10997,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;
@@ -11028,7 +11028,7 @@ function ti({ submitEventExternal: e }) {
         isTestUser: q
       }
     });
-  }, Me = og(
+  }, Me = ag(
     a.experimentName
   );
   if (a.enabled && !a.experimentName && !q)
@@ -11045,7 +11045,7 @@ function ti({ submitEventExternal: e }) {
       payload: {
         category: "2u",
         label: "xpert-chatbot",
-        linkCount: sg(R),
+        linkCount: ug(R),
         apiResponseMessage: R,
         isTestUser: q,
         conversationHistoryId: ee
@@ -11132,11 +11132,11 @@ function ti({ submitEventExternal: e }) {
       ge(D, le);
       const Y = /* @__PURE__ */ new Date();
       De({
-        conversationByteSize: ug(JSON.stringify(Qe)),
+        conversationByteSize: cg(JSON.stringify(Qe)),
         conversationSize: p.length + 2,
         userInputMessage: R,
         apiResponseMessage: D,
-        elapsedSeconds: lg(ee, Y)
+        elapsedSeconds: sg(ee, Y)
       }), m((J) => [
         ...J,
         {
@@ -11292,7 +11292,7 @@ function ti({ submitEventExternal: e }) {
                 },
                 children: [
                   /* @__PURE__ */ I.jsx(
-                    ng,
+                    rg,
                     {
                       messages: p,
                       loading: f,
@@ -11360,7 +11360,7 @@ el.propTypes = {
   configurations: N.object,
   xpertKey: N.string
 };
-function fg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey: r }) {
+function dg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey: r }) {
   return /* @__PURE__ */ I.jsx(
     el,
     {
@@ -11371,14 +11371,14 @@ function fg({ configurations: e = {}, key: t, submitEventExternal: n, xpertKey:
     t
   );
 }
-fg.propTypes = {
+dg.propTypes = {
   configurations: N.object,
   key: N.string,
   submitEventExternal: N.func,
   xpertKey: N.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-beta.1",
+  "version": "1.13.9-beta.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/2uinc/frontend-component-xpert-chatbot.git"