linkedunion-design-kit 1.5.0 → 1.5.2

package/dist/components/MediaCard/ContactProfile/ContactProfile.test.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var ContactProfile_1 = require("./ContactProfile");
+var enums_1 = require("../../../utils/enums");
+var mockProps = {
+    id: 1,
+    layout: enums_1.OrientationEnum.horizontal,
+    cardStyle: {
+        card_title_color: "#000000",
+        card_description_color: "#666666",
+        card_shadow_toggle: 1,
+        card_shadow_color: "rgba(0,0,0,0.2)",
+        card_background_color: "#ffffff",
+        card_button_background_color: "#f5f5f5",
+        card_button_text_color: "#333333",
+    },
+};
+describe("ContactProfile Component", function () {
+    it("renders ContactProfileTheme1 when layout is horizontal", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, mockProps)));
+        expect(react_1.screen.getByTestId("contact-profile-theme1")).toBeInTheDocument();
+    });
+    it("renders ContactProfileTheme2 when layout is vertical", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, mockProps, { layout: enums_1.OrientationEnum.vertical })));
+        expect(react_1.screen.getByTestId("contact-profile-theme2")).toBeInTheDocument();
+    });
+    it("applies correct styles based on id", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, mockProps)));
+        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes(".card_ContactProfile_title_color_1");
+        })).toBeTruthy();
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes(".card_bg_ContactProfile_1");
+        })).toBeTruthy();
+    });
+    it("applies default shadow when card_shadow_toggle is not 1", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, mockProps, { cardStyle: __assign(__assign({}, mockProps.cardStyle), { card_shadow_toggle: 0 }) })));
+        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes("box-shadow: 0px 4px 12px 0px rgba(52, 52, 52, 0.15)");
+        })).toBeTruthy();
+    });
+});

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js

@@ -11,6 +11,6 @@ var link_1 = __importDefault(require("next/link"));
 var card_module_css_1 = __importDefault(require("../card.module.css"));
 var enums_1 = require("../../../utils/enums");
 var ContactProfileTheme1 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-x-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(card_module_css_1.default.horizontal_card_image), children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(card_module_css_1.default.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "contact-profile-theme1", className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-x-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(card_module_css_1.default.horizontal_card_image), children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(card_module_css_1.default.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
 };
 exports.ContactProfileTheme1 = ContactProfileTheme1;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.test.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+var ContactProfileTheme1_1 = require("./ContactProfileTheme1");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe("ContactProfileTheme1 Component", function () {
+    var mockProps = {
+        id: 1,
+        heading: "John Doe",
+        body: "Software Engineer",
+        image: "https://via.placeholder.com/150",
+        btnLabel: "View Profile",
+        href: "/profile",
+        className: "custom-class",
+    };
+    jest.mock("next/image", function () { return ({
+        __esModule: true,
+        default: function (props) {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)("img", __assign({}, props, { alt: props.btnLabel || "", id: (_a = props.id) === null || _a === void 0 ? void 0 : _a.toString() })));
+        },
+    }); });
+    it("Render the contact profile theme1 with correct body and heading text", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, mockProps)));
+        var headingElement = react_1.screen.getByText(mockProps.heading);
+        var bodyElement = react_1.screen.getByText(mockProps.body);
+        expect(headingElement).toBeInTheDocument();
+        expect(bodyElement).toBeInTheDocument();
+    });
+    it("renders the profile image", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, mockProps)));
+        var profileImage = react_1.screen.getByAltText("Image");
+        expect(profileImage).toBeInTheDocument();
+        expect(profileImage).toHaveAttribute("alt", "Image"); // Matches the default alt in LuImage
+    });
+    it("renders the button with correct label and icon", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, mockProps)));
+        var buttonElement = react_1.screen.getByRole("button", {
+            name: mockProps.btnLabel,
+        });
+        expect(buttonElement).toBeInTheDocument();
+        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
+    });
+    it("renders the link with the correct href", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, mockProps)));
+        var linkElement = react_1.screen.getByRole("link");
+        expect(linkElement).toHaveAttribute("href", mockProps.href);
+    });
+    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, linkElement;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, mockProps)));
+                    user = user_event_1.default.setup();
+                    linkElement = react_1.screen.getByRole("link");
+                    return [4 /*yield*/, user.click(linkElement)];
+                case 1:
+                    _a.sent();
+                    expect(linkElement).toHaveAttribute("href", mockProps.href);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("renders without crashing when href is undefined", function () {
+        var propsWithoutHref = __assign(__assign({}, mockProps), { href: undefined });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, propsWithoutHref)));
+        expect(react_1.screen.getByRole("button")).toBeInTheDocument();
+    });
+});

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js

@@ -11,6 +11,6 @@ var link_1 = __importDefault(require("next/link"));
 var card_module_css_1 = __importDefault(require("../card.module.css"));
 var enums_1 = require("../../../utils/enums");
 var ContactProfileTheme2 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "contact-profile-theme2", className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
 };
 exports.ContactProfileTheme2 = ContactProfileTheme2;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.test.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+var ContactProfileTheme2_1 = require("./ContactProfileTheme2");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe("ContactProfileTheme1 Component", function () {
+    var mockProps = {
+        id: 1,
+        heading: "John Doe",
+        body: "Software Engineer",
+        image: "https://via.placeholder.com/150",
+        btnLabel: "View Profile",
+        href: "/profile",
+        className: "custom-class",
+    };
+    jest.mock("next/image", function () { return ({
+        __esModule: true,
+        default: function (props) {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)("img", __assign({}, props, { alt: props.btnLabel || "", id: (_a = props.id) === null || _a === void 0 ? void 0 : _a.toString() })));
+        }, // Renders a normal <img> tag
+    }); });
+    it("Render the contact profile theme1 with correct body and heading text", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, mockProps)));
+        var headingElement = react_1.screen.getByText(mockProps.heading);
+        var bodyElement = react_1.screen.getByText(mockProps.body);
+        expect(headingElement).toBeInTheDocument();
+        expect(bodyElement).toBeInTheDocument();
+    });
+    it("renders the profile image", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, mockProps)));
+        var profileImage = react_1.screen.getByAltText("Image");
+        expect(profileImage).toBeInTheDocument();
+        expect(profileImage).toHaveAttribute("alt", "Image"); // Matches the default alt in LuImage
+    });
+    it("renders the button with correct label and icon", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, mockProps)));
+        var buttonElement = react_1.screen.getByRole("button", {
+            name: mockProps.btnLabel,
+        });
+        expect(buttonElement).toBeInTheDocument();
+        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
+    });
+    it("renders the link with the correct href", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, mockProps)));
+        var linkElement = react_1.screen.getByRole("link");
+        expect(linkElement).toHaveAttribute("href", mockProps.href);
+    });
+    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, linkElement;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, mockProps)));
+                    user = user_event_1.default.setup();
+                    linkElement = react_1.screen.getByRole("link");
+                    return [4 /*yield*/, user.click(linkElement)];
+                case 1:
+                    _a.sent();
+                    expect(linkElement).toHaveAttribute("href", mockProps.href);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("renders without crashing when href is undefined", function () {
+        var propsWithoutHref = __assign(__assign({}, mockProps), { href: undefined });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, propsWithoutHref)));
+        expect(react_1.screen.getByRole("button")).toBeInTheDocument();
+    });
+});

package/dist/components/MediaCard/PostByCategory/PostByCategory.js

@@ -20,7 +20,7 @@ var PostByCategoryTheme2_1 = require("./PostByCategoryTheme2");
 var enums_1 = require("../../../utils/enums");
 var PostByCategory = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PostByCategoryTheme2_1.PostByCategoryTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(PostByCategoryTheme2_1.PostByCategoryTheme2, __assign({}, props))), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
                     ? "0px 4px 12px 0px ".concat((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
                     : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat((0, scripts_1.getColor)((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), " !important;\n            border-radius: ").concat((0, scripts_1.ensureValue)((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat((0, scripts_1.ensureValue)((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
 };

package/dist/components/MediaCard/PostByCategory/PostByCategory.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MediaCard/PostByCategory/PostByCategory.test.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var PostByCategory_1 = require("./PostByCategory");
+var enums_1 = require("../../../utils/enums");
+var mockProps = {
+    id: 1,
+    layout: enums_1.OrientationEnum.horizontal,
+    cardStyle: {
+        card_title_color: "#000000",
+        card_description_color: "#666666",
+        card_shadow_toggle: 1,
+        card_shadow_color: "rgba(0,0,0,0.2)",
+        card_background_color: "#ffffff",
+        card_button_background_color: "#f5f5f5",
+        card_button_text_color: "#333333",
+    },
+};
+describe("PostByCategory Component", function () {
+    it("renders PostByCategoryTheme1 when layout is horizontal", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, mockProps)));
+        expect(react_1.screen.getByTestId("postByCategory-theme1")).toBeInTheDocument();
+    });
+    it("renders PostByCategoryTheme2 when layout is vertical", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, mockProps, { layout: enums_1.OrientationEnum.vertical })));
+        expect(react_1.screen.getByTestId("postByCategory-theme2")).toBeInTheDocument();
+    });
+    it("applies correct styles based on id", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, mockProps)));
+        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes(".card_PostByCategory_title_color_1");
+        })).toBeTruthy();
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes(".card_bg_PostByCategory_1");
+        })).toBeTruthy();
+    });
+    it("applies default shadow when card_shadow_toggle is not 1", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, mockProps, { cardStyle: __assign(__assign({}, mockProps.cardStyle), { card_shadow_toggle: 0 }) })));
+        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
+        expect(Array.from(styles).some(function (rule) {
+            return rule.cssText.includes("box-shadow: 0px 4px 12px 0px rgba(52, 52, 52, 0.15)");
+        })).toBeTruthy();
+    });
+});

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js

@@ -11,6 +11,6 @@ var Button_1 = require("../../../components/Button/Button");
 var card_module_css_1 = __importDefault(require("../card.module.css"));
 var enums_1 = require("../../../utils/enums");
 var PostByCategoryTheme1 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(card_module_css_1.default.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "postByCategory-theme1", className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(card_module_css_1.default.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
 };
 exports.PostByCategoryTheme1 = PostByCategoryTheme1;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.test.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+var PostByCategoryTheme1_1 = require("./PostByCategoryTheme1");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe("PostByCategoryTheme1 Component", function () {
+    var mockProps = {
+        id: 1,
+        heading: "John Doe",
+        body: "Software Engineer",
+        image: "https://via.placeholder.com/150",
+        btnLabel: "View Profile",
+        href: "/profile",
+        className: "custom-class",
+    };
+    jest.mock("next/image", function () { return ({
+        __esModule: true,
+        default: function (props) {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)("img", __assign({}, props, { id: (_a = props.id) === null || _a === void 0 ? void 0 : _a.toString(), alt: props.btnLabel || "" })));
+        }, // Renders a normal <img> tag
+    }); });
+    it("Render the post by category theme1 with correct body and heading text", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, mockProps)));
+        var headingElement = react_1.screen.getByText(mockProps.heading);
+        var bodyElement = react_1.screen.getByText(mockProps.body);
+        expect(headingElement).toBeInTheDocument();
+        expect(bodyElement).toBeInTheDocument();
+    });
+    it("renders the profile image", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, mockProps)));
+        var profileImage = react_1.screen.getByAltText("Image");
+        expect(profileImage).toBeInTheDocument();
+        expect(profileImage).toHaveAttribute("alt", "Image"); // Matches the default alt in LuImage
+    });
+    it("renders the button with correct label and icon", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, mockProps)));
+        var buttonElement = react_1.screen.getByRole("button", {
+            name: mockProps.btnLabel,
+        });
+        expect(buttonElement).toBeInTheDocument();
+        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
+    });
+    it("renders the link with the correct href", function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, mockProps)));
+        var linkElement = react_1.screen.getByRole("link");
+        expect(linkElement).toHaveAttribute("href", mockProps.href);
+    });
+    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, linkElement;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, mockProps)));
+                    user = user_event_1.default.setup();
+                    linkElement = react_1.screen.getByRole("link");
+                    return [4 /*yield*/, user.click(linkElement)];
+                case 1:
+                    _a.sent();
+                    expect(linkElement).toHaveAttribute("href", mockProps.href);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("renders without crashing when href is undefined", function () {
+        var propsWithoutHref = __assign(__assign({}, mockProps), { href: undefined });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, propsWithoutHref)));
+        expect(react_1.screen.getByRole("button")).toBeInTheDocument();
+    });
+});

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js

@@ -11,6 +11,6 @@ var Button_1 = require("../../../components/Button/Button");
 var card_module_css_1 = __importDefault(require("../card.module.css"));
 var enums_1 = require("../../../utils/enums");
 var PostByCategoryTheme2 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "postByCategory-theme2", className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
 };
 exports.PostByCategoryTheme2 = PostByCategoryTheme2;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";