performanceresultscreens 0.0.1

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomNavStyles = void 0;
+const react_1 = require("@chakra-ui/react");
+const BottomNavStyles = (isMobileView = false, isNewBottomList = false, isMenuOpen = false) => {
+    return {
+        mainContainer: (0, react_1.defineStyle)({}),
+        subContainer: (0, react_1.defineStyle)({
+            display: isMobileView && isNewBottomList ? "flex" : "grid",
+            gridTemplateColumns: "repeat(14, 1fr)",
+            gap: "24px",
+            alignItems: "flex-end",
+            overflow: "auto",
+            msOverflowStyle: "none",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": {
+                display: "none",
+            },
+        }),
+        bottomNavMenuContainer: (0, react_1.defineStyle)({
+            gridColumn: "1 / 3",
+            display: "flex",
+            justifyContent: isMobileView && isNewBottomList ? "center" : "flex-start",
+            width: isMobileView && isNewBottomList ? "100%" : "max-content",
+            alignItems: "baseline",
+        }),
+        secondBoxContiner: (0, react_1.defineStyle)({
+            gridColumn: { base: "1/15", md: "2/14", lg: "3 / 13" },
+            width: "100%",
+        }),
+        vStackContainer: (0, react_1.defineStyle)({
+            width: "100%",
+            alignItems: "baseline",
+        }),
+        toastContainer: (0, react_1.defineStyle)({
+            width: "100%",
+        }),
+        toastSubContainer: (0, react_1.defineStyle)({
+            width: "100%",
+        }),
+        bottomNavButtonContainer: (0, react_1.defineStyle)({
+            width: "100%",
+            justifyContent: "center",
+            alignItems: "center",
+            display: "flex",
+            flexDirection: "column",
+        }),
+        bottomNavButtonSubContainer: (0, react_1.defineStyle)({
+            width: "100%",
+            display: "flex",
+            justifyContent: "center",
+        }),
+    };
+};
+exports.BottomNavStyles = BottomNavStyles;
+//# sourceMappingURL=BottomNavStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/BottomNav/BottomNavStyles.ts"],"names":[],"mappings":";;;AAAA,4CAA+C;AAExC,MAAM,eAAe,GAAG,CAC7B,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,KAAK,EAClB,EAAE;IACF,OAAO;QACL,aAAa,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;QAC9B,YAAY,EAAE,IAAA,mBAAW,EAAC;YACxB,OAAO,EAAE,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC1D,mBAAmB,EAAE,iBAAiB;YACtC,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,UAAU;YACtB,QAAQ,EAAE,MAAM;YAChB,eAAe,EAAE,MAAM;YACvB,cAAc,EAAE,MAAM;YACtB,sBAAsB,EAAE;gBACtB,OAAO,EAAE,MAAM;aAChB;SACF,CAAC;QACF,sBAAsB,EAAE,IAAA,mBAAW,EAAC;YAClC,UAAU,EAAE,OAAO;YACnB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YACzE,KAAK,EAAE,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;YAC/D,UAAU,EAAE,UAAU;SACvB,CAAC;QACF,iBAAiB,EAAE,IAAA,mBAAW,EAAC;YAC7B,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACtD,KAAK,EAAE,MAAM;SACd,CAAC;QACF,eAAe,EAAE,IAAA,mBAAW,EAAC;YAC3B,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,UAAU;SACvB,CAAC;QACF,cAAc,EAAE,IAAA,mBAAW,EAAC;YAC1B,KAAK,EAAE,MAAM;SACd,CAAC;QACF,iBAAiB,EAAE,IAAA,mBAAW,EAAC;YAC7B,KAAK,EAAE,MAAM;SACd,CAAC;QACF,wBAAwB,EAAE,IAAA,mBAAW,EAAC;YACpC,KAAK,EAAE,MAAM;YACb,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB,CAAC;QACF,2BAA2B,EAAE,IAAA,mBAAW,EAAC;YACvC,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,eAAe,mBAqD1B"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DashPlayer: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default DashPlayer;

package/dist/components/Molecules/DashPlayer/DashPlayer.js

@@ -0,0 +1,149 @@
+"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("react");
+const ShakaPlayer_1 = __importDefault(require("./ShakaPlayer"));
+const TypedShakaPlayer = ShakaPlayer_1.default;
+const DashPlayer = (0, react_1.forwardRef)(({ src, url, controls, startTime, endTime, handleShowBottomSheet, isPlaying, playing, style, poster, onPlay, onPause, onEnded, onSeek, onRateChange, onVolumeChange, onMuteToggle, onError, authToken, muted = false, }, ref) => {
+    const [ReactPlayer, setReactPlayer] = (0, react_1.useState)(null);
+    const [isPlay, setIsPlay] = (0, react_1.useState)(false);
+    const videoRef = (0, react_1.useRef)(null);
+    const [isFirstTime, setIsFirstTime] = (0, react_1.useState)(true);
+    const [hasEnded, setHasEnded] = (0, react_1.useState)(false);
+    // Initialize start and end times based on props
+    const [startInSeconds, setStartInSeconds] = (0, react_1.useState)(startTime || 0);
+    const [endInSeconds, setEndInSeconds] = (0, react_1.useState)(endTime || Infinity);
+    // Expose methods to parent component
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        getCurrentTime: () => {
+            return videoRef.current?.getCurrentTime() || 0;
+        },
+        getTotalWatchTime: () => {
+            return videoRef.current?.getTotalWatchTime() || 0;
+        },
+        logWatchTime: () => {
+            return videoRef.current?.logWatchTime();
+        },
+        seekTo: (seconds) => {
+            if (videoRef.current) {
+                // For ShakaPlayer, we need to set currentTime directly on the video element
+                // This assumes ShakaPlayer exposes the video element or has a seek method
+                videoRef.current.getCurrentTime = () => seconds;
+            }
+        }
+    }));
+    (0, react_1.useEffect)(() => {
+        // Dynamically import ReactPlayer when the component mounts
+        Promise.resolve().then(() => __importStar(require("react-player"))).then((module) => {
+            setReactPlayer(() => module.default);
+        });
+        setIsFirstTime(true);
+        setHasEnded(false);
+        // Update start and end times whenever props change
+        setStartInSeconds((startTime) || 0);
+        setEndInSeconds((endTime) || Infinity);
+    }, [startTime, endTime]);
+    // Handle isPlaying changes separately
+    (0, react_1.useEffect)(() => {
+        if (isPlaying !== undefined) {
+            setIsPlay(isPlaying);
+            // Trigger callbacks based on play state
+            if (isPlaying && onPlay) {
+                onPlay();
+            }
+            else if (!isPlaying && onPause) {
+                onPause();
+            }
+        }
+    }, [isPlaying, onPlay, onPause]);
+    const handleProgress = (state) => {
+        // Ensure the player does not start before the start time
+        if (state?.playedSeconds < startInSeconds) {
+            seekTime(startInSeconds);
+        }
+        // Stop playing when reaching or exceeding the end time
+        else if (state?.playedSeconds >= endInSeconds) {
+            seekTime(endInSeconds);
+            if (isPlay) {
+                setIsPlay(false);
+                setHasEnded(true);
+                if (handleShowBottomSheet) {
+                    handleShowBottomSheet(false);
+                }
+                if (onEnded) {
+                    onEnded();
+                }
+            }
+        }
+    };
+    const seekTime = (seconds) => {
+        if (videoRef?.current) {
+            videoRef.current.seekTo(seconds, "seconds");
+        }
+    };
+    const handleReady = () => {
+        // Seek to the start time when the player is ready
+        if (videoRef.current && isFirstTime) {
+            videoRef.current.seekTo(startInSeconds, "seconds");
+            setIsFirstTime(false);
+        }
+    };
+    const handlePlay = () => {
+        if (onPlay) {
+            onPlay();
+        }
+    };
+    const handlePause = () => {
+        if (onPause) {
+            onPause();
+        }
+    };
+    const handleEnded = () => {
+        if (onEnded) {
+            onEnded();
+        }
+    };
+    const handleSeek = (from, to) => {
+        if (onSeek) {
+            onSeek({ from, to });
+        }
+    };
+    const handleError = (error) => {
+        console.error("DashPlayer error:", error);
+        if (onError) {
+            onError(error);
+        }
+    };
+    if (!ReactPlayer) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading player..." });
+    }
+    return ((0, jsx_runtime_1.jsx)(TypedShakaPlayer, { authToken: authToken, ref: videoRef, muted: muted, controls: controls, url: src || url, playing: playing, onReady: handleReady, onProgress: handleProgress, onPlay: handlePlay, onPause: handlePause, onEnded: handleEnded, onSeek: handleSeek, onError: handleError, style: style, poster: poster, startTime: startTime, endTime: endTime, onRateChange: onRateChange, onVolumeChange: onVolumeChange, onMuteToggle: onMuteToggle }));
+});
+exports.default = DashPlayer;
+//# sourceMappingURL=DashPlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashPlayer.js","sourceRoot":"","sources":["../../../../src/components/Molecules/DashPlayer/DashPlayer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4F;AAG5F,gEAAwC;AAyBxC,MAAM,gBAAgB,GAAG,qBAAoD,CAAC;AAE9E,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,EAC7B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,EACP,qBAAqB,EACrB,SAAS,EACT,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,KAAK,GAAG,KAAK,GACT,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAM,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAQ,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,gDAAgD;IAChD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,IAAI,CAAC,CAAC,CAAC;IACrE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,IAAI,QAAQ,CAAC,CAAC;IAEtE,qCAAqC;IACrC,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,cAAc,EAAE,GAAG,EAAE;YACnB,OAAO,QAAQ,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QACD,iBAAiB,EAAE,GAAG,EAAE;YACtB,OAAO,QAAQ,CAAC,OAAO,EAAE,iBAAiB,EAAE,IAAI,CAAC,CAAC;QACpD,CAAC;QACD,YAAY,EAAE,GAAG,EAAE;YACjB,OAAO,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;QAC1C,CAAC;QACD,MAAM,EAAE,CAAC,OAAe,EAAE,EAAE;YAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,4EAA4E;gBAC5E,0EAA0E;gBAC1E,QAAQ,CAAC,OAAO,CAAC,cAAc,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC;aACjD;QACH,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,2DAA2D;QAC3D,kDAAO,cAAc,IAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACrC,cAAc,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,mDAAmD;QACnD,iBAAiB,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACpC,eAAe,CAAC,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,sCAAsC;IACtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,SAAS,CAAC,SAAS,CAAC,CAAC;YAErB,wCAAwC;YACxC,IAAI,SAAS,IAAI,MAAM,EAAE;gBACvB,MAAM,EAAE,CAAC;aACV;iBAAM,IAAI,CAAC,SAAS,IAAI,OAAO,EAAE;gBAChC,OAAO,EAAE,CAAC;aACX;SACF;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjC,MAAM,cAAc,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,yDAAyD;QACzD,IAAI,KAAK,EAAE,aAAa,GAAG,cAAc,EAAE;YACzC,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC1B;QACD,uDAAuD;aAClD,IAAI,KAAK,EAAE,aAAa,IAAI,YAAY,EAAE;YAC7C,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,IAAI,MAAM,EAAE;gBACV,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,IAAI,qBAAqB,EAAE;oBACzB,qBAAqB,CAAC,KAAK,CAAC,CAAC;iBAC9B;gBACD,IAAI,OAAO,EAAE;oBACX,OAAO,EAAE,CAAC;iBACX;aACF;SACF;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,OAAY,EAAE,EAAE;QAChC,IAAI,QAAQ,EAAE,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC7C;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kDAAkD;QAClD,IAAI,QAAQ,CAAC,OAAO,IAAI,WAAW,EAAE;YACnC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YACnD,cAAc,CAAC,KAAK,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAC;SACV;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAU,EAAE,EAAE;QAC9C,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,gEAA4B,CAAC;KACrC;IAED,OAAO,CACL,uBAAC,gBAAgB,IACjB,SAAS,EAAE,SAAS,EAClB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IAAI,GAAG,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,UAAU,CAAC"}

package/dist/components/Molecules/DashPlayer/DashPlayer.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 Player1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const Player2: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const Player3: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Player3 = exports.Player2 = exports.Player1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DashPlayer_1 = __importDefault(require("./DashPlayer"));
+exports.default = {
+    title: "Components/Molecules/DashPlayer",
+    component: DashPlayer_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(DashPlayer_1.default, { ...args });
+exports.Player1 = Template.bind({});
+exports.Player1.args = {
+    src: `https://cdn.innerscore.com/CBSE/Grade-9/Biology/Tissues/9ccba04e-f209-4cf4-b6ed-4dfb8b72112f_CC_5-_Simple_Permanent_Tissue-_Parenchyma.mpd`,
+    startTime: "00:00:00",
+    endTime: "00:03:34",
+};
+exports.Player2 = Template.bind({});
+exports.Player2.args = {
+    src: `https://cdn.innerscore.com/CBSE/Grade-9/Biology/Tissues/9ccba04e-f209-4cf4-b6ed-4dfb8b72112f_CC_5-_Simple_Permanent_Tissue-_Parenchyma.mpd`,
+    startTime: "00:03:35",
+    endTime: "00:06:03",
+};
+exports.Player3 = Template.bind({});
+exports.Player3.args = {
+    src: `https://cdn.innerscore.com/cbse/Grade-9/Chemistry/Matter-in-Our-Surroundings/07-08-09-States-of-matter-Properties-of-SLG.mpd`,
+    startTime: "00:03:16",
+    endTime: "00:06:26",
+};
+//# sourceMappingURL=DashPlayer.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashPlayer.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/DashPlayer/DashPlayer.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,8DAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,oBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAElD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,4IAA4I;IACjJ,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,UAAU;CACpB,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,4IAA4I;IACjJ,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,UAAU;CACpB,CAAC;AACW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,8HAA8H;IACnI,SAAS,EAAE,UAAU;IACrB,OAAO,EAAE,UAAU;CACpB,CAAC"}

package/dist/components/Molecules/DashPlayer/ShakaPlayer.d.ts

@@ -0,0 +1,3 @@
+export default ShakaPlayer;
+declare const ShakaPlayer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/components/Molecules/DashPlayer/ShakaPlayer.js

@@ -0,0 +1,397 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const ShakaPlayer = (0, react_1.forwardRef)(({ url, playing = false, muted = false, poster, controls = false, authToken, startTime = null, endTime = null, onPlay, onPause, onEnded, onError, onReady, onBuffer, style = {}, onSeek, onRateChange, onVolumeChange, onMuteToggle, }, ref) => {
+    const videoRef = (0, react_1.useRef)(null);
+    const [playerInstance, setPlayerInstance] = (0, react_1.useState)(null);
+    const [isPlayerReady, setIsPlayerReady] = (0, react_1.useState)(false);
+    const [isPlayingOnHover, setIsPlayingOnHover] = (0, react_1.useState)(playing);
+    const endTimeCheckInterval = (0, react_1.useRef)(null);
+    // Track watch time data
+    const watchStartTime = (0, react_1.useRef)(null);
+    const totalWatchTime = (0, react_1.useRef)(0);
+    const lastTime = (0, react_1.useRef)(0);
+    const lastMuted = (0, react_1.useRef)(muted);
+    const lastVolume = (0, react_1.useRef)(1);
+    const lastRate = (0, react_1.useRef)(1);
+    const wallClockStart = (0, react_1.useRef)(null);
+    const wallClockTotal = (0, react_1.useRef)(0);
+    // Track whether event handlers are attached
+    const eventHandlersAttached = (0, react_1.useRef)(false);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        getCurrentTime: () => {
+            return videoRef?.current?.currentTime || 0;
+        },
+        getTotalWatchTime: () => {
+            if (watchStartTime.current !== null &&
+                wallClockStart.current !== null &&
+                !videoRef.current.paused) {
+                const elapsed = (Date.now() - wallClockStart.current) / 1000;
+                return wallClockTotal.current + elapsed;
+            }
+            return wallClockTotal.current;
+        },
+        logWatchTime: () => {
+            logWatchTime();
+        },
+    }));
+    const logWatchTime = () => {
+        if (watchStartTime.current !== null && wallClockStart.current !== null) {
+            const elapsed = (Date.now() - wallClockStart.current) / 1000; // seconds
+            wallClockTotal.current += elapsed;
+            watchStartTime.current = null;
+            wallClockStart.current = null;
+        }
+    };
+    const initShakaPlayer = async () => {
+        if (playerInstance) {
+            try {
+                await playerInstance.destroy();
+            }
+            catch (e) {
+                console.error("Error destroying previous player:", e);
+            }
+        }
+        try {
+            const shakaModule = await Promise.resolve().then(() => __importStar(require("shaka-player/dist/shaka-player.compiled.js")));
+            const shaka = shakaModule.default || shakaModule;
+            if (!shaka.Player.isBrowserSupported()) {
+                console.error("Shaka: Browser not supported!");
+                if (onError)
+                    onError({ type: "browser-not-supported" });
+                return;
+            }
+            const player = new shaka.Player(); // ✅ new way
+            await player.attach(videoRef.current); // ✅ attach media element
+            player.addEventListener("error", (event) => {
+                console.error("Shaka Player Error:", event);
+                if (onError)
+                    onError(event);
+            });
+            player.addEventListener("loaded", () => {
+                setIsPlayerReady(true);
+                if (startTime !== null && videoRef.current) {
+                    try {
+                        videoRef.current.currentTime = startTime;
+                        lastTime.current = startTime;
+                    }
+                    catch (err) {
+                        console.error("Error setting initial time:", err);
+                    }
+                }
+                if (onReady)
+                    onReady();
+            });
+            player.addEventListener("buffering", (event) => {
+                const isBuffering = event.buffering;
+                if (onBuffer)
+                    onBuffer(isBuffering);
+            });
+            if (authToken) {
+                player
+                    .getNetworkingEngine()
+                    .registerRequestFilter((type, request) => {
+                    if (request && request.uris && request.uris.length > 0) {
+                        request.headers = request.headers || {};
+                        request.headers["Authorization"] = authToken;
+                    }
+                    else {
+                        console.error("Request has no URIs defined");
+                    }
+                });
+            }
+            try {
+                await player.load(url);
+                if (videoRef.current) {
+                    videoRef.current.muted = muted;
+                    lastMuted.current = muted;
+                    videoRef.current.controls = controls;
+                    if (startTime !== null) {
+                        try {
+                            videoRef.current.currentTime = startTime;
+                            lastTime.current = startTime;
+                        }
+                        catch (err) {
+                            console.error("Failed to set initial currentTime:", err);
+                        }
+                    }
+                    if (playing) {
+                        try {
+                            const playPromise = videoRef.current.play();
+                            if (playPromise !== undefined) {
+                                playPromise
+                                    .then(() => {
+                                    setIsPlayingOnHover(true);
+                                })
+                                    .catch((err) => {
+                                    console.error("Autoplay prevented:", err);
+                                    setIsPlayingOnHover(false);
+                                    if (err.name === "NotAllowedError") {
+                                        console.error("Waiting for user interaction to enable playback");
+                                    }
+                                });
+                            }
+                        }
+                        catch (err) {
+                            console.error("Error during play attempt:", err);
+                            setIsPlayingOnHover(false);
+                        }
+                    }
+                }
+                setPlayerInstance(player);
+                setIsPlayerReady(true);
+            }
+            catch (e) {
+                console.error("Error loading video:", e);
+                if (onError)
+                    onError(e);
+            }
+        }
+        catch (e) {
+            console.error("Error initializing Shaka Player:", e);
+            if (onError)
+                onError(e);
+        }
+    };
+    // Setup event handlers
+    (0, react_1.useEffect)(() => {
+        if (!videoRef.current || eventHandlersAttached.current)
+            return;
+        // Play handler
+        const handlePlay = () => {
+            watchStartTime.current = videoRef.current.currentTime;
+            wallClockStart.current = Date.now();
+            if (onPlay)
+                onPlay();
+        };
+        // Pause handler
+        const handlePause = () => {
+            logWatchTime();
+            if (onPause)
+                onPause(totalWatchTime.current);
+        };
+        // Ended handler
+        const handleEnded = () => {
+            logWatchTime();
+            if (onEnded)
+                onEnded(totalWatchTime.current);
+        };
+        // Time update / seek handler
+        const handleTimeUpdate = () => {
+            const currentTime = videoRef.current.currentTime;
+            if (Math.abs(currentTime - lastTime.current) > 2) {
+                logWatchTime();
+                if (!videoRef.current.paused) {
+                    watchStartTime.current = currentTime;
+                    wallClockStart.current = Date.now();
+                }
+                if (onSeek)
+                    onSeek({
+                        from: lastTime.current,
+                        to: currentTime,
+                    });
+            }
+            lastTime.current = currentTime;
+            // Check for end time
+            if (endTime !== null && currentTime >= endTime) {
+                videoRef.current.pause();
+                if (onEnded)
+                    onEnded(totalWatchTime.current);
+            }
+        };
+        // Rate change handler
+        const handleRateChange = () => {
+            const newRate = videoRef.current.playbackRate;
+            if (newRate !== lastRate.current) {
+                if (onRateChange)
+                    onRateChange(newRate);
+                lastRate.current = newRate;
+            }
+        };
+        // Volume change handler
+        const handleVolumeChange = () => {
+            const volume = videoRef.current.volume;
+            const isMuted = videoRef.current.muted;
+            // Handle mute toggle first
+            if (isMuted !== lastMuted.current) {
+                if (onMuteToggle)
+                    onMuteToggle(isMuted);
+                lastMuted.current = isMuted;
+            }
+            // Handle volume change
+            if (volume !== lastVolume.current) {
+                if (onVolumeChange)
+                    onVolumeChange(volume);
+                lastVolume.current = volume;
+            }
+        };
+        // Add all event listeners
+        videoRef.current.addEventListener("play", handlePlay);
+        videoRef.current.addEventListener("pause", handlePause);
+        videoRef.current.addEventListener("ended", handleEnded);
+        videoRef.current.addEventListener("timeupdate", handleTimeUpdate);
+        videoRef.current.addEventListener("ratechange", handleRateChange);
+        videoRef.current.addEventListener("volumechange", handleVolumeChange);
+        eventHandlersAttached.current = true;
+        // Clean up function
+        return () => {
+            if (videoRef.current) {
+                videoRef.current.removeEventListener("play", handlePlay);
+                videoRef.current.removeEventListener("pause", handlePause);
+                videoRef.current.removeEventListener("ended", handleEnded);
+                videoRef.current.removeEventListener("timeupdate", handleTimeUpdate);
+                videoRef.current.removeEventListener("ratechange", handleRateChange);
+                videoRef.current.removeEventListener("volumechange", handleVolumeChange);
+            }
+            eventHandlersAttached.current = false;
+        };
+    }, [
+        onPlay,
+        onPause,
+        onEnded,
+        onSeek,
+        onRateChange,
+        onVolumeChange,
+        onMuteToggle,
+        endTime,
+    ]);
+    (0, react_1.useEffect)(() => {
+        if (!isPlayerReady || !videoRef.current)
+            return;
+        try {
+            if (playing && videoRef.current.paused) {
+                const playPromise = videoRef.current.play();
+                if (playPromise !== undefined) {
+                    playPromise
+                        .then(() => {
+                        setIsPlayingOnHover(true);
+                    })
+                        .catch((err) => {
+                        console.error("Play prevented on prop change:", err);
+                        setIsPlayingOnHover(false);
+                        if (err.name === "NotAllowedError") {
+                            const handleUserInteraction = () => {
+                                if (videoRef.current && videoRef.current.paused) {
+                                    videoRef.current
+                                        .play()
+                                        .then(() => setIsPlayingOnHover(true))
+                                        .catch((e) => console.error("User interaction play failed:", e));
+                                }
+                                document.removeEventListener("click", handleUserInteraction);
+                                document.removeEventListener("touchstart", handleUserInteraction);
+                            };
+                            document.addEventListener("click", handleUserInteraction, {
+                                once: true,
+                            });
+                            document.addEventListener("touchstart", handleUserInteraction, { once: true });
+                        }
+                    });
+                }
+            }
+            else if (!playing && !videoRef.current.paused) {
+                videoRef.current.pause();
+                setIsPlayingOnHover(false);
+            }
+        }
+        catch (err) {
+            console.error("Error updating play state:", err);
+        }
+    }, [playing, isPlayerReady]);
+    (0, react_1.useEffect)(() => {
+        if (videoRef.current) {
+            videoRef.current.muted = muted;
+            lastMuted.current = muted;
+        }
+    }, [muted]);
+    (0, react_1.useEffect)(() => {
+        if (videoRef.current) {
+            videoRef.current.controls = controls;
+        }
+    }, [controls]);
+    (0, react_1.useEffect)(() => {
+        if (videoRef.current && isPlayerReady && startTime !== null) {
+            try {
+                videoRef.current.currentTime = startTime;
+                lastTime.current = startTime;
+            }
+            catch (err) {
+                console.error("Failed to update currentTime:", err);
+            }
+        }
+    }, [startTime, isPlayerReady]);
+    (0, react_1.useEffect)(() => {
+        const handleUserInteraction = () => {
+            if (playing && videoRef.current && videoRef.current.paused) {
+                videoRef.current
+                    .play()
+                    .then(() => setIsPlayingOnHover(true))
+                    .catch((e) => console.error("User interaction play failed:", e));
+            }
+        };
+        document.addEventListener("click", handleUserInteraction);
+        document.addEventListener("touchstart", handleUserInteraction);
+        return () => {
+            document.removeEventListener("click", handleUserInteraction);
+            document.removeEventListener("touchstart", handleUserInteraction);
+        };
+    }, [playing]);
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== "undefined" &&
+            typeof navigator !== "undefined" &&
+            url) {
+            initShakaPlayer();
+        }
+    }, [url]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (playerInstance) {
+                try {
+                    playerInstance
+                        .destroy()
+                        .then(() => {
+                        console.log("Shaka player destroyed cleanly");
+                    })
+                        .catch((e) => {
+                        console.error("Error destroying player:", e);
+                    });
+                }
+                catch (e) {
+                    console.error("Error calling destroy on player:", e);
+                }
+            }
+            if (endTimeCheckInterval.current) {
+                clearInterval(endTimeCheckInterval.current);
+            }
+        };
+    }, [playerInstance]);
+    const videoStyle = style && (style.width || style.height)
+        ? style
+        : { display: "block", width: "100%", height: "100%" };
+    return ((0, jsx_runtime_1.jsx)("video", { poster: poster, ref: videoRef, style: videoStyle, muted: muted, controls: controls, preload: "auto" }));
+});
+exports.default = ShakaPlayer;
+//# sourceMappingURL=ShakaPlayer.js.map