recap_mobileview 0.0.1

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

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

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

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

@@ -0,0 +1 @@
+export default function PostImageGallary({ images, count, icons }: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,68 @@
+"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 = __importStar(require("react"));
+const postCardStyles_1 = require("./postCardStyles");
+const react_2 = require("@chakra-ui/react");
+const react_video_thumbnail_1 = __importDefault(require("react-video-thumbnail"));
+const common_utils_1 = require("../../../utils/common-utils");
+const react_lazy_load_image_component_1 = require("react-lazy-load-image-component");
+// import "react-lazy-load-image-component/src/effects/blur.css";
+function PostImageGallary({ images, count, icons }) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [images?.length > 2 && ((0, jsx_runtime_1.jsx)(MultipleImages, { images: images, count: count, videoIcon: icons?.videoIcon })), images?.length == 2 && ((0, jsx_runtime_1.jsx)(TwoImages, { images: images, count: count, videoIcon: icons?.videoIcon })), images?.length == 1 && ((0, jsx_runtime_1.jsx)(SingleImage, { images: images, videoIcon: icons?.videoIcon }))] }));
+}
+exports.default = PostImageGallary;
+const SingleImage = ({ images, videoIcon }) => {
+    const { image } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsx)(MediaView, { item: images?.[0], style: image.postImg, videoIcon: videoIcon }));
+};
+const TwoImages = ({ images, videoIcon }) => {
+    const { image } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 0, borderRadius: "12px", children: [(0, jsx_runtime_1.jsx)(MediaView, { item: images?.[0], style: image.twoImgWithLeftRadius, videoIcon: videoIcon }), (0, jsx_runtime_1.jsx)(MediaView, { item: images?.[1], style: image.twoImgWithRightRadius, videoIcon: videoIcon })] }));
+};
+const MultipleImages = ({ images, count, videoIcon }) => {
+    const { image, text } = postCardStyles_1.postCardStyles;
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 0, borderRadius: "12px", children: [(0, jsx_runtime_1.jsx)(MediaView, { item: images?.[0], style: image.twoImgWithLeftRadius, videoIcon: videoIcon }), (0, jsx_runtime_1.jsxs)(react_2.Box, { w: "50%", children: [(0, jsx_runtime_1.jsx)(MediaView, { item: images?.[1], style: image.multiImg, videoIcon: videoIcon }), (0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", height: "100%", children: [(0, jsx_runtime_1.jsx)(MediaView, { item: images?.[2], style: image.multiImg, videoIcon: videoIcon }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...text.mediaCount, children: count })] })] })] }));
+};
+const MediaView = ({ item, style, videoIcon }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [item?.type == "IMAGE" && (0, jsx_runtime_1.jsx)(ImageView, { src: item?.url, style: style }), item?.type == "VIDEO" && ((0, jsx_runtime_1.jsx)(VideoView, { src: item?.originalURL, style: style, icon: videoIcon }))] }));
+};
+const VideoView = ({ src, style, icon }) => {
+    const { box } = postCardStyles_1.postCardStyles;
+    const [thumbnailUrl, setThumbnailUrl] = (0, react_1.useState)("");
+    return ((0, jsx_runtime_1.jsxs)(react_1.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_2.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: thumbnailUrl, ...style, objectFit: "cover", w: "100%" }), (0, jsx_runtime_1.jsx)(react_2.Box, { ...box.videoIconContainer, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icon, w: "24px", height: "24px" }) })] }))] }));
+};
+const ImageView = ({ src, style }) => {
+    return (0, jsx_runtime_1.jsx)(react_lazy_load_image_component_1.LazyLoadImage, { src: src, style: { ...style }, wrapperProps: {
+            style: {
+                transitionDelay: "1s",
+            },
+        }, effect: "blur" });
+};
+//# sourceMappingURL=PostImageGallary.js.map

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

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

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

@@ -0,0 +1,152 @@
+export declare const postCardStyles: {
+    box: {
+        cardContainer: {
+            display: string;
+            maxWidth: string;
+            minHeight: string;
+            overflow: string;
+            borderRadius: string;
+            fontFamily: string;
+            boxSizing: string;
+            boxShadow: string;
+            padding: string;
+            position: string;
+            userSelect: string;
+        };
+        subContainer: {
+            width: string;
+            height: string;
+            filter: string;
+        };
+        detailedContainer: {
+            display: string;
+            flexDirection: string;
+            width: string;
+            gap: string;
+            boxSizing: string;
+            marginTop: string;
+        };
+        descContainer: {
+            maxH: string;
+            overflow: string;
+        };
+        docItem: {
+            backgroundColor: string;
+            width: string;
+            height: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            borderRadius: string;
+        };
+        videoIconContainer: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    text: {
+        profileInitials: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+        };
+        userName: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        postTitle: {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        postDesc: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textAlign: string;
+            color: string;
+        };
+        countTxt: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        readMore: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+        };
+        mediaCount: {
+            position: string;
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            textAlign: string;
+            color: string;
+            textShadow: string;
+        };
+    };
+    stack: {
+        profileImgContainer: {
+            bg: string;
+            w: string;
+            h: string;
+            borderRadius: string;
+            justifyContent: string;
+            alignItems: string;
+            boxShadow: string;
+        };
+    };
+    image: {
+        postImg: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderRadius: string;
+        };
+        twoImgWithLeftRadius: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopLeftRadius: string;
+            borderBottomLeftRadius: string;
+        };
+        twoImgWithRightRadius: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopRightRadius: string;
+            borderBottomRightRadius: string;
+        };
+        multiImg: {
+            width: string;
+            height: string;
+            objectFit: string;
+            borderTopRightRadius: string;
+        };
+    };
+};

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

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.postCardStyles = void 0;
+exports.postCardStyles = {
+    box: {
+        cardContainer: {
+            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",
+            position: "relative",
+            userSelect: "none",
+        },
+        subContainer: {
+            width: "100%",
+            height: "100%",
+            filter: "auto",
+        },
+        detailedContainer: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            gap: "8px",
+            boxSizing: "border-box",
+            marginTop: "8px",
+        },
+        descContainer: {
+            maxH: "120px",
+            overflow: "hidden",
+        },
+        docItem: {
+            backgroundColor: "white",
+            width: "32px",
+            height: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: "4px",
+        },
+        videoIconContainer: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            width: "100%",
+        },
+    },
+    text: {
+        profileInitials: {
+            fontSize: "16px",
+            fontWeight: 600,
+            lineHeight: "20px",
+        },
+        userName: {
+            fontSize: "18px",
+            fontWeight: 600,
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#263238",
+        },
+        postTitle: {
+            fontSize: "18px",
+            fontWeight: 600,
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#263238",
+        },
+        postDesc: {
+            fontSize: "16px",
+            fontWeight: "400",
+            lineHeight: "24px",
+            letterSpacing: "0.01em",
+            textAlign: "left",
+            color: "#666a6b",
+        },
+        countTxt: {
+            fontSize: "12px",
+            fontWeight: "500",
+            lineHeight: "20px",
+            textAlign: "left",
+            color: "#666a6b",
+        },
+        readMore: {
+            fontSize: "14px",
+            fontWeight: "500",
+            lineHeight: "20px",
+            textAlign: "left",
+            color: "#7464ce",
+        },
+        mediaCount: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            fontSize: "30px",
+            fontWeight: "700",
+            lineHeight: "36.31px",
+            textAlign: "center",
+            color: "#ffffff",
+            textShadow: "2px 2px 4px rgba(0, 0, 0, 0.6)",
+        },
+    },
+    stack: {
+        profileImgContainer: {
+            bg: "#DFE4E7",
+            w: "40px",
+            h: "40px",
+            borderRadius: "20px",
+            justifyContent: "center",
+            alignItems: "center",
+            boxShadow: "sm",
+        },
+    },
+    image: {
+        postImg: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderRadius: "12px",
+        },
+        twoImgWithLeftRadius: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderTopLeftRadius: "12px",
+            borderBottomLeftRadius: "12px",
+        },
+        twoImgWithRightRadius: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderTopRightRadius: "12px",
+            borderBottomRightRadius: "12px",
+        },
+        multiImg: {
+            width: "100%",
+            height: "92.5px",
+            objectFit: "cover",
+            borderTopRightRadius: "12px",
+        },
+    },
+};
+//# sourceMappingURL=postCardStyles.js.map

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

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

package/dist/components/Molecules/RecapNode/ContentView.d.ts

@@ -0,0 +1,2 @@
+export const ContentView: React.NamedExoticComponent<object>;
+import React from "react";

package/dist/components/Molecules/RecapNode/ContentView.js

@@ -0,0 +1,43 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const VideoView_1 = require("./VideoView");
+const SectionView_1 = require("./SectionView");
+exports.ContentView = (0, react_1.memo)(({ displayType, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, nodeId, rootNodeId, onIconDataUpdate, colorKey, isMobile, playicon, onSectionExpandChange, }) => {
+    // Handle video display
+    if (displayType === "videos" && content?.videos?.length > 0) {
+        return ((0, jsx_runtime_1.jsx)(VideoView_1.VideoView, { videos: content.videos, thumbnails: content.thumbnail_url, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, playicon: playicon }));
+    }
+    // Handle all other types - show recap sections
+    if (displayType && displayType !== "videos" && content?.recap) {
+        return ((0, jsx_runtime_1.jsx)(SectionView_1.SectionView, { recap: content.recap, displayType: displayType, isAdmin: isAdmin, onEditClick: onIconDataUpdate, nodeId: nodeId, rootNodeId: rootNodeId, colorKey: colorKey, isMobile: isMobile, onSectionExpandChange: onSectionExpandChange }));
+    }
+    return null;
+});
+exports.ContentView.displayName = 'ContentView';
+//# sourceMappingURL=ContentView.js.map

package/dist/components/Molecules/RecapNode/ContentView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/ContentView.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,2CAAwC;AACxC,+CAA4C;AAE/B,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EACC,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,GACtB,EAAE,EAAE;IACH,uBAAuB;IACvB,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE;QAC3D,OAAO,CACL,uBAAC,qBAAS,IACR,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,UAAU,EAAE,OAAO,CAAC,aAAa,EACjC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;KACH;IAED,+CAA+C;IAC/C,IAAI,WAAW,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,KAAK,EAAE;QAC7D,OAAO,CACL,uBAAC,yBAAW,IACV,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/Molecules/RecapNode/SectionView.d.ts

@@ -0,0 +1,7 @@
+export function SectionView({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }: {
+    recap: any;
+    displayType: any;
+    colorKey: any;
+    isMobile: any;
+    onSectionExpandChange: any;
+}): import("react/jsx-runtime").JSX.Element | null;