@appcorp/kismaa-web-ui 0.1.39 → 0.1.41

package/molecules/badge/badge.js

@@ -5,14 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
 var react_1 = __importDefault(require("react"));
-var kismaa_utils_1 = require("@appcorp/kismaa-utils");
 var util_functions_1 = require("@react-pakistan/util-functions");
 var type_1 = require("./type");
 var outline_1 = require("@heroicons/react/24/outline");
 var classNameMap = function (type) {
     var _a;
     return (_a = {},
-        _a[type_1.BADGE_TYPE.CARD_BADGE] = "py-1.5 px-2.5 text-xs rounded-full ".concat(kismaa_utils_1.psychicSpecialityColorMap[type] || 'bg-primary'),
+        _a[type_1.BADGE_TYPE.CARD_BADGE] = "py-1.5 px-2.5 text-xs rounded-full bg-primary/30 text-primary",
         _a[type_1.BADGE_TYPE.FOOTER_BADGE] = 'py-2 px-4 lg:text-base text-sm text-white bg-primary rounded-md',
         _a);
 };

package/organisms/customer-reviews/customer-reviews.js

@@ -10,29 +10,61 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomerReviews = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_2 = require("swiper/react");
-var modules_1 = require("swiper/modules");
 var molecules_1 = require("../../molecules");
 var review_card_1 = require("../review-card/review-card");
 var arrow_left_icon_1 = require("../../atoms/arrow-left-icon");
 var arrow_right_icon_1 = require("../../atoms/arrow-right-icon");
 var CustomerReviews = function (_a) {
-    var reviews = _a.reviews, onSwiper = _a.onSwiper, heading = _a.heading, subHeading = _a.subHeading, handleNextClick = _a.handleNextClick, handlePreviousClick = _a.handlePreviousClick, isSectionBgEnabled = _a.isSectionBgEnabled;
+    var reviews = _a.reviews, onSwiper = _a.onSwiper, heading = _a.heading, subHeading = _a.subHeading, isSectionBgEnabled = _a.isSectionBgEnabled;
+    var sliderRef = (0, react_1.useRef)(null);
+    var handleNext = function () { var _a; return (_a = sliderRef === null || sliderRef === void 0 ? void 0 : sliderRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slideNext(); };
+    var handlePrev = function () { var _a; return (_a = sliderRef === null || sliderRef === void 0 ? void 0 : sliderRef.current) === null || _a === void 0 ? void 0 : _a.swiper.slidePrev(); };
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing ".concat(isSectionBgEnabled ? 'bg-gray-100' : 'bg-white') },
         react_1.default.createElement("div", { className: "kismaa-container" },
             react_1.default.createElement("div", { className: "mb-8 text-center" },
                 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: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[50%]" },
+                react_1.default.createElement("div", { className: "mx-auto mt-4 w-full text-center text-gray-600 lg:w-[50%]" },
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, subHeading))),
             react_1.default.createElement("div", { className: "" },
-                react_1.default.createElement(react_2.Swiper, { modules: [modules_1.Navigation], spaceBetween: 32, slidesPerView: 1, loop: true, centeredSlides: true, onSwiper: onSwiper, breakpoints: {
+                react_1.default.createElement(react_2.Swiper, { autoplay: true, centeredSlides: true, loop: true, onSwiper: onSwiper, ref: sliderRef, slidesPerView: 1, spaceBetween: 32, breakpoints: {
                         1024: {
                             slidesPerView: 3,
                         },
@@ -44,9 +76,9 @@ var CustomerReviews = function (_a) {
                     return (react_1.default.createElement(review_card_1.ReviewCard, __assign({ isActive: isActive }, review)));
                 })); })),
                 react_1.default.createElement("div", { className: "mt-8 flex justify-center gap-5" },
-                    react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNextClick },
+                    react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePrev },
                         react_1.default.createElement(arrow_left_icon_1.ArrowLeftIcon, { className: "h-4 w-4", fill: "white" })),
-                    react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePreviousClick },
+                    react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNext },
                         react_1.default.createElement(arrow_right_icon_1.ArrowRightIcon, { className: "h-4 w-4", fill: "white" })))))));
 };
 exports.CustomerReviews = CustomerReviews;

package/organisms/customer-reviews/props.js

@@ -56,8 +56,6 @@ exports.customerReviewData = {
     ],
     heading: 'Customer Reviews',
     subHeading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients. ',
-    handleNextClick: function () { return void 0; },
-    handlePreviousClick: function () { return void 0; },
     onSwiper: function () { return void 0; },
     isSectionBgEnabled: true,
 };

package/organisms/customer-reviews/type.d.ts

@@ -12,8 +12,6 @@ export interface CustomerReviewsProps {
     reviews: Review[];
     heading: string;
     subHeading: string;
-    handleNextClick: () => void;
-    handlePreviousClick: () => void;
     onSwiper: () => void;
     isSectionBgEnabled?: boolean;
 }

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

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

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

@@ -4,24 +4,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GetAppBanner = void 0;
-var molecules_1 = require("../../molecules");
 var react_1 = __importDefault(require("react"));
+var molecules_1 = require("../../molecules");
 var GetAppBanner = function (_a) {
-    var backgroundImageUrl = _a.backgroundImageUrl, getAppDescription = _a.getAppDescription, getAppHeading = _a.getAppHeading, handleAppStoreClick = _a.handleAppStoreClick, handlePlayStoreClick = _a.handlePlayStoreClick, _b = _a.bannerBgEnabled, bannerBgEnabled = _b === void 0 ? false : _b;
-    return (react_1.default.createElement("section", { className: "".concat(!bannerBgEnabled ? 'kismaa-section-spacing bg-white' : '') },
-        react_1.default.createElement("div", { className: "".concat(bannerBgEnabled ? 'bg-gray-100 bg-cover' : '') },
-            react_1.default.createElement("div", { className: "kismaa-container rounded-md bg-gray-100 bg-cover ".concat(backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''), style: {
-                    '--bg-image': "url(".concat(backgroundImageUrl, ")"),
-                    backgroundRepeat: 'no-repeat',
-                    backgroundSize: 'cover',
-                } },
+    var backgroundImageUrl = _a.backgroundImageUrl, _b = _a.bannerBgEnabled, bannerBgEnabled = _b === void 0 ? true : _b, getAppDescription = _a.getAppDescription, getAppHeading = _a.getAppHeading, handleAppStoreClick = _a.handleAppStoreClick, handlePlayStoreClick = _a.handlePlayStoreClick;
+    return (react_1.default.createElement("section", { className: "".concat(!bannerBgEnabled ? 'kismaa-section-spacing bg-white' : 'bg-gray-100') },
+        react_1.default.createElement("div", { className: "kismaa-container bg-gray-100" },
+            react_1.default.createElement("div", { className: "grid grid-cols-2" },
                 react_1.default.createElement("div", { className: "w-full px-4 py-8 lg:py-16 lg:pl-14" },
                     react_1.default.createElement("div", { className: "text-slate-900/95" },
                         react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, getAppHeading)),
-                    react_1.default.createElement("div", { className: "mt-6 w-full text-neutral-800/95 lg:w-1/3" },
+                    react_1.default.createElement("div", { className: "mt-6 w-full text-neutral-800/95" },
                         react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, getAppDescription)),
                     react_1.default.createElement("div", { className: "mt-8 flex gap-5 lg:mt-16" },
                         react_1.default.createElement(molecules_1.PlayStoreButton, { handleOnClick: handlePlayStoreClick }),
-                        react_1.default.createElement(molecules_1.AppStoreButton, { handleOnClick: handleAppStoreClick })))))));
+                        react_1.default.createElement(molecules_1.AppStoreButton, { handleOnClick: handleAppStoreClick }))),
+                react_1.default.createElement("div", { className: "rounded-md bg-gray-100 bg-cover ".concat(backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''), style: {
+                        '--bg-image': "url(".concat(backgroundImageUrl, ")"),
+                        backgroundRepeat: 'no-repeat',
+                        backgroundSize: 'cover',
+                    } })))));
 };
 exports.GetAppBanner = GetAppBanner;

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

@@ -4,7 +4,7 @@ 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',
+    backgroundImageUrl: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/get-the-app-banner.webp',
     getAppHeading: 'Get the App',
     getAppDescription: 'All prices are listed in $ credits. One $ credit is equivalent to $1  USD. Psychics are not employees or representatives of Kismaa Psychics.',
     bannerBgEnabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",