dtaeids 0.0.1

package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.d.ts

@@ -0,0 +1,197 @@
+export declare const newPostCardStyles: {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        width: {
+            base: string;
+            md: string;
+        };
+        height: string;
+        borderRadius: string;
+        border: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingX: string;
+        gap: string;
+    };
+    headerSection: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        width: string;
+    };
+    profileContainer: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        background: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        position: string;
+    };
+    profileImage: {
+        width: string;
+        height: string;
+        borderRadius: string;
+    };
+    userName: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        flex: number;
+    };
+    editIcon: {
+        width: string;
+        height: string;
+        cursor: string;
+    };
+    mainImageContainer: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        position: string;
+        overflow: string;
+    };
+    mainImage: {
+        width: string;
+        height: string;
+        objectFit: string;
+        borderRadius: string;
+    };
+    badgeContainer: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        background: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        height: string;
+        width: string;
+    };
+    badgeIcon: {
+        width: string;
+        height: string;
+    };
+    badgeText: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    contentSection: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        width: string;
+    };
+    contentText: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    readMoreText: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        cursor: string;
+    };
+    attachmentHeading: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    attachmentContainer: {
+        display: string;
+        gap: string;
+        alignItems: string;
+    };
+    attachmentIcon: {
+        width: string;
+        height: string;
+        background: string;
+        borderRadius: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+    };
+    divider: {
+        width: string;
+        height: string;
+        background: string;
+    };
+    footerSection: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        paddingX: string;
+        width: string;
+    };
+    reactionsContainer: {
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    overlappingImages: {
+        display: string;
+        position: string;
+    };
+    overlappingImage: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        border: string;
+        marginLeft: string;
+        "&:first-child": {
+            marginLeft: string;
+        };
+    };
+    reactionCount: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    commentsContainer: {
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    commentIcon: {
+        width: string;
+        height: string;
+    };
+    commentCount: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    emojiSection: {
+        alignItems: string;
+        justifyContent: string;
+        gap: string;
+    };
+    emojiText: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};

package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.newPostCardStyles = void 0;
+exports.newPostCardStyles = {
+    mainContainer: {
+        display: "flex",
+        flexDirection: "column",
+        // width: "350px",
+        // maxWidth: "325px",
+        width: { base: "100%", md: "auto" },
+        height: "auto",
+        borderRadius: "12px",
+        border: "1px solid rgba(0,0,0,0.1)",
+        // background: "#faf9fe",
+        paddingTop: "12px",
+        paddingBottom: "24px",
+        paddingX: "12px",
+        gap: "8px",
+    },
+    headerSection: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        width: "100%",
+    },
+    profileContainer: {
+        width: "48px",
+        height: "48px",
+        borderRadius: "8px",
+        background: "#8877ea",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "24px",
+        position: "relative",
+    },
+    profileImage: {
+        width: "40px",
+        height: "40px",
+        borderRadius: "50%",
+    },
+    userName: {
+        fontFamily: "Poppins",
+        fontWeight: "600",
+        fontSize: "16px",
+        lineHeight: "28px",
+        color: "#263238",
+        flex: 1,
+    },
+    editIcon: {
+        width: "24px",
+        height: "24px",
+        cursor: "pointer",
+    },
+    mainImageContainer: {
+        width: "100%",
+        height: "193px",
+        borderRadius: "8px",
+        position: "relative",
+        overflow: "hidden",
+    },
+    mainImage: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        borderRadius: "8px",
+    },
+    badgeContainer: {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        background: "#faf9fe",
+        border: "1px solid #faf9fe",
+        borderRadius: "4px",
+        padding: "4px",
+        height: "27px",
+        width: "fit-content",
+    },
+    badgeIcon: {
+        width: "16px",
+        height: "16px",
+    },
+    badgeText: {
+        fontFamily: "Poppins",
+        fontWeight: "400",
+        fontSize: "14px",
+        lineHeight: "20px",
+        color: "#faf9fe",
+    },
+    contentSection: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px",
+        width: "100%",
+    },
+    contentText: {
+        fontFamily: "Poppins",
+        fontWeight: "400",
+        fontSize: "12px",
+        lineHeight: "24px",
+        color: "#666a6b",
+    },
+    readMoreText: {
+        fontFamily: "Poppins",
+        fontWeight: "700",
+        fontSize: "12px",
+        lineHeight: "24px",
+        color: "#130159",
+        cursor: "pointer",
+    },
+    attachmentHeading: {
+        fontFamily: "Poppins",
+        fontWeight: "700",
+        fontSize: "12px",
+        lineHeight: "28px",
+        color: "#312961",
+    },
+    attachmentContainer: {
+        display: "flex",
+        gap: "8px",
+        alignItems: "center",
+    },
+    attachmentIcon: {
+        width: "41px",
+        height: "40px",
+        background: "#f4f2ff",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "4px",
+    },
+    divider: {
+        width: "100%",
+        height: "1px",
+        background: "#E0E0E0",
+    },
+    footerSection: {
+        display: "flex",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        gap: "24px",
+        paddingX: "8px",
+        width: "100%",
+    },
+    reactionsContainer: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+    },
+    overlappingImages: {
+        display: "flex",
+        position: "relative",
+    },
+    overlappingImage: {
+        width: "24px",
+        height: "24px",
+        borderRadius: "50%",
+        border: "2px solid white",
+        marginLeft: "-10px",
+        "&:first-child": {
+            marginLeft: "0px",
+        },
+    },
+    reactionCount: {
+        fontFamily: "Poppins",
+        fontWeight: "500",
+        fontSize: "12px",
+        lineHeight: "20px",
+        color: "#666a6b",
+    },
+    commentsContainer: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+    },
+    commentIcon: {
+        width: "24px",
+        height: "24px",
+    },
+    commentCount: {
+        fontFamily: "Poppins",
+        fontWeight: "500",
+        fontSize: "12px",
+        lineHeight: "20px",
+        color: "#666a6b",
+    },
+    emojiSection: {
+        alignItems: "flex-end",
+        justifyContent: "flex-end",
+        gap: "24px",
+    },
+    emojiText: {
+        color: "#666A6B",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontWeight: "500",
+        lineHeight: "20px",
+    },
+};
+//# sourceMappingURL=newPostCardStyles.js.map

package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.js.map

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

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

@@ -0,0 +1,46 @@
+interface FactualCardProps {
+    loader?: boolean;
+    onPlay?: () => void;
+    index: number;
+    currentQuestionIndex: number;
+    question: DisplayedQuestion;
+    icons?: {
+        play?: string;
+    };
+    saveEvent?: (eventType: {}, metadata?: any) => void;
+    authToken: any;
+    learningStepData?: any;
+    displayedQues?: any;
+    url?: string;
+    isRecap: Boolean;
+}
+interface Content {
+    title?: string;
+    type?: string;
+    contentType?: string;
+    id?: string;
+    content?: string;
+    content_details?: {
+        title: string;
+        type: string;
+        contentType?: string;
+        id: string;
+        content: string;
+        _id?: string;
+    };
+    _id?: string;
+}
+interface FactualRuleSet {
+    start_time?: string;
+    end_time?: string;
+}
+interface DisplayedQuestion {
+    contents?: Content[];
+    factual_rule_set?: FactualRuleSet[];
+    basket?: string;
+    journey_id?: string;
+    step_id?: string;
+    _id?: string;
+}
+export default function FactualCard({ loader, onPlay, index, currentQuestionIndex, question, icons, saveEvent, authToken, learningStepData, displayedQues, url, isRecap, }: FactualCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Molecules/FactualCard/FactualCard.js

@@ -0,0 +1,124 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const BubbleLoader_1 = __importDefault(require("../Tutor/BubbleLoader"));
+const DashPlayer_1 = __importDefault(require("../DashPlayer/DashPlayer"));
+const FactualCard_style_1 = __importDefault(require("./FactualCard.style"));
+const MediaModal_1 = __importDefault(require("../MediaModal/MediaModal")); // Import the MediaModal
+function FactualCard({ loader = false, onPlay, index, currentQuestionIndex, question, icons = {}, saveEvent = () => { }, authToken, learningStepData, displayedQues, url = "", isRecap = false, }) {
+    const [isHovering, setIsHovering] = (0, react_1.useState)(false);
+    const [playerKey, setPlayerKey] = (0, react_1.useState)(0);
+    const [isMediaModalOpen, setIsMediaModalOpen] = (0, react_1.useState)(false);
+    const playerRef = (0, react_1.useRef)(null);
+    // Force player re-render when question changes
+    (0, react_1.useEffect)(() => {
+        setPlayerKey((prev) => prev + 1);
+        setIsHovering(false);
+    }, [currentQuestionIndex, question]);
+    const handleVideoEventsUpdates = (eventType, metadata) => {
+        const currentTime = new Date().toISOString();
+        const videoObject = {
+            event_time: currentTime,
+            event_name: eventType,
+            video_id: displayedQues[index]?.contents?.[0]?._id ||
+                displayedQues[index]?.contents?.[0]?.content_details?._id ||
+                learningStepData?.contents?.[0]?._id ||
+                "",
+        };
+        saveEvent(videoObject, metadata);
+    };
+    const handleMouseEnter = () => {
+        setIsHovering(true);
+        handleVideoEventsUpdates("hover_played");
+    };
+    const handleMouseLeave = () => {
+        setIsHovering(false);
+        if (playerRef.current) {
+            handleVideoEventsUpdates("hover_paused", {
+                video_instance: playerRef.current.getCurrentTime(),
+            });
+        }
+    };
+    const handleVideoClick = () => {
+        setIsHovering(false);
+        setIsMediaModalOpen(true);
+        if (onPlay)
+            onPlay(); // Still call onPlay if provided for backward compatibility
+        handleVideoEventsUpdates("video_clicked");
+    };
+    const getVideoUrl = () => {
+        const contentType = String(question?.contents?.[0]?.content_details?.type ??
+            question?.contents?.[0]?.type).toLowerCase();
+        if (contentType === "youtube") {
+            return ("https://www.youtube.com/watch?v=" +
+                (question?.contents?.[0]?.content_details?.id ??
+                    question?.contents?.[0]?.id));
+        }
+        else {
+            return (question?.contents?.[0]?.content_details?.content ??
+                question?.contents?.[0]?.content ??
+                "");
+        }
+    };
+    const getTitle = () => {
+        return (question?.contents?.[0]?.content_details?.title ??
+            question?.contents?.[0]?.title ??
+            "");
+    };
+    const getVideoMetadata = () => {
+        return [
+            question?.factual_rule_set?.[0]?.start_time,
+            question?.factual_rule_set?.[0]?.end_time,
+        ];
+    };
+    const getVideoId = () => {
+        return (question?.contents?.[0]?._id ||
+            question?.contents?.[0]?.content_details?._id ||
+            "");
+    };
+    const videoUrl = getVideoUrl() || url;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { "data-testid": `factual card -${index}`, sx: {
+                    ...FactualCard_style_1.default.card,
+                    marginLeft: isRecap ? "0px" : FactualCard_style_1.default.card.marginLeft,
+                    marginBottom: isRecap ? "0px" : FactualCard_style_1.default.card.marginBottom,
+                    boxShadow: isRecap ? "0px" : FactualCard_style_1.default.card.boxShadow,
+                }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.title, "data-testid": "review-factualcard-text-title", children: getTitle() }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.videoWrapper, onClick: handleVideoClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-testid": "review-factualcard-video-wrapper", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: FactualCard_style_1.default.videoContent, children: [(0, jsx_runtime_1.jsx)(DashPlayer_1.default, { ref: playerRef, playing: isHovering, muted: true, controls: false, src: videoUrl, authToken: authToken, onPlay: () => handleVideoEventsUpdates("hover_played"), onPause: () => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_paused", {
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onEnded: () => handleVideoEventsUpdates("hover_ended"), onSeek: ({ from, to }) => handleVideoEventsUpdates("hover_seek", { from, to }), onRateChange: (rate) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_rate_change", {
+                                                rate,
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onVolumeChange: (vol) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_volume_change", {
+                                                volume: vol,
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onMuteToggle: (isMuted) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates(isMuted ? "hover_muted" : "hover_unmuted", {
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onError: (error) => console.error("Video error:", error) }, playerKey), icons.play && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.playButton, children: (0, jsx_runtime_1.jsx)("img", { src: icons.play, alt: "Play", "data-testid": "review-factualcard-image-play" }) }))] }) }), loader && (0, jsx_runtime_1.jsx)(BubbleLoader_1.default, {})] }), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { authToken: authToken, openMedia: isMediaModalOpen, handleClose: () => setIsMediaModalOpen(false), selectedMedia: {
+                    video_url: videoUrl,
+                    media_type: "video",
+                    video_metadata: getVideoMetadata(),
+                    video_id: getVideoId(),
+                }, updateVideoEvents: saveEvent, learningStepData: learningStepData })] }));
+}
+exports.default = FactualCard;
+//# sourceMappingURL=FactualCard.js.map

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

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

package/dist/components/Molecules/FactualCard/FactualCard.style.d.ts

@@ -0,0 +1,64 @@
+declare const factualStyle: {
+    card: {
+        background: string;
+        borderRadius: string;
+        padding: string;
+        boxShadow: string;
+        width: string;
+        marginLeft: string;
+        marginBottom: string;
+        "@media (max-width: 768px)": {
+            width: string;
+        };
+        "@media (max-width: 480px)": {
+            marginLeft: string;
+        };
+    };
+    title: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        paddingTop: string;
+    };
+    videoWrapper: {
+        width: string;
+        cursor: string;
+        "@media (max-width: 768px)": {
+            position: string;
+            width: string;
+            cursor: string;
+        };
+    };
+    videoContent: {
+        position: string;
+        display: string;
+        overflow: string;
+    };
+    playButton: {
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        transition: string;
+        "&:hover": {
+            opacity: number;
+        };
+    };
+    duration: {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        position: string;
+        top: string;
+        left: string;
+        display: string;
+    };
+};
+export default factualStyle;