recap_mobileview 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/ActivityBanner.stories.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DefaultBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const DarkBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

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

@@ -0,0 +1,97 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkBanner = exports.DefaultBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ActivityBanner_1 = __importDefault(require("./ActivityBanner"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Molecules/ActivityBanner",
+    component: ActivityBanner_1.default,
+};
+const attachments = [
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/647d97a4-f005-41a8-a1e9-c2ad535a45e7_Humayun_tomb-1869520649.jpeg",
+        fileName: "647d97a4-f005-41a8-a1e9-c2ad535a45e7_Humayun_tomb-1869520649.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/647d97a4-f005-41a8-a1e9-c2ad535a45e7_Humayun_tomb-1869520649.jpeg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/9b7fcce4-3470-42bb-9ab7-696d34e585d8_jagannath2-374094592.jpeg",
+        fileName: "9b7fcce4-3470-42bb-9ab7-696d34e585d8_jagannath2-374094592.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/9b7fcce4-3470-42bb-9ab7-696d34e585d8_jagannath2-374094592.jpeg",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/aafe106e-19ab-4c8f-a9e4-66406891f3da_SampleVideo_1280x720_5mb_1.mp4",
+        fileName: "aafe106e-19ab-4c8f-a9e4-66406891f3da_SampleVideo_1280x720_5mb_1.mp4",
+        mimeType: "video/mp4",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/aafe106e-19ab-4c8f-a9e4-66406891f3da_SampleVideo_1280x720_5mb_1.mp4",
+    },
+    {
+        url: "https://innerscore-student-wall.s3.amazonaws.com/95ed3e0e-164c-4d18-bde0-360091533e70_d86cb6cd-f46b-4ff6-8653-8f2ccef7c71f_samplepptx_44dc142713.pptx",
+        fileName: "95ed3e0e-164c-4d18-bde0-360091533e70_d86cb6cd-f46b-4ff6-8653-8f2ccef7c71f_samplepptx_44dc142713.pptx",
+        mimeType: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/95ed3e0e-164c-4d18-bde0-360091533e70_d86cb6cd-f46b-4ff6-8653-8f2ccef7c71f_samplepptx_44dc142713.pptx",
+    },
+    {
+        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/190b2683-416a-4dc6-a197-01573a1487c8_2142542-2760106321.jpeg",
+        fileName: "190b2683-416a-4dc6-a197-01573a1487c8_2142542-2760106321.jpeg",
+        mimeType: "image/jpeg",
+        originalURL: "https://innerscore-student-wall.s3.amazonaws.com/190b2683-416a-4dc6-a197-01573a1487c8_2142542-2760106321.jpeg",
+    },
+];
+const Template = (args) => (0, jsx_runtime_1.jsx)(ActivityBanner_1.default, { ...args });
+exports.DefaultBanner = Template.bind({});
+exports.DefaultBanner.args = {
+    attachments,
+    title: "About Hyderabad About Hyderabad About Hyderabad About Hyderabad About Hyderabad",
+    description: "Hyderabad, city, Telangana state, south-central India. It is Telangana’s largest and most-populous city and is the major urban centre for all of south-central interior India. From 1956 to 2014 Hyderabad was the capital of Andhra Pradesh state, but, with the creation of Telangana from Andhra Pradesh in 2014, it was redesignated as the capital of both states.\nHyderabad is located on the Musi River in the heart of the Telangana Plateau, a major upland region of the Deccan (peninsular India). The city site is relatively level to the gently rolling terrain, at an elevation of about 1,600 feet (500 metres). The climate is warm to hot and monsoonal (i.e., marked by wet and dry periods), with moderate annual precipitation. Most rain falls during the wet monsoon months of June to October. Pop. (2001) city (district), 3,829,753; urban agglom., 5,742,036; (2011) city (district), 3,943,323; urban agglom., 7,677,018.",
+    clapsCount: 0,
+    commentsCount: 0,
+    link: "https://www.footprintcalculator.org/home/en",
+    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,
+        close: wall_images_1.default.delete,
+    },
+    isDarkTheme: false,
+    isStudent: true,
+};
+exports.DarkBanner = Template.bind({});
+exports.DarkBanner.args = {
+    attachments,
+    title: "About Hyderabad",
+    description: "Hyderabad, city, Telangana state, south-central India. It is Telangana’s largest and most-populous city and is the major urban centre for all of south-central interior India. From 1956 to 2014 Hyderabad was the capital of Andhra Pradesh state, but, with the creation of Telangana from Andhra Pradesh in 2014, it was redesignated as the capital of both states.\nHyderabad is located on the Musi River in the heart of the Telangana Plateau, a major upland region of the Deccan (peninsular India). The city site is relatively level to the gently rolling terrain, at an elevation of about 1,600 feet (500 metres). The climate is warm to hot and monsoonal (i.e., marked by wet and dry periods), with moderate annual precipitation. Most rain falls during the wet monsoon months of June to October. Pop. (2001) city (district), 3,829,753; urban agglom., 5,742,036; (2011) city (district), 3,943,323; urban agglom., 7,677,018.",
+    clapsCount: 0,
+    commentsCount: 0,
+    link: "https://www.footprintcalculator.org/home/en",
+    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,
+    },
+    isDarkTheme: true,
+};
+//# sourceMappingURL=ActivityBanner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityBanner.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/ActivityBanner/ActivityBanner.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,sEAA8C;AAC9C,6EAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,wBAAc;CAClB,CAAC;AAEV,MAAM,WAAW,GAAG;IAClB;QACE,GAAG,EAAE,oHAAoH;QACzH,QAAQ,EACN,mEAAmE;QACrE,QAAQ,EAAE,YAAY;QACtB,WAAW,EACT,oHAAoH;KACvH;IACD;QACE,GAAG,EAAE,iHAAiH;QACtH,QAAQ,EAAE,gEAAgE;QAC1E,QAAQ,EAAE,YAAY;QACtB,WAAW,EACT,iHAAiH;KACpH;IACD;QACE,GAAG,EAAE,sHAAsH;QAC3H,QAAQ,EACN,qEAAqE;QACvE,QAAQ,EAAE,WAAW;QACrB,WAAW,EACT,sHAAsH;KACzH;IACD;QACE,GAAG,EAAE,uJAAuJ;QAC5J,QAAQ,EACN,sGAAsG;QACxG,QAAQ,EACN,2EAA2E;QAC7E,WAAW,EACT,uJAAuJ;KAC1J;IACD;QACE,GAAG,EAAE,2GAA2G;QAChH,QAAQ,EAAE,0DAA0D;QACpE,QAAQ,EAAE,oBAAoB;QAC9B,WAAW,EACT,2GAA2G;KAC9G;IACD;QACE,GAAG,EAAE,oGAAoG;QACzG,QAAQ,EAAE,mDAAmD;QAC7D,QAAQ,EAAE,iBAAiB;QAC3B,WAAW,EACT,oGAAoG;KACvG;IACD;QACE,GAAG,EAAE,+GAA+G;QACpH,QAAQ,EAAE,8DAA8D;QACxE,QAAQ,EAAE,YAAY;QACtB,WAAW,EACT,+GAA+G;KAClH;CACF,CAAC;AACF,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAc,OAAK,IAAI,GAAI,CAAC;AAEtD,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,WAAW;IACX,KAAK,EACH,iFAAiF;IACnF,WAAW,EACT,w5BAAw5B;IAC15B,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,IAAI,EAAE,6CAA6C;IACnD,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,QAAQ,EAAE,qBAAW,CAAC,OAAO;QAC7B,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,QAAQ,EAAE,qBAAW,CAAC,UAAU;QAChC,KAAK,EAAE,qBAAW,CAAC,MAAM;KAC1B;IACD,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEW,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,WAAW;IACX,KAAK,EAAE,iBAAiB;IACxB,WAAW,EACT,w5BAAw5B;IAC15B,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,IAAI,EAAE,6CAA6C;IACnD,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,QAAQ,EAAE,qBAAW,CAAC,OAAO;QAC7B,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,QAAQ,EAAE,qBAAW,CAAC,UAAU;KACjC;IACD,WAAW,EAAE,IAAI;CAClB,CAAC"}

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, { animationData: 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/AddPostCard.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const ShareCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const ChallengeCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const ExperientialCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

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

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExperientialCard = exports.ChallengeCard = exports.ShareCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AddPostCard_1 = __importDefault(require("./AddPostCard"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Molecules/AddPostCard",
+    component: AddPostCard_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(AddPostCard_1.default, { ...args });
+const userDetails = {
+    _id: "63c7ad54aaffafffbb473310",
+    phoneNumber: "+919573909278",
+    cognitoId: "696111f9-d7c9-4d6f-97ec-a98b9d24a3e4",
+    registrationStatus: "4",
+    createdAt: "2023-01-18T08:27:00.152Z",
+    updatedAt: "2023-06-12T11:26:05.948Z",
+    __v: 0,
+    email: "saib@innerscore.com",
+    firstName: "Sai",
+    grade: "43141",
+    lastName: "Bal",
+    school: "Oakridge Internation School",
+};
+exports.ShareCard = Template.bind({});
+exports.ShareCard.args = {
+    userDetails,
+    isShareActivity: true,
+    icons: {
+        plus: wall_images_1.default.plus,
+        eye: wall_images_1.default.eye,
+    },
+};
+exports.ChallengeCard = Template.bind({});
+exports.ChallengeCard.args = {
+    userDetails,
+    isShareActivity: false,
+    icons: {
+        plus: wall_images_1.default.plus,
+        eye: wall_images_1.default.eye,
+    },
+};
+exports.ExperientialCard = Template.bind({});
+exports.ExperientialCard.args = {
+    activityType: "Experiential Learning",
+    userDetails,
+    icons: {
+        vin: wall_images_1.default.vin,
+        letsGetStarted: wall_images_1.default?.letsGetStarted,
+    },
+};
+//# sourceMappingURL=AddPostCard.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddPostCard.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/AddPostCard/AddPostCard.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,gEAAwC;AACxC,6EAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,qBAAW;CACf,CAAC;AAEV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,qBAAW,OAAK,IAAI,GAAI,CAAC;AAEhE,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,0BAA0B;IAC/B,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,sCAAsC;IACjD,kBAAkB,EAAE,GAAG;IACvB,SAAS,EAAE,0BAA0B;IACrC,SAAS,EAAE,0BAA0B;IACrC,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,6BAA6B;CACtC,CAAC;AACW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,WAAW;IACX,eAAe,EAAE,IAAI;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,GAAG,EAAE,qBAAW,CAAC,GAAG;KACrB;CACF,CAAC;AAEW,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,WAAW;IACX,eAAe,EAAE,KAAK;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,GAAG,EAAE,qBAAW,CAAC,GAAG;KACrB;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,wBAAgB,CAAC,IAAI,GAAG;IACtB,YAAY,EAAE,uBAAuB;IACrC,WAAW;IACX,KAAK,EAAE;QACL,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,cAAc,EAAE,qBAAW,EAAE,cAAc;KAC5C;CACF,CAAC"}