@appcorp/kismaa-web-ui 0.1.80 → 0.1.83

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

@@ -10,17 +10,22 @@ var accordion_1 = require("../../molecules/accordion");
 var util_functions_1 = require("@react-pakistan/util-functions");
 var vista_text_input_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-text-input-v1");
 var vista_button_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-button-v1/vista-button-v1");
-var mdx_remote_1 = require("../../molecules/mdx-remote");
 var HoroscopeDetailsSection = function (_a) {
-    var breadcrumbs = _a.breadcrumbs, 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;
     var date = new Date().toISOString();
     var formattedDate = (0, util_functions_1.formatDate)(date, util_functions_1.DATE_FORMATS.DAY_DD_MM_YYYY);
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
         react_1.default.createElement("div", { className: "kismaa-container" },
-            react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
+            react_1.default.createElement(section_header_1.SectionHeader, { heading: "".concat(heading, " - ").concat(dateRange.join('/')), subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
             react_1.default.createElement("div", { className: "flex flex-col gap-2 py-8" },
                 react_1.default.createElement("p", { className: "font-secondary text-lg font-bold text-gray-500" }, formattedDate),
-                react_1.default.createElement(mdx_remote_1.MDXComponent, { source: intro }))),
+                intro.map(function (text, ind) { return (react_1.default.createElement("p", { className: "pb-2 text-gray-500", key: ind }, text)); }),
+                Object.entries(characteristics).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return (react_1.default.createElement("div", { className: "grid grid-cols-4", key: key },
+                        react_1.default.createElement("p", { className: "font-secondary col-span-1 font-bold text-gray-500" }, (0, util_functions_1.camelToSentenceCase)(key)),
+                        react_1.default.createElement("p", { className: "col-span-3 text-gray-500" }, value)));
+                }))),
         react_1.default.createElement("div", { className: "bg-blue-50 py-10" },
             react_1.default.createElement("div", { className: "kismaa-container" },
                 react_1.default.createElement("p", { className: "font-secondary text-2xl font-bold" }, "Receive FREE daily horoscopes and exclusive promotions"),

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

@@ -7,8 +7,10 @@ export default meta;
 export declare const HoroscopeDetailsSectionStory: {
     args: {
         breadcrumbs: import("../../molecules/breadcrumbs").BreadcrumbsProps;
+        characteristics: Record<string, string | string[]>;
+        dateRange: string[];
         heading: string;
-        intro: import("next-mdx-remote").MDXRemoteSerializeResult<Record<string, unknown>>;
+        intro: string[];
         items: import("./type").HoroscopeFaqItem[];
     };
 };

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

@@ -1,12 +1,31 @@
 "use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.horoscopeDetailsSectionData = void 0;
 exports.horoscopeDetailsSectionData = {
     heading: 'Capricorn',
+    dateRange: ['August 23', 'September 22'],
     breadcrumbs: {
         items: [{ label: 'Horoscope', route: '/horoscope', isActive: false }],
     },
-    intro: '# Hello World',
+    intro: [
+        "An Aries individual's personality often appears to be divided into two distinct aspects. One side exhibits strong decision-making skills and the ability to execute tasks efficiently, while the other struggles with organization and lacks flexibility. When their energy is low or unbalanced, they may feel restless and uncertain, leading to moments of shyness or increased materialistic tendencies. Due to poor planning, they often deviate from their intended course of action.",
+        'However, when their energy is aligned, Aries individuals become highly capable, making sound decisions and overcoming challenges with precision and confidence. This allows them to gain recognition and respect in society. They are naturally sociable, always eager to form new friendships and establish long-term relationships. Aries individuals are also great conversationalists, displaying sensitivity to the preferences and dislikes of their loved ones.',
+        'They are highly compatible with Sagittarius and Leo, forming strong and thriving bonds with these signs.',
+    ],
+    characteristics: {
+        zodiacNumber: '1',
+        rulingPlanet: 'Mars',
+        symbol: 'Head of the Ram',
+        element: 'Fire',
+        luckyName: '9',
+        luckyAlphabet: 'A',
+        luckyStones: 'Diamond, Yellow Sapphire',
+        luckyColor: 'Red',
+        luckyDay: 'Tuesday',
+        luckyAges: '18, 27, 36, 45, 54',
+        luckyFlower: 'Rose',
+        luckyMetal: 'Gold',
+        idealProfessions: 'Journalist, Writer, Salesperson, Dentist, Tourism, Armed Forces',
+    },
     items: [{ title: 'Title', description: 'Description' }],
 };

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

@@ -1,4 +1,3 @@
-import { MDXRemoteSerializeResult } from 'next-mdx-remote';
 import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export interface HoroscopeFaqItem {
     title: string;
@@ -6,7 +5,9 @@ export interface HoroscopeFaqItem {
 }
 export interface HoroscopeDetailsSectionTypes {
     breadcrumbs: BreadcrumbsProps;
+    characteristics: Record<string, string | string[]>;
+    dateRange: string[];
     heading: string;
-    intro: MDXRemoteSerializeResult<Record<string, unknown>>;
+    intro: string[];
     items: HoroscopeFaqItem[];
 }

package/organisms/section-header/section-header.js

@@ -15,7 +15,7 @@ var SectionHeader = function (_a) {
         (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.items) && breadcrumbs.items.length > 0 && (react_1.default.createElement("div", { className: "mb-14" },
             react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items }))),
         react_1.default.createElement("div", { className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0" },
-            react_1.default.createElement("div", { className: "w-[100%] lg:w-[50%]" },
+            react_1.default.createElement("div", { className: "w-[100%] lg:w-[75%]" },
                 react_1.default.createElement("div", { className: "flex items-center gap-4" },
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading),
                     !!badgeText && (react_1.default.createElement("div", { className: "text-sm text-white" },

package/package.json

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