@appcorp/kismaa-web-ui 0.1.15 → 0.1.16

package/organisms/advisors-section/advisors-section.js

@@ -8,10 +8,10 @@ var react_1 = __importDefault(require("react"));
 var section_header_1 = require("../section-header");
 var user_cards_grid_1 = require("../user-cards-grid");
 var AdvisorsSection = function (_a) {
-    var btnText = _a.btnText, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, heading = _a.heading, onButtonClick = _a.onButtonClick, subheading = _a.subheading;
+    var buttonLabel = _a.buttonLabel, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, heading = _a.heading, handleOnClick = _a.handleOnClick, subheading = _a.subheading;
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
         react_1.default.createElement("div", { className: "kismaa-container" },
-            react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: subheading, renderCtaButton: cardItems.length > cardsLimit, handleButtonClick: onButtonClick, btnText: btnText }),
+            react_1.default.createElement(section_header_1.SectionHeader, { btnText: buttonLabel, handleButtonClick: handleOnClick, heading: heading, renderCtaButton: cardItems.length > cardsLimit, subheading: subheading }),
             react_1.default.createElement(user_cards_grid_1.UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit }))));
 };
 exports.AdvisorsSection = AdvisorsSection;

package/organisms/advisors-section/props.js

@@ -5,8 +5,8 @@ var props_1 = require("./../../organisms/user-cards-grid/props");
 exports.advisorsSectionData = {
     heading: 'Featured Advisors',
     subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
-    btnText: 'See more',
+    buttonLabel: 'See more',
     cardItems: props_1.userCardGridData,
     cardsLimit: 6,
-    onButtonClick: function () { return console.log('Button clicked!'); },
+    handleOnClick: function () { return console.log('Button clicked!'); },
 };

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

@@ -1,9 +1,9 @@
 import { UserCardProps } from '../../molecules';
 export interface AdvisorsSectionProps {
-    heading: string;
-    subheading: string;
-    btnText: string;
+    buttonLabel: string;
     cardItems: UserCardProps[];
     cardsLimit: number;
-    onButtonClick: () => void;
+    handleOnClick: () => void;
+    heading: string;
+    subheading: string;
 }

package/organisms/banner/banner.js

@@ -14,7 +14,7 @@ var bannerSizeMap = (_a = {},
     _a[type_1.BANNER_TYPES.HERO] = 'lg:pt-72 pt-48 lg:pb-32 pb-16',
     _a);
 var Banner = function (_a) {
-    var type = _a.type, heading = _a.heading, subHeading = _a.subHeading, firstButtonLabel = _a.firstButtonLabel, firstButtonOnClick = _a.firstButtonOnClick, secondButtonLabel = _a.secondButtonLabel, backgroundImage = _a.backgroundImage, secondButtonOnClick = _a.secondButtonOnClick;
+    var backgroundImage = _a.backgroundImage, buttons = _a.buttons, heading = _a.heading, subHeading = _a.subHeading, type = _a.type;
     var renderHeroContent = function () {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: "" },
@@ -22,9 +22,16 @@ var Banner = function (_a) {
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.HEROHEADING }, heading)),
                 react_1.default.createElement("div", { className: "text-gray-800/80" },
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH1 }, subHeading)),
-                react_1.default.createElement("div", { className: "mt-10 flex w-fit gap-2.5" },
-                    react_1.default.createElement(molecules_1.Button, { label: firstButtonLabel, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: firstButtonOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }) }),
-                    react_1.default.createElement(molecules_1.Button, { label: secondButtonLabel, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: secondButtonOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }) })))));
+                react_1.default.createElement("div", { className: "mt-10 flex w-fit gap-2.5" }, buttons
+                    .filter(function (_a) {
+                    var enabled = _a.enabled;
+                    return enabled;
+                })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (_a) {
+                    var label = _a.label, handleOnClick = _a.handleOnClick;
+                    return (react_1.default.createElement(molecules_1.Button, { handleOnClick: handleOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), key: label, label: label, type: molecules_1.BUTTON_TYPES.PRIMARY }));
+                })))));
     };
     return (react_1.default.createElement("section", { style: {
             backgroundImage: "url(".concat(backgroundImage, ")"),

package/organisms/banner/props.js

@@ -7,8 +7,18 @@ exports.bannerData = {
     backgroundImage: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/hero-banner.webp',
     heading: 'Embrace your destiny',
     subHeading: 'Get the Answers you Need with Our Expert Psychics',
-    firstButtonLabel: 'Advisors',
-    firstButtonOnClick: function () { return void 0; },
-    secondButtonOnClick: function () { return void 0; },
-    secondButtonLabel: 'Sign up',
+    buttons: [
+        {
+            enabled: true,
+            handleOnClick: function () { return void 0; },
+            label: 'Advisors',
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: function () { return void 0; },
+            label: 'Sign Up',
+            order: 2,
+        },
+    ],
 };

package/organisms/banner/type.d.ts

@@ -2,13 +2,16 @@ export declare enum BANNER_TYPES {
     HERO = "HERO",
     HEADER = "HEADER"
 }
+export interface ButtonItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    label: string;
+    order: number;
+}
 export interface BannerProps {
-    type: BANNER_TYPES;
     backgroundImage: string;
+    buttons: ButtonItem[];
     heading: string;
     subHeading: string;
-    firstButtonLabel: string;
-    firstButtonOnClick: () => void;
-    secondButtonOnClick: () => void;
-    secondButtonLabel: string;
+    type: BANNER_TYPES;
 }

package/organisms/highlight-banner/props.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.highlightBannerData = void 0;
 exports.highlightBannerData = {
     bannerButtonText: 'Sign In',
-    bannerDescription: 'We realize that choosing the right advisor is important for your  satisfaction. Our Best Match Guarantee gives you $15 free credits with  each new advisor, allowing you to pick the best match for you before you start a paid reading. Our guarantee applies to your first chat reading  with any new advisor and to your first phone reading only.',
+    bannerDescription: 'We realize that choosing the right advisor is important for your satisfaction. Our Best Match Guarantee gives you $15 free credits with  each new advisor, allowing you to pick the best match for you before you start a paid reading. Our guarantee applies to your first chat reading  with any new advisor and to your first phone reading only.',
     bannerTitle: 'When starting a reading, get $15 FREE CREDIT',
     handleCtaClick: function () { return void 0; },
     bannerBg: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/highlight-banner.svg',

package/package.json

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