@appcorp/app-corp-vista 0.0.23 → 0.0.25

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-text-input-v1.js

@@ -17,7 +17,7 @@ var VistaTextInputV1 = function (_a) {
         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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "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

@@ -38,6 +38,6 @@ var VistaDashboardV1 = function (_a) {
             react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))),
         react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72' : '') },
             react_1.default.createElement(vista_dashboard_topbar_v1_1.VistaDashboardTopBarV1, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
-            react_1.default.createElement("div", { className: "overflow-y-auto" }, children))));
+            react_1.default.createElement("div", { className: "overflow-y-auto h-full" }, children))));
 };
 exports.VistaDashboardV1 = VistaDashboardV1;

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;
+}