@pagelines/sdk 1.0.445 → 1.0.446

package/dist/AgentWrap.vue_vue_type_script_setup_true_lang.js

@@ -247,24 +247,24 @@ function Mn(l) {
   return l ? typeof l == "string" ? l : l.src || "" : "";
 }
 u(Mn, "getImageSrc");
-function Ai(l) {
+function Ei(l) {
   return Mn(l.cover) || Mn(l.avatar) || Kn(l.name);
 }
-u(Ai, "getAgentAvatarUrl");
+u(Ei, "getAgentAvatarUrl");
 function Ln(l) {
   const t = l.target;
   t.dataset.fallbackUsed || (t.dataset.fallbackUsed = "true", t.src = Kn());
 }
 u(Ln, "handleImageError");
-function Ei(l) {
+function _i(l) {
   const { template: t, agent: e } = l;
   return t.replace(/{name}/g, e.name || "Digital Agent").replace(/{title}/g, e.title || "").replace(/{handle}/g, e.handle || "").replace(/{orgName}/g, e.org?.name || "");
 }
-u(Ei, "parseButtonTemplate");
+u(_i, "parseButtonTemplate");
 const Ds = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, _i = /* @__PURE__ */ Ee({
+}, Ri = /* @__PURE__ */ Ee({
   __name: "ElAgentButton",
   props: {
     theme: { default: "primary" },
@@ -309,7 +309,7 @@ const Ds = {
       ], 2)
     ], 2));
   }
-}), Cs = ["value"], Ri = /* @__PURE__ */ Ee({
+}), Cs = ["value"], Di = /* @__PURE__ */ Ee({
   __name: "AgentInputEmail",
   props: {
     modelValue: { default: "" }
@@ -327,7 +327,7 @@ const Ds = {
       onInput: s[0] || (s[0] = (r) => e("update:modelValue", r.target.value))
     }, null, 40, Cs));
   }
-}), Is = { class: "flex gap-1.5 justify-center" }, Ms = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Di = /* @__PURE__ */ Ee({
+}), Is = { class: "flex gap-1.5 justify-center" }, Ms = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Ci = /* @__PURE__ */ Ee({
   __name: "AgentInputOneTimeCode",
   props: {
     modelValue: {},
@@ -2160,25 +2160,25 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
 }, Kr = { class: "relative mb-4 size-20 @sm/chat:size-24" }, Qr = ["src", "alt"], Jr = ["title"], ei = {
   key: 0,
   class: "flex items-center gap-3 py-3 px-2"
-}, ti = {
+}, ti = ["data-test"], ni = {
   key: 0,
   class: "flex-shrink-0 size-7 @sm/chat:size-8"
-}, ni = ["src", "alt"], si = ["src", "alt"], ri = ["src"], ii = ["href"], ai = ["innerHTML"], li = {
+}, si = ["src", "alt"], ri = ["src", "alt"], ii = ["src"], ai = ["href"], li = ["innerHTML"], oi = {
   key: 1,
   class: "flex gap-2 justify-start items-center mb-4"
-}, oi = ["src", "alt"], ci = {
+}, ci = ["src", "alt"], ui = {
   key: 0,
   class: "flex items-center gap-2 px-2 pb-2 overflow-x-auto"
-}, ui = ["src", "alt"], hi = { class: "max-w-20 truncate" }, pi = ["onClick"], di = {
+}, hi = ["src", "alt"], pi = { class: "max-w-20 truncate" }, di = ["onClick"], fi = {
   key: 0,
   class: "shrink-0 flex items-center justify-center size-14"
-}, fi = ["disabled"], gi = {
+}, gi = ["disabled"], mi = {
   key: 0,
   class: "i-svg-spinners-ring-resize size-4"
-}, mi = {
+}, xi = {
   key: 1,
   class: "i-tabler-paperclip size-5"
-}, xi = ["placeholder", "disabled"], bi = ["disabled"], Ci = /* @__PURE__ */ Ee({
+}, bi = ["placeholder", "disabled"], ki = ["disabled"], Ii = /* @__PURE__ */ Ee({
   __name: "ElAgentChat",
   props: {
     chatController: {},
@@ -2382,19 +2382,20 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
             }, null, 2)
           ])) : G("", !0),
           T("div", {
+            "data-test": k.sender === "agent" ? "messaging-assistant-msg" : k.sender === "user" ? "messaging-user-msg" : void 0,
             class: _(["flex gap-2 items-end", {
               "justify-end": k.sender === "user",
               "justify-start": k.sender === "agent",
               "mb-4": y(j.value, z)
             }])
           }, [
-            k.sender === "agent" ? (A(), E("div", ti, [
+            k.sender === "agent" ? (A(), E("div", ni, [
               y(j.value, z) ? (A(), E("img", {
                 key: 0,
                 src: l.agent.avatarUrl.value,
                 alt: l.agent.displayName.value,
                 class: _(["size-6 @sm/chat:size-7 rounded-full object-cover shadow-sm", L.value ? "ring-1 ring-black/5" : ""])
-              }, null, 10, ni)) : G("", !0)
+              }, null, 10, si)) : G("", !0)
             ])) : G("", !0),
             T("div", {
               class: _(k.sender === "user" ? "max-w-[75%]" : "max-w-[85%]")
@@ -2409,12 +2410,12 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
                     src: D.url,
                     alt: D.name,
                     class: "rounded-xl object-cover max-h-48 max-w-[240px] @sm/chat:max-w-[320px]"
-                  }, null, 8, si)) : D.type === "audio" ? (A(), E("audio", {
+                  }, null, 8, ri)) : D.type === "audio" ? (A(), E("audio", {
                     key: 1,
                     src: D.url,
                     controls: "",
                     class: "max-w-full"
-                  }, null, 8, ri)) : (A(), E("a", {
+                  }, null, 8, ii)) : (A(), E("a", {
                     key: 2,
                     href: D.url,
                     target: "_blank",
@@ -2423,7 +2424,7 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
                   }, [
                     v[7] || (v[7] = T("i", { class: "i-tabler-file size-3.5" }, null, -1)),
                     pt(" " + ue(D.name), 1)
-                  ], 10, ii))
+                  ], 10, ai))
                 ], 64))), 128))
               ], 2)) : G("", !0),
               k.text ? (A(), E("div", {
@@ -2435,17 +2436,17 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
                 T("div", {
                   class: _(["chat-msg-prose break-words text-[14px] leading-relaxed @sm/chat:text-[15px] @sm/chat:leading-relaxed", k.sender === "user" || !L.value ? "chat-msg-prose-invert" : ""]),
                   innerHTML: e(k.text)
-                }, null, 10, ai)
+                }, null, 10, li)
               ], 2)) : G("", !0)
             ], 2)
-          ], 2)
+          ], 10, ti)
         ], 64))), 128)),
-        ge.value ? (A(), E("div", li, [
+        ge.value ? (A(), E("div", oi, [
           T("img", {
             src: l.agent.avatarUrl.value,
             alt: l.agent.displayName.value,
             class: _(["size-7 @sm/chat:size-8 flex-shrink-0 rounded-full object-cover shadow-sm", L.value ? "ring-1 ring-black/5" : ""])
-          }, null, 10, oi),
+          }, null, 10, ci),
           T("div", {
             class: _(["rounded-2xl px-3.5 py-2.5 flex items-center", L.value ? "bg-theme-100" : "bg-white/15 backdrop-blur-sm"])
           }, [
@@ -2458,7 +2459,7 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
       T("div", {
         class: _(["absolute bottom-0 left-0 right-0 z-30 px-5 pb-4 pt-3", L.value ? "bg-gradient-to-t from-white via-white/95 to-white/70" : "bg-gradient-to-t from-black/80 via-black/70 to-black/40"])
       }, [
-        g.value.length > 0 ? (A(), E("div", ci, [
+        g.value.length > 0 ? (A(), E("div", ui, [
           (A(!0), E(Te, null, mt(g.value, (k, z) => (A(), E("div", {
             key: z,
             class: "relative shrink-0 group"
@@ -2468,21 +2469,21 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
               src: k.url,
               alt: k.name,
               class: _(["size-14 rounded-xl object-cover border", L.value ? "border-black/10" : "border-white/20"])
-            }, null, 10, ui)) : (A(), E("div", {
+            }, null, 10, hi)) : (A(), E("div", {
               key: 1,
               class: _(["h-14 px-3 rounded-xl flex items-center gap-1.5 text-xs border", L.value ? "border-black/10 bg-theme-50 text-theme-600" : "border-white/20 bg-white/10 text-white/70"])
             }, [
               v[8] || (v[8] = T("i", { class: "i-tabler-file size-4" }, null, -1)),
-              T("span", hi, ue(k.name), 1)
+              T("span", pi, ue(k.name), 1)
             ], 2)),
             T("button", {
               class: "absolute -top-1.5 -right-1.5 size-5 flex items-center justify-center rounded-full bg-theme-800 text-white text-xs scale-0 group-hover:scale-100 transition-transform cursor-pointer",
               onClick: /* @__PURE__ */ u((D) => st(z), "onClick")
             }, [...v[9] || (v[9] = [
               T("i", { class: "i-tabler-x size-3" }, null, -1)
-            ])], 8, pi)
+            ])], 8, di)
           ]))), 128)),
-          m.value ? (A(), E("div", di, [
+          m.value ? (A(), E("div", fi, [
             Bt(Cn, { class: "size-5" })
           ])) : G("", !0)
         ])) : G("", !0),
@@ -2507,12 +2508,13 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
             disabled: se.value || m.value || !l.uploadFn,
             onClick: v[0] || (v[0] = (k) => l.uploadFn && Et())
           }, [
-            m.value ? (A(), E("i", gi)) : (A(), E("i", mi))
-          ], 10, fi),
+            m.value ? (A(), E("i", mi)) : (A(), E("i", xi))
+          ], 10, gi),
           Zn(T("textarea", {
             ref_key: "textarea",
             ref: f,
             "onUpdate:modelValue": v[1] || (v[1] = (k) => o.value = k),
+            "data-test": "messaging-input",
             rows: "1",
             enterkeyhint: "send",
             placeholder: he.value,
@@ -2522,16 +2524,17 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
             onKeydown: Fe,
             onFocus: v[2] || (v[2] = (k) => c.value = !0),
             onBlur: v[3] || (v[3] = (k) => c.value = !1)
-          }, null, 42, xi), [
+          }, null, 42, bi), [
             [Xn, o.value]
           ]),
           T("button", {
+            "data-test": "messaging-send-btn",
             class: _(["shrink-0 flex items-center justify-center rounded-full transition-all duration-300 mb-0.5 mr-0.5 size-9 @sm/chat:size-10", tt.value ? "bg-primary-500 text-white shadow-md hover:scale-105 active:scale-95 cursor-pointer" : L.value ? "bg-black/5 text-black/20" : "bg-white/10 text-white/30"]),
             disabled: !tt.value,
             onClick: v[4] || (v[4] = (k) => Re())
           }, [...v[10] || (v[10] = [
             T("i", { class: "i-tabler-arrow-up size-5" }, null, -1)
-          ])], 10, bi)
+          ])], 10, ki)
         ], 2),
         T("div", {
           class: _(["text-[10px] text-center mt-2.5 select-none opacity-70", L.value ? "text-theme-400" : "text-white/50"])
@@ -2549,10 +2552,10 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
       ], 2)
     ]));
   }
-}), ki = { class: "agent-wrap" }, wi = {
+}), wi = { class: "agent-wrap" }, vi = {
   key: 0,
   class: "flex items-center justify-center h-full"
-}, Ii = /* @__PURE__ */ Ee({
+}, Mi = /* @__PURE__ */ Ee({
   __name: "AgentWrap",
   props: {
     sdk: {},
@@ -2646,8 +2649,8 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
           }
         });
       }
-    }), (o, c) => (A(), E("div", ki, [
-      s.value ? (A(), E("div", wi, [...c[0] || (c[0] = [
+    }), (o, c) => (A(), E("div", wi, [
+      s.value ? (A(), E("div", vi, [...c[0] || (c[0] = [
         T("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
       ])])) : r.value ? Yn(o.$slots, "default", {
         key: 1,
@@ -2664,15 +2667,15 @@ const Yr = { class: "@container/chat flex flex-col h-full relative" }, Zr = {
 });
 export {
   In as A,
-  Ii as _,
-  Ci as a,
-  Ri as b,
-  _i as c,
-  Di as d,
+  Mi as _,
+  Ii as a,
+  Di as b,
+  Ri as c,
+  Ci as d,
   Cn as e,
   $s as f,
-  Ai as g,
+  Ei as g,
   Ln as h,
-  Ei as p
+  _i as p
 };
 //# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang.js.map