@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/customer-reviews.0bb408e0.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,4CAAkD,CAAC,WAC9D,OAAO,YACP,QAAQ,WACR,OAAO,cACP,UAAU,mBACV,eAAe,uBACf,mBAAmB,qBACnB,oBAAoB,WACrB;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC;YAAI,WAAU;YAAQ,OAAO;gBAAE,YAAY;YAAkB;sBAC5D,cAAA,iBAAC;gBAAI,WAAU;;kCACb,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CACxC;;;0CAGL,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8CAC3C;;;;;kCAIP,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,aAAK;gCACJ,SAAS;oCAAC,CAAA,GAAA,iBAAS;iCAAE;gCACrB,cAAc;gCACd,eAAe;gCACf,MAAM;gCACN,gBAAgB;gCAChB,UAAU;gCACV,aAAa;oCACX,MAAM;wCACJ,eAAe;oCACjB;oCACA,KAAK;wCACH,eAAe;oCACjB;gCACF;0CAEC,QAAQ,GAAG,CAAC,CAAC,QAAQ,sBACpB,gBAAC,CAAA,GAAA,kBAAU;kDACR,CAAC,YAAE,QAAQ,EAAE,iBACZ,gBAAC,CAAA,GAAA,yCAAS;gDAAE,UAAU;gDAAW,GAAG,MAAM;;uCAF5B;;0CAOtB,iBAAC;gCAAI,WAAU;;kDACb,gBAAC;wCACC,WAAU;wCACV,SAAS;kDAET,cAAA,gBAAC,CAAA,GAAA,yCAAY;4CAAE,WAAU;4CAAU,MAAK;;;kDAE1C,gBAAC;wCACC,WAAU;wCACV,SAAS;kDAET,cAAA,gBAAC,CAAA,GAAA,yCAAa;4CAAE,WAAU;4CAAU,MAAK;;;;;;;;;;;AAQzD","sources":["src/organisms/customer-reviews/customer-reviews.tsx"],"sourcesContent":["import React from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Navigation } from 'swiper/modules';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { ReviewCard } from '../review-card/review-card';\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport { ArrowLeftIcon } from '../../atoms/arrow-left-icon';\nimport { ArrowRightIcon } from '../../atoms/arrow-right-icon';\nimport { CustomerReviewsProps } from './type';\n\nexport const CustomerReviews: React.FC<CustomerReviewsProps> = ({\n  reviews,\n  onSwiper,\n  heading,\n  subHeading,\n  handleNextClick,\n  handlePreviousClick,\n  sectionBackground = '#F4F5F6',\n}) => {\n  return (\n    <div className=\"kismaa-section-spacing\">\n      <div className=\"py-20\" style={{ background: sectionBackground }}>\n        <div className=\"kismaa-container\">\n          <div className=\"mb-8 text-center\">\n            <div className=\"text-gray-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n                {heading}\n              </Typography>\n            </div>\n            <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                {subHeading}\n              </Typography>\n            </div>\n          </div>\n          <div className=\"\">\n            <Swiper\n              modules={[Navigation]}\n              spaceBetween={32}\n              slidesPerView={1}\n              loop={true}\n              centeredSlides={true}\n              onSwiper={onSwiper}\n              breakpoints={{\n                1024: {\n                  slidesPerView: 3,\n                },\n                768: {\n                  slidesPerView: 2,\n                },\n              }}\n            >\n              {reviews.map((review, index) => (\n                <SwiperSlide key={index}>\n                  {({ isActive }) => (\n                    <ReviewCard isActive={isActive} {...review} />\n                  )}\n                </SwiperSlide>\n              ))}\n            </Swiper>\n            <div className=\"mt-8 flex justify-center gap-5\">\n              <button\n                className=\"rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105\"\n                onClick={handleNextClick}\n              >\n                <ArrowLeftIcon className=\"h-4 w-4\" fill=\"white\" />\n              </button>\n              <button\n                className=\"rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105\"\n                onClick={handlePreviousClick}\n              >\n                <ArrowRightIcon className=\"h-4 w-4\" fill=\"white\" />\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"customer-reviews.0bb408e0.js.map"}

package/customer-reviews.1a8ca84f.js

@@ -1,115 +0,0 @@
-var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
-var $5e083177c6745d7a$exports = require("./review-card.8c59ceac.js");
-var $1c282d9414c56791$exports = require("./arrow-left-icon.8c768b3d.js");
-var $e546e78510c33f22$exports = require("./arrow-right-icon.8dc2b5ec.js");
-var $f8OwM$reactjsxruntime = require("react/jsx-runtime");
-require("react");
-var $f8OwM$swiperreact = require("swiper/react");
-var $f8OwM$swipermodules = require("swiper/modules");
-require("swiper/css");
-require("swiper/css/navigation");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "CustomerReviews", () => $06f1aaad1604b56b$export$7d48b2279aedb0af);
-
-
-
-
-
-
-
-
-
-
-const $06f1aaad1604b56b$export$7d48b2279aedb0af = ({ reviews: reviews, onSwiper: onSwiper, heading: heading, subHeading: subHeading, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick, sectionBackground: sectionBackground = '#F4F5F6' })=>{
-    return /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("div", {
-        className: "kismaa-section-spacing",
-        children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("div", {
-            className: "py-20",
-            style: {
-                background: sectionBackground
-            },
-            children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsxs)("div", {
-                className: "kismaa-container",
-                children: [
-                    /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsxs)("div", {
-                        className: "mb-8 text-center",
-                        children: [
-                            /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("div", {
-                                className: "text-gray-800",
-                                children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
-                                    children: heading
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("div", {
-                                className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]",
-                                children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
-                                    children: subHeading
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsxs)("div", {
-                        className: "",
-                        children: [
-                            /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $f8OwM$swiperreact.Swiper), {
-                                modules: [
-                                    (0, $f8OwM$swipermodules.Navigation)
-                                ],
-                                spaceBetween: 32,
-                                slidesPerView: 1,
-                                loop: true,
-                                centeredSlides: true,
-                                onSwiper: onSwiper,
-                                breakpoints: {
-                                    1024: {
-                                        slidesPerView: 3
-                                    },
-                                    768: {
-                                        slidesPerView: 2
-                                    }
-                                },
-                                children: reviews.map((review, index)=>/*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $f8OwM$swiperreact.SwiperSlide), {
-                                        children: ({ isActive: isActive })=>/*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $5e083177c6745d7a$exports.ReviewCard), {
-                                                isActive: isActive,
-                                                ...review
-                                            })
-                                    }, index))
-                            }),
-                            /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsxs)("div", {
-                                className: "mt-8 flex justify-center gap-5",
-                                children: [
-                                    /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("button", {
-                                        className: "rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105",
-                                        onClick: handleNextClick,
-                                        children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $1c282d9414c56791$exports.ArrowLeftIcon), {
-                                            className: "h-4 w-4",
-                                            fill: "white"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("button", {
-                                        className: "rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105",
-                                        onClick: handlePreviousClick,
-                                        children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)((0, $e546e78510c33f22$exports.ArrowRightIcon), {
-                                            className: "h-4 w-4",
-                                            fill: "white"
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-};
-
-
-//# sourceMappingURL=customer-reviews.1a8ca84f.js.map

package/customer-reviews.1a8ca84f.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,4CAAkD,CAAC,WAC9D,OAAO,YACP,QAAQ,WACR,OAAO,cACP,UAAU,mBACV,eAAe,uBACf,mBAAmB,qBACnB,oBAAoB,WACrB;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,gCAAC;YAAI,WAAU;YAAQ,OAAO;gBAAE,YAAY;YAAkB;sBAC5D,cAAA,iCAAC;gBAAI,WAAU;;kCACb,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CACxC;;;0CAGL,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C;;;;;kCAIP,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,yBAAK;gCACJ,SAAS;oCAAC,CAAA,GAAA,+BAAS;iCAAE;gCACrB,cAAc;gCACd,eAAe;gCACf,MAAM;gCACN,gBAAgB;gCAChB,UAAU;gCACV,aAAa;oCACX,MAAM;wCACJ,eAAe;oCACjB;oCACA,KAAK;wCACH,eAAe;oCACjB;gCACF;0CAEC,QAAQ,GAAG,CAAC,CAAC,QAAQ,sBACpB,gCAAC,CAAA,GAAA,8BAAU;kDACR,CAAC,YAAE,QAAQ,EAAE,iBACZ,gCAAC,CAAA,GAAA,oCAAS;gDAAE,UAAU;gDAAW,GAAG,MAAM;;uCAF5B;;0CAOtB,iCAAC;gCAAI,WAAU;;kDACb,gCAAC;wCACC,WAAU;wCACV,SAAS;kDAET,cAAA,gCAAC,CAAA,GAAA,uCAAY;4CAAE,WAAU;4CAAU,MAAK;;;kDAE1C,gCAAC;wCACC,WAAU;wCACV,SAAS;kDAET,cAAA,gCAAC,CAAA,GAAA,wCAAa;4CAAE,WAAU;4CAAU,MAAK;;;;;;;;;;;AAQzD","sources":["src/organisms/customer-reviews/customer-reviews.tsx"],"sourcesContent":["import React from 'react';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Navigation } from 'swiper/modules';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { ReviewCard } from '../review-card/review-card';\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport { ArrowLeftIcon } from '../../atoms/arrow-left-icon';\nimport { ArrowRightIcon } from '../../atoms/arrow-right-icon';\nimport { CustomerReviewsProps } from './type';\n\nexport const CustomerReviews: React.FC<CustomerReviewsProps> = ({\n  reviews,\n  onSwiper,\n  heading,\n  subHeading,\n  handleNextClick,\n  handlePreviousClick,\n  sectionBackground = '#F4F5F6',\n}) => {\n  return (\n    <div className=\"kismaa-section-spacing\">\n      <div className=\"py-20\" style={{ background: sectionBackground }}>\n        <div className=\"kismaa-container\">\n          <div className=\"mb-8 text-center\">\n            <div className=\"text-gray-800\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n                {heading}\n              </Typography>\n            </div>\n            <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n                {subHeading}\n              </Typography>\n            </div>\n          </div>\n          <div className=\"\">\n            <Swiper\n              modules={[Navigation]}\n              spaceBetween={32}\n              slidesPerView={1}\n              loop={true}\n              centeredSlides={true}\n              onSwiper={onSwiper}\n              breakpoints={{\n                1024: {\n                  slidesPerView: 3,\n                },\n                768: {\n                  slidesPerView: 2,\n                },\n              }}\n            >\n              {reviews.map((review, index) => (\n                <SwiperSlide key={index}>\n                  {({ isActive }) => (\n                    <ReviewCard isActive={isActive} {...review} />\n                  )}\n                </SwiperSlide>\n              ))}\n            </Swiper>\n            <div className=\"mt-8 flex justify-center gap-5\">\n              <button\n                className=\"rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105\"\n                onClick={handleNextClick}\n              >\n                <ArrowLeftIcon className=\"h-4 w-4\" fill=\"white\" />\n              </button>\n              <button\n                className=\"rounded-sm bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105\"\n                onClick={handlePreviousClick}\n              >\n                <ArrowRightIcon className=\"h-4 w-4\" fill=\"white\" />\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"customer-reviews.1a8ca84f.js.map"}

package/customer-reviews.8255b06c.js

@@ -1,9 +0,0 @@
-import {CustomerReviews as $0ef94e84e3b09e62$export$7d48b2279aedb0af} from "./customer-reviews.0bb408e0.js";
-import "./type.a711ae73.js";
-
-
-
-
-
-export {$0ef94e84e3b09e62$export$7d48b2279aedb0af as CustomerReviews};
-//# sourceMappingURL=customer-reviews.8255b06c.js.map

package/customer-reviews.8255b06c.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["src/organisms/customer-reviews/index.ts"],"sourcesContent":["export * from './customer-reviews';\nexport * from './type';\n"],"names":[],"version":3,"file":"customer-reviews.8255b06c.js.map"}

package/extended-user-card.0a0bafd0.js

@@ -1,199 +0,0 @@
-import {ActiveIcon as $10d3dd7a51c72307$export$ed9fa53238da646a} from "./active-icon.4514e159.js";
-import {Badge as $2ZmnV$Badge, Button as $2ZmnV$Button, BUTTON_SIZES as $2ZmnV$BUTTON_SIZES, BUTTON_TYPES as $2ZmnV$BUTTON_TYPES, Ratings as $2ZmnV$Ratings, Typography as $2ZmnV$Typography, TYPOGRAPHY_VARIANTS as $2ZmnV$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
-import {BADGE_SIZES as $4acf4e9f762a97fb$export$296627efaf99c544, BADGE_TYPES as $4acf4e9f762a97fb$export$d56245647dff9e60} from "./type.525129bf.js";
-import {HorizontalDivider as $11d3b113b42da926$export$c5b7fb08338d9b33} from "./horizontal-divider.3bf53568.js";
-import {jsxs as $2ZmnV$jsxs, jsx as $2ZmnV$jsx} from "react/jsx-runtime";
-import "react";
-import $2ZmnV$nextimage from "next/image";
-
-
-
-
-
-
-
-
-const $79223fd2376d2226$export$faefeb4adbbab362 = ({ isActive: isActive, imageUrl: imageUrl, title: title, fee: fee, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn, otherExpertise: otherExpertise, onChatClick: onChatClick })=>{
-    return /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-        className: "overflow-hidden rounded-xl border-[1px] border-gray-300",
-        children: [
-            /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                className: "relative",
-                children: [
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                        className: "absolute right-3 top-3 z-10",
-                        children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $10d3dd7a51c72307$export$ed9fa53238da646a), {
-                            isActive: isActive
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                        className: "h-72 w-full overflow-hidden rounded-xl",
-                        children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$nextimage), {
-                            width: 0,
-                            height: 0,
-                            src: imageUrl,
-                            alt: title,
-                            className: "h-full w-full object-cover object-center"
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                className: "mx-4 my-7 lg:mx-5 lg:my-6",
-                children: [
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                        className: "mb-5 text-primary",
-                        children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                            variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).H4,
-                            children: title
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Fee"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: fee
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Avg. Rating"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                                className: "flex w-[50%] items-center gap-1",
-                                children: [
-                                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                        variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).SUBH3,
-                                        children: avgRating
-                                    }),
-                                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Ratings), {
-                                        rating: avgRating,
-                                        renderFraction: false,
-                                        starsSize: "w-4 lg:w-[15%]"
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Total Rating"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: totalRating
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Total Chat"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: totalChat
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-slate-400",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Expert in"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: expertIn
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $11d3b113b42da926$export$c5b7fb08338d9b33), {}),
-                    /*#__PURE__*/ (0, $2ZmnV$jsxs)("div", {
-                        className: "my-3 flex w-full",
-                        children: [
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Typography), {
-                                    variant: (0, $2ZmnV$TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Other expertise"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                                className: "flex w-[50%] flex-col gap-2",
-                                children: otherExpertise.map((expertise, index)=>/*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Badge), {
-                                        rounded: 20,
-                                        type: (0, $4acf4e9f762a97fb$export$d56245647dff9e60).SOLID,
-                                        size: (0, $4acf4e9f762a97fb$export$296627efaf99c544).MD,
-                                        label: expertise.label,
-                                        bgColor: expertise.bgColor,
-                                        textColor: expertise.textColor
-                                    }, index))
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $2ZmnV$jsx)("div", {
-                        className: "mt-7 w-full",
-                        children: /*#__PURE__*/ (0, $2ZmnV$jsx)((0, $2ZmnV$Button), {
-                            label: 'Chat Now',
-                            size: (0, $2ZmnV$BUTTON_SIZES).MD,
-                            type: (0, $2ZmnV$BUTTON_TYPES).PRIMARY,
-                            handleOnClick: onChatClick
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-
-export {$79223fd2376d2226$export$faefeb4adbbab362 as ExtendedUserCard};
-//# sourceMappingURL=extended-user-card.0a0bafd0.js.map

package/extended-user-card.0a0bafd0.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/organisms/extended-user-card/extended-user-card.tsx"],"sourcesContent":["import { ActiveIcon } from '../../atoms/active-icon';\nimport {\n  Badge,\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Ratings,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\nimport { HorizontalDivider } from '../../molecules/horizontal-divider/horizontal-divider';\nimport React from 'react';\nimport { ExtendedUserCardProps } from './type';\nimport Image from 'next/image';\n\nexport const ExtendedUserCard: React.FC<ExtendedUserCardProps> = ({\n  isActive,\n  imageUrl,\n  title,\n  fee,\n  avgRating,\n  totalRating,\n  totalChat,\n  expertIn,\n  otherExpertise,\n  onChatClick,\n}) => {\n  return (\n    <div className=\"overflow-hidden rounded-xl border-[1px] border-gray-300\">\n      <div className=\"relative\">\n        <div className=\"absolute right-3 top-3 z-10\">\n          <ActiveIcon isActive={isActive} />\n        </div>\n        <div className=\"h-72 w-full overflow-hidden rounded-xl\">\n          <Image\n            width={0}\n            height={0}\n            src={imageUrl}\n            alt={title}\n            className=\"h-full w-full object-cover object-center\"\n          />\n        </div>\n      </div>\n      <div className=\"mx-4 my-7 lg:mx-5 lg:my-6\">\n        <div className=\"mb-5 text-primary\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H4}>{title}</Typography>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Fee</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>{fee}</Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Avg. Rating\n            </Typography>\n          </div>\n          <div className=\"flex w-[50%] items-center gap-1\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {avgRating}\n            </Typography>\n            <Ratings\n              rating={avgRating}\n              renderFraction={false}\n              starsSize=\"w-4 lg:w-[15%]\"\n            />\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Total Rating\n            </Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {totalRating}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Total Chat</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {totalChat}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-slate-400\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Expert in</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {expertIn}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Other expertise\n            </Typography>\n          </div>\n          <div className=\"flex w-[50%] flex-col gap-2\">\n            {otherExpertise.map((expertise, index) => (\n              <Badge\n                key={index}\n                rounded={20}\n                type={BADGE_TYPES.SOLID}\n                size={BADGE_SIZES.MD}\n                label={expertise.label}\n                bgColor={expertise.bgColor}\n                textColor={expertise.textColor}\n              />\n            ))}\n          </div>\n        </div>\n        <div className=\"mt-7 w-full\">\n          <Button\n            label={'Chat Now'}\n            size={BUTTON_SIZES.MD}\n            type={BUTTON_TYPES.PRIMARY}\n            handleOnClick={onChatClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"extended-user-card.0a0bafd0.js.map"}

package/extended-user-card.0c2ef0ea.js

@@ -1,27 +0,0 @@
-var $98ed96ae93d85051$exports = require("./extended-user-card.5d98a8f5.js");
-var $006162dcbe32aafa$exports = require("./type.fa085bea.js");
-
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-
-
-$parcel$exportWildcard(module.exports, $98ed96ae93d85051$exports);
-$parcel$exportWildcard(module.exports, $006162dcbe32aafa$exports);
-
-
-//# sourceMappingURL=extended-user-card.0c2ef0ea.js.map

package/extended-user-card.0c2ef0ea.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["src/organisms/extended-user-card/index.ts"],"sourcesContent":["export * from './extended-user-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"extended-user-card.0c2ef0ea.js.map"}

package/extended-user-card.5d98a8f5.js

@@ -1,208 +0,0 @@
-var $bb59379c00ac64e3$exports = require("./active-icon.f60a343e.js");
-var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
-var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
-var $1554f782806d0590$exports = require("./horizontal-divider.13db4d04.js");
-var $lYqcP$reactjsxruntime = require("react/jsx-runtime");
-require("react");
-var $lYqcP$nextimage = require("next/image");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "ExtendedUserCard", () => $98ed96ae93d85051$export$faefeb4adbbab362);
-
-
-
-
-
-
-
-const $98ed96ae93d85051$export$faefeb4adbbab362 = ({ isActive: isActive, imageUrl: imageUrl, title: title, fee: fee, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn, otherExpertise: otherExpertise, onChatClick: onChatClick })=>{
-    return /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-        className: "overflow-hidden rounded-xl border-[1px] border-gray-300",
-        children: [
-            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                className: "relative",
-                children: [
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                        className: "absolute right-3 top-3 z-10",
-                        children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $bb59379c00ac64e3$exports.ActiveIcon), {
-                            isActive: isActive
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                        className: "h-72 w-full overflow-hidden rounded-xl",
-                        children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, ($parcel$interopDefault($lYqcP$nextimage))), {
-                            width: 0,
-                            height: 0,
-                            src: imageUrl,
-                            alt: title,
-                            className: "h-full w-full object-cover object-center"
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                className: "mx-4 my-7 lg:mx-5 lg:my-6",
-                children: [
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                        className: "mb-5 text-primary",
-                        children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H4,
-                            children: title
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Fee"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: fee
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Avg. Rating"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                                className: "flex w-[50%] items-center gap-1",
-                                children: [
-                                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                        variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH3,
-                                        children: avgRating
-                                    }),
-                                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Ratings), {
-                                        rating: avgRating,
-                                        renderFraction: false,
-                                        starsSize: "w-4 lg:w-[15%]"
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Total Rating"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: totalRating
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Total Chat"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: totalChat
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full items-center",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-slate-400",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Expert in"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH3,
-                                    children: expertIn
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $1554f782806d0590$exports.HorizontalDivider), {}),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsxs)("div", {
-                        className: "my-3 flex w-full",
-                        children: [
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "w-[50%] text-[#8492A7]",
-                                children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P2,
-                                    children: "Other expertise"
-                                })
-                            }),
-                            /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                                className: "flex w-[50%] flex-col gap-2",
-                                children: otherExpertise.map((expertise, index)=>/*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Badge), {
-                                        rounded: 20,
-                                        type: (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).SOLID,
-                                        size: (0, $3fc68f5c881da3e1$exports.BADGE_SIZES).MD,
-                                        label: expertise.label,
-                                        bgColor: expertise.bgColor,
-                                        textColor: expertise.textColor
-                                    }, index))
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)("div", {
-                        className: "mt-7 w-full",
-                        children: /*#__PURE__*/ (0, $lYqcP$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
-                            label: 'Chat Now',
-                            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD,
-                            type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
-                            handleOnClick: onChatClick
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-
-//# sourceMappingURL=extended-user-card.5d98a8f5.js.map

package/extended-user-card.5d98a8f5.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,4CAAoD,CAAC,YAChE,QAAQ,YACR,QAAQ,SACR,KAAK,OACL,GAAG,aACH,SAAS,eACT,WAAW,aACX,SAAS,YACT,QAAQ,kBACR,cAAc,eACd,WAAW,EACZ;IACC,qBACE,iCAAC;QAAI,WAAU;;0BACb,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,UAAU;;;kCAExB,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,0CAAI;4BACH,OAAO;4BACP,QAAQ;4BACR,KAAK;4BACL,KAAK;4BACL,WAAU;;;;;0BAIhB,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAE/C,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAAG;;;;;kCAGrD,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,iCAAC;gCAAI,WAAU;;kDACb,gCAAC,CAAA,GAAA,oCAAS;wCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;kDAC3C;;kDAEH,gCAAC,CAAA,GAAA,iCAAM;wCACL,QAAQ;wCACR,gBAAgB;wCAChB,WAAU;;;;;;kCAIhB,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C;;;;;kCAIP,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAE/C,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C;;;;;kCAIP,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAE/C,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C;;;;;kCAIP,gCAAC,CAAA,GAAA,2CAAgB;kCACjB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAE;;;0CAI/C,gCAAC;gCAAI,WAAU;0CACZ,eAAe,GAAG,CAAC,CAAC,WAAW,sBAC9B,gCAAC,CAAA,GAAA,+BAAI;wCAEH,SAAS;wCACT,MAAM,CAAA,GAAA,qCAAU,EAAE,KAAK;wCACvB,MAAM,CAAA,GAAA,qCAAU,EAAE,EAAE;wCACpB,OAAO,UAAU,KAAK;wCACtB,SAAS,UAAU,OAAO;wCAC1B,WAAW,UAAU,SAAS;uCANzB;;;;kCAWb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;4BACJ,OAAO;4BACP,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;4BACrB,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;4BAC1B,eAAe;;;;;;;AAM3B","sources":["src/organisms/extended-user-card/extended-user-card.tsx"],"sourcesContent":["import { ActiveIcon } from '../../atoms/active-icon';\nimport {\n  Badge,\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Ratings,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\nimport { HorizontalDivider } from '../../molecules/horizontal-divider/horizontal-divider';\nimport React from 'react';\nimport { ExtendedUserCardProps } from './type';\nimport Image from 'next/image';\n\nexport const ExtendedUserCard: React.FC<ExtendedUserCardProps> = ({\n  isActive,\n  imageUrl,\n  title,\n  fee,\n  avgRating,\n  totalRating,\n  totalChat,\n  expertIn,\n  otherExpertise,\n  onChatClick,\n}) => {\n  return (\n    <div className=\"overflow-hidden rounded-xl border-[1px] border-gray-300\">\n      <div className=\"relative\">\n        <div className=\"absolute right-3 top-3 z-10\">\n          <ActiveIcon isActive={isActive} />\n        </div>\n        <div className=\"h-72 w-full overflow-hidden rounded-xl\">\n          <Image\n            width={0}\n            height={0}\n            src={imageUrl}\n            alt={title}\n            className=\"h-full w-full object-cover object-center\"\n          />\n        </div>\n      </div>\n      <div className=\"mx-4 my-7 lg:mx-5 lg:my-6\">\n        <div className=\"mb-5 text-primary\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H4}>{title}</Typography>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Fee</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>{fee}</Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Avg. Rating\n            </Typography>\n          </div>\n          <div className=\"flex w-[50%] items-center gap-1\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {avgRating}\n            </Typography>\n            <Ratings\n              rating={avgRating}\n              renderFraction={false}\n              starsSize=\"w-4 lg:w-[15%]\"\n            />\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Total Rating\n            </Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {totalRating}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Total Chat</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {totalChat}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full items-center\">\n          <div className=\"w-[50%] text-slate-400\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>Expert in</Typography>\n          </div>\n          <div className=\"w-[50%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH3}>\n              {expertIn}\n            </Typography>\n          </div>\n        </div>\n        <HorizontalDivider />\n        <div className=\"my-3 flex w-full\">\n          <div className=\"w-[50%] text-[#8492A7]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P2}>\n              Other expertise\n            </Typography>\n          </div>\n          <div className=\"flex w-[50%] flex-col gap-2\">\n            {otherExpertise.map((expertise, index) => (\n              <Badge\n                key={index}\n                rounded={20}\n                type={BADGE_TYPES.SOLID}\n                size={BADGE_SIZES.MD}\n                label={expertise.label}\n                bgColor={expertise.bgColor}\n                textColor={expertise.textColor}\n              />\n            ))}\n          </div>\n        </div>\n        <div className=\"mt-7 w-full\">\n          <Button\n            label={'Chat Now'}\n            size={BUTTON_SIZES.MD}\n            type={BUTTON_TYPES.PRIMARY}\n            handleOnClick={onChatClick}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"extended-user-card.5d98a8f5.js.map"}