@banbox/chat 1.0.13 → 1.0.14

package/dist/index.js

@@ -4080,6 +4080,34 @@ function toRef(m) {
     audio: m.audio
   };
 }
+var avatarBgByInitial2 = {
+  a: "#FFE4E4",
+  b: "#E4F0FF",
+  c: "#E4FFE9",
+  d: "#FFF4E4",
+  e: "#F4E4FF",
+  f: "#FFE4F4",
+  g: "#E4FFFF",
+  h: "#FFFFE4",
+  i: "#E4E4FF",
+  j: "#FFE9E4",
+  k: "#E4FFE4",
+  l: "#FFE4EA",
+  m: "#E8E4FF",
+  n: "#E4F8FF",
+  o: "#FFF0E4",
+  p: "#F0FFE4",
+  q: "#FFE4F8",
+  r: "#E4FFEC",
+  s: "#FFEEE4",
+  t: "#E4EAFF",
+  u: "#F8FFE4",
+  v: "#FFE4EE",
+  w: "#E4FFFA",
+  x: "#FFF8E4",
+  y: "#EAE4FF",
+  z: "#E4FFF0"
+};
 var SinglePopup = ({ adapter, uiCallbacks, theme, footerActions }) => {
   const { close, reference } = useChatUI();
   const { isOpen: isGalleryOpen, closeGallery } = useGallery();
@@ -4100,10 +4128,12 @@ var SinglePopup = ({ adapter, uiCallbacks, theme, footerActions }) => {
   const activeThread = threads.find((t) => t.id === activeId);
   const isVerified = activeThread?.badge === true;
   const meta = reference?.meta ?? {};
-  const initialSrc = activeThread?.avatarSrc ?? "/shop/ban-box.png";
+  const avatarSrc = meta.avatarSrc ?? activeThread?.avatarSrc;
+  const initial = meta.initial ?? activeThread?.avatarText ?? (activeThread?.title ?? meta.title ?? "?").charAt(0).toUpperCase();
+  const avatarBg = avatarBgByInitial2[initial.toLowerCase()] ?? "#E4F0FF";
   const title = meta.title ?? activeThread?.title ?? "Unknown";
-  const online = meta.online ?? activeThread?.online ?? true;
-  const subtitle = meta.subtitle ?? "Customer";
+  const online = meta.online ?? activeThread?.online ?? false;
+  const subtitle = meta.subtitle ?? activeThread?.subTitle ?? "Customer";
   const [messages, setMessages] = React16.useState(
     () => activeId ? adapter.messages.list(activeId) : []
   );
@@ -4176,11 +4206,23 @@ var SinglePopup = ({ adapter, uiCallbacks, theme, footerActions }) => {
               /* @__PURE__ */ jsx("div", { className: "h-[64px] shrink-0", children: /* @__PURE__ */ jsx(
                 ChatHeader,
                 {
-                  left: /* @__PURE__ */ jsx(
+                  left: avatarSrc ? /* @__PURE__ */ jsx(
                     ChatIdentity_default,
                     {
                       variant: "avatar",
-                      src: initialSrc,
+                      src: avatarSrc,
+                      online,
+                      title,
+                      subtitle,
+                      verified: isVerified,
+                      subtitleVariant: "muted"
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    ChatIdentity_default,
+                    {
+                      variant: "initial",
+                      initial,
+                      bg: avatarBg,
                       online,
                       title,
                       subtitle,