@appcorp/app-corp-vista 0.2.55 → 0.2.56

package/molecules/vista-footer-v10/vista-footer-v10.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaFooterV10 = void 0;
 var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
+var vista_text_input_v1_1 = require("../vista-text-input-v1");
+var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
 var VistaFooterV10 = function (_a) {
-    var _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, disclaimer = _a.disclaimer, items = _a.items, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, socialLinks = _a.socialLinks, subscribeDescription = _a.subscribeDescription, subscribeHeading = _a.subscribeHeading, showTechPartners = _a.showTechPartners;
+    var _b = _a.containerClassName, containerClassName = _b === void 0 ? '' : _b, disclaimer = _a.disclaimer, email = _a.email, handleOnChange = _a.handleOnChange, items = _a.items, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, showTechPartners = _a.showTechPartners, socialLinks = _a.socialLinks, subscribeDescription = _a.subscribeDescription, subscribeHeading = _a.subscribeHeading, handleOnSubmit = _a.handleOnSubmit;
     return (react_1.default.createElement("footer", { className: containerClassName },
-        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 pt-16 pb-8 sm:pt-20 lg:px-8 lg:pt-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 pt-16 pb-8 sm:pt-20 lg:px-8 lg:pt-20" },
             react_1.default.createElement("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8" },
                 react_1.default.createElement("div", { className: 'size-20 relative' },
                     react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: '20vw', src: logoSrc, width: 0 })),
@@ -25,10 +28,9 @@ var VistaFooterV10 = function (_a) {
                     react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-primary" }, subscribeHeading),
                     react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-600" }, subscribeDescription)),
                 react_1.default.createElement("form", { className: "mt-6 sm:flex sm:max-w-md lg:mt-0" },
-                    react_1.default.createElement("label", { htmlFor: "email-address", className: "sr-only" }, "Email address"),
-                    react_1.default.createElement("input", { autoComplete: "email", className: "w-full min-w-0 rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus-visible:outline-primary sm:w-56 sm:text-sm/6", id: "email-address", name: "email-address", placeholder: "Enter your email", required: true, type: "email" }),
+                    react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: 'email', label: '', placeholder: 'info@email.com', type: 'email', value: email }),
                     react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-4 sm:shrink-0" },
-                        react_1.default.createElement("button", { type: "submit", className: "flex w-full items-center justify-center rounded-md bg-primary px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" }, "Subscribe")))),
+                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: !email, handleOnClick: handleOnSubmit, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, label: 'Subscribe' })))),
             react_1.default.createElement("div", { className: "mt-8 border-t border-gray-900/10 pt-8 md:flex md:items-center md:justify-between" },
                 react_1.default.createElement("div", { className: "flex gap-x-6 md:order-2" }, socialLinks.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-600 hover:text-primary" },
                     react_1.default.createElement("span", { className: "sr-only" }, item.name),

package/package.json

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

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

@@ -42,6 +42,9 @@ export interface VistaFooterV10SocialLink {
 export interface VistaFooterV10Props {
     containerClassName?: string;
     disclaimer: string;
+    email: string;
+    handleOnChange: () => void;
+    handleOnSubmit: () => void;
     items: VistaFooterV10Item[];
     logoAlt: string;
     logoSrc: string;