@appcorp/app-corp-vista 0.3.23 → 0.3.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/data/vista-chat-props.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.vistaChatV2Props = exports.vistaChatV1Props = exports.messages = exports.chats = void 0;
|
|
4
|
-
// import React from 'react';
|
|
5
4
|
var vista_button_type_1 = require("../type/vista-button-type");
|
|
6
5
|
var vista_chat_type_1 = require("../type/vista-chat-type");
|
|
7
6
|
exports.chats = [
|
|
@@ -198,4 +197,5 @@ exports.vistaChatV2Props = {
|
|
|
198
197
|
bannerHeading: 'Your session has started.',
|
|
199
198
|
bannerDescription: 'Enjoy your conversation.',
|
|
200
199
|
showBanner: true,
|
|
200
|
+
showControls: true,
|
|
201
201
|
};
|
|
@@ -17,19 +17,20 @@ var vistaModalSizeMap = (_a = {},
|
|
|
17
17
|
_a[vista_modal_type_1.VISTA_MODAL_SIZE.XL] = 'md:max-w-6xl md:min-w-6xl md:max-h-[calc(100vh-100px)]',
|
|
18
18
|
_a);
|
|
19
19
|
var VistaModalV1 = function (_a) {
|
|
20
|
-
var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, mainIcon = _a.mainIcon,
|
|
20
|
+
var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, _e = _a.enableActions, enableActions = _e === void 0 ? true : _e, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, mainIcon = _a.mainIcon, _f = _a.saveDisabled, saveDisabled = _f === void 0 ? false : _f, saveLabel = _a.saveLabel, savePrefixIcon = _a.savePrefixIcon, _g = _a.saveRounded, saveRounded = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _g, _h = _a.saveSize, saveSize = _h === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _h, saveSuffixIcon = _a.saveSuffixIcon, _j = _a.size, size = _j === void 0 ? vista_modal_type_1.VISTA_MODAL_SIZE.MD : _j, title = _a.title;
|
|
21
21
|
return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
|
|
22
22
|
react_1.default.createElement(react_2.DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in" }),
|
|
23
23
|
react_1.default.createElement("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto" },
|
|
24
24
|
react_1.default.createElement("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" },
|
|
25
|
-
react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative transform overflow-
|
|
26
|
-
react_1.default.createElement("div",
|
|
27
|
-
react_1.default.createElement("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-green-100" }, mainIcon),
|
|
28
|
-
react_1.default.createElement("div", { className: "mt-
|
|
25
|
+
react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative grid grid-rows-12 transform overflow-hidden rounded-lg border border-amber-300 bg-white p-4 text-left shadow-xl transition-all data-[closed]:translate-y-4 data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in sm:my-8 sm:w-full sm:max-w-sm sm:p-4 data-[closed]:sm:translate-y-0 data-[closed]:sm:scale-95 ".concat(vistaModalSizeMap[size]) },
|
|
26
|
+
react_1.default.createElement("div", { className: "h-full overflow-y-auto shadow-lg p-4 rounded-md ".concat(enableActions ? 'row-span-11' : 'row-span-12') },
|
|
27
|
+
mainIcon && (react_1.default.createElement("div", { className: "mx-auto flex size-12 items-center justify-center rounded-full bg-green-100" }, mainIcon)),
|
|
28
|
+
react_1.default.createElement("div", { className: "mt-4 text-center sm:mt-6" },
|
|
29
29
|
react_1.default.createElement(react_2.DialogTitle, { as: "h3", className: "text-base font-semibold text-gray-900" }, title),
|
|
30
30
|
react_1.default.createElement("div", { className: "mt-2" }, children))),
|
|
31
|
-
react_1.default.createElement("div", { className: "
|
|
32
|
-
react_1.default.createElement(
|
|
33
|
-
|
|
31
|
+
enableActions && (react_1.default.createElement("div", { className: "w-full row-span-1 flex flex-col justify-center items-end h-full shadow-lg rounded-md" },
|
|
32
|
+
react_1.default.createElement("div", { className: "px-4 py-2 flex flex-row justify-end items-center gap-4" },
|
|
33
|
+
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "min-w-60 max-w-60", disabled: cancelDisabled, handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, prefixIcon: cancelPrefixIcon, rounded: cancelRounded, size: cancelSize, suffixIcon: cancelSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY }),
|
|
34
|
+
handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "min-w-60 max-w-60", disabled: saveDisabled, handleOnClick: handleSaveOnClick, label: saveLabel, prefixIcon: savePrefixIcon, rounded: saveRounded, size: saveSize, suffixIcon: saveSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))))))))));
|
|
34
35
|
};
|
|
35
36
|
exports.VistaModalV1 = VistaModalV1;
|
|
@@ -15,7 +15,7 @@ var vista_vertical_divider_v1_1 = require("../../molecules/vista-vertical-divide
|
|
|
15
15
|
var util_functions_1 = require("@react-pakistan/util-functions");
|
|
16
16
|
var vista_banner_v1_1 = require("../../atoms/vista-banner-v1/vista-banner-v1");
|
|
17
17
|
var VistaChatV2 = function (_a) {
|
|
18
|
-
var actionItems = _a.actionItems, bannerDescription = _a.bannerDescription, bannerHeading = _a.bannerHeading, 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, handleOnBlur = _a.handleOnBlur, handleOnFocus = _a.handleOnFocus, handlePayment = _a.handlePayment, isBalanceLow = _a.isBalanceLow, messages = _a.messages, name = _a.name, paymentLoading = _a.paymentLoading, psychic = _a.psychic, showBanner = _a.showBanner, timer = _a.timer, typing = _a.typing, user = _a.user;
|
|
18
|
+
var actionItems = _a.actionItems, bannerDescription = _a.bannerDescription, bannerHeading = _a.bannerHeading, 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, handleOnBlur = _a.handleOnBlur, handleOnFocus = _a.handleOnFocus, handlePayment = _a.handlePayment, isBalanceLow = _a.isBalanceLow, messages = _a.messages, name = _a.name, paymentLoading = _a.paymentLoading, psychic = _a.psychic, showBanner = _a.showBanner, _d = _a.showControls, showControls = _d === void 0 ? true : _d, timer = _a.timer, typing = _a.typing, user = _a.user;
|
|
19
19
|
var renderChatMessages = function () {
|
|
20
20
|
var lastDate = '';
|
|
21
21
|
return (react_1.default.createElement("div", { className: "overflow-y-scroll" }, messages.map(function (_a, ind) {
|
|
@@ -49,7 +49,7 @@ var VistaChatV2 = function (_a) {
|
|
|
49
49
|
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 }));
|
|
50
50
|
})))),
|
|
51
51
|
react_1.default.createElement("div", { className: "pl-4" }, typing && (react_1.default.createElement("p", { className: "text-xs italic pb-1 text-primary" }, typing))),
|
|
52
|
-
react_1.default.createElement("div", { className: "flex flex-row items-center gap-4 border-t border-gray-200 p-4" },
|
|
52
|
+
showControls && (react_1.default.createElement("div", { className: "flex flex-row items-center gap-4 border-t border-gray-200 p-4" },
|
|
53
53
|
react_1.default.createElement("div", { className: "w-full" },
|
|
54
54
|
react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnBlur: handleOnBlur, handleOnChange: handleChatOnChange, handleOnFocus: handleOnFocus, handleOnKeyDown: handleOnKeyDown, id: chatId, placeholder: "Message ".concat(name, "..."), value: chatValue })),
|
|
55
55
|
actionItems
|
|
@@ -62,6 +62,6 @@ var VistaChatV2 = function (_a) {
|
|
|
62
62
|
.map(function (_a) {
|
|
63
63
|
var handleOnClick = _a.handleOnClick, label = _a.label, variant = _a.variant, disable = _a.disable;
|
|
64
64
|
return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: disable, handleOnClick: handleOnClick, key: label, label: label, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: variant }));
|
|
65
|
-
})))));
|
|
65
|
+
}))))));
|
|
66
66
|
};
|
|
67
67
|
exports.VistaChatV2 = VistaChatV2;
|
package/package.json
CHANGED
|
@@ -12,12 +12,13 @@ export interface VistaModalV1Props {
|
|
|
12
12
|
cancelRounded?: VISTA_BUTTON_ROUNDED;
|
|
13
13
|
cancelSize?: VISTA_BUTTON_SIZE;
|
|
14
14
|
cancelSuffixIcon?: ReactNode;
|
|
15
|
-
mainIcon: ReactNode;
|
|
16
15
|
children: ReactNode;
|
|
16
|
+
enableActions?: boolean;
|
|
17
17
|
handleCancelOnClick: (b: boolean) => void;
|
|
18
18
|
handleSaveOnClick?: () => void;
|
|
19
19
|
handleSetIsOpen: (b: boolean) => void;
|
|
20
20
|
isOpen: boolean;
|
|
21
|
+
mainIcon?: ReactNode;
|
|
21
22
|
saveDisabled?: boolean;
|
|
22
23
|
saveLabel?: string;
|
|
23
24
|
savePrefixIcon?: ReactNode;
|