@appcorp/app-corp-vista 0.3.11 → 0.3.12

package/data/vista-chat-props.js

@@ -156,7 +156,7 @@ exports.vistaChatV2Props = {
             message: 'Hello from User',
             id: 'item-4',
             createdAt: '2025-01-12T10:29:49.891',
-            messageStatus: vista_chat_type_1.VISTA_CHAT_MESSAGE_STATUS.DELIVERED,
+            messageStatus: vista_chat_type_1.VISTA_CHAT_MESSAGE_STATUS.READ,
             isUser: true,
         },
     ],

package/molecules/vista-chat-bubble-v1/vista-chat-bubble-v1.js

@@ -39,7 +39,7 @@ var vista_avatar_v1_1 = require("../vista-avatar-v1/vista-avatar-v1");
 var format_timestamp_1 = require("../../utils/format-timestamp");
 var chat_triangle_1 = require("../../atoms/chat-triangle/chat-triangle");
 var VistaChatBubbleV1 = function (_a) {
-    var createdAt = _a.createdAt, isLast = _a.isLast, isUser = _a.isUser, message = _a.message, psychic = _a.psychic, user = _a.user;
+    var createdAt = _a.createdAt, isLast = _a.isLast, isUser = _a.isUser, message = _a.message, messageStatus = _a.messageStatus, psychic = _a.psychic, user = _a.user;
     var lastChatBubble = (0, react_1.useRef)(null);
     var getBubbleStyles = function () { return ({
         borderTopLeftRadius: isUser ? '8px' : '0px',
@@ -64,7 +64,8 @@ var VistaChatBubbleV1 = function (_a) {
                     react_1.default.createElement(chat_triangle_1.ChatTriangle, { fill: isUser ? '#9153D0' : '#E5E7EB' })),
                 react_1.default.createElement("p", { className: "px-4 pt-2" }, message),
                 react_1.default.createElement("div", { className: "flex items-center px-4 py-2 text-xs justify-between ".concat(isUser ? 'text-right' : 'text-left') },
-                    react_1.default.createElement("span", { className: "mr-2" }, (0, format_timestamp_1.formatTimestamp)(createdAt))))),
+                    react_1.default.createElement("span", { className: "mr-2" }, (0, format_timestamp_1.formatTimestamp)(createdAt)))),
+            react_1.default.createElement("p", { className: "text-xs font-semibold text-end" }, messageStatus)),
         react_1.default.createElement("div", { className: "order-1 min-w-10" },
             react_1.default.createElement(vista_avatar_v1_1.VistaAvatarV1, { alt: isUser ? user.avatarAlt : psychic.avatarAlt, src: isUser ? user.avatarUrl : psychic.avatarUrl }))));
 };

package/organisms/vista-chat-v2/vista-chat-v2.js

@@ -20,7 +20,7 @@ var VistaChatV2 = function (_a) {
         var lastDate = '';
         return (react_1.default.createElement("div", { className: "overflow-y-scroll" }, messages.map(function (_a, ind) {
             var _b, _c;
-            var createdAt = _a.createdAt, id = _a.id, isUser = _a.isUser, message = _a.message;
+            var createdAt = _a.createdAt, id = _a.id, isUser = _a.isUser, message = _a.message, messageStatus = _a.messageStatus;
             var shouldShowDivider = ((_b = lastDate.split('T')) === null || _b === void 0 ? void 0 : _b[0]) === ((_c = createdAt.split('T')) === null || _c === void 0 ? void 0 : _c[0])
                 ? false
                 : true;
@@ -28,7 +28,7 @@ var VistaChatV2 = function (_a) {
             return (react_1.default.createElement("div", { key: id },
                 shouldShowDivider && (react_1.default.createElement("div", { className: "pt-8" },
                     react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, { label: (0, util_functions_1.formatDate)(createdAt, util_functions_1.DATE_FORMATS.DAY_DD_MM_YY_COMPACT) }))),
-                react_1.default.createElement(vista_chat_bubble_v1_1.VistaChatBubbleV1, { createdAt: createdAt, isUser: isUser, message: message, psychic: psychic, user: user, isLast: ind === messages.length - 1 })));
+                react_1.default.createElement(vista_chat_bubble_v1_1.VistaChatBubbleV1, { createdAt: createdAt, isLast: ind === messages.length - 1, isUser: isUser, message: message, psychic: psychic, user: user, messageStatus: messageStatus })));
         })));
     };
     var handleOnKeyDown = function (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
     "build:next": "next build",

package/type/vista-chat-bubble-type.d.ts

@@ -1,9 +1,10 @@
-import { VistaChatV2Psychic, VistaChatV2User } from './vista-chat-type';
+import { VISTA_CHAT_MESSAGE_STATUS, VistaChatV2Psychic, VistaChatV2User } from './vista-chat-type';
 export interface VistaChatBubbleV1Props {
     createdAt: string;
     isLast: boolean;
     isUser: boolean;
     message: string;
+    messageStatus: VISTA_CHAT_MESSAGE_STATUS;
     psychic: VistaChatV2Psychic;
     user: VistaChatV2User;
 }