@appcorp/kismaa-web-ui 0.2.64 → 0.2.66

package/atoms/active-icon.d.ts

@@ -1,4 +1,4 @@
-import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils/api/type/psychic';
 import { FC } from 'react';
 export interface ActiveIconProps {
     onlineStatus: PSYCHIC_ONLINE_STATUS;

package/atoms/active-icon.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveIcon = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
 var react_1 = __importDefault(require("react"));
 var statusColorMap = (_a = {},
-    _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE] = 'bg-green-500',
-    _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY] = 'bg-orange-500',
-    _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE] = 'bg-gray-500',
+    _a[psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE] = 'bg-green-500',
+    _a[psychic_1.PSYCHIC_ONLINE_STATUS.BUSY] = 'bg-orange-500',
+    _a[psychic_1.PSYCHIC_ONLINE_STATUS.OFFLINE] = 'bg-gray-500',
     _a);
 var ActiveIcon = function (_a) {
     var onlineStatus = _a.onlineStatus;

package/molecules/accordion/accordion.js

@@ -41,10 +41,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 var react_1 = __importStar(require("react"));
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronDownIcon"));
 var typography_1 = require("../typography");
 var Accordion = function (_a) {
     var accordionItems = _a.accordionItems;
@@ -64,7 +67,7 @@ var Accordion = function (_a) {
                 react_1.default.createElement("div", { className: open[index]
                         ? 'bg-primary w-fit rounded-full p-2 text-white'
                         : 'text-primary w-fit rounded-full bg-white p-2', style: { boxShadow: '0px 5px 16px 0px #080F340F' } },
-                    react_1.default.createElement(solid_1.ChevronDownIcon, { className: "h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ".concat(open[index] ? 'rotate-180' : ' ', " ") })))),
+                    react_1.default.createElement(ChevronDownIcon_1.default, { className: "h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ".concat(open[index] ? 'rotate-180' : ' ', " ") })))),
         open[index] && (react_1.default.createElement("div", { className: "mt-7 w-[95%] text-black/45" },
             typeof item.description === 'string' && (react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, item.description)),
             typeof item.description === 'object' && (react_1.default.createElement("div", { className: "flex flex-col gap-4" },

package/molecules/badge/badge.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 // import { PSYCHIC_SPECIALITY } from '@appcorp/kismaa-utils';
 // import { textToEnum } from '@react-pakistan/util-functions';
 var type_1 = require("./type");
-var outline_1 = require("@heroicons/react/24/outline");
+var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
 var classNameMap = function () {
     var _a;
     return (_a = {},
@@ -22,6 +22,6 @@ var Badge = function (_a) {
     return (react_1.default.createElement("div", { className: "font-primary flex w-fit flex-row items-center justify-center gap-2 ".concat(classNameMap()[type]) },
         label,
         handleOnCrossClick && (react_1.default.createElement("button", { onClick: function () { return handleOnCrossClick(label); } },
-            react_1.default.createElement(outline_1.XMarkIcon, { className: "size-4" })))));
+            react_1.default.createElement(XMarkIcon_1.default, { className: "size-4" })))));
 };
 exports.Badge = Badge;

package/molecules/blog-list/index.js

@@ -7,7 +7,8 @@ exports.BlogList = void 0;
 var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
 var util_functions_1 = require("@react-pakistan/util-functions");
-var outline_1 = require("@heroicons/react/24/outline");
+var ClockIcon_1 = __importDefault(require("@heroicons/react/24/outline/ClockIcon"));
+var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
 var BlogList = function (_a) {
     var items = _a.items, handleClick = _a.handleClick;
     return (react_1.default.createElement("div", { className: "flex flex-col gap-8" }, items.map(function (d) { return (react_1.default.createElement("div", { onClick: function () { return handleClick(d.slug); }, key: d.id, className: "flex cursor-pointer flex-row gap-4 rounded-lg bg-gray-100 p-4 shadow-md" },
@@ -16,10 +17,10 @@ var BlogList = function (_a) {
         react_1.default.createElement("div", { className: "flex w-full flex-col justify-center gap-4" },
             react_1.default.createElement("div", { className: "flex flex-row items-start justify-start gap-8" },
                 react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
-                    react_1.default.createElement(outline_1.CalendarIcon, { className: "size-4" }),
+                    react_1.default.createElement(CalendarIcon_1.default, { className: "size-4" }),
                     react_1.default.createElement("p", { className: "text-sm text-gray-500" }, (0, util_functions_1.formatDate)(d.date, util_functions_1.DATE_FORMATS.DAY_DD_MM_YY_COMPACT))),
                 react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
-                    react_1.default.createElement(outline_1.ClockIcon, { className: "size-5", stroke: "var(--color-gray-500)" }),
+                    react_1.default.createElement(ClockIcon_1.default, { className: "size-5", stroke: "var(--color-gray-500)" }),
                     react_1.default.createElement("p", { className: "text-sm text-gray-500" }, d.readTime))),
             react_1.default.createElement("p", { className: "font-secondary text-xl font-bold" }, d.title),
             react_1.default.createElement("p", { className: "text-md text-gray-500" }, (0, util_functions_1.truncateText)(d.excerpt, 100))))); })));

package/molecules/breadcrumbs/breadcrumbs.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadCrumbs = void 0;
 var react_1 = __importDefault(require("react"));
 var link_1 = __importDefault(require("next/link"));
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var home_icon_1 = require("../../atoms/home-icon");
 var BreadCrumbs = function (_a) {
     var items = _a.items;
@@ -21,7 +21,7 @@ var BreadCrumbs = function (_a) {
                 var label = _a.label, route = _a.route, isActive = _a.isActive;
                 var isLast = index === items.length - 1;
                 return (react_1.default.createElement("li", { key: label, className: "flex items-center text-xs lg:text-sm" },
-                    react_1.default.createElement(solid_1.ChevronRightIcon, { className: "mx-1 h-4 w-4 flex-shrink-0 text-gray-400 lg:mx-2", "aria-hidden": "true" }),
+                    react_1.default.createElement(ChevronRightIcon_1.default, { className: "mx-1 h-4 w-4 flex-shrink-0 text-gray-400 lg:mx-2", "aria-hidden": "true" }),
                     isLast || isActive ? (react_1.default.createElement("span", { className: "font-normal text-slate-500", "aria-current": "page" }, label)) : (react_1.default.createElement(link_1.default, { href: route, className: "text-primary hover:underline" }, label))));
             }))));
 };

package/molecules/button/button.js

@@ -6,7 +6,9 @@ var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.sizeMap = exports.hoverMap = exports.colorMap = void 0;
 var react_1 = __importDefault(require("react"));
-var solid_1 = require("@heroicons/react/24/solid");
+var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/24/solid/ArrowPathIcon"));
+var CheckIcon_1 = __importDefault(require("@heroicons/react/24/solid/CheckIcon"));
+var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/solid/XMarkIcon"));
 var type_1 = require("./type");
 exports.colorMap = (_a = {},
     _a[type_1.BUTTON_TYPES.PRIMARY] = 'bg-primary text-white transition-all ease-in-out duration-300',
@@ -58,15 +60,15 @@ var Button = function (_a) {
     var renderContent = function () {
         if (type === type_1.BUTTON_TYPES.LOADING) {
             return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
-                react_1.default.createElement(solid_1.ArrowPathIcon, { className: "size-6 animate-spin" })));
+                react_1.default.createElement(ArrowPathIcon_1.default, { className: "size-6 animate-spin" })));
         }
         if (type === type_1.BUTTON_TYPES.SUCCESS) {
             return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
-                react_1.default.createElement(solid_1.CheckIcon, { className: "size-6" })));
+                react_1.default.createElement(CheckIcon_1.default, { className: "size-6" })));
         }
         if (type === type_1.BUTTON_TYPES.ERROR) {
             return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
-                react_1.default.createElement(solid_1.XMarkIcon, { className: "size-6" })));
+                react_1.default.createElement(XMarkIcon_1.default, { className: "size-6" })));
         }
         return (react_1.default.createElement("div", { className: "flex w-[100%] items-center justify-center gap-2" },
             iconPrefix,

package/molecules/ratings/ratings.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/nextjs';
 declare const meta: {
     component: import("react").FC<import("./type").RatingTypes>;
     tags: string[];

package/molecules/user-card/props.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userCardData = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
 exports.userCardData = {
     id: '1',
     description: '19210 for reading 2001',
@@ -9,7 +9,7 @@ exports.userCardData = {
     imageSrc: '/card-person.jpg',
     isHovered: false,
     name: 'Manish Kumar Arora',
-    onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
+    onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
     handleOnMouseEnter: function () { return void 0; },
     handleOnMouseLeave: function () { return void 0; },
     badges: [

package/molecules/user-card/type.d.ts

@@ -1,5 +1,5 @@
 import { LoggedInUser } from '../../organisms/navbar/type';
-import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils/api/type/psychic';
 export interface UserCardProps {
     imageAlt: string;
     imageSrc: string;

package/molecules/user-card/user-card.js

@@ -5,7 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserCard = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
+var user_1 = require("@appcorp/kismaa-utils/api/type/user");
 var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
 var active_icon_1 = require("../../atoms/active-icon");
@@ -14,7 +15,7 @@ var typography_1 = require("../typography");
 var badge_1 = require("../badge");
 var type_1 = require("../badge/type");
 var ratings_1 = require("../ratings");
-var solid_1 = require("@heroicons/react/24/solid");
+var HeartIcon_1 = __importDefault(require("@heroicons/react/24/solid/HeartIcon"));
 var UserCard = function (_a) {
     var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, handleIsFavorite = _a.handleIsFavorite, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isFavorite = _a.isFavorite, isHovered = _a.isHovered, loggedInUser = _a.loggedInUser, name = _a.name, onlineStatus = _a.onlineStatus, price = _a.price, rating = _a.rating, handleOnMouseEnter = _a.handleOnMouseEnter, handleOnMouseLeave = _a.handleOnMouseLeave, username = _a.username;
     return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onClick: function (e) {
@@ -28,9 +29,9 @@ var UserCard = function (_a) {
                 react_1.default.createElement("div", { className: "relative h-64 w-full" },
                     react_1.default.createElement(image_1.default, { alt: imageAlt, className: "h-full w-full object-cover object-center", fill: true, height: 0, sizes: "20vw", src: imageSrc, width: 0 })),
                 isHovered &&
-                    onlineStatus === kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE &&
+                    onlineStatus === psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE &&
                     (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) &&
-                    loggedInUser.userType == kismaa_utils_1.USER_TYPE.USER && (react_1.default.createElement(react_1.default.Fragment, null,
+                    loggedInUser.userType == user_1.USER_TYPE.USER && (react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300" }),
                     react_1.default.createElement("div", { className: "absolute bottom-7 flex w-full justify-center" },
                         react_1.default.createElement("div", { className: "w-fit" },
@@ -56,14 +57,14 @@ var UserCard = function (_a) {
                         price.duration,
                         "min")),
                 (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) &&
-                    loggedInUser.userType == kismaa_utils_1.USER_TYPE.USER && (react_1.default.createElement("div", { className: "absolute right-2 bottom-2 z-10 cursor-pointer" }, isFavorite ? (react_1.default.createElement("div", { onClick: function (e) {
+                    loggedInUser.userType == user_1.USER_TYPE.USER && (react_1.default.createElement("div", { className: "absolute right-2 bottom-2 z-10 cursor-pointer" }, isFavorite ? (react_1.default.createElement("div", { onClick: function (e) {
                         e.stopPropagation();
                         handleIsFavorite(id);
                     } },
-                    react_1.default.createElement(solid_1.HeartIcon, { className: "h-8 w-8 text-red-500" }))) : (react_1.default.createElement("div", { onClick: function (e) {
+                    react_1.default.createElement(HeartIcon_1.default, { className: "h-8 w-8 text-red-500" }))) : (react_1.default.createElement("div", { onClick: function (e) {
                         e.stopPropagation();
                         handleIsFavorite(id);
                     } },
-                    react_1.default.createElement(solid_1.HeartIcon, { className: "h-8 w-8 text-gray-500" })))))))));
+                    react_1.default.createElement(HeartIcon_1.default, { className: "h-8 w-8 text-gray-500" })))))))));
 };
 exports.UserCard = UserCard;

package/organisms/banner/banner.js

@@ -8,7 +8,7 @@ exports.Banner = void 0;
 var react_1 = __importDefault(require("react"));
 var type_1 = require("./type");
 var molecules_1 = require("../../molecules");
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var bannerSizeMap = (_a = {},
     _a[type_1.BANNER_TYPES.HEADER] = 'lg:h-96 h-72',
     _a[type_1.BANNER_TYPES.HERO] = 'lg:pt-72 pt-48 lg:pb-32 pb-16',
@@ -30,7 +30,7 @@ var Banner = function (_a) {
                     .sort(function (a, b) { return a.order - b.order; })
                     .map(function (_a) {
                     var label = _a.label, handleOnClick = _a.handleOnClick;
-                    return (react_1.default.createElement(molecules_1.Button, { handleOnClick: handleOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), key: label, label: label, type: molecules_1.BUTTON_TYPES.PRIMARY }));
+                    return (react_1.default.createElement(molecules_1.Button, { handleOnClick: handleOnClick, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), key: label, label: label, type: molecules_1.BUTTON_TYPES.PRIMARY }));
                 })))));
     };
     return (react_1.default.createElement("section", { style: {

package/organisms/blog-detail-section/blog-detail-section.js

@@ -8,7 +8,8 @@ var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
 var section_header_1 = require("../section-header");
 var util_functions_1 = require("@react-pakistan/util-functions");
-var outline_1 = require("@heroicons/react/24/outline");
+var ClockIcon_1 = __importDefault(require("@heroicons/react/24/outline/ClockIcon"));
+var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
 var BlogDetailSection = function (_a) {
     var blogBanner = _a.blogBanner, blogContent = _a.blogContent, blogPublishedDate = _a.blogPublishedDate, blogTimeToRead = _a.blogTimeToRead, blogTitle = _a.blogTitle, breadcrumbs = _a.breadcrumbs, sectionHeading = _a.sectionHeading;
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
@@ -18,10 +19,10 @@ var BlogDetailSection = function (_a) {
                 react_1.default.createElement(image_1.default, { alt: blogTitle, className: "object-cover", fill: true, height: 0, sizes: "70vw", src: blogBanner, width: 0 })),
             react_1.default.createElement("div", { className: "flex flex-row items-start justify-start gap-8 py-8" },
                 react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
-                    react_1.default.createElement(outline_1.CalendarIcon, { className: "size-4" }),
+                    react_1.default.createElement(CalendarIcon_1.default, { className: "size-4" }),
                     react_1.default.createElement("p", { className: "text-sm text-gray-500" }, (0, util_functions_1.formatDate)(blogPublishedDate, util_functions_1.DATE_FORMATS.DAY_DD_MM_YY_COMPACT))),
                 react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
-                    react_1.default.createElement(outline_1.ClockIcon, { className: "size-5", stroke: "var(--color-gray-500)" }),
+                    react_1.default.createElement(ClockIcon_1.default, { className: "size-5", stroke: "var(--color-gray-500)" }),
                     react_1.default.createElement("p", { className: "text-sm text-gray-500" }, blogTimeToRead))),
             react_1.default.createElement("div", { className: "grid grid-cols-12 gap-16 pt-8" },
                 react_1.default.createElement("div", { className: "col-span-12" }, blogContent)))));

package/organisms/core-values-section/core-values-section.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CoreValuesSection = void 0;
 var molecules_1 = require("../../molecules");
 var core_values_card_1 = require("../../molecules/core-values-card");
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var react_1 = __importDefault(require("react"));
 var CoreValuesSection = function (_a) {
     var heading = _a.heading, description = _a.description, coreValuesCard = _a.coreValuesCard, btnHandleOnClick = _a.btnHandleOnClick, btnLabel = _a.btnLabel;
@@ -19,6 +19,6 @@ var CoreValuesSection = function (_a) {
             react_1.default.createElement("div", { className: "mt-16 grid grid-cols-12 gap-8" }, coreValuesCard.slice(0, 6).map(function (value, index) { return (react_1.default.createElement("div", { className: "col-span-12 md:col-span-6 lg:col-span-4", key: index },
                 react_1.default.createElement(core_values_card_1.CoreValuesCard, { icon: value.icon, heading: value.heading, description: value.description }))); })),
             react_1.default.createElement("div", { className: "mx-auto mt-14 w-fit" },
-                react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.PRIMARY, size: molecules_1.BUTTON_SIZES.MD, label: btnLabel, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: btnHandleOnClick })))));
+                react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.PRIMARY, size: molecules_1.BUTTON_SIZES.MD, label: btnLabel, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: btnHandleOnClick })))));
 };
 exports.CoreValuesSection = CoreValuesSection;

package/organisms/cta-banner/cta-banner.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CtaBanner = void 0;
 var react_1 = __importDefault(require("react"));
-var solid_1 = require("@heroicons/react/24/solid");
+var ArrowRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ArrowRightIcon"));
 var button_1 = require("../../molecules/button");
 var typography_1 = require("../../molecules/typography");
 var CtaBanner = function (_a) {
@@ -26,6 +26,6 @@ var CtaBanner = function (_a) {
                     react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
                 react_1.default.createElement("div", { className: "flex w-fit flex-col items-start justify-start gap-6 md:w-[75%] lg:w-[85%] lg:flex-row lg:items-center" },
                     react_1.default.createElement(button_1.Button, { handleOnClick: firstBtnHandleClick, label: firstBtnText, type: button_1.BUTTON_TYPES.PRIMARY }),
-                    react_1.default.createElement(button_1.Button, { handleOnClick: secondBtnHandleClick, iconSuffix: react_1.default.createElement(solid_1.ArrowRightIcon, { className: "size-5" }), label: secondBtnText, outlined: true, type: button_1.BUTTON_TYPES.PRIMARY }))))));
+                    react_1.default.createElement(button_1.Button, { handleOnClick: secondBtnHandleClick, iconSuffix: react_1.default.createElement(ArrowRightIcon_1.default, { className: "size-5" }), label: secondBtnText, outlined: true, type: button_1.BUTTON_TYPES.PRIMARY }))))));
 };
 exports.CtaBanner = CtaBanner;

package/organisms/extended-user-card/props.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extendedUserCardData = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
 exports.extendedUserCardData = {
-    onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
+    onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
     imageUrl: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
     title: 'TRUE HEALER',
     rate: '$199.00/min',

package/organisms/extended-user-card/type.d.ts

@@ -1,4 +1,4 @@
-import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils/api/type/psychic';
 export interface Expertise {
     label: string;
 }

package/organisms/highlight-banner/highlight-banner.js

@@ -7,7 +7,7 @@ exports.HighlightBanner = void 0;
 var react_1 = __importDefault(require("react"));
 var typography_1 = require("../../molecules/typography");
 var button_1 = require("../../molecules/button");
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var HighlightBanner = function (_a) {
     var bannerButtonText = _a.bannerButtonText, bannerDescription = _a.bannerDescription, bannerTitle = _a.bannerTitle, handleCtaClick = _a.handleCtaClick, bannerBg = _a.bannerBg;
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-purple-200", style: {
@@ -21,6 +21,6 @@ var HighlightBanner = function (_a) {
                 react_1.default.createElement("div", { className: "mt-3 flex flex-col items-center gap-4 text-gray-600" },
                     react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, bannerDescription),
                     react_1.default.createElement("div", { className: "mt-4 w-fit" },
-                        react_1.default.createElement(button_1.Button, { label: bannerButtonText, type: button_1.BUTTON_TYPES.PRIMARY, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: handleCtaClick })))))));
+                        react_1.default.createElement(button_1.Button, { label: bannerButtonText, type: button_1.BUTTON_TYPES.PRIMARY, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: handleCtaClick })))))));
 };
 exports.HighlightBanner = HighlightBanner;

package/organisms/navbar/mobile-menu.js

@@ -9,10 +9,10 @@ var molecules_1 = require("../../molecules");
 var image_1 = __importDefault(require("next/image"));
 var react_1 = __importDefault(require("react"));
 var atoms_1 = require("../../atoms");
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var user_1 = require("@appcorp/kismaa-utils/api/type/user");
 var MobileMenu = function (_a) {
     var headerActions = _a.headerActions, isMobileMenuOpen = _a.isMobileMenuOpen, loggedInUser = _a.loggedInUser, navLinks = _a.navLinks, toggleMobileMenu = _a.toggleMobileMenu, homeLink = _a.homeLink;
-    var avatarClassName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) === kismaa_utils_1.USER_TYPE.USER
+    var avatarClassName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) === user_1.USER_TYPE.USER
         ? 'h-10 w-10  rounded-full ring-2 ring-white'
         : 'h-10 w-10  rounded-full';
     return (react_1.default.createElement("div", null, isMobileMenuOpen && (react_1.default.createElement("div", { className: "col-span-2 max-h-90 overflow-y-scroll bg-purple-200/90 lg:hidden" },

package/organisms/navbar/navbar.js

@@ -7,7 +7,8 @@ exports.Navbar = void 0;
 var kismaa_logo_1 = require("../../atoms/kismaa-logo");
 var search_icon_1 = require("../../atoms/search-icon");
 var molecules_1 = require("../../molecules");
-var solid_1 = require("@heroicons/react/24/solid");
+var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/solid/Bars3Icon"));
+var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/solid/XMarkIcon"));
 var link_1 = __importDefault(require("next/link"));
 var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
@@ -16,7 +17,7 @@ var header_pointer_icon_1 = require("../../atoms/header-pointer-icon");
 var user_icon_1 = require("../../atoms/user-icon");
 var react_2 = require("@headlessui/react");
 var mobile_menu_1 = require("./mobile-menu");
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var user_1 = require("@appcorp/kismaa-utils/api/type/user");
 var Navbar = function (_a) {
     var _b, _c;
     var handleMegaMenuToggle = _a.handleMegaMenuToggle, handleSearch = _a.handleSearch, headerActions = _a.headerActions, homeLink = _a.homeLink, isMobileMenuOpen = _a.isMobileMenuOpen, _d = _a.loggedInUser, loggedInUser = _d === void 0 ? null : _d, navLinks = _a.navLinks, _e = _a.showSearch, showSearch = _e === void 0 ? false : _e, toggleMobileMenu = _a.toggleMobileMenu;
@@ -30,7 +31,7 @@ var Navbar = function (_a) {
                 react_1.default.createElement("div", { className: "absolute w-max pt-10" },
                     react_1.default.createElement(mega_menu_1.MegaMenu, { items: link.megaMenuItems }))))));
     };
-    var avatarClassName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) === kismaa_utils_1.USER_TYPE.USER
+    var avatarClassName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userType) === user_1.USER_TYPE.USER
         ? 'h-10 w-10 cursor-pointer rounded-full ring-2 ring-white'
         : 'h-10 w-10 cursor-pointer rounded-full';
     return (react_1.default.createElement("nav", { className: "fixed z-20 w-full bg-purple-200/90" },
@@ -39,7 +40,7 @@ var Navbar = function (_a) {
                 react_1.default.createElement(kismaa_logo_1.KismaaLogo, { className: "size-20 lg:h-20 lg:w-28" })),
             react_1.default.createElement("div", { className: "flex items-center gap-6 lg:hidden" },
                 react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" }),
-                react_1.default.createElement("button", { onClick: toggleMobileMenu, className: "cursor-pointer" }, isMobileMenuOpen ? (react_1.default.createElement(solid_1.XMarkIcon, { className: "h-8 w-8" })) : (react_1.default.createElement(solid_1.Bars3Icon, { className: "h-8 w-8" })))),
+                react_1.default.createElement("button", { onClick: toggleMobileMenu, className: "cursor-pointer" }, isMobileMenuOpen ? (react_1.default.createElement(XMarkIcon_1.default, { className: "h-8 w-8" })) : (react_1.default.createElement(Bars3Icon_1.default, { className: "h-8 w-8" })))),
             react_1.default.createElement("div", { className: "hidden w-[85%] items-center justify-between lg:flex" },
                 react_1.default.createElement("div", { className: "flex gap-8" }, navLinks
                     .filter(function (_a) {

package/organisms/navbar/type.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
 import { BUTTON_TYPES, MegaMenuCardProps } from '../../molecules';
-import { USER_TYPE } from '@appcorp/kismaa-utils';
+import { USER_TYPE } from '@appcorp/kismaa-utils/api/type/user';
 export interface NavLinks {
     enabled: boolean;
     href: string;

package/organisms/onboarding-step-card/onboarding-step-card.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OnboardingStepCard = void 0;
 var molecules_1 = require("../../molecules");
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var react_1 = __importDefault(require("react"));
 var type_1 = require("./type");
 var vista_combobox_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-combobox-v1/vista-combobox-v1");
@@ -17,6 +17,6 @@ var OnboardingStepCard = function (props) {
             react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H3 }, title)),
         react_1.default.createElement("div", { className: "my-4 text-center" },
             react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H6 }, description)),
-        react_1.default.createElement("div", null, btnType === type_1.ONBOARDING_BTN_TYPES.BUTTON ? (react_1.default.createElement(molecules_1.Button, { label: props.buttonText, size: molecules_1.BUTTON_SIZES.MD, type: molecules_1.BUTTON_TYPES.QUATERNARY, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: props.onButtonClick })) : (react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { comboboxInputClassName: "bg-white focus:outline-purple-300 py-2 border-[1px] border-primary", handleInputOnChange: props.comboInputOnChange, handleOnBlur: props.comboOnBlur, handleOnChange: props.comboOnChange, label: props.comboLabel, listItems: props.comboListItems, nodeQueryKey: props.nodeQueryKey, nodeSelectKey: props.nodeSelectKey, placeholder: props.placeholder, query: props.comboQuery, selectKey1: props.comboSelectKey1, selectedItem: props.comboSelectedItem })))));
+        react_1.default.createElement("div", null, btnType === type_1.ONBOARDING_BTN_TYPES.BUTTON ? (react_1.default.createElement(molecules_1.Button, { label: props.buttonText, size: molecules_1.BUTTON_SIZES.MD, type: molecules_1.BUTTON_TYPES.QUATERNARY, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: props.onButtonClick })) : (react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { comboboxInputClassName: "bg-white focus:outline-purple-300 py-2 border-[1px] border-primary", handleInputOnChange: props.comboInputOnChange, handleOnBlur: props.comboOnBlur, handleOnChange: props.comboOnChange, label: props.comboLabel, listItems: props.comboListItems, nodeQueryKey: props.nodeQueryKey, nodeSelectKey: props.nodeSelectKey, placeholder: props.placeholder, query: props.comboQuery, selectKey1: props.comboSelectKey1, selectedItem: props.comboSelectedItem })))));
 };
 exports.OnboardingStepCard = OnboardingStepCard;

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionHeader = void 0;
 var molecules_1 = require("../../molecules");
 var react_1 = __importDefault(require("react"));
-var solid_1 = require("@heroicons/react/24/solid");
+var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
 var type_1 = require("../../molecules/badge/type");
 var breadcrumbs_1 = require("../../molecules/breadcrumbs");
 var vista_badge_v1_1 = require("@appcorp/app-corp-vista/atoms/vista-badge-v1/vista-badge-v1");
 var vista_badge_type_1 = require("@appcorp/app-corp-vista/type/vista-badge-type");
 var SectionHeader = function (_a) {
-    var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
+    var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         (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 }))),

package/organisms/user-cards-grid/props.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userGridData = exports.userCardGridData = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
 exports.userCardGridData = [
     {
         id: '1',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: '',
         name: 'Emma Thompson',
@@ -44,7 +44,7 @@ exports.userCardGridData = [
     },
     {
         id: '2',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: '',
         name: 'Michael Chen',
@@ -72,7 +72,7 @@ exports.userCardGridData = [
     },
     {
         id: '3',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: '',
         name: 'Sophia Rodriguez',
@@ -100,7 +100,7 @@ exports.userCardGridData = [
     },
     {
         id: '4',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Alex Johnson',
         name: 'Alex Johnson',
@@ -127,7 +127,7 @@ exports.userCardGridData = [
     },
     {
         id: '5',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Olivia Baker',
         name: 'Olivia Baker',
@@ -154,7 +154,7 @@ exports.userCardGridData = [
     },
     {
         id: '6',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Daniel Lee',
         name: 'Daniel Lee',
@@ -182,7 +182,7 @@ exports.userCardGridData = [
     },
     {
         id: '7',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Isbella Martineź',
         name: 'Isabella Martinez',
@@ -210,7 +210,7 @@ exports.userCardGridData = [
     },
     {
         id: '8',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.BUSY,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'William Taylor',
         name: 'William Taylor',
@@ -238,7 +238,7 @@ exports.userCardGridData = [
     },
     {
         id: '9',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Ava Wilson',
         name: 'Ava Wilson',
@@ -266,7 +266,7 @@ exports.userCardGridData = [
     },
     {
         id: '10',
-        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+        onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
         imageAlt: 'Ethan Brown',
         name: 'Ethan Brown',

package/organisms/user-details/props.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userDetailsData = void 0;
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
+var psychic_1 = require("@appcorp/kismaa-utils/api/type/psychic");
 var props_1 = require("../attributes-section/props");
 exports.userDetailsData = {
     heading: 'Advisors',
@@ -10,7 +10,7 @@ exports.userDetailsData = {
     aboutTitle: 'About Me',
     description: 'My clairsentient abilities enable me to  receive psychic insights by sensing subtle energies and interpreting  images from my angels. Starting as a teenager, I discovered my unique  gift of consistently seeing a persons soul, always radiating  unconditional love, irrespective of their actions. Guided by my angels,  Ive honed this ability over 42 years of continuous learning. My extensive practice has allowed me to develop a range of skills,  including clairaudience, clairvoyance, empathic abilities, autowriting,  energy reading, and Tarot. Remote psychic readings are facilitated by  tapping into your energy field, providing accurate insights for both you and those close to you.',
     attributesData: props_1.attributesData,
-    onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
+    onlineStatus: psychic_1.PSYCHIC_ONLINE_STATUS.ONLINE,
     profileImageSrc: '/card-person.jpg',
     profileImageAlt: '',
     title: 'TRUE HEALER',

package/organisms/user-details/type.d.ts

@@ -1,4 +1,4 @@
-import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils/api/type/psychic';
 import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 import { AttributeItem } from '../attributes-section';
 import { Expertise } from '../extended-user-card';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.2.64",
+  "version": "0.2.66",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",
@@ -44,10 +44,9 @@
     }
   },
   "devDependencies": {
-    "@appcorp/app-corp-designs": "^0.4.92",
-    "@appcorp/app-corp-vista": "^0.3.35",
-    "@appcorp/kismaa-utils": "^0.2.57",
-    "@chromatic-com/storybook": "3.2.6",
+    "@appcorp/app-corp-vista": "^0.3.45",
+    "@appcorp/kismaa-utils": "^0.2.61",
+    "@chromatic-com/storybook": "^4",
     "@headlessui/react": "^2",
     "@headlessui/tailwindcss": "^0",
     "@heroicons/react": "^2",
@@ -56,16 +55,11 @@
     "@next/eslint-plugin-next": "^15",
     "@next/mdx": "^15",
     "@react-pakistan/util-functions": "^1.24.57",
-    "@storybook/addon-essentials": "^8",
-    "@storybook/addon-interactions": "^8",
-    "@storybook/addon-links": "^8",
-    "@storybook/addon-onboarding": "^8",
-    "@storybook/addon-themes": "^8",
-    "@storybook/blocks": "^8",
-    "@storybook/nextjs": "^8",
-    "@storybook/react": "^8",
-    "@storybook/test": "^8",
-    "@storybook/types": "^8",
+    "@storybook/addon-docs": "^9",
+    "@storybook/addon-links": "^9",
+    "@storybook/addon-onboarding": "^9",
+    "@storybook/addon-themes": "^9",
+    "@storybook/nextjs": "^9",
     "@tailwindcss/cli": "^4",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4",
@@ -101,12 +95,13 @@
     "react": "^19",
     "react-dom": "^19",
     "rimraf": "^6",
-    "storybook": "^8",
+    "storybook": "^9",
     "swiper": "^11",
     "tailwindcss": "^4",
     "ts-jest": "^29",
     "ts-node": "^10",
     "typescript": "^5",
+    "uuid": "^13",
     "zod": "^4"
   },
   "packageManager": "yarn@4.9.2"