@appcorp/app-corp-vista 0.0.38 → 0.0.40

package/data/vista-chat-props.js

@@ -113,6 +113,7 @@ exports.vistaChatV2Props = {
     chatValue: '',
     handleChatOnChange: function () { return void 0; },
     sectionHeading: 'Psychic Tools',
+    messages: [],
     actionItems: [
         {
             enabled: true,

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

@@ -44,7 +44,7 @@ var VistaComboboxV1 = function (_a) {
         return query === ''
             ? listItems
             : listItems.filter(function (item) { var _a; return (_a = item[selectKey1]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
-    }, [listItems, query]);
+    }, [listItems, query, selectKey1]);
     return (react_1.default.createElement(react_2.Combobox, { as: "div", onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem[selectKey1] },
         react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
             label,

package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js

@@ -33,9 +33,13 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaDashboardSidebarV1 = void 0;
 var react_1 = __importStar(require("react"));
+var image_1 = __importDefault(require("next/image"));
 var class_names_1 = require("../../utils/class-names");
 var VistaDashboardSidebarV1 = function (_a) {
     var appName = _a.appName, apps = _a.apps, logo = _a.logo, navigation = _a.navigation;
@@ -47,7 +51,7 @@ var VistaDashboardSidebarV1 = function (_a) {
     }, [apps]);
     return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-200 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
         react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center" },
-            react_1.default.createElement("img", { alt: appName, src: logo, className: "h-8 w-auto" })),
+            react_1.default.createElement(image_1.default, { alt: appName, src: logo, width: 32, height: 32 })),
         react_1.default.createElement("nav", { className: "flex flex-1 flex-col" },
             react_1.default.createElement("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7" },
                 react_1.default.createElement("li", null,

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

@@ -11,14 +11,21 @@ var vista_chat_side_bar_v2_1 = require("../../molecules/vista-chat-side-bar-v2/v
 var vista_text_input_v1_1 = require("../../molecules/vista-text-input-v1");
 var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
 var vista_button_type_1 = require("../../type/vista-button-type");
+var vista_chat_bubble_v1_1 = require("../../molecules/vista-chat-bubble-v1/vista-chat-bubble-v1");
 var VistaChatV2 = function (_a) {
-    var actionItems = _a.actionItems, chatId = _a.chatId, chatValue = _a.chatValue, handleChatOnChange = _a.handleChatOnChange, sectionHeading = _a.sectionHeading;
+    var actionItems = _a.actionItems, chatId = _a.chatId, chatValue = _a.chatValue, handleChatOnChange = _a.handleChatOnChange, sectionHeading = _a.sectionHeading, messages = _a.messages;
+    var renderChatMessages = function () {
+        return (react_1.default.createElement(react_1.default.Fragment, null, messages.map((function (_a, idx) {
+            var message = _a.message, timestamp = _a.timestamp, currentUser = _a.currentUser, type = _a.type, status = _a.status;
+            return (react_1.default.createElement(vista_chat_bubble_v1_1.VistaChatBubbleV1, { key: idx, message: message, timestamp: timestamp, type: type, currentUser: currentUser, status: status }));
+        }))));
+    };
     return (react_1.default.createElement("div", { className: "relative h-screen grid grid-cols-12 grid-rows-1 overflow-hidden" },
         react_1.default.createElement(vista_chat_side_bar_v2_1.VistaChatSideBarV2, { sectionHeading: sectionHeading }),
         react_1.default.createElement("section", { className: "col-span-9 flex flex-col" },
             react_1.default.createElement(vista_chat_heading_v1_1.VistaChatHeadingV1, { heading: "Doris Brown" }),
             react_1.default.createElement("div", { className: "overflow-hidden h-full" },
-                react_1.default.createElement("div", { className: "h-full overflow-y-auto p-4" })),
+                react_1.default.createElement("div", { className: "h-full overflow-y-auto p-4" }, renderChatMessages())),
             react_1.default.createElement("div", { className: "flex flex-row items-center gap-4 border-t border-gray-200 p-4" },
                 react_1.default.createElement("div", { className: 'w-full' },
                     react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleChatOnChange, id: chatId, placeholder: 'Enter message...', value: chatValue })),

package/package.json

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

package/templates/vista-auth-v1/vista-auth-v1.js

@@ -16,7 +16,7 @@ var VistaAuthV1 = function (_a) {
             react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24 ".concat(reverted ? 'order-2' : 'order-1') },
                 react_1.default.createElement("div", { className: "mx-auto w-full max-w-sm lg:w-96" },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement("img", { alt: logoAlt, src: logo, className: "h-10 w-auto" }),
+                        react_1.default.createElement(image_1.default, { alt: logoAlt, src: logo, width: 40, height: 40 }),
                         react_1.default.createElement("h2", { className: "mt-8 text-2xl/9 font-bold tracking-tight text-gray-900 dark:text-white" }, heading),
                         react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-500 dark:text-gray-300" },
                             description,

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

@@ -25,4 +25,5 @@ export interface VistaChatV2Props {
     chatValue: string;
     handleChatOnChange: (k: string, v: string) => void;
     sectionHeading: string;
+    messages: any[];
 }