recap_mobileview 0.0.1

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const QuizResult_styles_1 = require("./QuizResult.styles");
+const react_canvas_1 = require("@rive-app/react-canvas");
+const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, }) => {
+    const getContent = () => {
+        if (percentage < 60) {
+            return {
+                title: "Nice effort!",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxImprove,
+                primaryButton: "Review questions",
+                secondaryButton: "Back to Homework",
+                showLevelUp: false,
+            };
+        }
+        else if (percentage < 80) {
+            return {
+                title: "Well done!",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
+                primaryButton: "Review questions",
+                secondaryButton: "Back to Homework",
+                showLevelUp: false,
+            };
+        }
+        else if (percentage < 100) {
+            return {
+                title: "Fantastic job!",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
+                primaryButton: "Review questions",
+                secondaryButton: "Back to Homework",
+                showLevelUp: false,
+            };
+        }
+        else {
+            return {
+                title: "Outstanding!",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxBrilliant,
+                primaryButton: "Review questions",
+                secondaryButton: "Back to Homework",
+                showLevelUp: false,
+            };
+        }
+    };
+    const content = getContent();
+    // Rive (optional, safe even if src missing)
+    const [riveError, setRiveError] = react_1.default.useState(false);
+    const { RiveComponent } = (0, react_canvas_1.useRive)({
+        src: rivSrc,
+        autoplay: true,
+        onLoadError: () => setRiveError(true),
+    });
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                ...(isMobile && { background: "white", padding: "12px" }),
+            }, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                            ...QuizResult_styles_1.styles.header,
+                            flexDirection: isMobile ? "column" : "row",
+                            alignItems: isMobile ? "flex-start" : "center",
+                            position: "relative",
+                        }, children: error ? (
+                        /* ERROR STATE */
+                        (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "140px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
+                                            width: "100%",
+                                            height: "100%",
+                                            objectFit: "contain",
+                                            zIndex: 99,
+                                        } })) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                                        ...QuizResult_styles_1.styles.messageBox,
+                                        ...(isMobile
+                                            ? {
+                                                backgroundColor: "transparent",
+                                                fontSize: "18px",
+                                                padding: "0",
+                                            }
+                                            : { backgroundColor: "#F4F2FF" }),
+                                    }, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                            ...QuizResult_styles_1.styles.title,
+                                            paddingTop: content.showLevelUp ? "43px" : "14px",
+                                            padding: isMobile && "0px",
+                                            color: "red",
+                                            marginBottom: "24px",
+                                        }, children: "We\u2019re having trouble loading your results" }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
+                                            width: "100%",
+                                            height: "100%",
+                                            objectFit: "contain",
+                                            zIndex: 99,
+                                        } })) }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
+                                        ...QuizResult_styles_1.styles.messageBox,
+                                        ...(isMobile
+                                            ? {
+                                                backgroundColor: "transparent",
+                                                fontSize: "18px",
+                                                padding: "0",
+                                            }
+                                            : content.messageBoxStyle),
+                                    }, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                                ...QuizResult_styles_1.styles.title,
+                                                paddingTop: content.showLevelUp ? "43px" : "14px",
+                                                padding: isMobile && "0px",
+                                            }, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                                ...QuizResult_styles_1.styles.description,
+                                                padding: isMobile && "0px",
+                                            }, children: description })] })] })) }), error ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                    ...QuizResult_styles_1.styles.description,
+                                    padding: "0px",
+                                }, children: "Your performance data couldn\u2019t be loaded right now.Please try again in a moment." }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })] })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, disabled: error, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, disabled: error, onClick: onReview, children: content.primaryButton })] })] }) }) }));
+};
+exports.default = PreformanceResultScreen;
+//# sourceMappingURL=PreformanceResultScreen.js.map

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from "@storybook/react";
+import PreformanceResultScreen from "./PreformanceResultScreen";
+declare const meta: Meta<typeof PreformanceResultScreen>;
+export default meta;
+type Story = StoryObj<typeof PreformanceResultScreen>;
+export declare const BelowSixty: Story;
+export declare const SixtyToEighty: Story;
+export declare const AboveEighty: Story;
+export declare const Hundred: Story;
+export declare const ErrorState: {
+    args: {
+        percentage: number;
+        timeTaken: {
+            minutes: number;
+            seconds: number;
+        };
+        error: boolean;
+        imgSrc: any;
+        isMobile: boolean;
+    };
+};

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorState = exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
+const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultScreen"));
+const Between80_100_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between80-100.svg"));
+const Below60_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Below60.svg"));
+const Between60_80_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between60-80.svg"));
+const meta = {
+    title: "Components/Molecules/PreformanceResultScreen",
+    component: PreformanceResultScreen_1.default,
+    parameters: {
+        layout: "fullscreen",
+    },
+    argTypes: {
+        percentage: {
+            control: { type: "range", min: 0, max: 100, step: 1 },
+            description: "Quiz score percentage",
+        },
+        timeTaken: {
+            description: "Time taken to complete the quiz",
+        },
+        comparisonText: {
+            control: "text",
+            description: "Performance comparison text",
+        },
+        imgSrc: {
+            control: "text",
+            description: "Mascot image URL",
+        },
+    },
+};
+exports.default = meta;
+// Story for Below 60% (Room to Improve)
+exports.BelowSixty = {
+    args: {
+        percentage: 45,
+        timeTaken: { minutes: 21, seconds: 30 },
+        comparisonText: "2 min faster than your class average. Keep it up!",
+        imgSrc: Below60_svg_1.default,
+        onLevelUp: () => console.log("Level Up clicked"),
+        onReview: () => console.log("Review questions clicked"),
+        isMobile: true,
+    },
+};
+// Story for 60-80% (Good Job)
+exports.SixtyToEighty = {
+    args: {
+        percentage: 72,
+        timeTaken: { minutes: 21, seconds: 30 },
+        comparisonText: "2 min faster than your class average. Keep it up!",
+        imgSrc: Between60_80_svg_1.default,
+        onLevelUp: () => console.log("Level Up clicked"),
+        onReview: () => console.log("Review questions clicked"),
+        isMobile: false,
+    },
+};
+// Story for Above 80% (Brilliant)
+exports.AboveEighty = {
+    args: {
+        percentage: 92,
+        timeTaken: { minutes: 21, seconds: 30 },
+        description: "Let's turn this into progress. Review the questions to see where you can improve. Understanding them now will help you ace similar ones later!",
+        imgSrc: Between80_100_svg_1.default,
+        onReview: () => console.log("Review questions clicked"),
+        onBackToHomework: () => console.log("Back to homework clicked"),
+        isMobile: true,
+    },
+};
+exports.Hundred = {
+    args: {
+        percentage: 100,
+        timeTaken: { minutes: 21, seconds: 30 },
+        comparisonText: "2 min faster than your class average. Keep it up!",
+        imgSrc: Between80_100_svg_1.default,
+        onReview: () => console.log("Review questions clicked"),
+        onBackToHomework: () => console.log("Back to homework clicked"),
+        isMobile: true,
+    },
+};
+exports.ErrorState = {
+    args: {
+        percentage: 0,
+        timeTaken: { minutes: 0, seconds: 0 },
+        error: true,
+        imgSrc: Between80_100_svg_1.default,
+        isMobile: false,
+    },
+};
+//# sourceMappingURL=PreformanceResultScreen.stories.js.map

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+interface Styles {
+    container: CSSProperties;
+    card: CSSProperties;
+    mobilecard: CSSProperties;
+    header: CSSProperties;
+    icon: CSSProperties;
+    messageBox: CSSProperties;
+    messageBoxImprove: CSSProperties;
+    messageBoxGood: CSSProperties;
+    messageBoxBrilliant: CSSProperties;
+    title: CSSProperties;
+    description: CSSProperties;
+    timeSection: CSSProperties;
+    timeHeader: CSSProperties;
+    timeHeader1: CSSProperties;
+    timeLabel: CSSProperties;
+    timeSubtext: CSSProperties;
+    buttonContainer: CSSProperties;
+    button: CSSProperties;
+    buttonSecondary: CSSProperties;
+    buttonPrimary: CSSProperties;
+    clockIcon: CSSProperties;
+    separator: CSSProperties;
+    timeValueNumber: CSSProperties;
+    timeValueUnit: CSSProperties;
+    timeColon: CSSProperties;
+}
+export declare const styles: Styles;
+export {};

package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        // padding: "50px"
+    },
+    card: {
+        maxWidth: "678px",
+        backgroundColor: 'white',
+        borderRadius: '16px',
+        paddingLeft: '48px',
+        paddingRight: '48px',
+        paddingBottom: '48px',
+        paddingTop: "130px",
+        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
+    },
+    mobilecard: {
+        maxWidth: "678px",
+        backgroundColor: '#FAF9FE',
+        borderRadius: '16px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        paddingBottom: '20px',
+        paddingTop: "40px",
+        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
+    },
+    header: {
+        position: "relative",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    icon: {
+        position: 'absolute',
+        left: '12px',
+        bottom: '10px',
+        maxWidth: '183px',
+        height: 'auto',
+        paddingBottom: '16px',
+        zIndex: 2,
+    },
+    messageBox: {
+        paddingLeft: '180px',
+        borderRadius: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+    },
+    messageBoxImprove: {
+        backgroundColor: '#ffe8e8',
+    },
+    messageBoxGood: {
+        backgroundColor: '#f0f4ff',
+    },
+    messageBoxBrilliant: {
+        backgroundColor: '#f0f4ff',
+    },
+    title: {
+        paddingLeft: "24px",
+        paddingRight: "22px",
+        fontFamily: "poppins",
+        fontSize: '18px',
+        fontWeight: '700',
+        color: '#130159',
+        lineHeight: "30px",
+        letterSpacing: "2%",
+        marginBottom: "4px"
+    },
+    description: {
+        fontFamily: "Poppins, sans-serif",
+        fontSize: '14px',
+        color: '#000000',
+        fontWeight: "400",
+        lineHeight: '22px',
+        paddingLeft: "24px",
+        paddingRight: "22px",
+        paddingBottom: "24px",
+    },
+    separator: {
+        borderTop: "2px dashed #d3d3d3",
+        margin: "20px 0",
+    },
+    timeSection: {
+        padding: '20px',
+        borderRadius: '12px',
+        marginBottom: '24px',
+        textAlign: 'center',
+    },
+    timeHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '3px',
+        marginBottom: '8px',
+    },
+    timeHeader1: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '3px',
+    },
+    timeValueNumber: {
+        fontFamily: "Poppins, sans-serif",
+        fontWeight: "700",
+        fontSize: "14px",
+        lineHeight: "22px",
+    },
+    timeLabel: {
+        fontSize: '16px',
+        fontWeight: '600',
+        color: '#000000',
+    },
+    timeColon: {
+        fontWeight: "700",
+        fontSize: "14px",
+        marginRight: "4px",
+    },
+    timeValueUnit: {
+        fontFamily: "Poppins, sans-serif",
+        color: '#000000',
+        fontWeight: "400",
+        fontSize: "14px",
+        lineHeight: "22px",
+    },
+    timeSubtext: {
+        fontSize: '12px',
+        fontWeight: "400",
+        lineHeight: "22px",
+        color: '#000000',
+    },
+    buttonContainer: {
+        display: 'flex',
+        justifyContent: "center",
+        gap: "10px"
+    },
+    button: {
+        flex: 1,
+        paddingTop: "10px",
+        paddingBottom: "10px",
+        // padding: '10px 24px',
+        borderRadius: '8px',
+        fontWeight: '400',
+        fontSize: '14px',
+        fontFamily: "Poppins, sans-serif",
+        border: 'none',
+        cursor: 'pointer',
+        transition: 'all 0.2s',
+    },
+    buttonSecondary: {
+        backgroundColor: 'white',
+        color: '#5F4DC7',
+        border: '1px solid #5F4DC7',
+    },
+    buttonPrimary: {
+        backgroundColor: '#5F4DC7',
+        color: 'white',
+    },
+    clockIcon: {
+        width: '20px',
+        height: '20px',
+    }
+};
+//# sourceMappingURL=QuizResult.styles.js.map

package/dist/components/Molecules/PerformanceScreen/QuizResult.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuizResult.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/QuizResult.styles.ts"],"names":[],"mappings":";;;AA8Ba,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACZ,OAAO,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,kBAAkB;KACjB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;QACvB,UAAU,EAAC,OAAO;QAClB,SAAS,EAAE,8BAA8B;KAC1C;IACD,UAAU,EAAC;QACR,QAAQ,EAAE,OAAO;QAClB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;QACvB,UAAU,EAAC,MAAM;QACjB,SAAS,EAAE,8BAA8B;KAC1C;IACD,MAAM,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IAEC,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACV,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;KACzB;IACD,iBAAiB,EAAE;QACjB,eAAe,EAAE,SAAS;KAC3B;IACD,cAAc,EAAE;QACd,eAAe,EAAE,SAAS;KAC3B;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,SAAS;KAC3B;IACD,KAAK,EAAE;QACL,WAAW,EAAC,MAAM;QAClB,YAAY,EAAC,MAAM;QACnB,UAAU,EAAC,SAAS;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAC,MAAM;QACjB,aAAa,EAAC,IAAI;QAClB,YAAY,EAAC,KAAK;KACnB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,qBAAqB;QACjC,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAC,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAC,MAAM;QAClB,YAAY,EAAC,MAAM;QACnB,aAAa,EAAC,MAAM;KACrB;IACD,SAAS,EAAE;QACX,SAAS,EAAE,oBAAoB;QAC/B,MAAM,EAAE,QAAQ;KACjB;IACC,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;QACpB,SAAS,EAAE,QAAQ;KACpB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,KAAK;QACV,YAAY,EAAE,KAAK;KACpB;IACA,WAAW,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,KAAK;KACX;IACD,eAAe,EAAE;QACjB,UAAU,EAAE,qBAAqB;QACjC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACP,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,SAAS,EAAE;QACX,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,WAAW,EAAE,KAAK;KACnB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,qBAAqB;QACjC,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACC,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAC,KAAK;QAChB,UAAU,EAAC,MAAM;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;QACf,cAAc,EAAC,QAAQ;QACvB,GAAG,EAAC,MAAM;KACX;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,wBAAwB;QACxB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAC,MAAM;QACf,UAAU,EAAE,qBAAqB;QACjC,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,UAAU;KACvB;IACD,eAAe,EAAE;QACf,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,mBAAmB;KAC5B;IACD,aAAa,EAAE;QACb,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC"}

package/dist/components/Molecules/PostCard/PostCard.d.ts

@@ -0,0 +1,2 @@
+declare const PostCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default PostCard;

package/dist/components/Molecules/PostCard/PostCard.js

@@ -0,0 +1,110 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const postCardStyles_1 = require("./postCardStyles");
+const PostImageGallary_1 = __importDefault(require("./PostImageGallary"));
+const common_utils_1 = require("../../../utils/common-utils");
+const SortMenu_1 = __importDefault(require("../SortMenu/SortMenu"));
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const Component = (props) => {
+    const { loginUserId, attachments = [], userInfo = {}, handleClick } = props;
+    const textRef = (0, react_1.useRef)(null);
+    const [showReadMore, setShowReadMore] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        if (textRef.current?.scrollHeight > 120) {
+            setShowReadMore(true);
+        }
+        else {
+            setShowReadMore(false);
+        }
+    }, [props]);
+    const media = (0, react_1.useMemo)(() => attachments.map((item) => {
+        const type = (0, common_utils_1.getAttchmentType)(item?.mimeType);
+        return { ...item, type };
+    }), [attachments]);
+    const images = media?.filter((item) => item.type == "IMAGE" || item.type == "VIDEO");
+    const count = attachments?.length || 0;
+    const showBlur = props?.isBlur && props.isShareActivity == false;
+    const { box } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { ...box.cardContainer, bg: props?.color || "#FEE7E7", cursor: showBlur ? "not-allowed" : "pointer", onClick: () => {
+            handleClick && showBlur == false && handleClick();
+        }, zIndex: 1, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { ...box.subContainer, blur: showBlur ? "10px" : "none", children: [loginUserId && ((0, jsx_runtime_1.jsx)(UserInfo, { userInfo: userInfo, loginUserId: loginUserId, icons: props?.icons, menuOptions: props.menuOptions || [], otherOptions: props.otherOptions || [], handleMenuClick: props?.handleMenuClick, post: props?.post })), (0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", children: [props?.isHide == true && ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", zIndex: 10, display: "flex", justifyContent: "center", alignItems: "center", top: 0, left: 0, right: 0, bottom: 0, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: props?.icons?.hidden, objectFit: "contain" }) })), (0, jsx_runtime_1.jsx)(PostImageGallary_1.default, { images: images, count: count, icons: props.icons }), (0, jsx_runtime_1.jsx)(DocContainer, { media: media, icons: props.icons }), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...box.detailedContainer, children: [!props?.isFromExperiential && (0, jsx_runtime_1.jsx)(Title, { title: props.title }), (0, jsx_runtime_1.jsx)(Description, { description: props.description, textRef: textRef, showReadMore: showReadMore, readMoreOnClick: props.readMoreOnClick })] })] })] }) }));
+};
+const Title = ({ title }) => {
+    const { text } = postCardStyles_1.postCardStyles;
+    return (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.postTitle, children: (0, html_react_parser_1.default)("<p>" + title) });
+};
+const Description = ({ description, textRef, showReadMore, readMoreOnClick, }) => {
+    const { box, text } = postCardStyles_1.postCardStyles;
+    let style = {};
+    if (showReadMore) {
+        style = box.descContainer;
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ref: textRef, ...style, children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.postDesc, children: (0, html_react_parser_1.default)("<p>" + description) }) }), showReadMore && ((0, jsx_runtime_1.jsx)(react_2.HStack, { justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.readMore, onClick: (e) => {
+                        e.stopPropagation();
+                        readMoreOnClick && readMoreOnClick();
+                    }, cursor: 'pointer', children: "... read more" }) }))] }));
+};
+const DocContainer = ({ media, icons }) => {
+    const { box } = postCardStyles_1.postCardStyles;
+    const docMedia = (0, react_1.useMemo)(() => {
+        return media.filter((item) => item.type !== "IMAGE" && item.type !== "VIDEO");
+    }, [media]);
+    return ((0, jsx_runtime_1.jsx)(react_2.HStack, { mt: 3, children: docMedia?.map((item, index) => {
+            return ((0, jsx_runtime_1.jsxs)(react_2.Box, { ...box.docItem, children: [item?.type == "PDF" && (0, jsx_runtime_1.jsx)(DocView, { src: icons?.pdf }), item?.type == "DOC" && (0, jsx_runtime_1.jsx)(DocView, { src: icons?.doc }), item?.type == "PPT" && (0, jsx_runtime_1.jsx)(DocView, { src: icons?.ppt }), item?.type == "EXCEL" && (0, jsx_runtime_1.jsx)(DocView, { src: icons?.excel })] }, index));
+        }) }));
+};
+const DocView = ({ src }) => {
+    return (0, jsx_runtime_1.jsx)(react_2.Image, { src: src, objectFit: "contain", h: "26px", w: "auto" });
+};
+const Interactions = (props) => {
+    const { clapsCount, commentsCount, icons, handleClap } = props;
+    const getClapImg = () => {
+        let str;
+        if (props?.isShareActivity) {
+            str = props?.isUserClapped ? "activeClap" : "clap";
+        }
+        else {
+            str = props?.isUserClapped ? "activeVote" : "vote";
+        }
+        return str;
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "flex-end", spacing: "16px", mt: 2, children: [props?.enableClaps && ((0, jsx_runtime_1.jsx)(react_2.Box, { cursor: "pointer", onClick: (e) => {
+                    e.stopPropagation();
+                    handleClap && handleClap();
+                }, children: (0, jsx_runtime_1.jsx)(Clap, { image: icons?.[getClapImg()], count: clapsCount }) })), props?.enableComments && ((0, jsx_runtime_1.jsx)(Clap, { image: icons?.comments, count: commentsCount }))] }));
+};
+const Clap = ({ count, image }) => {
+    const { text } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "4px", cursor: "pointer", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: image, alt: 'interaction' }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.countTxt, children: count })] }));
+};
+const UserInfo = ({ userInfo, loginUserId, icons, menuOptions, handleMenuClick, otherOptions, post, }) => {
+    const { firstName = "", lastName = "" } = userInfo || {};
+    const { text } = postCardStyles_1.postCardStyles;
+    const isMobile = (0, react_2.useBreakpointValue)({
+        base: true,
+        md: false,
+        lg: false,
+    });
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { justifyContent: "space-between", mb: 4, children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 3, children: [(0, jsx_runtime_1.jsx)(ProfileImage, { name: firstName?.charAt(0) + lastName?.charAt(0) }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.userName, children: firstName.length > 5 && isMobile
+                            ? firstName.slice(0, 5) + ".."
+                            : firstName })] }), (0, common_utils_1.isNotEmptyOrNull)(loginUserId == userInfo?._id ? menuOptions : otherOptions) && ((0, jsx_runtime_1.jsx)(react_2.Box, { zIndex: 10, children: (0, jsx_runtime_1.jsx)(SortMenu_1.default, { options: loginUserId == userInfo?._id ? menuOptions : otherOptions, icons: icons, type: "Post Menu", isTaggedToPortfolio: post?.isTaggedToPortfolio, isSuggestForPortfolio: post?.isSuggestForPortfolio, handleClick: (item, e) => {
+                        e.stopPropagation();
+                        handleMenuClick && handleMenuClick(item);
+                    } }) }))] }));
+};
+const ProfileImage = ({ name = "" }) => {
+    const { stack, text } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsx)(react_2.Stack, { ...stack.profileImgContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.profileInitials, children: name?.toUpperCase() }) }));
+};
+const PostCard = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = PostCard;
+//# sourceMappingURL=PostCard.js.map

package/dist/components/Molecules/PostCard/PostCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PostCard/PostCard.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAoE;AACpE,4CAQ0B;AAC1B,4DAAyD;AACzD,qDAAkD;AAClD,0EAAkD;AAClD,8DAGqC;AACrC,oEAA4C;AAC5C,0EAAuC;AAEvC,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;IAC/B,MAAM,EAAE,WAAW,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,OAAO,GAAQ,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAQ,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,EAAE;YACvC,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;aAAM;YACL,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACH,WAAW,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;QAC5B,MAAM,IAAI,GAAG,IAAA,+BAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC9C,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;IAC3B,CAAC,CAAC,EACJ,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,MAAM,GAAQ,KAAK,EAAE,MAAM,CAC/B,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAC5D,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,EAAE,MAAM,IAAI,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC;IACjE,MAAM,EAAE,GAAG,EAAE,GAAQ,+BAAc,CAAC;IACpC,OAAO,CACL,uBAAC,WAAG,OACE,GAAG,CAAC,aAAa,EACrB,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAC7B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,IAAI,QAAQ,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACpD,CAAC,EACD,MAAM,EAAE,CAAC,YAET,wBAAC,WAAG,OAAK,GAAG,CAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,aACxD,WAAW,IAAI,CACd,uBAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EACpC,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EACtC,eAAe,EAAE,KAAK,EAAE,eAAe,EACvC,IAAI,EAAE,KAAK,EAAE,IAAI,GACjB,CACH,EACD,wBAAC,WAAG,IAAC,QAAQ,EAAE,UAAU,aACtB,KAAK,EAAE,MAAM,IAAI,IAAI,IAAI,CACxB,uBAAC,WAAG,IACF,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,YAET,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,GACtD,CACP,EACD,uBAAC,0BAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EACtE,uBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAClD,wBAAC,WAAG,OAAK,GAAG,CAAC,iBAAiB,aAC3B,CAAC,KAAK,EAAE,kBAAkB,IAAI,uBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC5D,uBAAC,WAAW,IACV,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,IAIE,IACF,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAQ,+BAAc,CAAC;IACrC,OAAO,uBAAC,YAAI,OAAK,IAAI,CAAC,SAAS,YAAG,IAAA,2BAAM,EAAC,KAAK,GAAG,KAAK,CAAC,GAAQ,CAAC;AAClE,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,eAAe,GACX,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAQ,+BAAc,CAAC;IAC1C,IAAI,KAAK,GAAQ,EAAE,CAAC;IACpB,IAAI,YAAY,EAAE;QAChB,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC;KAC3B;IACD,OAAO,CACL,wBAAC,WAAG,eACF,uBAAC,WAAG,IAAC,GAAG,EAAE,OAAO,KAAM,KAAK,YAC1B,uBAAC,YAAI,OAAK,IAAI,CAAC,QAAQ,YAAG,IAAA,2BAAM,EAAC,KAAK,GAAG,WAAW,CAAC,GAAQ,GACzD,EACL,YAAY,IAAI,CACf,uBAAC,cAAM,IAAC,cAAc,EAAE,UAAU,YAChC,uBAAC,YAAI,OACC,IAAI,CAAC,QAAQ,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,eAAe,IAAI,eAAe,EAAE,CAAC;oBACvC,CAAC,EACD,MAAM,EAAC,SAAS,YAEf,eAAe,GACX,GACA,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAO,EAAE,EAAE;IAC7C,MAAM,EAAE,GAAG,EAAE,GAAQ,+BAAc,CAAC;IAEpC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAC9D,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,CACL,uBAAC,cAAM,IAAC,EAAE,EAAE,CAAC,YACV,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE;YAC1C,OAAO,CACL,wBAAC,WAAG,OAAiB,GAAG,CAAC,OAAO,aAC7B,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,uBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,GAAI,EACnD,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,uBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,GAAI,EACnD,IAAI,EAAE,IAAI,IAAI,KAAK,IAAI,uBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,GAAI,EACnD,IAAI,EAAE,IAAI,IAAI,OAAO,IAAI,uBAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,KAJhD,KAAK,CAKT,CACP,CAAC;QACJ,CAAC,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAO,EAAE,EAAE;IAC/B,OAAO,uBAAC,aAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAI,CAAC;AACzE,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,GAAQ,CAAC;QACb,IAAI,KAAK,EAAE,eAAe,EAAE;YAC1B,GAAG,GAAG,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;SACpD;aAAM;YACL,GAAG,GAAG,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;SACpD;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IACF,OAAO,CACL,wBAAC,cAAM,IAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,aAChD,KAAK,EAAE,WAAW,IAAI,CACrB,uBAAC,WAAG,IACF,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;oBAClB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,UAAU,IAAI,UAAU,EAAE,CAAC;gBAC7B,CAAC,YAED,uBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,GAAI,GACrD,CACP,EACA,KAAK,EAAE,cAAc,IAAI,CACxB,uBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,GAAI,CACvD,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAO,EAAE,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,GAAQ,+BAAc,CAAC;IACrC,OAAO,CACL,wBAAC,cAAM,IAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,aACvC,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,aAAa,GAAG,EACvC,uBAAC,YAAI,OAAK,IAAI,CAAC,QAAQ,YAAG,KAAK,GAAQ,IAChC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,YAAY,EACZ,IAAI,GACA,EAAE,EAAE;IACR,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,GAAQ,+BAAc,CAAC;IACrC,MAAM,QAAQ,GAAG,IAAA,0BAAkB,EAAC;QAClC,IAAI,EAAE,IAAI;QACV,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,cAAM,IAAC,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,aAC5C,wBAAC,cAAM,IAAC,OAAO,EAAE,CAAC,aAChB,uBAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,EAClE,uBAAC,YAAI,OAAK,IAAI,CAAC,QAAQ,YACpB,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ;4BAC/B,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI;4BAC9B,CAAC,CAAC,SAAS,GACR,IACA,EACR,IAAA,+BAAgB,EACf,WAAW,IAAI,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAC1D,IAAI,CACH,uBAAC,WAAG,IAAC,MAAM,EAAE,EAAE,YACb,uBAAC,kBAAQ,IACP,OAAO,EAAE,WAAW,IAAI,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAClE,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,WAAW,EACjB,mBAAmB,EAAE,IAAI,EAAE,mBAAmB,EAC9C,qBAAqB,EAAE,IAAI,EAAE,qBAAqB,EAClD,WAAW,EAAE,CAAC,IAAS,EAAE,CAAM,EAAE,EAAE;wBACjC,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;oBAC3C,CAAC,GACD,GACE,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAQ,+BAAc,CAAC;IAC5C,OAAO,CACL,uBAAC,aAAK,OAAK,KAAK,CAAC,mBAAmB,YAClC,uBAAC,YAAI,OAAK,IAAI,CAAC,eAAe,YAAG,IAAI,EAAE,WAAW,EAAE,GAAQ,GACtD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;IAC9B,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,yBAAW,YAChC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACT,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,QAAQ,CAAC"}

package/dist/components/Molecules/PostCard/PostCard.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const PostCardWithNoImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const PostCardWithSingleImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const PostCardWithMultipleImages: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const PostCardWithAllImagesTypes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const PostCardWithActiveClap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;