@appcorp/kismaa-web-ui 0.1.55 → 0.1.56

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.
@@ -7,13 +7,38 @@ exports.HoroscopeDetailsSection = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var section_header_1 = require("../section-header");
9
9
  var accordion_1 = require("../../molecules/accordion");
10
+ var util_functions_1 = require("@react-pakistan/util-functions");
11
+ var vista_text_input_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-text-input-v1");
12
+ var vista_button_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-button-v1/vista-button-v1");
10
13
  var HoroscopeDetailsSection = function (_a) {
11
14
  var breadcrumbs = _a.breadcrumbs, heading = _a.heading, intro = _a.intro, items = _a.items;
15
+ var date = new Date().toISOString();
16
+ var formattedDate = (0, util_functions_1.formatDate)(date, util_functions_1.DATE_FORMATS.DAY_DD_YYYY);
12
17
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
13
18
  react_1.default.createElement("div", { className: "kismaa-container" },
14
19
  react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
15
- react_1.default.createElement("div", { className: "py-4" },
16
- react_1.default.createElement("p", { className: "text-gray-500" }, intro)),
20
+ react_1.default.createElement("div", { className: "flex flex-col gap-2 py-8" },
21
+ react_1.default.createElement("p", { className: "font-secondary text-lg font-bold" }, formattedDate),
22
+ react_1.default.createElement("p", { className: "text-gray-500" }, intro))),
23
+ react_1.default.createElement("div", { className: "bg-blue-50 py-10" },
24
+ react_1.default.createElement("div", { className: "kismaa-container" },
25
+ react_1.default.createElement("p", { className: "font-secondary text-2xl font-bold" }, "Receive FREE daily horoscopes and exclusive promotions"),
26
+ react_1.default.createElement("div", { className: "grid grid-cols-3 gap-x-4 gap-y-6 py-4" },
27
+ react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "name", placeholder: "Name", value: "", required: true }),
28
+ react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "email", placeholder: "Email", value: "" }),
29
+ react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function () { return void 0; }, id: "dob", placeholder: "Date of Birth (MM/DD)", value: "" }),
30
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { label: "Add me!", handleOnClick: function () { return void 0; } }),
31
+ react_1.default.createElement("div", { className: "col-span-2" },
32
+ react_1.default.createElement("p", { className: "text-sm" },
33
+ "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",
34
+ ' ',
35
+ react_1.default.createElement("a", { className: "text-primary hover:underline", href: "/terms-of-use" }, "Terms & Conditions"),
36
+ ' ',
37
+ "and",
38
+ ' ',
39
+ react_1.default.createElement("a", { className: "text-primary hover:underline", href: "/privacy-policy" }, "Privacy Policy"),
40
+ "."))))),
41
+ react_1.default.createElement("div", { className: "kismaa-container" },
17
42
  react_1.default.createElement("div", { className: "pt-8" },
18
43
  react_1.default.createElement(accordion_1.Accordion, { accordionItems: items })))));
19
44
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.55",
3
+ "version": "0.1.56",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -45,7 +45,7 @@
45
45
  "dependencies": {},
46
46
  "devDependencies": {
47
47
  "@appcorp/app-corp-designs": "^0.4.64",
48
- "@appcorp/app-corp-vista": "^0.0.95",
48
+ "@appcorp/app-corp-vista": "^0.0.96",
49
49
  "@appcorp/kismaa-utils": "^0.1.69",
50
50
  "@chromatic-com/storybook": "3.2.3",
51
51
  "@eslint/compat": "^1.2.3",
@@ -56,7 +56,7 @@
56
56
  "@mdx-js/react": "^3.1.0",
57
57
  "@next/eslint-plugin-next": "^15",
58
58
  "@next/mdx": "^15",
59
- "@react-pakistan/util-functions": "^1.23.65",
59
+ "@react-pakistan/util-functions": "^1.23.66",
60
60
  "@storybook/addon-essentials": "8.5.1",
61
61
  "@storybook/addon-interactions": "8.5.1",
62
62
  "@storybook/addon-links": "^8.5.3",