@appcorp/kismaa-web-ui 0.1.1

package/customer-reviews.33cda588.js

@@ -0,0 +1,109 @@
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $5e083177c6745d7a$exports = require("./review-card.34430249.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 })=>{
+    return /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsx)("div", {
+        className: "bg-gray-100",
+        children: /*#__PURE__*/ (0, $f8OwM$reactjsxruntime.jsxs)("div", {
+            className: "kismaa-section-spacing 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.33cda588.js.map

package/customer-reviews.33cda588.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,4CAAkD,CAAC,WAC9D,OAAO,YACP,QAAQ,WACR,OAAO,cACP,UAAU,mBACV,eAAe,uBACf,mBAAmB,EACpB;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,iCAAC;YAAI,WAAU;;8BACb,iCAAC;oBAAI,WAAU;;sCACb,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,iCAAC;oBAAI,WAAU;;sCACb,gCAAC,CAAA,GAAA,yBAAK;4BACJ,SAAS;gCAAC,CAAA,GAAA,+BAAS;6BAAE;4BACrB,cAAc;4BACd,eAAe;4BACf,MAAM;4BACN,gBAAgB;4BAChB,UAAU;4BACV,aAAa;gCACX,MAAM;oCACJ,eAAe;gCACjB;gCACA,KAAK;oCACH,eAAe;gCACjB;4BACF;sCAEC,QAAQ,GAAG,CAAC,CAAC,QAAQ,sBACpB,gCAAC,CAAA,GAAA,8BAAU;8CACR,CAAC,YAAE,QAAQ,EAAE,iBACZ,gCAAC,CAAA,GAAA,oCAAS;4CAAE,UAAU;4CAAW,GAAG,MAAM;;mCAF5B;;sCAOtB,iCAAC;4BAAI,WAAU;;8CACb,gCAAC;oCACC,WAAU;oCACV,SAAS;8CAET,cAAA,gCAAC,CAAA,GAAA,uCAAY;wCAAE,WAAU;wCAAU,MAAK;;;8CAE1C,gCAAC;oCACC,WAAU;oCACV,SAAS;8CAET,cAAA,gCAAC,CAAA,GAAA,wCAAa;wCAAE,WAAU;wCAAU,MAAK;;;;;;;;;;AAOvD","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}) => {\n  return (\n    <div className=\"bg-gray-100\">\n      <div className=\"kismaa-section-spacing kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</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  );\n};\n"],"names":[],"version":3,"file":"customer-reviews.33cda588.js.map"}

package/customer-reviews.4ce1e06f.js

@@ -0,0 +1,104 @@
+import {Typography as $jINy4$Typography, TYPOGRAPHY_VARIANTS as $jINy4$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {ReviewCard as $77d693df8ce8c2ca$export$82cac57774882155} from "./review-card.d4bb9847.js";
+import {ArrowLeftIcon as $cef7499ebf8e00ed$export$8afed21ef5c2afa5} from "./arrow-left-icon.249a16e2.js";
+import {ArrowRightIcon as $dab1c9342c6a7b9d$export$9ca09caa9c849d9c} from "./arrow-right-icon.0a2da66d.js";
+import {jsx as $jINy4$jsx, jsxs as $jINy4$jsxs} from "react/jsx-runtime";
+import "react";
+import {Swiper as $jINy4$Swiper, SwiperSlide as $jINy4$SwiperSlide} from "swiper/react";
+import {Navigation as $jINy4$Navigation} from "swiper/modules";
+import "swiper/css";
+import "swiper/css/navigation";
+
+
+
+
+
+
+
+
+
+
+
+const $0ef94e84e3b09e62$export$7d48b2279aedb0af = ({ reviews: reviews, onSwiper: onSwiper, heading: heading, subHeading: subHeading, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick })=>{
+    return /*#__PURE__*/ (0, $jINy4$jsx)("div", {
+        className: "bg-gray-100",
+        children: /*#__PURE__*/ (0, $jINy4$jsxs)("div", {
+            className: "kismaa-section-spacing kismaa-container",
+            children: [
+                /*#__PURE__*/ (0, $jINy4$jsxs)("div", {
+                    className: "mb-8 text-center",
+                    children: [
+                        /*#__PURE__*/ (0, $jINy4$jsx)("div", {
+                            className: "text-gray-800",
+                            children: /*#__PURE__*/ (0, $jINy4$jsx)((0, $jINy4$Typography), {
+                                variant: (0, $jINy4$TYPOGRAPHY_VARIANTS).H2,
+                                children: heading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $jINy4$jsx)("div", {
+                            className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]",
+                            children: /*#__PURE__*/ (0, $jINy4$jsx)((0, $jINy4$Typography), {
+                                variant: (0, $jINy4$TYPOGRAPHY_VARIANTS).SUBH4,
+                                children: subHeading
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $jINy4$jsxs)("div", {
+                    className: "",
+                    children: [
+                        /*#__PURE__*/ (0, $jINy4$jsx)((0, $jINy4$Swiper), {
+                            modules: [
+                                (0, $jINy4$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, $jINy4$jsx)((0, $jINy4$SwiperSlide), {
+                                    children: ({ isActive: isActive })=>/*#__PURE__*/ (0, $jINy4$jsx)((0, $77d693df8ce8c2ca$export$82cac57774882155), {
+                                            isActive: isActive,
+                                            ...review
+                                        })
+                                }, index))
+                        }),
+                        /*#__PURE__*/ (0, $jINy4$jsxs)("div", {
+                            className: "mt-8 flex justify-center gap-5",
+                            children: [
+                                /*#__PURE__*/ (0, $jINy4$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, $jINy4$jsx)((0, $cef7499ebf8e00ed$export$8afed21ef5c2afa5), {
+                                        className: "h-4 w-4",
+                                        fill: "white"
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $jINy4$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, $jINy4$jsx)((0, $dab1c9342c6a7b9d$export$9ca09caa9c849d9c), {
+                                        className: "h-4 w-4",
+                                        fill: "white"
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+export {$0ef94e84e3b09e62$export$7d48b2279aedb0af as CustomerReviews};
+//# sourceMappingURL=customer-reviews.4ce1e06f.js.map

package/customer-reviews.4ce1e06f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,4CAAkD,CAAC,WAC9D,OAAO,YACP,QAAQ,WACR,OAAO,cACP,UAAU,mBACV,eAAe,uBACf,mBAAmB,EACpB;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,iBAAC;YAAI,WAAU;;8BACb,iBAAC;oBAAI,WAAU;;sCACb,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,iBAAC;oBAAI,WAAU;;sCACb,gBAAC,CAAA,GAAA,aAAK;4BACJ,SAAS;gCAAC,CAAA,GAAA,iBAAS;6BAAE;4BACrB,cAAc;4BACd,eAAe;4BACf,MAAM;4BACN,gBAAgB;4BAChB,UAAU;4BACV,aAAa;gCACX,MAAM;oCACJ,eAAe;gCACjB;gCACA,KAAK;oCACH,eAAe;gCACjB;4BACF;sCAEC,QAAQ,GAAG,CAAC,CAAC,QAAQ,sBACpB,gBAAC,CAAA,GAAA,kBAAU;8CACR,CAAC,YAAE,QAAQ,EAAE,iBACZ,gBAAC,CAAA,GAAA,yCAAS;4CAAE,UAAU;4CAAW,GAAG,MAAM;;mCAF5B;;sCAOtB,iBAAC;4BAAI,WAAU;;8CACb,gBAAC;oCACC,WAAU;oCACV,SAAS;8CAET,cAAA,gBAAC,CAAA,GAAA,yCAAY;wCAAE,WAAU;wCAAU,MAAK;;;8CAE1C,gBAAC;oCACC,WAAU;oCACV,SAAS;8CAET,cAAA,gBAAC,CAAA,GAAA,yCAAa;wCAAE,WAAU;wCAAU,MAAK;;;;;;;;;;AAOvD","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}) => {\n  return (\n    <div className=\"bg-gray-100\">\n      <div className=\"kismaa-section-spacing kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</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  );\n};\n"],"names":[],"version":3,"file":"customer-reviews.4ce1e06f.js.map"}

package/customer-reviews.ce102594.js

@@ -0,0 +1,27 @@
+var $06f1aaad1604b56b$exports = require("./customer-reviews.33cda588.js");
+var $e2519ae382dd7400$exports = require("./type.7409f794.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, $06f1aaad1604b56b$exports);
+$parcel$exportWildcard(module.exports, $e2519ae382dd7400$exports);
+
+
+//# sourceMappingURL=customer-reviews.ce102594.js.map

package/customer-reviews.ce102594.js.map

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

package/extended-user-card.33308b6c.js

@@ -0,0 +1,9 @@
+import {ExtendedUserCard as $79223fd2376d2226$export$faefeb4adbbab362} from "./extended-user-card.aede2e9a.js";
+import "./type.7198c8f2.js";
+
+
+
+
+
+export {$79223fd2376d2226$export$faefeb4adbbab362 as ExtendedUserCard};
+//# sourceMappingURL=extended-user-card.33308b6c.js.map

package/extended-user-card.33308b6c.js.map

@@ -0,0 +1 @@
+{"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.33308b6c.js.map"}

package/extended-user-card.33355fb8.js

@@ -0,0 +1,208 @@
+var $bb59379c00ac64e3$exports = require("./active-icon.f60a343e.js");
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.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.33355fb8.js.map

package/extended-user-card.33355fb8.js.map

@@ -0,0 +1 @@
+{"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.33355fb8.js.map"}