@appcorp/app-corp-vista 0.0.24 → 0.0.26

package/data/vista-chat-props.d.ts

@@ -1,4 +1,4 @@
-import { VISTA_CHAT_BUBBLE_TYPES } from "../type/vista-chat-type";
+import { VISTA_CHAT_BUBBLE_TYPES, VistaChatV1Props, VistaChatV2Props } from "../type/vista-chat-type";
 export declare const chats: {
     avatarUrl: string;
     avatarAlt: string;
@@ -12,19 +12,5 @@ export declare const messages: {
     timestamp: string;
     type: VISTA_CHAT_BUBBLE_TYPES;
 }[];
-export declare const vistaChatV1Props: {
-    currentUser: VISTA_CHAT_BUBBLE_TYPES;
-    messages: {
-        message: string;
-        timestamp: string;
-        type: VISTA_CHAT_BUBBLE_TYPES;
-    }[];
-    chats: {
-        avatarUrl: string;
-        avatarAlt: string;
-        firstName: string;
-        lastName: string;
-        lastMessage: string;
-        timestamp: string;
-    }[];
-};
+export declare const vistaChatV1Props: VistaChatV1Props;
+export declare const vistaChatV2Props: VistaChatV2Props;

package/data/vista-chat-props.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.vistaChatV1Props = exports.messages = exports.chats = void 0;
+exports.vistaChatV2Props = exports.vistaChatV1Props = exports.messages = exports.chats = void 0;
+var vista_button_type_1 = require("../type/vista-button-type");
 var vista_chat_type_1 = require("../type/vista-chat-type");
 exports.chats = [
     {
@@ -107,3 +108,25 @@ exports.vistaChatV1Props = {
     messages: exports.messages,
     chats: exports.chats,
 };
+exports.vistaChatV2Props = {
+    chatId: 'id',
+    chatValue: '',
+    handleChatOnChange: function () { return void 0; },
+    sectionHeading: 'Psychic Tools',
+    actionItems: [
+        {
+            enabled: true,
+            order: 1,
+            handleOnClick: function () { return void 0; },
+            label: 'Send',
+            variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY,
+        },
+        {
+            enabled: true,
+            order: 2,
+            handleOnClick: function () { return void 0; },
+            label: 'End',
+            variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY,
+        },
+    ],
+};

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

@@ -16,9 +16,9 @@ var vistaButtonSizeMap = (_a = {},
     _a[vista_button_type_1.VISTA_BUTTON_SIZE.XL] = 'px-3.5 py-2.5 text-sm',
     _a);
 var vistaButtonVariantMap = (_b = {},
-    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600',
+    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY] = 'bg-primary text-white hover:bg-primary/70 focus-visible:outline-primary/50',
     _b[vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY] = 'bg-white text-gray-900 hover:bg-gray-50 ring-1 ring-inset ring-gray-300',
-    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.ICON] = 'bg-indigo-600 text-white hover:bg-indigo-500 focus-visible:outline-indigo-600 px-2 py-2 !rounded-full',
+    _b[vista_button_type_1.VISTA_BUTTON_VARIANT.ICON] = 'bg-primary text-white hover:bg-primary/70 focus-visible:outline-primary/50 px-2 py-2 !rounded-full',
     _b);
 var vistaButtonRoundedMap = (_c = {},
     _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.NONE] = 'rounded-none',

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

@@ -7,7 +7,7 @@ exports.VistaChatHeadingV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var VistaChatHeadingV1 = function (_a) {
     var heading = _a.heading;
-    return (react_1.default.createElement("div", { className: "border-b border-gray-600 p-4 text-black dark:text-white" },
+    return (react_1.default.createElement("div", { className: "border-b border-gray-200 p-4 text-black dark:text-white" },
         react_1.default.createElement("p", { className: "text-lg font-semibold" }, heading)));
 };
 exports.VistaChatHeadingV1 = VistaChatHeadingV1;

package/molecules/vista-chat-side-bar-v2.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    sectionHeading: string;
+}
+export declare const VistaChatSideBarV2: FC<Props>;
+export {};

package/molecules/vista-chat-side-bar-v2.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaChatSideBarV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_chat_heading_v1_1 = require("./vista-chat-heading-v1");
+var VistaChatSideBarV2 = function (_a) {
+    var sectionHeading = _a.sectionHeading;
+    return (react_1.default.createElement("div", { className: "col-span-3 flex flex-col border-r border-gray-200 shadow-md" },
+        react_1.default.createElement(vista_chat_heading_v1_1.VistaChatHeadingV1, { heading: sectionHeading }),
+        react_1.default.createElement("div", { className: "divide flex-1 divide-y divide-gray-600 overflow-y-auto" }, new Array(1).map(function (_, i) { return (
+        // <VistaChatListItemV1 key={item.firstName} {...item} />
+        react_1.default.createElement("div", { key: i }, "Jello")); }))));
+};
+exports.VistaChatSideBarV2 = VistaChatSideBarV2;

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

@@ -45,8 +45,8 @@ var VistaComboboxV1 = function (_a) {
             ? listItems
             : listItems.filter(function (item) { var _a; return (_a = item[selectKey1]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
     }, [listItems, query]);
-    return (react_1.default.createElement(react_2.Combobox, { as: "div", value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectKey, v); } },
-        react_1.default.createElement(react_2.Label, { className: "flex items-center gap-2 text-sm/6 font-medium text-gray-900 dark:text-white" },
+    return (react_1.default.createElement(react_2.Combobox, { as: "div", onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: selectedItem[selectKey1] },
+        react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
             label,
             " ",
             required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),

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

@@ -45,7 +45,7 @@ var VistaDashboardSidebarV1 = function (_a) {
             return enabled;
         });
     }, [apps]);
-    return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-100 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
+    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("nav", { className: "flex flex-1 flex-col" },

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

@@ -9,12 +9,15 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var VistaSelectV1 = function (_a) {
-    var handleOnSelect = _a.handleOnSelect, label = _a.label, listItems = _a.listItems, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected;
-    return (react_1.default.createElement(react_2.Listbox, { value: selected, onChange: handleOnSelect },
-        label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)),
+    var handleOnSelect = _a.handleOnSelect, label = _a.label, listItems = _a.listItems, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, _b = _a.required, required = _b === void 0 ? false : _b;
+    return (react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: handleOnSelect },
+        label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+            label,
+            " ",
+            required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
         react_1.default.createElement("div", { className: "relative ".concat(label ? 'mt-2' : '') },
             react_1.default.createElement(react_2.ListboxButton, { className: "relative w-full cursor-default rounded-md bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-left text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6" },
-                react_1.default.createElement("span", { className: "block truncate" }, selected[selectKey1]),
+                react_1.default.createElement("span", { className: "block truncate" }, selectedItem[selectKey1]),
                 react_1.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" },
                     react_1.default.createElement(solid_1.ChevronUpDownIcon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" }))),
             react_1.default.createElement(react_2.ListboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none data-[closed]:data-[leave]:opacity-0 data-[leave]:transition data-[leave]:duration-100 data-[leave]:ease-in sm:text-sm", transition: true }, listItems.map(function (item) { return (react_1.default.createElement(react_2.ListboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-indigo-600 data-[focus]:text-white", key: item[selectKey1], value: item[selectKey1] },

package/molecules/vista-table-footer-v1.js

@@ -9,7 +9,7 @@ var solid_1 = require("@heroicons/react/20/solid");
 var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
 var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
 var VistaTableFooterV1 = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, totalPages = _a.totalPages;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
     return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
         react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
             react_1.default.createElement("span", { className: "font-bold" },
@@ -21,7 +21,7 @@ var VistaTableFooterV1 = function (_a) {
                 totalPages)),
         react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
             react_1.default.createElement("div", { className: "min-w-36" },
-                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selected: selected, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2 })),
+                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2 })),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: '5' }), label: "Previous" }),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: '5' }), label: "Next" }))));
 };

package/molecules/vista-text-area-v1.js

@@ -10,7 +10,10 @@ var VistaTextAreaV1 = function (_a) {
     var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.rows, rows = _g === void 0 ? 4 : _g, value = _a.value;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-between" },
-            react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
+            react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+                label,
+                " ",
+                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
             optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
         react_1.default.createElement("div", { className: "mt-2" },
             react_1.default.createElement("textarea", { autoFocus: autoFocus, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(className), cols: 200, disabled: disabled, id: id, name: id, onChange: function (e) {

package/molecules/vista-text-input-v1.js

@@ -10,14 +10,16 @@ var VistaTextInputV1 = function (_a) {
     var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-between" },
-            label && (react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
-                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
-                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
+            label && (react_1.default.createElement("div", { className: "mb-2" },
+                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
+                    label,
+                    " ",
+                    required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")))),
             optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
         react_1.default.createElement("div", { className: "relative" },
             prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                 react_1.default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
-            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
+            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
                     return handleOnChange(id, e.target.value);
                 }, placeholder: placeholder, readOnly: readOnly, type: type, value: value, autoFocus: autoFocus }),
             suffix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" },

package/organisms/vista-chat-v2/vista-chat-v2.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaChatV2Props } from '../../type/vista-chat-type';
+export declare const VistaChatV2: FC<VistaChatV2Props>;

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

@@ -0,0 +1,36 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaChatV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_chat_heading_v1_1 = require("../../molecules/vista-chat-heading-v1");
+var vista_chat_side_bar_v2_1 = require("../../molecules/vista-chat-side-bar-v2");
+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 VistaChatV2 = function (_a) {
+    var actionItems = _a.actionItems, chatId = _a.chatId, chatValue = _a.chatValue, handleChatOnChange = _a.handleChatOnChange, sectionHeading = _a.sectionHeading;
+    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: "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 })),
+                actionItems
+                    .filter(function (_a) {
+                    var enabled = _a.enabled;
+                    return enabled;
+                })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (_a) {
+                    var handleOnClick = _a.handleOnClick, label = _a.label, variant = _a.variant;
+                    return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleOnClick, key: label, label: label, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: variant }));
+                })))));
+};
+exports.VistaChatV2 = VistaChatV2;

package/organisms/vista-table-v1/vista-table-v1.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var vista_table_header_v1_1 = require("../../molecules/vista-table-header-v1");
 var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
 var VistaTableV1 = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
     return (react_1.default.createElement("div", { className: "px-4 sm:px-6 lg:px-8" },
         react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { tableDescription: tableDescription, tableHeading: tableHeading, headerActions: headerActions }),
         react_1.default.createElement("div", { className: "mt-8 flow-root" },
@@ -17,6 +17,6 @@ var VistaTableV1 = function (_a) {
                     react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-700" },
                         react_1.default.createElement("thead", null, tableHead),
                         react_1.default.createElement("tbody", { className: "divide-y divide-gray-700" }, tableBody)),
-                    react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, selectKey1: selectKey1, selectKey2: selectKey2, selected: selected, totalPages: totalPages }))))));
+                    react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))))));
 };
 exports.VistaTableV1 = VistaTableV1;

package/package.json

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

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

@@ -22,7 +22,7 @@ var outline_1 = require("@heroicons/react/24/outline");
 var vista_dashboard_sidebar_v1_1 = require("../../molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1");
 var vista_dashboard_topbar_v1_1 = require("../../molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1");
 var VistaDashboardV1 = function (_a) {
-    var children = _a.children, sideBar = _a.sideBar, topBar = _a.topBar, isSideBarOpen = _a.isSideBarOpen, handleIsSideBarOpen = _a.handleIsSideBarOpen;
+    var children = _a.children, handleIsSideBarOpen = _a.handleIsSideBarOpen, isSideBarOpen = _a.isSideBarOpen, sideBar = _a.sideBar, topBar = _a.topBar;
     return (react_1.default.createElement("section", { className: 'h-full' },
         react_1.default.createElement(react_2.Dialog, { className: "relative z-10 xl:hidden", onClose: handleIsSideBarOpen, open: isSideBarOpen },
             react_1.default.createElement(react_2.DialogBackdrop, { className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-[closed]:opacity-0", transition: true }),

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

@@ -1,3 +1,4 @@
+import { VISTA_BUTTON_VARIANT } from "./vista-button-type";
 export declare enum VISTA_CHAT_BUBBLE_TYPES {
     PSYCHIC = "PSYCHIC",
     USER = "USER"
@@ -11,3 +12,17 @@ export interface VistaChatV1Props {
     messages: any[];
     chats: any;
 }
+export interface VistaChatV2ActionItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    label: string;
+    order: number;
+    variant: VISTA_BUTTON_VARIANT;
+}
+export interface VistaChatV2Props {
+    actionItems: VistaChatV2ActionItem[];
+    chatId: string;
+    chatValue: string;
+    handleChatOnChange: () => void;
+    sectionHeading: string;
+}

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

@@ -10,5 +10,7 @@ export interface VistaComboboxV1Props {
     query: string;
     required?: boolean;
     selectKey1: string;
-    selectedItem: any;
+    selectedItem: {
+        [key: string]: any;
+    };
 }

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

@@ -1,8 +1,11 @@
 export interface VistaSelectV1Props {
+    handleOnSelect: () => void;
     label?: string;
     listItems: any[];
-    selected: any;
-    handleOnSelect: () => void;
+    required?: boolean;
     selectKey1: string;
     selectKey2?: string;
+    selectedItem: {
+        [key: string]: any;
+    };
 }

package/type/vista-table-footer-type.d.ts

@@ -8,6 +8,8 @@ export interface VistaTableFooterV1Props {
     listOptions: Object[];
     selectKey1: string;
     selectKey2?: string;
-    selected: Object;
+    selectedItem: {
+        [key: string]: any;
+    };
     totalPages: number;
 }

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

@@ -17,7 +17,9 @@ export interface VistaTableV1Props {
     listOptions: Object[];
     selectKey1: string;
     selectKey2?: string;
-    selected: Object;
+    selectedItem: {
+        [key: string]: any;
+    };
     tableBody: ReactNode;
     tableDescription: string;
     tableHead: ReactNode;