@appcorp/kismaa-web-ui 0.1.22 → 0.1.24

package/atoms/active-icon.d.ts

@@ -1,5 +1,6 @@
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
 import { FC } from 'react';
 export interface ActiveIconProps {
-    isActive: boolean;
+    onlineStatus: PSYCHIC_ONLINE_STATUS;
 }
 export declare const ActiveIcon: FC<ActiveIconProps>;

package/atoms/active-icon.js

@@ -2,11 +2,18 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActiveIcon = void 0;
+var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 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);
 var ActiveIcon = function (_a) {
-    var isActive = _a.isActive;
-    return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ".concat(isActive ? 'bg-emerald-500/90' : 'bg-gray-400') }));
+    var onlineStatus = _a.onlineStatus;
+    return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ".concat(statusColorMap[onlineStatus]) }));
 };
 exports.ActiveIcon = ActiveIcon;

package/molecules/breadcrumbs/breadcrumbs.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { FC } from 'react';
 import { BreadcrumbsProps } from './type';
-export declare const BreadCrumbs: React.FC<BreadcrumbsProps>;
+export declare const BreadCrumbs: FC<BreadcrumbsProps>;

package/molecules/breadcrumbs/breadcrumbs.js

@@ -7,32 +7,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadCrumbs = void 0;
 var react_1 = __importDefault(require("react"));
 var link_1 = __importDefault(require("next/link"));
-var navigation_1 = require("next/navigation");
 var solid_1 = require("@heroicons/react/24/solid");
 var home_icon_1 = require("../../atoms/home-icon");
-var formatCrumb = function (crumb) {
-    return crumb
-        .split('-')
-        .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
-        .join(' ');
-};
 var BreadCrumbs = function (_a) {
-    var pathname = _a.pathname;
-    var currentPathname = (0, navigation_1.usePathname)();
-    var breadcrumbs = pathname === null || pathname === void 0 ? void 0 : pathname.split('/').filter(Boolean);
+    var items = _a.items;
     return (react_1.default.createElement("nav", { "aria-label": "Breadcrumb", className: "text-xs lg:text-sm" },
         react_1.default.createElement("ol", { className: "flex flex-wrap items-center" },
             react_1.default.createElement("li", { className: "flex items-center" },
                 react_1.default.createElement(link_1.default, { href: "/", className: "flex items-center gap-2 text-gray-500 hover:text-gray-700 hover:underline" },
                     react_1.default.createElement(home_icon_1.HomeIcon, { className: "size-6", "aria-hidden": "true" }),
-                    react_1.default.createElement("span", { className: "text-xs text-primary lg:text-sm" }, "Home"))), breadcrumbs === null || breadcrumbs === void 0 ? void 0 :
-            breadcrumbs.map(function (crumb, index) {
-                var href = "/".concat(breadcrumbs.slice(0, index + 1).join('/'));
-                var isLast = index === breadcrumbs.length - 1;
-                var isActive = currentPathname === href;
-                return (react_1.default.createElement("li", { key: href, className: "flex items-center text-xs lg:text-sm" },
+                    react_1.default.createElement("span", { className: "text-xs text-primary lg:text-sm" }, "Home"))), items === null || items === void 0 ? void 0 :
+            items.map(function (_a, index) {
+                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" }),
-                    isLast || isActive ? (react_1.default.createElement("span", { className: "font-normal text-slate-500", "aria-current": "page" }, formatCrumb(crumb))) : (react_1.default.createElement(link_1.default, { href: href, className: "text-primary hover:underline" }, formatCrumb(crumb)))));
+                    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))));
             }))));
 };
 exports.BreadCrumbs = BreadCrumbs;

package/molecules/breadcrumbs/props.js

@@ -2,5 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.breadCrumbsData = void 0;
 exports.breadCrumbsData = {
-    pathname: '/psychics-readings/aura-readings',
+    items: [
+        {
+            isActive: false,
+            label: 'Psychic Readings',
+            route: '/psychic-readings',
+        },
+        {
+            isActive: false,
+            label: 'Aura Readings',
+            route: '/aura-readings',
+        },
+    ],
 };

package/molecules/breadcrumbs/type.d.ts

@@ -1,3 +1,8 @@
+export interface BreadcrumbsItem {
+    isActive: boolean;
+    label: string;
+    route: string;
+}
 export interface BreadcrumbsProps {
-    pathname: string;
+    items: BreadcrumbsItem[];
 }

package/molecules/user-card/props.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userCardData = void 0;
+var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 exports.userCardData = {
-    isActive: true,
+    description: '19210 for reading 2001',
+    imageAlt: '',
     imageSrc: '/card-person.jpg',
+    isHovered: false,
     name: 'Manish Kumar Arora',
-    description: '19210 for reading 2001',
+    onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
+    setIsHovered: function () { return void 0; },
     badges: [
         {
             label: 'Psychic Mediums',

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

@@ -1,6 +1,8 @@
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
 export interface UserCardProps {
-    isActive: boolean;
+    onlineStatus: PSYCHIC_ONLINE_STATUS;
     imageSrc: string;
+    imageAlt: string;
     name: string;
     badges: {
         label: string;
@@ -13,4 +15,6 @@ export interface UserCardProps {
     originalPrice: number;
     handleButtonClick: () => void;
     description?: string;
+    isHovered: boolean;
+    setIsHovered: (b: boolean) => void;
 }

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

@@ -1,44 +1,11 @@
 'use client';
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserCard = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var active_icon_1 = require("../../atoms/active-icon");
 var button_1 = require("../button");
 var typography_1 = require("../typography");
@@ -46,25 +13,26 @@ var badge_1 = require("../badge");
 var type_1 = require("../badge/type");
 var ratings_1 = require("../ratings");
 var image_1 = __importDefault(require("next/image"));
+var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 var UserCard = function (_a) {
-    var isActive = _a.isActive, imageSrc = _a.imageSrc, name = _a.name, badges = _a.badges, rating = _a.rating, price = _a.price, originalPrice = _a.originalPrice, description = _a.description, handleButtonClick = _a.handleButtonClick;
-    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
+    var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered;
     return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
         react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
             react_1.default.createElement("div", { className: "absolute right-4 top-4 z-10" },
-                react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
+                react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
             react_1.default.createElement("div", { className: "" },
                 react_1.default.createElement("div", { className: "relative pb-[76%]" },
-                    react_1.default.createElement(image_1.default, { src: imageSrc, alt: "Person Image", width: 100, height: 100, className: "absolute inset-0 h-full w-full object-cover" })),
-                isHovered && isActive && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(image_1.default, { src: imageSrc, alt: imageAlt, width: 100, height: 100, className: "absolute inset-0 h-full w-full object-cover" })),
+                isHovered && onlineStatus === kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE && (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" },
-                            react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: function () { return handleButtonClick(); } }))))))),
+                            react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: handleButtonClick }))))))),
         react_1.default.createElement("div", { className: "p-4 text-center" },
             react_1.default.createElement("div", { className: "mb-2" },
                 react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, name)),
-            react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" }, !!description && (react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
+            !!description && (react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
             react_1.default.createElement("div", { className: "mt-1.5 flex w-full flex-wrap justify-center gap-1.5" }, badges.slice(0, 2).map(function (badge, index) { return (react_1.default.createElement("div", { className: "h-fit w-fit", key: index },
                 react_1.default.createElement(badge_1.Badge, { label: badge.label, type: type_1.BADGE_TYPE.CARD_BADGE }))); })),
             react_1.default.createElement("div", { className: "my-5 flex justify-center" },

package/organisms/about-us-banner/about-us-banner.js

@@ -13,7 +13,7 @@ var AboutUsBanner = function (_a) {
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
         react_1.default.createElement("div", { className: "kismaa-container" },
             react_1.default.createElement("div", { className: "mb-10" },
-                react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { pathname: breadcrumbs })),
+                react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items })),
             react_1.default.createElement("div", { className: "text-gray-800" },
                 react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading)),
             react_1.default.createElement("div", { className: "mt-8 sm:max-w-full md:max-w-[60%] lg:max-w-[55%]" },

package/organisms/about-us-banner/props.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.aboutUsBannerData = void 0;
 exports.aboutUsBannerData = {
-    breadcrumbs: '/about-us',
+    breadcrumbs: {
+        items: [{ label: 'About Us', route: '/about-us', isActive: false }],
+    },
     heading: 'About Us',
     subHeading: 'Short Story About Kismaa.',
     description: 'Welcome to Kismaa, where we believe that everyone has the power to connect with their intuition and harness their inner guidance.',

package/organisms/about-us-banner/type.d.ts

@@ -1,5 +1,6 @@
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export interface AboutUsBannerProps {
-    breadcrumbs: string;
+    breadcrumbs: BreadcrumbsProps;
     heading: string;
     subHeading: string;
     description: string;

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

@@ -1,3 +1,3 @@
-import React from 'react';
+import { FC } from 'react';
 import { ExtendedUserCardProps } from './type';
-export declare const ExtendedUserCard: React.FC<ExtendedUserCardProps>;
+export declare const ExtendedUserCard: FC<ExtendedUserCardProps>;

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

@@ -11,11 +11,11 @@ var horizontal_divider_1 = require("../../molecules/horizontal-divider/horizonta
 var react_1 = __importDefault(require("react"));
 var image_1 = __importDefault(require("next/image"));
 var ExtendedUserCard = function (_a) {
-    var avgRating = _a.avgRating, expertIn = _a.expertIn, fee = _a.fee, imageUrl = _a.imageUrl, isActive = _a.isActive, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating;
+    var avgRating = _a.avgRating, expertIn = _a.expertIn, fee = _a.fee, imageUrl = _a.imageUrl, onChatClick = _a.onChatClick, onlineStatus = _a.onlineStatus, otherExpertise = _a.otherExpertise, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating;
     return (react_1.default.createElement("div", { className: "overflow-hidden rounded-xl border-[1px] border-gray-300" },
         react_1.default.createElement("div", { className: "relative" },
             react_1.default.createElement("div", { className: "absolute right-3 top-3 z-10" },
-                react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
+                react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
             react_1.default.createElement("div", { className: "h-72 w-full overflow-hidden rounded-xl" },
                 react_1.default.createElement(image_1.default, { width: 0, height: 0, src: imageUrl, alt: title, className: "h-full w-full object-cover object-center" }))),
         react_1.default.createElement("div", { className: "mx-4 my-7 lg:mx-5 lg:my-6" },

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

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

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

@@ -1,10 +1,11 @@
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
 export interface Expertise {
     label: string;
     bgColor: string;
     textColor: string;
 }
 export interface ExtendedUserCardProps {
-    isActive: boolean;
+    onlineStatus: PSYCHIC_ONLINE_STATUS;
     imageUrl: string;
     title: string;
     fee: string;

package/organisms/faq/type.d.ts

@@ -1,3 +1,4 @@
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export declare enum FAQ_ITEMS_LIMIT {
     'THREE' = 3,
     'SEVEN' = 7
@@ -13,5 +14,5 @@ export interface FaqProps {
     isSectionBgEnabled?: boolean;
     subHeading: string;
     faqItemsLimit: FAQ_ITEMS_LIMIT;
-    breadcrumbs?: string;
+    breadcrumbs?: BreadcrumbsProps;
 }

package/organisms/get-app-banner/props.d.ts

@@ -1,2 +1,2 @@
 import { GetAppProps } from './type';
-export declare const GetAppBannerData: GetAppProps;
+export declare const getAppBannerData: GetAppProps;

package/organisms/get-app-banner/props.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GetAppBannerData = void 0;
-exports.GetAppBannerData = {
+exports.getAppBannerData = void 0;
+exports.getAppBannerData = {
     handleAppStoreClick: function () { return void 0; },
     handlePlayStoreClick: function () { return void 0; },
     backgroundImageUrl: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/app-mockup.webp',

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

@@ -8,7 +8,9 @@ var horoscope_detail_mdx_1 = __importDefault(require("../horoscope-details/horos
 var react_1 = __importDefault(require("react"));
 exports.horoscopeDetailsSectionData = {
     heading: 'Capricorn',
-    breadcrumbs: '/horoscope/capricon',
+    breadcrumbs: {
+        items: [{ label: 'Horoscope', route: '/horoscope', isActive: false }],
+    },
     horoscopeDetails: react_1.default.createElement(horoscope_detail_mdx_1.default),
     sidebarImage: 'https://img.freepik.com/free-photo/capricorn-zodiac-sign-night-sky-horoscope-astrology-background-capricorn-pink-blue_559531-10997.jpg?t=st=1734081539~exp=1734085139~hmac=b8cf82f1d0ed850ac3eae9338fec5ca5cbd4dd068c7f08743cb2b54bb4d04456&w=996',
     sidebarDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no.\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no.',

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

@@ -1,8 +1,9 @@
-import React from 'react';
+import { ReactElement } from 'react';
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export interface HoroscopeDetailsSectionTypes {
     heading: string;
-    horoscopeDetails: React.ReactElement;
+    horoscopeDetails: ReactElement;
     sidebarImage: string;
     sidebarDescription: string;
-    breadcrumbs: string;
+    breadcrumbs: BreadcrumbsProps;
 }

package/organisms/horoscope-section/props.js

@@ -7,5 +7,7 @@ exports.horoscopeSectionData = {
     cardItems: props_1.horoscopeCardsGridData.cardItems,
     cardLimit: props_1.horoscopeCardsGridData.cardLimit,
     cardSize: props_1.horoscopeCardsGridData.cardSize,
-    breadcrumbs: '/horoscope',
+    breadcrumbs: {
+        items: [{ label: 'Hororscope', route: '/horoscope', isActive: false }],
+    },
 };

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

@@ -1,8 +1,9 @@
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 import { HOROSCOPE_CARD_SIZES, HoroscopeCardProps } from '../../molecules';
 import { HOROSCOPE_CARDS_LIMITS } from '../horoscope-cards-grid';
 export interface HoroscopeSectionProps {
     sectionHeading: string;
-    breadcrumbs: string;
+    breadcrumbs: BreadcrumbsProps;
     cardItems: HoroscopeCardProps[];
     cardLimit: HOROSCOPE_CARDS_LIMITS;
     cardSize: HOROSCOPE_CARD_SIZES;

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

@@ -13,7 +13,7 @@ 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, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         breadcrumbs && (react_1.default.createElement("div", { className: "mb-14" },
-            react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { pathname: breadcrumbs }))),
+            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: "flex items-center gap-4" },

package/organisms/section-header/type.d.ts

@@ -1,5 +1,6 @@
-import { BUTTON_TYPES } from '../../molecules';
 import { ReactElement } from 'react';
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
+import { BUTTON_TYPES } from '../../molecules';
 export interface SectionHeaderProps {
     heading: string;
     subheading: string;
@@ -10,5 +11,5 @@ export interface SectionHeaderProps {
     btnIcon?: ReactElement;
     badgeText?: string;
     btnOutlined?: boolean;
-    breadcrumbs?: string;
+    breadcrumbs?: BreadcrumbsProps;
 }

package/organisms/terms-section/props.js

@@ -8,7 +8,16 @@ var react_1 = __importDefault(require("react"));
 var terms_mdx_1 = __importDefault(require("./terms.mdx"));
 var props_1 = require("../time-line/props");
 exports.termsSectionData = {
-    breadcrumbs: '/psychics-readings/aura-readings',
+    breadcrumbs: {
+        items: [
+            {
+                label: 'Psychic Readings',
+                route: '/psychics-readings',
+                isActive: false,
+            },
+            { label: 'Aura Readings', route: '/aura-readings', isActive: false },
+        ],
+    },
     sectionHeading: 'Terms of Use',
     sectionDescription: react_1.default.createElement(terms_mdx_1.default, null),
     timelines: props_1.timelineItems,

package/organisms/terms-section/type.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
 import { TimelineItem } from '../time-line';
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export interface TermsSectionProps {
-    breadcrumbs: string;
+    breadcrumbs: BreadcrumbsProps;
     sectionHeading: string;
     timelines?: TimelineItem[];
     defaultActiveTimeline?: number;

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

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userGridData = exports.userCardGridData = void 0;
+var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 exports.userCardGridData = [
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: '',
         name: 'Emma Thompson',
         description: '15420 reading for 2005',
         badges: [
@@ -28,10 +30,13 @@ exports.userCardGridData = [
         price: { current: 1, duration: 5 },
         originalPrice: 2,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: false,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: '',
         name: 'Michael Chen',
         description: '15420 reading for 2005',
         badges: [
@@ -46,10 +51,13 @@ exports.userCardGridData = [
         price: { current: 1.5, duration: 10 },
         originalPrice: 3,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: '',
         name: 'Sophia Rodriguez',
         description: '15420 reading for 2005',
         badges: [
@@ -64,10 +72,13 @@ exports.userCardGridData = [
         price: { current: 2, duration: 15 },
         originalPrice: 4,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Alex Johnson',
         name: 'Alex Johnson',
         badges: [
             {
@@ -81,10 +92,13 @@ exports.userCardGridData = [
         price: { current: 1.2, duration: 8 },
         originalPrice: 2.4,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: false,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Olivia Baker',
         name: 'Olivia Baker',
         badges: [
             {
@@ -98,10 +112,13 @@ exports.userCardGridData = [
         price: { current: 1.8, duration: 12 },
         originalPrice: 3.6,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Daniel Lee',
         name: 'Daniel Lee',
         description: '15420 reading for 2005',
         badges: [
@@ -116,10 +133,13 @@ exports.userCardGridData = [
         price: { current: 1.5, duration: 10 },
         originalPrice: 3,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Isbella Martineź',
         name: 'Isabella Martinez',
         description: '15420 reading for 2005',
         badges: [
@@ -134,10 +154,13 @@ exports.userCardGridData = [
         price: { current: 2.2, duration: 15 },
         originalPrice: 4.4,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: false,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'William Taylor',
         name: 'William Taylor',
         description: '15420 reading for 2005',
         badges: [
@@ -152,10 +175,13 @@ exports.userCardGridData = [
         price: { current: 1.3, duration: 8 },
         originalPrice: 2.6,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Ava Wilson',
         name: 'Ava Wilson',
         description: '15420 reading for 2005',
         badges: [
@@ -170,10 +196,13 @@ exports.userCardGridData = [
         price: { current: 1.7, duration: 12 },
         originalPrice: 3.4,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
     {
-        isActive: true,
+        onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
         imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
+        imageAlt: 'Ethan Brown',
         name: 'Ethan Brown',
         description: '15420 reading for 2005',
         badges: [
@@ -188,6 +217,8 @@ exports.userCardGridData = [
         price: { current: 1.6, duration: 10 },
         originalPrice: 3.2,
         handleButtonClick: function () { return void 0; },
+        isHovered: false,
+        setIsHovered: function () { return void 0; },
     },
 ];
 exports.userGridData = {

package/organisms/user-details/props.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userDetailsData = void 0;
+var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 var props_1 = require("../attributes-section/props");
 exports.userDetailsData = {
     heading: 'Advisors',
@@ -11,7 +12,7 @@ exports.userDetailsData = {
     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,
     attributeHeading: 'My Attributes',
-    isActive: true,
+    onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
     profileImageUrl: '/card-person.jpg',
     title: 'TRUE HEALER',
     totalChat: 0,
@@ -29,5 +30,5 @@ exports.userDetailsData = {
         },
     ],
     fee: '$199.00/min',
-    breadcrumbs: '',
+    breadcrumbs: { items: [] },
 };

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

@@ -1,3 +1,5 @@
+import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 import { AttributeItem } from '../attributes-section';
 import { Expertise } from '../extended-user-card';
 export interface UserDetailsProps {
@@ -9,7 +11,7 @@ export interface UserDetailsProps {
     description: string;
     attributeHeading: string;
     attributesData: AttributeItem[];
-    isActive: true;
+    onlineStatus: PSYCHIC_ONLINE_STATUS;
     profileImageUrl: string;
     title: string;
     fee: string;
@@ -19,5 +21,5 @@ export interface UserDetailsProps {
     expertIn: string;
     otherExpertise: Expertise[];
     onChatClick: () => void;
-    breadcrumbs: string;
+    breadcrumbs: BreadcrumbsProps;
 }

package/organisms/user-details/user-details.js

@@ -11,13 +11,13 @@ var extended_user_card_1 = require("../extended-user-card");
 var attributes_section_1 = require("../attributes-section");
 var section_header_1 = require("../section-header");
 var UserDetails = function (_a) {
-    var heading = _a.heading, userName = _a.userName, bannerImageSrc = _a.bannerImageSrc, aboutTitle = _a.aboutTitle, aboutImageSrc = _a.aboutImageSrc, description = _a.description, attributesData = _a.attributesData, attributeHeading = _a.attributeHeading, isActive = _a.isActive, profileImageUrl = _a.profileImageUrl, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating, avgRating = _a.avgRating, expertIn = _a.expertIn, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, fee = _a.fee, breadcrumbs = _a.breadcrumbs;
+    var heading = _a.heading, userName = _a.userName, bannerImageSrc = _a.bannerImageSrc, aboutTitle = _a.aboutTitle, aboutImageSrc = _a.aboutImageSrc, description = _a.description, attributesData = _a.attributesData, attributeHeading = _a.attributeHeading, onlineStatus = _a.onlineStatus, profileImageUrl = _a.profileImageUrl, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating, avgRating = _a.avgRating, expertIn = _a.expertIn, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, fee = _a.fee, breadcrumbs = _a.breadcrumbs;
     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 null; }, breadcrumbs: breadcrumbs }),
             react_1.default.createElement("div", { className: "grid w-full gap-6 xl:grid-cols-12 xl:gap-24" },
                 react_1.default.createElement("div", { className: "block w-full md:hidden lg:hidden xl:hidden" },
-                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })),
+                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { onlineStatus: onlineStatus, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })),
                 react_1.default.createElement("div", { className: "w-full lg:col-span-7 xl:col-span-8" },
                     react_1.default.createElement("div", { className: "mt-4 lg:mt-9" },
                         react_1.default.createElement(user_detail_banner_1.UserDetailBanner, { userName: userName, bannerImageSrc: bannerImageSrc })),
@@ -27,8 +27,8 @@ var UserDetails = function (_a) {
                         react_1.default.createElement("div", { className: "lg:col-span-7 xl:col-span-9" },
                             react_1.default.createElement(attributes_section_1.AttributeSection, { attributesData: attributesData, sectionHeading: attributeHeading })),
                         react_1.default.createElement("div", { className: "hidden w-full md:block lg:col-span-5 xl:hidden" },
-                            react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })))),
+                            react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { onlineStatus: onlineStatus, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })))),
                 react_1.default.createElement("div", { className: "hidden w-full lg:col-span-4 lg:hidden xl:block" },
-                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn }))))));
+                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { onlineStatus: onlineStatus, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn }))))));
 };
 exports.UserDetails = UserDetails;

package/organisms/users-list-explore/props.js

@@ -4,10 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userListExploreData = void 0;
+var react_1 = __importDefault(require("react"));
 var molecules_1 = require("../../molecules");
 var props_1 = require("../user-cards-grid/props");
 var filter_icon_1 = require("../../atoms/filter-icon");
-var react_1 = __importDefault(require("react"));
+var props_2 = require("../../molecules/breadcrumbs/props");
 exports.userListExploreData = {
     heading: 'Advisors',
     subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
@@ -24,5 +25,5 @@ exports.userListExploreData = {
     onNext: function () { return void 0; },
     onPageChange: function () { return void 0; },
     onPrevious: function () { return void 0; },
-    breadcrumbsUrl: '/Page/Page.tsx',
+    breadcrumbs: props_2.breadCrumbsData,
 };

package/organisms/users-list-explore/type.d.ts

@@ -1,19 +1,21 @@
+import { ReactElement } from 'react';
+import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 import { BUTTON_TYPES, UserCardProps } from '../../molecules';
 export type UsersListExploreProps = {
-    heading: string;
-    subheading: string;
     badgeText: string;
-    btnText: string;
+    breadcrumbs: BreadcrumbsProps;
+    btnIcon?: ReactElement;
     btnOutlined: boolean;
+    btnText: string;
     btnType: BUTTON_TYPES;
-    btnIcon?: React.ReactElement;
-    handleButtonClick: () => void;
     cardItems: UserCardProps[];
     cardsLimit: number;
     currentPage: number;
-    totalPages: number;
+    handleButtonClick: () => void;
+    heading: string;
+    onNext: () => void;
     onPageChange: (page: number) => void;
     onPrevious: () => void;
-    onNext: () => void;
-    breadcrumbsUrl: string;
+    subheading: string;
+    totalPages: number;
 };

package/organisms/users-list-explore/users-list-explore.js

@@ -9,10 +9,10 @@ var section_header_1 = require("../section-header");
 var user_cards_grid_1 = require("../user-cards-grid");
 var pagination_1 = require("../pagination/pagination");
 var UsersListExplore = function (_a) {
-    var badgeText = _a.badgeText, breadcrumbsUrl = _a.breadcrumbsUrl, btnIcon = _a.btnIcon, btnOutlined = _a.btnOutlined, btnText = _a.btnText, btnType = _a.btnType, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, currentPage = _a.currentPage, handleButtonClick = _a.handleButtonClick, heading = _a.heading, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages;
+    var badgeText = _a.badgeText, breadcrumbs = _a.breadcrumbs, btnIcon = _a.btnIcon, btnOutlined = _a.btnOutlined, btnText = _a.btnText, btnType = _a.btnType, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, currentPage = _a.currentPage, handleButtonClick = _a.handleButtonClick, heading = _a.heading, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages;
     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: subheading, renderCtaButton: true, handleButtonClick: handleButtonClick, btnText: btnText, btnOutlined: btnOutlined, badgeText: badgeText, btnType: btnType, btnIcon: btnIcon, breadcrumbs: breadcrumbsUrl }),
+            react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: subheading, renderCtaButton: true, handleButtonClick: handleButtonClick, btnText: btnText, btnOutlined: btnOutlined, badgeText: badgeText, btnType: btnType, btnIcon: btnIcon, breadcrumbs: breadcrumbs }),
             react_1.default.createElement(user_cards_grid_1.UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit }),
             react_1.default.createElement("div", { className: "mt-12" },
                 react_1.default.createElement(pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext })))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@appcorp/app-corp-designs": "^0.4.43",
     "@appcorp/app-corp-vista": "^0.0.4",
-    "@appcorp/kismaa-utils": "^0.1.36",
+    "@appcorp/kismaa-utils": "^0.1.38",
     "@chromatic-com/storybook": "3.2.2",
     "@eslint/compat": "^1.2.3",
     "@headlessui/react": "^2.2.0",

package/templates/about-us-page/props.js

@@ -33,7 +33,7 @@ exports.aboutUsPageData = {
     footer: __assign({}, props_6.footerData),
     popularPsychic: __assign(__assign({}, props_7.advisorsSectionData), { cardsLimit: 3 }),
     coreValue: __assign({}, props_8.coreValueSectionData),
-    getAppBanner: __assign({}, props_9.GetAppBannerData),
+    getAppBanner: __assign({}, props_9.getAppBannerData),
     customerReviews: __assign(__assign({}, props_10.customerReviewData), { isSectionBgEnabled: false }),
     ctaBanner: __assign({}, props_11.ctaBannerData),
 };

package/templates/faqs-page/props.js

@@ -22,8 +22,10 @@ var props_6 = require("../../organisms/footer/props");
 exports.faqsPageData = {
     navbar: __assign({}, props_1.navbarData),
     banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
-    faq: __assign(__assign({}, props_3.faqData), { faqItemsLimit: organisms_1.FAQ_ITEMS_LIMIT.SEVEN, subHeading: '', breadcrumbs: '/Faq' }),
-    getAppBanner: __assign({}, props_4.GetAppBannerData),
+    faq: __assign(__assign({}, props_3.faqData), { faqItemsLimit: organisms_1.FAQ_ITEMS_LIMIT.SEVEN, subHeading: '', breadcrumbs: {
+            items: [{ label: 'FAQs', route: '/faqs', isActive: false }],
+        } }),
+    getAppBanner: __assign({}, props_4.getAppBannerData),
     ctaBanner: __assign({}, props_5.ctaBannerData),
     footer: __assign({}, props_6.footerData),
 };

package/templates/home-page/props.js

@@ -31,6 +31,6 @@ exports.homePageData = {
     footer: __assign({}, props_6.footerData),
     faq: __assign({}, props_7.faqData),
     onboardingSteps: __assign({}, props_8.onboardingStepsData),
-    getAppBanner: __assign({}, props_9.GetAppBannerData),
+    getAppBanner: __assign({}, props_9.getAppBannerData),
     advisorSection: __assign({}, props_10.advisorsSectionData),
 };

package/templates/horoscope-detail-page/props.js

@@ -26,8 +26,8 @@ exports.horoscopeDetailPageData = {
     navbar: __assign({}, props_1.navbarData),
     banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
     ctaBannerProps: __assign({}, props_3.ctaBannerData),
-    getAppBanner: __assign({}, props_5.GetAppBannerData),
-    horoscopeDetails: __assign(__assign({}, props_7.horoscopeDetailsSectionData), { breadcrumbs: props_6.breadCrumbsData.pathname }),
+    getAppBanner: __assign({}, props_5.getAppBannerData),
+    horoscopeDetails: __assign(__assign({}, props_7.horoscopeDetailsSectionData), { breadcrumbs: props_6.breadCrumbsData }),
     footer: __assign({}, props_4.footerData),
-    relatedHoroscope: __assign(__assign({}, props_8.horoscopeSectionData), { breadcrumbs: '', cardLimit: organisms_1.HOROSCOPE_CARDS_LIMITS.SEVEN, cardSize: molecules_1.HOROSCOPE_CARD_SIZES.SM }),
+    relatedHoroscope: __assign(__assign({}, props_8.horoscopeSectionData), { breadcrumbs: { items: [] }, cardLimit: organisms_1.HOROSCOPE_CARDS_LIMITS.SEVEN, cardSize: molecules_1.HOROSCOPE_CARD_SIZES.SM }),
 };

package/templates/horoscope-page/props.js

@@ -23,7 +23,7 @@ exports.horoscopePageData = {
     navbar: __assign({}, props_1.navbarData),
     banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
     horoscopeSection: __assign({}, props_6.horoscopeSectionData),
-    getAppBanner: __assign({}, props_3.GetAppBannerData),
+    getAppBanner: __assign({}, props_3.getAppBannerData),
     ctaBanner: __assign({}, props_4.ctaBannerData),
     footer: __assign({}, props_5.footerData),
 };

package/templates/index.d.ts

@@ -1,9 +1,9 @@
 export * from './about-us-page';
-export * from './advisor-detail-page';
 export * from './faqs-page';
 export * from './home-page';
-export * from './horoscope-page';
 export * from './horoscope-detail-page';
+export * from './horoscope-page';
 export * from './not-found-page';
 export * from './terms-page';
+export * from './user-detail-page';
 export * from './users-page';

package/templates/index.js

@@ -15,11 +15,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./about-us-page"), exports);
-__exportStar(require("./advisor-detail-page"), exports);
 __exportStar(require("./faqs-page"), exports);
 __exportStar(require("./home-page"), exports);
-__exportStar(require("./horoscope-page"), exports);
 __exportStar(require("./horoscope-detail-page"), exports);
+__exportStar(require("./horoscope-page"), exports);
 __exportStar(require("./not-found-page"), exports);
 __exportStar(require("./terms-page"), exports);
+__exportStar(require("./user-detail-page"), exports);
 __exportStar(require("./users-page"), exports);

package/templates/terms-page/props.js

@@ -25,5 +25,5 @@ exports.termsOfUserPage = {
     ctaBannerProps: __assign({}, props_2.ctaBannerData),
     footer: __assign({}, props_3.footerData),
     termsSection: __assign({}, props_4.termsSectionData),
-    getAppBanner: __assign({}, props_5.GetAppBannerData),
+    getAppBanner: __assign({}, props_5.getAppBannerData),
 };

package/templates/user-detail-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from './user-detail-page';
+export * from './type';

package/templates/{advisor-detail-page → user-detail-page}/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./advisor-detail-page"), exports);
+__exportStar(require("./user-detail-page"), exports);
 __exportStar(require("./type"), exports);

package/templates/user-detail-page/props.d.ts

@@ -0,0 +1,2 @@
+import { UserDetailPageProps } from './type';
+export declare const userDetailPageData: UserDetailPageProps;

package/templates/user-detail-page/props.js

@@ -0,0 +1,32 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userDetailPageData = void 0;
+var organisms_1 = require("../../organisms");
+var props_1 = require("../../organisms/get-app-banner/props");
+var props_2 = require("../../organisms/advisors-section/props");
+var props_3 = require("../../organisms/banner/props");
+var props_4 = require("../../molecules/breadcrumbs/props");
+var props_5 = require("../../organisms/cta-banner/props");
+var props_6 = require("../../organisms/footer/props");
+var props_7 = require("../../organisms/navbar/props");
+var props_8 = require("../../organisms/user-details/props");
+exports.userDetailPageData = {
+    navbar: __assign({}, props_7.navbarData),
+    banner: __assign(__assign({}, props_3.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
+    ctaBannerProps: __assign({}, props_5.ctaBannerData),
+    getAppBanner: __assign({}, props_1.getAppBannerData),
+    userDetailsProps: __assign(__assign({}, props_8.userDetailsData), { breadcrumbs: props_4.breadCrumbsData }),
+    footer: __assign({}, props_6.footerData),
+    advisorSection: __assign(__assign({}, props_2.advisorsSectionData), { cardsLimit: 3 }),
+};

package/templates/{advisor-detail-page → user-detail-page}/type.d.ts

@@ -1,5 +1,5 @@
 import { AdvisorsSectionProps, BannerProps, CtaBannerProps, FooterProps, GetAppProps, NavbarProps, UserDetailsProps } from '../../organisms';
-export interface AdvisorDetailPageProps {
+export interface UserDetailPageProps {
     advisorSection: AdvisorsSectionProps;
     banner: BannerProps;
     ctaBannerProps: CtaBannerProps;

package/templates/user-detail-page/user-detail-page.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UserDetailPageProps } from './type';
+export declare const UserDetailPage: FC<UserDetailPageProps>;

package/templates/{advisor-detail-page/advisor-detail-page.js → user-detail-page/user-detail-page.js}

@@ -14,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdvisorDetailPage = void 0;
+exports.UserDetailPage = void 0;
 var user_details_1 = require("../../organisms/user-details/user-details");
 var organisms_1 = require("../../organisms");
 var react_1 = __importDefault(require("react"));
-var AdvisorDetailPage = function (_a) {
+var UserDetailPage = function (_a) {
     var advisorSection = _a.advisorSection, banner = _a.banner, ctaBannerProps = _a.ctaBannerProps, footer = _a.footer, getAppBanner = _a.getAppBanner, navbar = _a.navbar, userDetailsProps = _a.userDetailsProps;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(organisms_1.Navbar, __assign({}, navbar)),
@@ -29,4 +29,4 @@ var AdvisorDetailPage = function (_a) {
         react_1.default.createElement(organisms_1.CtaBanner, __assign({}, ctaBannerProps)),
         react_1.default.createElement(organisms_1.Footer, __assign({}, footer))));
 };
-exports.AdvisorDetailPage = AdvisorDetailPage;
+exports.UserDetailPage = UserDetailPage;

package/templates/users-page/props.js

@@ -15,16 +15,16 @@ exports.usersPageData = void 0;
 var organisms_1 = require("../../organisms");
 var props_1 = require("../../organisms/get-app-banner/props");
 var props_2 = require("../../organisms/banner/props");
-var props_3 = require("../../molecules/breadcrumbs/props");
-var props_4 = require("../../organisms/cta-banner/props");
-var props_5 = require("../../organisms/footer/props");
-var props_6 = require("../../organisms/navbar/props");
-var props_7 = require("../../organisms/users-list-explore/props");
+var props_3 = require("../../organisms/cta-banner/props");
+var props_4 = require("../../organisms/footer/props");
+var props_5 = require("../../organisms/navbar/props");
+var props_6 = require("../../organisms/users-list-explore/props");
+var props_7 = require("../../molecules/breadcrumbs/props");
 exports.usersPageData = {
-    navbar: props_6.navbarData,
+    navbar: props_5.navbarData,
     banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
-    userListExplore: __assign(__assign({}, props_7.userListExploreData), { breadcrumbsUrl: props_3.breadCrumbsData.pathname }),
-    ctaBanner: __assign({}, props_4.ctaBannerData),
-    footer: __assign({}, props_5.footerData),
-    getAppBanner: __assign({}, props_1.GetAppBannerData),
+    userListExplore: __assign(__assign({}, props_6.userListExploreData), { breadcrumbs: props_7.breadCrumbsData }),
+    ctaBanner: __assign({}, props_3.ctaBannerData),
+    footer: __assign({}, props_4.footerData),
+    getAppBanner: __assign({}, props_1.getAppBannerData),
 };

package/templates/advisor-detail-page/advisor-detail-page.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { AdvisorDetailPageProps } from './type';
-export declare const AdvisorDetailPage: FC<AdvisorDetailPageProps>;

package/templates/advisor-detail-page/index.d.ts

@@ -1,2 +0,0 @@
-export * from './advisor-detail-page';
-export * from './type';

package/templates/advisor-detail-page/props.d.ts

@@ -1,2 +0,0 @@
-import { AdvisorDetailPageProps } from './type';
-export declare const advisorDetailPageData: AdvisorDetailPageProps;

package/templates/advisor-detail-page/props.js

@@ -1,32 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.advisorDetailPageData = void 0;
-var props_1 = require("../../organisms/navbar/props");
-var props_2 = require("../../organisms/banner/props");
-var props_3 = require("../../organisms/cta-banner/props");
-var props_4 = require("../../organisms/user-details/props");
-var props_5 = require("../../organisms/footer/props");
-var props_6 = require("../../organisms/advisors-section/props");
-var props_7 = require("../../organisms/get-app-banner/props");
-var organisms_1 = require("../../organisms");
-var props_8 = require("../../molecules/breadcrumbs/props");
-exports.advisorDetailPageData = {
-    navbar: __assign({}, props_1.navbarData),
-    banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
-    ctaBannerProps: __assign({}, props_3.ctaBannerData),
-    getAppBanner: __assign({}, props_7.GetAppBannerData),
-    userDetailsProps: __assign(__assign({}, props_4.userDetailsData), { breadcrumbs: props_8.breadCrumbsData.pathname }),
-    footer: __assign({}, props_5.footerData),
-    advisorSection: __assign(__assign({}, props_6.advisorsSectionData), { cardsLimit: 3 }),
-};