@appcorp/app-corp-vista 0.1.84 → 0.1.85

package/data/vista-chat-props.js

@@ -121,6 +121,7 @@ exports.vistaChatV2Props = {
     sideBarNode: react_1.default.createElement("p", null, "Hello World"),
     name: 'John Doe',
     timer: '00:20',
+    estimatedBalance: '30.00',
     user: {
         avatarUrl: '',
         avatarAlt: '',
@@ -175,4 +176,25 @@ exports.vistaChatV2Props = {
             variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY,
         },
     ],
+    buttonDenominations: [
+        {
+            loading: 'loading-5',
+            value: '5.00',
+        },
+        {
+            loading: 'loading-10',
+            value: '10.00',
+        },
+        {
+            loading: 'loading-15',
+            value: '15.00',
+        },
+        {
+            loading: 'loading-25',
+            value: '25.00',
+        },
+    ],
+    paymentLoading: '',
+    handlePayment: function () { return void 0; },
+    isBalanceLow: false,
 };

package/molecules/vista-chat-heading-v1/vista-chat-heading-v1.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 interface Props {
+    estimatedBalance?: string;
     heading: string;
     timer?: string;
 }

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

@@ -6,9 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaChatHeadingV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var VistaChatHeadingV1 = function (_a) {
-    var heading = _a.heading, timer = _a.timer;
+    var estimatedBalance = _a.estimatedBalance, heading = _a.heading, timer = _a.timer;
     return (react_1.default.createElement("div", { className: "border-b border-gray-200 p-4 text-black dark:text-white flex flex-row justify-between" },
         react_1.default.createElement("p", { className: "text-lg font-semibold" }, heading),
-        timer && (react_1.default.createElement("p", null, timer))));
+        react_1.default.createElement("div", { className: 'flex flex-row justify-between items-center gap-8' },
+            estimatedBalance && (react_1.default.createElement("p", null,
+                "$",
+                estimatedBalance)),
+            timer && (react_1.default.createElement("p", null, timer)))));
 };
 exports.VistaChatHeadingV1 = VistaChatHeadingV1;

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

@@ -13,7 +13,7 @@ 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, _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 actionItems = _a.actionItems, buttonDenominations = _a.buttonDenominations, chatId = _a.chatId, chatValue = _a.chatValue, _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, _c = _a.estimatedBalance, estimatedBalance = _c === void 0 ? '' : _c, handleChatOnChange = _a.handleChatOnChange, handlePayment = _a.handlePayment, isBalanceLow = _a.isBalanceLow, messages = _a.messages, name = _a.name, paymentLoading = _a.paymentLoading, 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, ind) {
             var createdAt = _a.createdAt, id = _a.id, isUser = _a.isUser, message = _a.message;
@@ -28,8 +28,15 @@ var VistaChatV2 = function (_a) {
     return (react_1.default.createElement("div", { className: "relative h-screen grid grid-cols-12 grid-rows-1 overflow-hidden ".concat(containerClassName) },
         react_1.default.createElement(vista_chat_side_bar_v2_1.VistaChatSideBarV2, { sideBarHeading: sideBarHeading, sideBarNode: sideBarNode }),
         react_1.default.createElement("section", { className: "col-span-9 flex flex-col" },
-            react_1.default.createElement(vista_chat_heading_v1_1.VistaChatHeadingV1, { heading: name, timer: timer }),
+            react_1.default.createElement(vista_chat_heading_v1_1.VistaChatHeadingV1, { heading: name, timer: timer, estimatedBalance: estimatedBalance }),
             react_1.default.createElement("div", { className: "overflow-y-auto h-full flex flex-col justify-end p-4" }, renderChatMessages()),
+            isBalanceLow && (react_1.default.createElement("div", { className: 'grid grid-cols-5 m-4 p-4 border-2 border-primary border-dashed rounded-md justify-between items-center bg-cyan-200' },
+                react_1.default.createElement("div", { className: 'col-span-2' },
+                    react_1.default.createElement("p", { className: 'text-md font-semibold' }, "You are running out of your Kismaa credits, click one of the buttons to top up your account.")),
+                react_1.default.createElement("div", { className: "flex flex-row justify-end gap-4 col-span-3" }, buttonDenominations.map(function (_a) {
+                    var loading = _a.loading, value = _a.value;
+                    return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "min-w-[120px] disabled:cursor-not-allowed", disabled: paymentLoading === loading, handleOnClick: function () { return handlePayment(loading, value); }, key: value, label: "Top up $".concat(value), loading: paymentLoading === loading, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }));
+                })))),
             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, handleOnKeyDown: handleOnKeyDown })),

package/package.json

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

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

@@ -34,14 +34,23 @@ export interface VistaChatV2Message {
     isUser: boolean;
     message: string;
 }
+export interface ButtonDenomination {
+    loading: string;
+    value: string;
+}
 export interface VistaChatV2Props {
     actionItems: VistaChatV2ActionItem[];
+    buttonDenominations: ButtonDenomination[];
     chatId: string;
     chatValue: string;
     containerClassName?: string;
+    estimatedBalance?: string;
     handleChatOnChange: (k: string, v: string) => void;
+    handlePayment: (l: string, v: string) => void;
+    isBalanceLow: boolean;
     messages: VistaChatV2Message[];
     name: string;
+    paymentLoading: string;
     psychic: VistaChatV2Psychic;
     sideBarHeading: string;
     sideBarNode: ReactNode;