vrfi-design-system 1.1.89 → 1.1.92

package/dist/index.d.ts

@@ -311,6 +311,7 @@ export declare const ChatDetails: default_2.FC<ChatDetailsProps>;
 
 declare interface ChatDetailsProps {
     selectedChat: LooseChat | null;
+    loggedInUserId?: number;
     newMessage: string;
     onMessageChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
     onSendMessage: () => void;
@@ -764,6 +765,7 @@ declare interface LooseMessage {
     senderType?: string;
     body?: string;
     createdAt?: string;
+    senderId?: number;
 }
 
 export { Menu }

package/dist/main.es.js

@@ -68563,7 +68563,7 @@ const VDe = ({
     },
     children: /* @__PURE__ */ B.jsx(O8, { className: hEe.segmented, ...e })
   }
-), bEe = "_textArea_1bvta_24", CEe = "_textAreaContainer_1bvta_28", ll = {
+), bEe = "_textArea_19113_24", CEe = "_textAreaContainer_19113_28", ll = {
   textArea: bEe,
   textAreaContainer: CEe
 }, yEe = Go.TextArea, UDe = ({
@@ -71635,50 +71635,51 @@ const mIe = "_chatDetails_12d43_24", gIe = "_dateSeparator_12d43_32", vIe = "_no
   newMessage: t,
   onMessageChange: n,
   onSendMessage: r,
-  userType: o
+  userType: o,
+  loggedInUserId: a
 }) => {
-  var A, f, g, v;
-  const a = _e(null);
+  var f, g, v, p;
+  const i = _e(null);
   jt(() => {
-    var p;
-    (p = a.current) == null || p.scrollIntoView({ behavior: "auto" });
-  }, [(A = e == null ? void 0 : e.messages) == null ? void 0 : A.length]);
-  const i = (p) => {
-    p.key === "Enter" && r();
+    var m;
+    (m = i.current) == null || m.scrollIntoView({ behavior: "auto" });
+  }, [(f = e == null ? void 0 : e.messages) == null ? void 0 : f.length]);
+  const l = (m) => {
+    m.key === "Enter" && r();
   };
   if (!e)
     return /* @__PURE__ */ B.jsx("div", { className: Kn.selectChatPlaceholder, children: ia.START_CHAT_PLACEHOLDER });
-  const l = e.chatType === ia.SUPPORT_CHAT && o === hg.CANDIDATE ? ia.SUPPORT_CHAT_LABEL : ((f = e.participantDetails) == null ? void 0 : f.name) ?? "";
-  let s = "";
-  const d = (p, m) => {
-    var h;
-    return m && /* @__PURE__ */ B.jsxs("div", { className: Kn.avatarContainer, children: [
+  const s = e.chatType === ia.SUPPORT_CHAT && o === hg.CANDIDATE ? ia.SUPPORT_CHAT_LABEL : ((g = e.participantDetails) == null ? void 0 : g.name) ?? "";
+  let d = "";
+  const u = (m, h) => {
+    var b;
+    return h && /* @__PURE__ */ B.jsxs("div", { className: Kn.avatarContainer, children: [
       /* @__PURE__ */ B.jsx(
         xo,
         {
           size: lo.LARGE,
-          name: l,
-          imageUrl: (h = e == null ? void 0 : e.participantDetails) == null ? void 0 : h.profileUrl
+          name: s,
+          imageUrl: (b = e == null ? void 0 : e.participantDetails) == null ? void 0 : b.profileUrl
         }
       ),
-      /* @__PURE__ */ B.jsx("p", { className: Kn.userDetailName, children: RIe(l) || ia.DEFAULT_USER_NAME }),
-      /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC((p == null ? void 0 : p.createdAt) ?? "") })
+      /* @__PURE__ */ B.jsx("p", { className: Kn.userDetailName, children: RIe(s) || ia.DEFAULT_USER_NAME }),
+      /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC((m == null ? void 0 : m.createdAt) ?? "") })
     ] });
-  }, u = (g = e.messages) == null ? void 0 : g.map((p, m) => {
-    var x, w;
-    const { showMeta: h, showDateLabel: b, currentDateLabel: C } = kIe(e.messages ?? [], m, s);
-    b && (s = C);
-    const y = o === p.senderType;
+  }, A = (v = e.messages) == null ? void 0 : v.map((m, h) => {
+    var w, S;
+    const { showMeta: b, showDateLabel: C, currentDateLabel: y } = kIe(e.messages ?? [], h, d);
+    C && (d = y);
+    const x = a === m.senderId;
     return /* @__PURE__ */ B.jsxs(X.Fragment, { children: [
-      b && /* @__PURE__ */ B.jsxs(
+      C && /* @__PURE__ */ B.jsxs(
         "div",
         {
           className: At(Kn.dateSeparator, {
-            [Kn.noTopMargin]: m === 0 || !((w = (x = e.messages) == null ? void 0 : x[m - 1]) != null && w.body)
+            [Kn.noTopMargin]: h === 0 || !((S = (w = e.messages) == null ? void 0 : w[h - 1]) != null && S.body)
           }),
           children: [
             /* @__PURE__ */ B.jsx("hr", {}),
-            /* @__PURE__ */ B.jsx("span", { children: C }),
+            /* @__PURE__ */ B.jsx("span", { children: y }),
             /* @__PURE__ */ B.jsx("hr", {})
           ]
         }
@@ -71687,27 +71688,27 @@ const mIe = "_chatDetails_12d43_24", gIe = "_dateSeparator_12d43_32", vIe = "_no
         "div",
         {
           className: At(Kn.message, {
-            [Kn.myMessage]: y,
-            [Kn.otherMessage]: !y
+            [Kn.myMessage]: x,
+            [Kn.otherMessage]: !x
           }),
-          children: y ? /* @__PURE__ */ B.jsxs(
+          children: x ? /* @__PURE__ */ B.jsxs(
             "div",
             {
               className: At(Kn.myMessageContentWrapper, {
-                [Kn.withTimestampMargin]: h
+                [Kn.withTimestampMargin]: b
               }),
               children: [
-                h && /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC(p.createdAt ?? "") }),
-                /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: p.body })
+                b && /* @__PURE__ */ B.jsx("div", { className: Kn.timestamp, children: HC(m.createdAt ?? "") }),
+                /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: m.body })
               ]
             }
           ) : /* @__PURE__ */ B.jsxs("div", { className: Kn.otherMessageBlock, children: [
-            d(p, h),
-            /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: p.body })
+            u(m, b),
+            /* @__PURE__ */ B.jsx("div", { className: Kn.messageContent, children: m.body })
           ] })
         }
       )
-    ] }, p.id ?? m);
+    ] }, m.id ?? h);
   });
   return /* @__PURE__ */ B.jsxs("div", { className: Kn.chatDetails, children: [
     /* @__PURE__ */ B.jsxs("div", { className: Kn.chatHeader, children: [
@@ -71715,15 +71716,15 @@ const mIe = "_chatDetails_12d43_24", gIe = "_dateSeparator_12d43_32", vIe = "_no
         xo,
         {
           size: lo.LARGE,
-          name: l,
-          imageUrl: (v = e.participantDetails) == null ? void 0 : v.profileUrl
+          name: s,
+          imageUrl: (p = e.participantDetails) == null ? void 0 : p.profileUrl
         }
       ),
-      /* @__PURE__ */ B.jsx("div", { children: l || ia.DEFAULT_USER_NAME })
+      /* @__PURE__ */ B.jsx("div", { children: s || ia.DEFAULT_USER_NAME })
     ] }),
     /* @__PURE__ */ B.jsxs("div", { className: Kn.messages, children: [
-      u,
-      /* @__PURE__ */ B.jsx("div", { ref: a })
+      A,
+      /* @__PURE__ */ B.jsx("div", { ref: i })
     ] }),
     /* @__PURE__ */ B.jsx("div", { className: Kn.inputContainer, children: /* @__PURE__ */ B.jsxs("div", { className: Kn.inputWrapper, children: [
       /* @__PURE__ */ B.jsx(
@@ -71731,7 +71732,7 @@ const mIe = "_chatDetails_12d43_24", gIe = "_dateSeparator_12d43_32", vIe = "_no
         {
           value: t,
           onChange: n,
-          onKeyDown: i,
+          onKeyDown: l,
           placeholder: ia.INPUT_PLACEHOLDER
         }
       ),