@appcorp/app-corp-vista 0.1.76 → 0.1.78

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/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/organisms/vista-table-v1/vista-table-body-v1.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { VistaTableV1Props } from '../../type/vista-table-type';
+import 'react-photo-view/dist/react-photo-view.css';
 export declare const TOOLTIP_OFFSET = -8;
 export declare const rowClasses = "odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600";
 export declare const dataClasses = "p-2 cursor-pointer";

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

@@ -38,11 +38,13 @@ exports.VistaTableBodyV1 = exports.dataClasses = exports.rowClasses = exports.TO
 var react_1 = __importStar(require("react"));
 var util_functions_1 = require("@react-pakistan/util-functions");
 var react_tooltip_1 = require("react-tooltip");
-var vista_table_cell_v1_1 = require("../../atoms/table-cell-v1/vista-table-cell-v1");
+var vista_table_cell_v1_1 = require("../../atoms/vista-table-cell-v1/vista-table-cell-v1");
 var vista_dropdown_menu_v1_1 = require("../../molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1");
 var vista_shimmer_v1_1 = require("../../atoms/vista-shimmer-v1/vista-shimmer-v1");
 var vista_table_type_1 = require("../../type/vista-table-type");
 var uuid_1 = require("uuid");
+var react_photo_view_1 = require("react-photo-view");
+require("react-photo-view/dist/react-photo-view.css");
 exports.TOOLTIP_OFFSET = -8;
 exports.rowClasses = 'odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600';
 exports.dataClasses = 'p-2 cursor-pointer';
@@ -64,7 +66,12 @@ var componentMap = (_a = {},
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS] = function (id, rowActions) { return (react_1.default.createElement("td", { className: exports.dataClasses },
         react_1.default.createElement("div", { className: "flex flex-row justify-center" },
             react_1.default.createElement(vista_dropdown_menu_v1_1.VistaDropdownMenuV1, { assetId: id, rowActions: rowActions })))); },
-    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.IMAGE] = function () { return (react_1.default.createElement(react_1.default.Fragment, null)); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.IMAGE] = function (images) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(react_photo_view_1.PhotoProvider, null,
+            react_1.default.createElement("div", { className: 'flex flex-row gap-2 flex-wrap' }, images.map(function (item, index) { return (react_1.default.createElement(react_photo_view_1.PhotoView, { key: index, src: item },
+                react_1.default.createElement("img", { src: item, alt: "image", height: 70, width: 70, className: 'rounded-lg' }))); }))))); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.OBJECT] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { label: val }))); },
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses }, val.map(function (v) {
         var id = (0, uuid_1.v4)();
         return (react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { key: id, label: v }));
@@ -84,18 +91,26 @@ var VistaTableBodyV1 = function (_a) {
             }),
         !loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {
             var ref = (0, uuid_1.v4)();
-            return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a, ind) {
+            return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a) {
                 var _b;
                 var key = _a.key, componentType = _a.componentType, expression = _a.expression;
                 var computedValue = '';
-                if (Array.isArray(key) && componentType !== vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES) {
+                if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.OBJECT) {
                     computedValue = row[key[0]][key[1]];
                 }
                 else if (Array.isArray(key) && componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES) {
-                    computedValue = key.map(function (k) { return row[k]; });
+                    if (expression) {
+                        computedValue = key.map(function (k) { return expression(row[k]); });
+                    }
+                    else {
+                        computedValue = key.map(function (k) { return row[k]; });
+                    }
                 }
                 else {
                     computedValue = row[key];
+                    if (expression) {
+                        computedValue = expression(row[key]);
+                    }
                 }
                 if (componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT) {
                     computedValue = "".concat(row['createdAt']).concat(util_functions_1.VALUE_DELIMITER.DOLLAR).concat(row['updatedAt']);
@@ -103,9 +118,6 @@ var VistaTableBodyV1 = function (_a) {
                 if (componentType === vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS) {
                     computedValue = row.id;
                 }
-                if (expression) {
-                    computedValue = expression(row[key]);
-                }
                 var reff = (0, uuid_1.v4)();
                 return (react_1.default.createElement(react_1.Fragment, { key: reff }, (_b = componentMap[componentType]) === null || _b === void 0 ? void 0 : _b.call(componentMap, computedValue, rowActions)));
             })));

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaTableHeadV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_table_cell_v1_1 = require("../../atoms/table-cell-v1/vista-table-cell-v1");
+var vista_table_cell_v1_1 = require("../../atoms/vista-table-cell-v1/vista-table-cell-v1");
 var VistaTableHeadV1 = function (_a) {
     var items = _a.items;
     return (react_1.default.createElement("tr", null, items.map(function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.1.76",
+  "version": "0.1.78",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -80,6 +80,7 @@
     "react": "^19",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^19",
+    "react-photo-view": "^1.2.7",
     "react-slick": "^0.30.3",
     "react-tooltip": "^5.28.1",
     "slick-carousel": "^1",

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;

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

@@ -19,6 +19,7 @@ export declare enum VISTA_TABLE_CELL_TYPE {
     ID = "ID",
     IMAGE = "IMAGE",
     MULTIPLE_TEXT_LINES = "MULTIPLE_TEXT_LINES",
+    OBJECT = "OBJECT",
     TEXT = "TEXT"
 }
 export interface VistaTableV1Props {

package/type/vista-table-type.js

@@ -9,5 +9,6 @@ var VISTA_TABLE_CELL_TYPE;
     VISTA_TABLE_CELL_TYPE["ID"] = "ID";
     VISTA_TABLE_CELL_TYPE["IMAGE"] = "IMAGE";
     VISTA_TABLE_CELL_TYPE["MULTIPLE_TEXT_LINES"] = "MULTIPLE_TEXT_LINES";
+    VISTA_TABLE_CELL_TYPE["OBJECT"] = "OBJECT";
     VISTA_TABLE_CELL_TYPE["TEXT"] = "TEXT";
 })(VISTA_TABLE_CELL_TYPE || (exports.VISTA_TABLE_CELL_TYPE = VISTA_TABLE_CELL_TYPE = {}));