reviewhver 0.0.1

package/dist/components/Molecules/ActivityBanner/ActivityBanner.js

@@ -0,0 +1,155 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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("@chakra-ui/react");
+const react_2 = __importStar(require("react"));
+const customTheme_1 = require("../../../utils/customTheme");
+const activityBannerStyles_1 = require("./activityBannerStyles");
+const common_utils_1 = require("../../../utils/common-utils");
+const react_icon_tint_1 = __importDefault(require("react-icon-tint"));
+const react_video_thumbnail_1 = __importDefault(require("react-video-thumbnail"));
+const ImageModal_1 = __importDefault(require("../ImageView/ImageModal"));
+const VideoModal_1 = __importDefault(require("../VideoView/VideoModal"));
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const Component = (props) => {
+    const textRef = (0, react_2.useRef)(null);
+    const [showReadMore, setShowReadMore] = (0, react_2.useState)(false);
+    const [openImgView, setOpenImage] = (0, react_2.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_2.useState)("");
+    const [openVideo, setOpenVideo] = (0, react_2.useState)(false);
+    const [selectedVideo, setSelectedVideo] = (0, react_2.useState)("");
+    (0, react_2.useEffect)(() => {
+        const checkHeight = () => {
+            setShowReadMore(textRef?.current?.scrollHeight > 96);
+        };
+        checkHeight();
+        const resizeObserver = new ResizeObserver(checkHeight);
+        if (textRef?.current) {
+            resizeObserver.observe(textRef?.current);
+        }
+        return () => {
+            if (textRef?.current) {
+                resizeObserver.unobserve(textRef?.current);
+            }
+        };
+    }, [props?.description]);
+    const handleImageClick = (img) => {
+        setSelectedImage(img);
+        setOpenImage(true);
+    };
+    const handleVideoClick = (video) => {
+        setSelectedVideo(video);
+        setOpenVideo(true);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, { width: '100%', px: props?.isStudent ? "0" : "5%", children: [(0, jsx_runtime_1.jsxs)(react_1.VStack, { flex: 1, margin: "6px", spacing: "16px", alignItems: "flex-start", children: [(0, jsx_runtime_1.jsx)(Title, { ...props }), (0, jsx_runtime_1.jsx)(Description, { description: props?.description, textRef: textRef, showReadMore: showReadMore, isDarkTheme: props.isDarkTheme }), (0, jsx_runtime_1.jsx)(MediaBlock, { attachments: props?.attachments || [], icons: props.icons, handleImageClick: handleImageClick, handleVideoClick: handleVideoClick }), !(0, common_utils_1.isEmptyOrNull)(props?.link) && (0, jsx_runtime_1.jsx)(References, { link: props?.link })] }), openImgView && ((0, jsx_runtime_1.jsx)(ImageModal_1.default, { image: selectedImage, isOpen: openImgView, onClose: () => {
+                    setOpenImage(false);
+                } })), openVideo && ((0, jsx_runtime_1.jsx)(VideoModal_1.default, { videoUrl: selectedVideo, isOpen: openVideo, onClose: () => {
+                    setOpenVideo(false);
+                }, icons: props?.icons || {}, isTeacher: props?.isTeacher }))] }));
+};
+const Title = (props) => {
+    const { text: textStyle } = activityBannerStyles_1.activityBannerStyles;
+    return ((0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyle.title, color: props.isDarkTheme ? "white" : "black", children: (0, html_react_parser_1.default)("<p>" + props?.title) }));
+};
+// { textRef, showReadMore, description }
+const Description = (props) => {
+    const { box, text: textStyles } = activityBannerStyles_1.activityBannerStyles;
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
+    const toggleExpansion = () => {
+        setIsExpanded((prevState) => !prevState);
+    };
+    let boxStyle = {};
+    if (props.showReadMore) {
+        if (isExpanded) {
+            boxStyle = box.expandDesc;
+        }
+        else {
+            boxStyle = box.collpaseDesc;
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Box, { ref: props.textRef, ...boxStyle, style: { maxHeight: isExpanded ? "none" : "96px", overflow: "hidden" }, children: (0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyles.description, color: props.isDarkTheme ? "#DFE4E7" : "black", children: (0, html_react_parser_1.default)("<p>" + props?.description) }) }), props.showReadMore && ((0, jsx_runtime_1.jsx)(react_1.HStack, { justifyContent: 'flex-end', children: (0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyles.readMore, onClick: toggleExpansion, color: props.isDarkTheme ? "#7ABC40" : "#7464CE", children: isExpanded ? "...read less" : "...read more" }) }))] }));
+};
+const Interactions = ({ clapsCount, commentsCount, icons = {} }) => ((0, jsx_runtime_1.jsxs)(react_1.HStack, { justify: "flex-start", spacing: "16px", children: [(0, jsx_runtime_1.jsx)(Clap, { image: icons?.clap, count: clapsCount }), (0, jsx_runtime_1.jsx)(Clap, { image: icons?.comments, count: commentsCount })] }));
+const Clap = ({ count, image }) => {
+    const { text: textStyles } = activityBannerStyles_1.activityBannerStyles;
+    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: "4px", children: [(0, jsx_runtime_1.jsx)(react_icon_tint_1.default, { src: image, color: "#AAB3B8" }), (0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyles.clapCount, children: count })] }));
+};
+const References = ({ link }) => {
+    const { text: textStyles } = activityBannerStyles_1.activityBannerStyles;
+    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, { alignItems: ["flex-start", "center"], flexDirection: ["column", "row"], spacing: ["0", "4px"], mt: 1, children: [(0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyles.referenceTxt, color: "#AAB3B8", children: "Reference :" }), (0, jsx_runtime_1.jsx)(react_1.Text, { ...textStyles.linkStyle, onClick: () => {
+                    (0, common_utils_1.openLink)(link);
+                }, children: link })] }));
+};
+const MediaBlock = ({ attachments, icons = {}, handleImageClick, handleVideoClick, }) => {
+    const filePriority = {
+        IMAGE: 1,
+        PDF: 2,
+        DOC: 3,
+        PPT: 4,
+        EXCEL: 5,
+        VIDEO: 6,
+        UNKNOWN: 7, // Default for undefined types
+    };
+    const sortedAttachments = [...attachments].sort((a, b) => {
+        const typeA = (0, common_utils_1.getAttchmentType)(a?.mimeType) || "UNKNOWN";
+        const typeB = (0, common_utils_1.getAttchmentType)(b?.mimeType) || "UNKNOWN";
+        return filePriority[typeA] - filePriority[typeB];
+    });
+    return ((0, jsx_runtime_1.jsx)(react_1.HStack, { alignItems: "center", spacing: "24px", children: sortedAttachments.map((item, index) => {
+            let type = (0, common_utils_1.getAttchmentType)(item?.mimeType);
+            return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [type === "IMAGE" && ((0, jsx_runtime_1.jsx)(ImageView, { src: item?.url, type: type, handleImageClick: handleImageClick })), type === "PDF" && ((0, jsx_runtime_1.jsx)(ImageView, { src: icons?.pdf, type: type, fileName: item?.fileName, url: item?.url })), type === "DOC" && ((0, jsx_runtime_1.jsx)(ImageView, { src: icons?.doc, type: type, fileName: item?.fileName, url: item?.url })), type === "PPT" && ((0, jsx_runtime_1.jsx)(ImageView, { src: icons?.ppt, type: type, fileName: item?.fileName, url: item?.url })), type === "EXCEL" && ((0, jsx_runtime_1.jsx)(ImageView, { src: icons?.excel, type: type, fileName: item?.fileName, url: item?.url })), type === "VIDEO" && ((0, jsx_runtime_1.jsx)(VideoView, { src: item?.originalURL, icon: icons?.videoIcon, handleVideoClick: handleVideoClick }))] }, index));
+        }) }));
+};
+const ImageView = ({ src, type, handleImageClick, fileName, url }) => {
+    const { image: imageStyles } = activityBannerStyles_1.activityBannerStyles;
+    const handleClick = () => {
+        if (type == "IMAGE") {
+            handleImageClick && handleImageClick(src);
+        }
+        else if (type == "DOC" ||
+            type == "PDF" ||
+            type == "PPT" ||
+            type == "EXCEL") {
+            (0, common_utils_1.handleDownload)(fileName, url);
+        }
+    };
+    return (0, jsx_runtime_1.jsx)(react_1.Image, { src: src, ...imageStyles.imageView, onClick: handleClick });
+};
+const VideoView = ({ src, icon, handleVideoClick }) => {
+    const { image: imageStyles, box } = activityBannerStyles_1.activityBannerStyles;
+    const [thumbnailUrl, setThumbnailUrl] = (0, react_2.useState)("");
+    return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: "none" }, children: (0, jsx_runtime_1.jsx)(react_video_thumbnail_1.default, { videoUrl: src, thumbnailHandler: (thumbnail) => setThumbnailUrl(thumbnail), snapshotAtTime: 5 }) }), !(0, common_utils_1.isEmptyOrNull)(thumbnailUrl) && ((0, jsx_runtime_1.jsxs)(react_1.Box, { position: 'relative', height: '100%', cursor: "pointer", onClick: () => {
+                    handleVideoClick && handleVideoClick(src);
+                }, children: [(0, jsx_runtime_1.jsx)(react_1.Image, { ...imageStyles.imageView, src: thumbnailUrl }), (0, jsx_runtime_1.jsx)(react_1.Box, { ...box.videoContainer, children: (0, jsx_runtime_1.jsx)(react_1.Image, { src: icon, w: "24px", h: "24px" }) })] }))] }));
+};
+function ActivityBanner(props) {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+}
+exports.default = ActivityBanner;
+//# sourceMappingURL=ActivityBanner.js.map

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

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

package/dist/components/Molecules/ActivityBanner/activityBannerStyles.d.ts

@@ -0,0 +1,75 @@
+export declare const activityBannerStyles: {
+    box: {
+        expandDesc: {
+            maxH: string;
+            overflow: string;
+        };
+        collpaseDesc: {
+            maxH: string;
+            overflow: string;
+        };
+        videoContainer: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    text: {
+        title: {
+            margin: number;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        description: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            margin: number;
+        };
+        readMore: {
+            margin: number;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            cursor: string;
+        };
+        clapCount: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        linkStyle: {
+            fontWeight: number;
+            fontSize: string;
+            color: string;
+            cursor: string;
+        };
+        referenceTxt: {
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+    };
+    image: {
+        imageView: {
+            objectFit: string;
+            width: string;
+            height: string;
+            borderRadius: string;
+            cursor: string;
+        };
+    };
+};

package/dist/components/Molecules/ActivityBanner/activityBannerStyles.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.activityBannerStyles = void 0;
+exports.activityBannerStyles = {
+    box: {
+        expandDesc: {
+            maxH: "96px",
+            overflow: "hidden",
+        },
+        collpaseDesc: {
+            maxH: "96px",
+            overflow: "hidden",
+        },
+        videoContainer: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            width: "100%",
+        },
+    },
+    text: {
+        title: {
+            margin: 0,
+            color: "#263238",
+            fontSize: "30px",
+            fontWeight: 600,
+            lineHeight: "36px",
+        },
+        description: {
+            fontSize: "20px",
+            fontWeight: 400,
+            lineHeight: "32px",
+            textAlign: "left",
+            color: "#666a6b",
+            margin: 0,
+        },
+        readMore: {
+            margin: 0,
+            fontSize: "18px",
+            fontWeight: 600,
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#7464ce",
+            cursor: "pointer",
+        },
+        clapCount: {
+            color: "#787C7E",
+            fontSize: "12px",
+            fontWeight: 500,
+            lineHeight: "20px",
+        },
+        linkStyle: {
+            fontWeight: 400,
+            fontSize: "14px",
+            color: "#63BFF0",
+            cursor: "pointer",
+        },
+        referenceTxt: {
+            fontWeight: "600",
+            fontSize: "14px",
+            color: "#919191",
+        },
+    },
+    image: {
+        imageView: {
+            objectFit: "cover",
+            width: "92px",
+            height: "92px",
+            borderRadius: "8px",
+            cursor: "pointer",
+        },
+    },
+};
+//# sourceMappingURL=activityBannerStyles.js.map

package/dist/components/Molecules/ActivityBanner/activityBannerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activityBannerStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/ActivityBanner/activityBannerStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG;IAClC,GAAG,EAAE;QACH,UAAU,EAAE;YACV,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;SACnB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;SACnB;QACD,cAAc,EAAE;YACd,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,MAAM;SACd;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;SACnB;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;SACnB;QACD,SAAS,EAAE;YACT,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC"}

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

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

package/dist/components/Molecules/AddPostCard/AddPostCard.js

@@ -0,0 +1,52 @@
+"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("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const addPostStyles_1 = require("./addPostStyles");
+const react_lottie_player_1 = __importDefault(require("react-lottie-player"));
+const Component = (props) => {
+    const { userDetails = {}, isShareActivity, icons = {}, handleAddPost, handleViewMode, } = props;
+    const { box, hstack, text } = addPostStyles_1.addPostCardStyles;
+    let isExperientialActivity = props.activityType === "Experiential Learning";
+    const isMobile = (0, react_1.useBreakpointValue)({
+        base: true,
+        md: false,
+        lg: false,
+    });
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { ...box.container, children: [(0, jsx_runtime_1.jsx)(UserInfo, { userDetails: userDetails }), (0, jsx_runtime_1.jsxs)(react_1.Box, { ...box.subContainer, children: [!isExperientialActivity && ((0, jsx_runtime_1.jsx)(react_1.Text, { textAlign: "center", fontSize: "14px", fontWeight: "500px", children: "Let\u2019s get started!" })), isExperientialActivity && (
+                    // <Image
+                    //   src={icons.vin}
+                    //   width={105}
+                    //   height={115}
+                    //   alt="Vin"
+                    //   objectFit={"contain"}
+                    // />
+                    (0, jsx_runtime_1.jsx)(react_lottie_player_1.default, { path: icons?.letsGetStarted, play: true, loop: true, style: {
+                            width: "40%",
+                            height: "40%",
+                        } })), (0, jsx_runtime_1.jsxs)(react_1.HStack, { ...hstack.submit, onClick: () => {
+                            handleAddPost && handleAddPost(isExperientialActivity);
+                        }, children: [!isExperientialActivity && ((0, jsx_runtime_1.jsx)(react_1.Image, { src: icons.plus, alt: "Plus", objectFit: "contain" })), (0, jsx_runtime_1.jsx)(react_1.Text, { ...text.submitTxt, children: isExperientialActivity
+                                    ? isMobile
+                                        ? "Upload"
+                                        : "Lets get started"
+                                    : "Submit" })] })] })] }));
+};
+const UserInfo = ({ userDetails }) => {
+    const { firstName = "", lastName = "" } = userDetails || {};
+    const { box, text } = addPostStyles_1.addPostCardStyles;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { ...box.user, children: (0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: 3, children: [(0, jsx_runtime_1.jsx)(ProfileImage, { name: firstName?.charAt(0) + lastName?.charAt(0) }), (0, jsx_runtime_1.jsx)(react_1.Text, { ...text.userName, children: "Me" })] }) }));
+};
+const ProfileImage = ({ name = "" }) => {
+    const { stack } = addPostStyles_1.addPostCardStyles;
+    return ((0, jsx_runtime_1.jsx)(react_1.Stack, { ...stack.profile, children: (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "16px", fontWeight: 600, lineHeight: "20px", children: name?.toUpperCase() }) }));
+};
+const AddPostCard = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = AddPostCard;
+//# sourceMappingURL=AddPostCard.js.map

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

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

package/dist/components/Molecules/AddPostCard/addPostStyles.d.ts

@@ -0,0 +1,86 @@
+export declare const addPostCardStyles: {
+    box: {
+        container: {
+            display: string;
+            maxWidth: string;
+            minHeight: string;
+            overflow: string;
+            borderRadius: string;
+            fontFamily: string;
+            boxSizing: string;
+            boxShadow: string;
+            padding: string;
+            backgroundColor: string;
+        };
+        subContainer: {
+            backgroundColor: string;
+            width: string;
+            minHeight: string;
+            borderRadius: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: string;
+            padding: string;
+        };
+        user: {
+            marginBottom: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+    };
+    hstack: {
+        submit: {
+            height: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            backgroundColor: string;
+            color: string;
+            cursor: string;
+        };
+        viewMode: {
+            border: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            height: string;
+            cursor: string;
+        };
+    };
+    stack: {
+        profile: {
+            bg: string;
+            w: string;
+            height: string;
+            borderRadius: string;
+            justifyContent: string;
+            alignItems: string;
+            boxShadow: string;
+        };
+    };
+    text: {
+        submitTxt: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+        };
+        dscTxt: {
+            padding: string;
+            color: string;
+            textAlign: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        userName: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+    };
+};

package/dist/components/Molecules/AddPostCard/addPostStyles.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addPostCardStyles = void 0;
+exports.addPostCardStyles = {
+    box: {
+        container: {
+            display: "block",
+            maxWidth: "325px",
+            minHeight: "100px",
+            overflow: "hidden",
+            borderRadius: "12px",
+            fontFamily: '"Poppins", sans-serif',
+            boxSizing: "border-box",
+            boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+            padding: "16px",
+            backgroundColor: "#f2e7ff",
+        },
+        subContainer: {
+            backgroundColor: "#ffffff",
+            width: "100%",
+            minHeight: "154px",
+            borderRadius: "12px",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            gap: "16px",
+            padding: "16px",
+        },
+        user: {
+            marginBottom: "16px",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+        },
+    },
+    hstack: {
+        submit: {
+            height: "40px",
+            padding: "10px 18px",
+            gap: "8px",
+            borderRadius: "24px",
+            backgroundColor: "#7464ce",
+            color: "#ffffff",
+            cursor: "pointer",
+        },
+        viewMode: {
+            border: "1px solid #919191",
+            padding: "10px 18px",
+            gap: "8px",
+            borderRadius: "24px",
+            height: "40px",
+            cursor: "pointer",
+        },
+    },
+    stack: {
+        profile: {
+            bg: "#DFE4E7",
+            w: "40px",
+            height: "40px",
+            borderRadius: "20px",
+            justifyContent: "center",
+            alignItems: "center",
+            boxShadow: "sm",
+        },
+    },
+    text: {
+        submitTxt: {
+            fontSize: "18px",
+            fontWeight: "500",
+            lineHeight: "28px",
+            textAlign: "center",
+        },
+        dscTxt: {
+            padding: "0px 8px",
+            color: "#263238",
+            textAlign: "center",
+            fontSize: "14px",
+            fontWeight: "500",
+        },
+        userName: {
+            fontSize: "18px",
+            fontWeight: "600",
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#263238",
+        },
+    },
+};
+//# sourceMappingURL=addPostStyles.js.map

package/dist/components/Molecules/AddPostCard/addPostStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addPostStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/AddPostCard/addPostStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,iBAAiB,GAAG;IAC/B,GAAG,EAAE;QACH,SAAS,EAAE;YACT,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,uBAAuB;YACnC,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,8BAA8B;YACzC,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,SAAS;SAC3B;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,MAAM;SAChB;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,KAAK;YACV,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,KAAK;YACV,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,SAAS;SAClB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE;YACP,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,MAAM;YACT,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,MAAM;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,IAAI;SAChB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,QAAQ;SACpB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;SAClB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC"}

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

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

package/dist/components/Molecules/BottomNav/BottomNav.js

@@ -0,0 +1,24 @@
+"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 customTheme_1 = require("../../../utils/customTheme");
+const react_2 = require("@chakra-ui/react");
+const BottomNavToast_1 = __importDefault(require("../../Atoms/BottomNavToast/BottomNavToast"));
+const BottomNavButton_1 = __importDefault(require("../../Atoms/BottomNavButton/BottomNavButton"));
+const BottomNavMenu_1 = __importDefault(require("../../Atoms/BottomNavMenu/BottomNavMenu"));
+const BottomNavStyles_1 = require("./BottomNavStyles");
+const Component = (props) => {
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)(props?.isMobileView, props?.isNewBottomList)
+            ?.mainContainer, children: (0, jsx_runtime_1.jsxs)(react_2.HStack, { sx: (0, BottomNavStyles_1.BottomNavStyles)(props?.isMobileView, props?.isNewBottomList, props?.isMenuOpen)?.subContainer, children: [props.isMenuOpen && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)(props?.isMobileView, props?.isNewBottomList)
+                        ?.bottomNavMenuContainer, children: (0, jsx_runtime_1.jsx)(BottomNavMenu_1.default, { navMenuList: props.navMenuList, onNavMenuClick: props.onNavMenuClick, isMobileView: props.isMobileView, isNewBottomList: props.isNewBottomList }) })), !props?.isNewBottomList && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.secondBoxContiner, children: (0, jsx_runtime_1.jsx)(react_2.VStack, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.vStackContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.toastContainer, children: [props.isToastOpen && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.toastSubContainer, children: (0, jsx_runtime_1.jsx)(BottomNavToast_1.default, { description: props.description, handleClose: props.handleClose, icons: props.icons }) })), props.isBottomNavButtonsOpen && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.bottomNavButtonContainer, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, BottomNavStyles_1.BottomNavStyles)()?.bottomNavButtonSubContainer, children: (0, jsx_runtime_1.jsx)(BottomNavButton_1.default, { buttonArray: props.buttonArray, isOutlined: props.isOutlined, buttonClick: props.buttonClick }) }) }))] }) }) }))] }) }));
+};
+const BottomNav = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = BottomNav;
+//# sourceMappingURL=BottomNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNav.js","sourceRoot":"","sources":["../../../../src/components/Molecules/BottomNav/BottomNav.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AACxC,4DAAyD;AACzD,4CAA+E;AAC/E,+FAAuE;AACvE,kGAA0E;AAC1E,4FAAoE;AAGpE,uDAAoD;AAEpD,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,OAAO,CACL,uBAAC,WAAG,IACF,EAAE,EACA,IAAA,iCAAe,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,CAAC;YAC1D,EAAE,aAAa,YAGnB,wBAAC,cAAM,IACL,EAAE,EACA,IAAA,iCAAe,EACb,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,UAAU,CAClB,EAAE,YAAY,aAIhB,KAAK,CAAC,UAAU,IAAI,CACnB,uBAAC,WAAG,IACF,EAAE,EACA,IAAA,iCAAe,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,CAAC;wBAC1D,EAAE,sBAAsB,YAG5B,uBAAC,uBAAa,IACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,GACE,CACP,EAEA,CAAC,KAAK,EAAE,eAAe,IAAI,CAC1B,uBAAC,WAAG,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,iBAAiB,YAC3C,uBAAC,cAAM,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,eAAe,YAC5C,wBAAC,WAAG,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,cAAc,aACvC,KAAK,CAAC,WAAW,IAAI,CACpB,uBAAC,WAAG,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,iBAAiB,YAC3C,uBAAC,wBAAc,IACb,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,GACE,CACP,EACA,KAAK,CAAC,sBAAsB,IAAI,CAC/B,uBAAC,WAAG,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,wBAAwB,YAClD,uBAAC,WAAG,IAAC,EAAE,EAAE,IAAA,iCAAe,GAAE,EAAE,2BAA2B,YACrD,uBAAC,yBAAe,IACd,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,GACE,GACF,CACP,IACG,GACC,GACL,CACP,IACM,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;IAC/B,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,yBAAW,YAChC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}