@appcorp/app-corp-vista 0.1.75 → 0.1.77

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

@@ -1,22 +1,63 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatBubbleV1 = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 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 message = _a.message, createdAt = _a.createdAt, isUser = _a.isUser, user = _a.user, psychic = _a.psychic;
+    var createdAt = _a.createdAt, isLast = _a.isLast, isUser = _a.isUser, message = _a.message, psychic = _a.psychic, user = _a.user;
+    var lastChatBubble = (0, react_1.useRef)(null);
     var getBubbleStyles = function () { return ({
         borderTopLeftRadius: isUser ? '8px' : '0px',
         borderTopRightRadius: isUser ? '0px' : '8px',
         borderBottomLeftRadius: '8px',
         borderBottomRightRadius: '8px',
     }); };
-    return (react_1.default.createElement("div", { className: "flex items-start gap-6 my-2 ".concat(isUser ? 'justify-end' : 'justify-start') },
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (isLast) {
+            (_a = lastChatBubble.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'end',
+            });
+        }
+    }, [isLast]);
+    return (react_1.default.createElement("div", { className: "flex items-start gap-6 my-2 ".concat(isUser ? 'justify-end' : 'justify-start'), ref: isLast ? lastChatBubble : null },
         react_1.default.createElement("div", { className: isUser ? 'order-1' : 'order-2' },
             react_1.default.createElement("div", { className: "relative ".concat(isUser ? 'bg-primary text-white' : 'bg-gray-200 text-black'), style: getBubbleStyles() },
                 react_1.default.createElement("div", { className: "absolute top-0 size-4 ".concat(isUser ? '-right-4 rotate-90' : '-left-4 rotate-180') },

package/molecules/vista-combobox-v1/vista-combobox-v1.js

@@ -51,7 +51,7 @@ var VistaComboboxV1 = function (_a) {
             return id === selectedItem.id;
         })[0];
     }, [selectedItem]);
-    return (react_1.default.createElement(react_2.Combobox, { as: "div", className: "".concat(comboboxClassName), onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1], disabled: disabled },
+    return (react_1.default.createElement(react_2.Combobox, { as: "div", className: "".concat(comboboxClassName), onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: (filteredItem === null || filteredItem === void 0 ? void 0 : filteredItem[selectKey1]) || '', disabled: disabled },
         react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) },
             label,
             " ",

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

@@ -15,9 +15,9 @@ var vista_chat_bubble_v1_1 = require("../../molecules/vista-chat-bubble-v1/vista
 var VistaChatV2 = function (_a) {
     var actionItems = _a.actionItems, chatId = _a.chatId, chatValue = _a.chatValue, _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, handleChatOnChange = _a.handleChatOnChange, messages = _a.messages, name = _a.name, psychic = _a.psychic, sideBarHeading = _a.sideBarHeading, sideBarNode = _a.sideBarNode, timer = _a.timer, user = _a.user;
     var renderChatMessages = function () {
-        return (react_1.default.createElement("div", { className: 'overflow-y-scroll' }, messages.map((function (_a) {
+        return (react_1.default.createElement("div", { className: 'overflow-y-scroll' }, messages.map((function (_a, ind) {
             var createdAt = _a.createdAt, id = _a.id, isUser = _a.isUser, message = _a.message;
-            return (react_1.default.createElement(vista_chat_bubble_v1_1.VistaChatBubbleV1, { createdAt: createdAt, isUser: isUser, key: id, message: message, psychic: psychic, user: user }));
+            return (react_1.default.createElement(vista_chat_bubble_v1_1.VistaChatBubbleV1, { createdAt: createdAt, isUser: isUser, key: id, message: message, psychic: psychic, user: user, isLast: ind === messages.length - 1 }));
         }))));
     };
     var handleOnKeyDown = function (e) {

package/package.json

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

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

@@ -1,6 +1,7 @@
 import { VistaChatV2Psychic, VistaChatV2User } from "./vista-chat-type";
 export interface VistaChatBubbleV1Props {
     createdAt: string;
+    isLast: boolean;
     isUser: boolean;
     message: string;
     psychic: VistaChatV2Psychic;