@appcorp/kismaa-web-ui 0.3.5 → 0.3.8

package/organisms/horoscope-details-section/horoscope-details-section.js

@@ -5,7 +5,7 @@ import { camelToSentenceCase, DATE_FORMATS, formatDate, } from '@react-pakistan/
 import { VistaTextInputV1 } from '@appcorp/app-corp-vista/molecules/vista-text-input-v1';
 import { VistaButtonV1 } from '@appcorp/app-corp-vista/molecules/vista-button-v1/vista-button-v1';
 export var HoroscopeDetailsSection = function (_a) {
-    var breadcrumbs = _a.breadcrumbs, characteristics = _a.characteristics, dateRange = _a.dateRange, heading = _a.heading, intro = _a.intro, items = _a.items;
+    var breadcrumbs = _a.breadcrumbs, characteristics = _a.characteristics, dateRange = _a.dateRange, heading = _a.heading, intro = _a.intro, items = _a.items, name = _a.name, email = _a.email, dob = _a.dob, handleName = _a.handleName, handleEmail = _a.handleEmail, handleDob = _a.handleDob, handleAddMeClick = _a.handleAddMeClick, nameError = _a.nameError, emailError = _a.emailError, dobError = _a.dobError;
     var date = new Date().toISOString();
     var formattedDate = formatDate(date, DATE_FORMATS.DAY_DD_MM_YYYY);
     return (React.createElement("section", { className: "kismaa-section-spacing bg-white" },
@@ -24,10 +24,10 @@ export var HoroscopeDetailsSection = function (_a) {
             React.createElement("div", { className: "kismaa-container" },
                 React.createElement("p", { className: "font-secondary text-2xl font-bold" }, "Receive FREE daily horoscopes and exclusive promotions"),
                 React.createElement("div", { className: "grid grid-cols-1 gap-x-4 gap-y-6 py-4 md:grid-cols-2 lg:grid-cols-4" },
-                    React.createElement(VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "name", placeholder: "Name", value: "", required: true }),
-                    React.createElement(VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "email", placeholder: "Email", value: "" }),
-                    React.createElement(VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "dob", placeholder: "Date of Birth (MM/DD)", value: "" }),
-                    React.createElement(VistaButtonV1, { label: "Add me!", handleOnClick: function () { return void 0; } })),
+                    React.createElement(VistaTextInputV1, { error: nameError, handleOnChange: handleName, id: "name", placeholder: "Name", required: true, value: name }),
+                    React.createElement(VistaTextInputV1, { error: emailError, handleOnChange: handleEmail, id: "email", placeholder: "Email", required: true, value: email }),
+                    React.createElement(VistaTextInputV1, { error: dobError, handleOnChange: handleDob, id: "dob", placeholder: "Date of Birth (MM/DD)", required: true, value: dob }),
+                    React.createElement(VistaButtonV1, { label: "Add me!", handleOnClick: handleAddMeClick })),
                 React.createElement("div", { className: "mx-auto max-w-3xl" },
                     React.createElement("p", { className: "text-center text-sm text-gray-400" },
                         "As part of this service, you may also receive occasional exclusive promotions from Kismaa.com. You may unsubscribe at any time. By clicking the button above, I have read and agree to the",

package/organisms/horoscope-details-section/horoscope-details-sections.stories.d.ts

@@ -9,8 +9,18 @@ export declare const HoroscopeDetailsSectionStory: {
         breadcrumbs: import("../../molecules/breadcrumbs").BreadcrumbsProps;
         characteristics: Record<string, string | string[]>;
         dateRange: string[];
+        dob: string;
+        dobError?: string;
+        email: string;
+        emailError?: string;
+        handleAddMeClick: () => void;
+        handleDob: (key: string, value: string) => void;
+        handleEmail: (key: string, value: string) => void;
+        handleName: (key: string, value: string) => void;
         heading: string;
         intro: string[];
         items: import("./type").HoroscopeFaqItem[];
+        name: string;
+        nameError?: string;
     };
 };

package/organisms/horoscope-details-section/props.js

@@ -35,4 +35,14 @@ export var horoscopeDetailsSectionData = {
             },
         },
     ],
+    name: '',
+    dob: '',
+    email: '',
+    handleAddMeClick: function () { },
+    handleDob: function (value) { return console.log(value); },
+    handleEmail: function (value) { return console.log(value); },
+    handleName: function (value) { return console.log(value); },
+    nameError: undefined,
+    emailError: undefined,
+    dobError: undefined,
 };

package/organisms/horoscope-details-section/type.d.ts

@@ -7,7 +7,17 @@ export interface HoroscopeDetailsSectionTypes {
     breadcrumbs: BreadcrumbsProps;
     characteristics: Record<string, string | string[]>;
     dateRange: string[];
+    dob: string;
+    dobError?: string;
+    email: string;
+    emailError?: string;
+    handleAddMeClick: () => void;
+    handleDob: (key: string, value: string) => void;
+    handleEmail: (key: string, value: string) => void;
+    handleName: (key: string, value: string) => void;
     heading: string;
     intro: string[];
     items: HoroscopeFaqItem[];
+    name: string;
+    nameError?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.3.5",
+  "version": "0.3.8",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",