@appcorp/kismaa-web-ui 0.1.78 → 0.1.80

package/molecules/index.d.ts

@@ -1,12 +1,13 @@
 export * from './accordion';
 export * from './badge';
 export * from './button';
+export * from './button-group';
 export * from './horizontal-divider';
+export * from './horoscope-card';
+export * from './mdx-remote';
+export * from './mega-menu-card';
 export * from './ratings';
 export * from './stat-card';
 export * from './theme-switch/theme-switch';
 export * from './typography';
 export * from './user-card';
-export * from './horoscope-card';
-export * from './button-group';
-export * from './mega-menu-card';

package/molecules/index.js

@@ -17,12 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./accordion"), exports);
 __exportStar(require("./badge"), exports);
 __exportStar(require("./button"), exports);
+__exportStar(require("./button-group"), exports);
 __exportStar(require("./horizontal-divider"), exports);
+__exportStar(require("./horoscope-card"), exports);
+__exportStar(require("./mdx-remote"), exports);
+__exportStar(require("./mega-menu-card"), exports);
 __exportStar(require("./ratings"), exports);
 __exportStar(require("./stat-card"), exports);
 __exportStar(require("./theme-switch/theme-switch"), exports);
 __exportStar(require("./typography"), exports);
 __exportStar(require("./user-card"), exports);
-__exportStar(require("./horoscope-card"), exports);
-__exportStar(require("./button-group"), exports);
-__exportStar(require("./mega-menu-card"), exports);

package/molecules/mdx-remote/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MDXRemoteProps } from 'next-mdx-remote';
+interface Props {
+    source: MDXRemoteProps;
+}
+export declare const MDXComponent: FC<Props>;
+export {};

package/molecules/mdx-remote/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MDXComponent = void 0;
+var react_1 = __importDefault(require("react"));
+var next_mdx_remote_1 = require("next-mdx-remote");
+var MDXComponent = function (_a) {
+    var source = _a.source;
+    return (react_1.default.createElement("div", { className: "wrapper" },
+        react_1.default.createElement(next_mdx_remote_1.MDXRemote, __assign({}, source))));
+};
+exports.MDXComponent = MDXComponent;

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

@@ -10,6 +10,7 @@ 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 date = new Date().toISOString();
@@ -19,7 +20,7 @@ var HoroscopeDetailsSection = function (_a) {
             react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, 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("p", { className: "text-gray-500" }, intro))),
+                react_1.default.createElement(mdx_remote_1.MDXComponent, { source: intro }))),
         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

@@ -1,9 +1,14 @@
-import type { StoryObj } from '@storybook/react';
 declare const meta: {
     component: import("react").FC<import("./type").HoroscopeDetailsSectionTypes>;
     tags: string[];
     title: string;
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const HoroscopeDetailsSectionStory: Story;
+export declare const HoroscopeDetailsSectionStory: {
+    args: {
+        breadcrumbs: import("../../molecules/breadcrumbs").BreadcrumbsProps;
+        heading: string;
+        intro: import("next-mdx-remote").MDXRemoteSerializeResult<Record<string, unknown>>;
+        items: import("./type").HoroscopeFaqItem[];
+    };
+};

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

@@ -20,6 +20,7 @@ var meta = {
     title: 'Organisms/HoroscopeDetailsSection',
 };
 exports.default = meta;
+// type Story = StoryObj<typeof meta>;
 exports.HoroscopeDetailsSectionStory = {
     args: __assign({}, props_1.horoscopeDetailsSectionData),
 };

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

@@ -1,4 +1,5 @@
 "use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.horoscopeDetailsSectionData = void 0;
 exports.horoscopeDetailsSectionData = {
@@ -6,6 +7,6 @@ exports.horoscopeDetailsSectionData = {
     breadcrumbs: {
         items: [{ label: 'Horoscope', route: '/horoscope', isActive: false }],
     },
-    intro: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries',
+    intro: '# Hello World',
     items: [{ title: 'Title', description: 'Description' }],
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",
@@ -91,6 +91,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "15.2.11",
     "next": "^15",
+    "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.4.3",
     "postcss": "^8",
     "prettier": "^3.4.1",