@appcorp/app-corp-vista 0.0.49 → 0.0.51

package/data/vista-chat-props.js

@@ -113,6 +113,8 @@ exports.vistaChatV2Props = {
     chatValue: '',
     handleChatOnChange: function () { return void 0; },
     sectionHeading: 'Psychic Tools',
+    name: 'John Doe',
+    timer: '00:20',
     user: {
         avatarUrl: '',
         avatarAlt: '',

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

@@ -31,8 +31,8 @@ var vistaButtonRoundedMap = (_c = {},
     _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.FULL] = 'rounded-full',
     _c);
 var VistaButtonV1 = function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, prefixIcon = _a.prefixIcon, _c = _a.rounded, rounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.size, size = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _d, suffixIcon = _a.suffixIcon, _e = _a.variant, variant = _e === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _e;
-    return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 ".concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, prefixIcon = _a.prefixIcon, _c = _a.rounded, rounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.size, size = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _d, suffixIcon = _a.suffixIcon, _e = _a.variant, variant = _e === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _e, className = _a.className;
+    return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 ".concat(className, " ").concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
         react_1.default.createElement("div", { className: 'flex flex-row justify-center items-center gap-2' },
             react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon && prefixIcon),
             react_1.default.createElement(react_1.default.Fragment, null,

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

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 interface Props {
     heading: string;
+    timer?: string;
 }
 export declare const VistaChatHeadingV1: FC<Props>;
 export {};

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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-200 p-4 text-black dark:text-white" },
-        react_1.default.createElement("p", { className: "text-lg font-semibold" }, heading)));
+    var 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))));
 };
 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, handleChatOnChange = _a.handleChatOnChange, sectionHeading = _a.sectionHeading, messages = _a.messages, user = _a.user, psychic = _a.psychic;
+    var actionItems = _a.actionItems, chatId = _a.chatId, chatValue = _a.chatValue, handleChatOnChange = _a.handleChatOnChange, messages = _a.messages, psychic = _a.psychic, sectionHeading = _a.sectionHeading, timer = _a.timer, user = _a.user, name = _a.name;
     var renderChatMessages = function () {
         return (react_1.default.createElement(react_1.default.Fragment, null, messages.map((function (_a) {
             var createdAt = _a.createdAt, id = _a.id, isUser = _a.isUser, message = _a.message;
@@ -23,7 +23,7 @@ var VistaChatV2 = function (_a) {
     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(vista_chat_heading_v1_1.VistaChatHeadingV1, { heading: name, timer: timer }),
             react_1.default.createElement("div", { className: "overflow-hidden h-full" },
                 react_1.default.createElement("div", { className: "h-full flex flex-col justify-end overflow-y-auto p-4" }, renderChatMessages())),
             react_1.default.createElement("div", { className: "flex flex-row items-center gap-4 border-t border-gray-200 p-4" },

package/package.json

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

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

@@ -9,8 +9,10 @@ var react_1 = __importDefault(require("react"));
 var link_1 = __importDefault(require("next/link"));
 var image_1 = __importDefault(require("next/image"));
 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 VistaAuthV1 = function (_a) {
-    var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, description = _a.description, emailSignInButtonLabel = _a.emailSignInButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleSignIn = _a.handleSignIn, heading = _a.heading, inputElements = _a.inputElements, _b = _a.label, label = _b === void 0 ? false : _b, logo = _a.logo, logoAlt = _a.logoAlt, _c = _a.reverted, reverted = _c === void 0 ? false : _c;
+    var actionLabel = _a.actionLabel, actionRoute = _a.actionRoute, banner = _a.banner, bannerAlt = _a.bannerAlt, description = _a.description, emailAuthButtonLabel = _a.emailAuthButtonLabel, forgotPassword = _a.forgotPassword, forgotPasswordRoute = _a.forgotPasswordRoute, handleAuth = _a.handleAuth, heading = _a.heading, inputElements = _a.inputElements, _b = _a.label, label = _b === void 0 ? false : _b, logo = _a.logo, logoAlt = _a.logoAlt, _c = _a.reverted, reverted = _c === void 0 ? false : _c, _d = _a.buttonDisabled, buttonDisabled = _d === void 0 ? false : _d;
     return (react_1.default.createElement("section", { className: 'h-screen' },
         react_1.default.createElement("div", { className: "flex min-h-full flex-1" },
             react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24 ".concat(reverted ? 'order-2' : 'order-1') },
@@ -31,17 +33,23 @@ var VistaAuthV1 = function (_a) {
                                     return enabled;
                                 })
                                     .map(function (_a) {
-                                    var handleOnChange = _a.handleOnChange, id = _a.id, inputLabel = _a.inputLabel, inputType = _a.inputType, placeholder = _a.placeholder, value = _a.value;
-                                    return (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: id, key: id, label: inputLabel, placeholder: placeholder, type: inputType, value: value }));
+                                    var error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, inputLabel = _a.inputLabel, inputType = _a.inputType, placeholder = _a.placeholder, value = _a.value;
+                                    return (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { error: error, handleOnChange: handleOnChange, id: id, key: id, label: inputLabel, placeholder: placeholder, type: inputType, value: value }));
                                 }),
                                 react_1.default.createElement("div", { className: "flex items-center justify-between" },
                                     react_1.default.createElement("div", { className: "flex items-center" },
-                                        react_1.default.createElement("input", { id: "remember-me", name: "remember-me", type: "checkbox", className: "size-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600" }),
+                                        react_1.default.createElement("input", { id: "remember-me", name: "remember-me", type: "checkbox", className: "size-4 rounded border-gray-300 text-primary focus:ring-primary" }),
                                         react_1.default.createElement("label", { htmlFor: "remember-me", className: "ml-3 block text-sm/6 text-gray-700 dark:text-gray-300" }, "Remember me")),
                                     forgotPassword && forgotPasswordRoute && (react_1.default.createElement("div", { className: "text-sm/6" },
                                         react_1.default.createElement("a", { href: forgotPasswordRoute, className: "font-semibold text-primary" }, forgotPassword)))),
                                 react_1.default.createElement("div", null,
-                                    react_1.default.createElement("button", { className: "flex w-full justify-center rounded-md bg-primary px-3 py-1.5 text-sm/6 font-semibold text-white shadow-sm hover:bg-primary/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary/80", onClick: handleSignIn, type: "submit" }, emailSignInButtonLabel))))))),
+                                    react_1.default.createElement("div", { className: "flex items-center" },
+                                        react_1.default.createElement("input", { id: "terms-of-use", name: "terms-of-use", type: "checkbox", className: "size-4 rounded border-gray-300 text-primary focus:ring-primary" }),
+                                        react_1.default.createElement("label", { htmlFor: "terms-of-use", className: "ml-3 block text-sm/6 text-gray-700 dark:text-gray-300" },
+                                            "I agree to the ",
+                                            react_1.default.createElement("a", { className: 'text-primary font-bold hover:underline hover:underline-offset-1', href: "/terms-of-use" }, "Terms of use")))),
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleAuth, label: emailAuthButtonLabel, className: 'w-full', size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, disabled: buttonDisabled }))))))),
             react_1.default.createElement("div", { className: "relative hidden w-0 flex-1 lg:block ".concat(reverted ? 'order-1' : 'order-2') },
                 react_1.default.createElement(image_1.default, { alt: bannerAlt, className: "absolute inset-0 size-full object-cover ".concat(reverted ? '' : 'scale-x-[-1]'), fill: true, height: 0, loading: "lazy", sizes: "60vw", src: banner, width: 0 }),
                 label && (react_1.default.createElement("div", { className: "absolute top-14 bg-primary px-6 py-2 ".concat(reverted ? 'right-0' : 'left-0') },

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

@@ -1,5 +1,6 @@
 export interface VistaAuthInputElements {
     enabled: boolean;
+    error: string;
     handleOnChange: (k: string, v: string) => void;
     id: string;
     inputLabel: string;
@@ -12,11 +13,12 @@ export interface VistaAuthV1Props {
     actionRoute: string;
     banner: string;
     bannerAlt: string;
+    buttonDisabled?: boolean;
     description: string;
-    emailSignInButtonLabel: string;
+    emailAuthButtonLabel: string;
     forgotPassword: string;
     forgotPasswordRoute?: string;
-    handleSignIn: () => void;
+    handleAuth: () => void;
     heading: string;
     inputElements: VistaAuthInputElements[];
     label?: string;

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

@@ -22,6 +22,7 @@ export declare enum VISTA_BUTTON_ROUNDED {
     NONE = "NONE"
 }
 export interface VistaButtonV1Props {
+    className?: string;
     disabled?: boolean;
     handleOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
     icon?: ReactNode;

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

@@ -38,8 +38,10 @@ export interface VistaChatV2Props {
     chatId: string;
     chatValue: string;
     handleChatOnChange: (k: string, v: string) => void;
-    sectionHeading: string;
     messages: VistaChatV2Message[];
-    user: VistaChatV2User;
+    name: string;
     psychic: VistaChatV2Psychic;
+    sectionHeading: string;
+    timer: string;
+    user: VistaChatV2User;
 }