performanceresultscreens 0.0.1

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const QuizResult_styles_1 = require("./QuizResult.styles"); // Keep styles file same unless you want to rename it too
+const PreformanceResultScreen = ({ percentage, timeTaken, comparisonText = "2 min faster than your class average. Keep it up!", imgSrc, onLevelUp, onReview, onBackToHomework, }) => {
+    const getContent = () => {
+        if (percentage < 60) {
+            return {
+                title: "Keep going! Room to improve!",
+                description: "Keep building your skills! Go through the questions again to spot what you missed and level up faster.",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxImprove,
+                primaryButton: "Review questions",
+                secondaryButton: "Level Up",
+                showLevelUp: true,
+            };
+        }
+        else if (percentage >= 60 && percentage < 80) {
+            return {
+                title: "Good job, keep pushing forward!",
+                description: "That's a great result! Reviewing the last few questions is all you need to master this concept and crush",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
+                primaryButton: "Review questions",
+                secondaryButton: "Level Up",
+                showLevelUp: false,
+            };
+        }
+        else {
+            return {
+                title: "Brilliant job!",
+                description: "You have done quite well! A quick look into your practice history will help you remain on the top.",
+                messageBoxStyle: QuizResult_styles_1.styles.messageBoxBrilliant,
+                primaryButton: "Review questions",
+                secondaryButton: "Back to homework",
+                showLevelUp: false,
+            };
+        }
+    };
+    const content = getContent();
+    return ((0, jsx_runtime_1.jsx)("div", { style: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsxs)("div", { style: QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsx)("div", { style: QuizResult_styles_1.styles.header, children: (0, jsx_runtime_1.jsxs)("div", { style: { ...QuizResult_styles_1.styles.messageBox, ...content.messageBoxStyle }, children: [(0, jsx_runtime_1.jsx)("img", { src: imgSrc, alt: "Resulticon", style: QuizResult_styles_1.styles.icon }), (0, jsx_runtime_1.jsx)("div", { style: { ...QuizResult_styles_1.styles.title, paddingTop: content.showLevelUp ? "43px" : "14px" }, children: content.title }), (0, jsx_runtime_1.jsx)("div", { style: QuizResult_styles_1.styles.description, children: content.description })] }) }), (0, jsx_runtime_1.jsx)("div", { style: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        ...QuizResult_styles_1.styles.timeSection,
+                        backgroundColor: content.showLevelUp ? "#FAF9FE" : "#FFF5E6",
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: QuizResult_styles_1.styles.timeHeader, children: [(0, jsx_runtime_1.jsxs)("svg", { style: QuizResult_styles_1.styles.clockIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 6v6l4 2" })] }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeLabel, children: "Time taken" }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeColon, children: ":" }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeValueNumber, children: timeTaken.minutes }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeValueUnit, children: " Mins " }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeValueNumber, children: timeTaken.seconds }), (0, jsx_runtime_1.jsx)("span", { style: QuizResult_styles_1.styles.timeValueUnit, children: " Secs" })] }), (0, jsx_runtime_1.jsx)("div", { style: QuizResult_styles_1.styles.timeSubtext, children: comparisonText })] }), (0, jsx_runtime_1.jsxs)("div", { style: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)("button", { style: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)("button", { style: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, 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,8 @@
+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;

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

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
+const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultScreen"));
+const Above80_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Above80.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'),
+    },
+};
+// 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'),
+    },
+};
+// Story for Above 80% (Brilliant)
+exports.AboveEighty = {
+    args: {
+        percentage: 92,
+        timeTaken: { minutes: 21, seconds: 30 },
+        comparisonText: "2 min faster than your class average. Keep it up!",
+        imgSrc: Above80_svg_1.default,
+        onReview: () => console.log('Review questions clicked'),
+        onBackToHomework: () => console.log('Back to homework clicked'),
+    },
+};
+//# 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":";;;;;;AAEA,wFAAgE;AAChE,kGAAsE;AACtE,kGAAsE;AACtE,4GAAiF;AAGjF,MAAM,IAAI,GAAyC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,iCAAuB;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;YACrD,WAAW,EAAE,uBAAuB;SACrC;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,wCAAwC;AAC3B,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,qBAAO;QACf,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;KACxD;CACF,CAAC;AAEF,8BAA8B;AACjB,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,0BAAc;QACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;KACxD;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,qBAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;KAChE;CACF,CAAC"}

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

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+interface Styles {
+    container: CSSProperties;
+    card: CSSProperties;
+    header: CSSProperties;
+    icon: CSSProperties;
+    messageBox: CSSProperties;
+    messageBoxImprove: CSSProperties;
+    messageBoxGood: CSSProperties;
+    messageBoxBrilliant: CSSProperties;
+    title: CSSProperties;
+    description: CSSProperties;
+    timeSection: CSSProperties;
+    timeHeader: 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,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        maxWidth: "678px",
+        margin: "0 auto",
+        padding: "50px"
+    },
+    card: {
+        backgroundColor: 'white',
+        borderRadius: '16px',
+        paddingLeft: '48px',
+        paddingRight: '48px',
+        paddingBottom: '48px',
+        paddingTop: "130px",
+        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
+    },
+    header: {
+        position: 'relative',
+    },
+    icon: {
+        position: 'absolute',
+        left: '12px',
+        bottom: '10px',
+        maxWidth: '163px',
+        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',
+    },
+    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: "4px"
+    },
+    button: {
+        flex: 1,
+        padding: '10px 24px',
+        borderRadius: '8px',
+        fontWeight: '600',
+        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":"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"}

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 })] }, 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":"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"}

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, {}>;

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

@@ -0,0 +1,180 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostCardWithActiveClap = exports.PostCardWithAllImagesTypes = exports.PostCardWithMultipleImages = exports.PostCardWithSingleImage = exports.PostCardWithNoImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PostCard_1 = __importDefault(require("./PostCard"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Molecules/PostCard",
+    component: PostCard_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(PostCard_1.default, { ...args });
+const postMenuList = [
+    {
+        title: "Edit",
+        subTitle: "Make changes in this post",
+        icon: wall_images_1.default.edit,
+    },
+    {
+        title: "Hide",
+        subTitle: "Hide from others",
+        icon: wall_images_1.default.hide,
+    },
+    {
+        title: "Delete",
+        subTitle: "Delete this permanently ",
+        icon: wall_images_1.default.delete,
+    },
+];
+const otherUserPostMenuList = [
+    {
+        title: "Appreciate",
+        subTitle: "Give this to the BEST!",
+        icon: wall_images_1.default.edit,
+    },
+    {
+        title: "Suggest for portfolio",
+        subTitle: "This is worthy post for portfolio",
+        icon: wall_images_1.default.hide,
+    },
+    {
+        title: "Report",
+        subTitle: "This bother me. Report it.",
+        icon: wall_images_1.default.delete,
+    },
+];
+const singleImg = [
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        fileName: "6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+    },
+];
+const multiImg = [
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        fileName: "6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+        fileName: "e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+    },
+];
+const imagesWithDoc = [
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/435142a3-29aa-4052-9efd-ea91a0b8b183_Charminar_sumeet_photography_3.jpeg",
+        fileName: "435142a3-29aa-4052-9efd-ea91a0b8b183_Charminar_sumeet_photography_3.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/435142a3-29aa-4052-9efd-ea91a0b8b183_Charminar_sumeet_photography_3.jpeg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/31dcf20c-1592-4ec1-af9b-a1103247c2f8_file-sample_1MB.doc",
+        fileName: "31dcf20c-1592-4ec1-af9b-a1103247c2f8_file-sample_1MB.doc",
+        mimeType: "application/msword",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/31dcf20c-1592-4ec1-af9b-a1103247c2f8_file-sample_1MB.doc",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/bc6acec2-f6bf-485b-abb8-4b6dc8557f21_sample-5.pdf",
+        fileName: "bc6acec2-f6bf-485b-abb8-4b6dc8557f21_sample-5.pdf",
+        mimeType: "application/pdf",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/bc6acec2-f6bf-485b-abb8-4b6dc8557f21_sample-5.pdf",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/c457a0d4-e3d5-4960-a21b-e3a82a3c6f17_The_Giant_Buddha_Statue,_Lumbini_Park,_Hyderabad.jpg",
+        fileName: "c457a0d4-e3d5-4960-a21b-e3a82a3c6f17_The_Giant_Buddha_Statue,_Lumbini_Park,_Hyderabad.jpg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/c457a0d4-e3d5-4960-a21b-e3a82a3c6f17_The_Giant_Buddha_Statue,_Lumbini_Park,_Hyderabad.jpg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        fileName: "6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/6a37d1bf-45b9-4c03-a3e0-569c710f760d_Hyderabad_1080p_Wallpapers_9-1548399329.jpeg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+        fileName: "e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/e74b2bf3-a02d-48a2-a897-f7bf7484a3e8_Charminar_sumeet_photography_3.jpeg",
+    },
+];
+const sampleData = {
+    userInfo: {
+        _id: "6424412ece54f8a03fac019a",
+        phoneNumber: "+919160640432",
+        cognitoId: "525e7f06-f370-4666-8563-f77f76af2c7a",
+        registrationStatus: "4",
+        createdAt: "2023-03-29T13:46:22.431Z",
+        updatedAt: "2024-05-28T10:08:07.964Z",
+        __v: 0,
+        firstName: "Ananth",
+        grade: "43141",
+        lastName: "Kumar",
+        school: "ABC School ",
+    },
+    attachments: [],
+    title: "Hyderabad History",
+    description: "Hyderabad was founded by the Quṭb Shāhī sultans of Golconda, under whom the kingdom of Golconda attained a position of importance ",
+    color: "#CEEDC7",
+    clapsCount: "0",
+    commentsCount: "8",
+    isBlur: false,
+    isShareActivity: true,
+    loginUserId: "6424412ece54f8a03fac019",
+    icons: {
+        clap: wall_images_1.default.clap,
+        comments: wall_images_1.default.comment,
+        pdf: wall_images_1.default.pdf,
+        doc: wall_images_1.default.doc,
+        ppt: wall_images_1.default.ppt,
+        videIcon: wall_images_1.default.video_icon,
+        more: wall_images_1.default.more,
+        activeClap: wall_images_1.default.activeClap,
+        hidden: wall_images_1.default.hidden,
+    },
+};
+exports.PostCardWithNoImage = Template.bind({});
+exports.PostCardWithNoImage.args = {
+    ...sampleData,
+    loginUserId: "6424412ece54f8a03fac019",
+    menuOptions: postMenuList,
+    otherOptions: otherUserPostMenuList,
+    handleMenuClick: (item) => {
+        alert(JSON.stringify(item));
+    },
+};
+exports.PostCardWithSingleImage = Template.bind({});
+exports.PostCardWithSingleImage.args = {
+    ...sampleData,
+    attachments: singleImg,
+    isHide: true,
+};
+exports.PostCardWithMultipleImages = Template.bind({});
+exports.PostCardWithMultipleImages.args = { ...sampleData, attachments: multiImg };
+exports.PostCardWithAllImagesTypes = Template.bind({});
+exports.PostCardWithAllImagesTypes.args = { ...sampleData, attachments: imagesWithDoc };
+exports.PostCardWithActiveClap = Template.bind({});
+exports.PostCardWithActiveClap.args = {
+    ...sampleData,
+    attachments: imagesWithDoc,
+    isUserClapped: true,
+    handleClick: () => {
+        alert("post card clicked");
+    },
+    handleClap: () => {
+        alert("clap clicked...");
+    },
+    menuOptions: postMenuList,
+    handleMenuClick: (item) => {
+        alert(JSON.stringify(item));
+    },
+};
+//# sourceMappingURL=PostCard.stories.js.map