softbuilders-react-video-player 1.1.72 → 1.1.73

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 masri-softbuilders
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 masri-softbuilders
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/ChapterTooltip/index.tsx

@@ -1,65 +1,65 @@
-import React, { useEffect, useState } from "react";
-import Tooltip from "../Tooltip";
-import { durationFormater } from "../../utils";
-import { SoftBuildersVideoPlayerChapter } from "../../types";
-import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
-type Chapter = SoftBuildersVideoPlayerChapter & {
-  startPercentage: number;
-  endPercentage: number;
-};
-type Props = {
-  chapter: Chapter;
-};
-const ChapterTooltip = ({ chapter }: Props) => {
-  const { player } = useSoftBuildersVideoPlayerContext();
-
-  const [open, setOpen] = useState(false);
-  const { currentTime } = useSoftBuildersVideoPlayerContext();
-
-  useEffect(() => {
-    if (currentTime === Math.floor(chapter.startTime)) {
-      setOpen(true);
-
-      setTimeout(() => {
-        setOpen(false);
-      }, 5000);
-    }
-  }, [currentTime, chapter.startTime]);
-
-  const handleClickChapter = () => {
-    player?.currentTime(chapter.startTime);
-  };
-
-  return (
-    <div
-      id={`ii-section-${chapter.title}`}
-      className="sb-flex sb-items-center sb-w-full sb-h-full sb-absolute sb-z-20"
-      style={{
-        left: `${chapter.startPercentage}%`,
-        width: `${chapter.endPercentage - chapter.startPercentage}%`,
-      }}
-      onMouseEnter={() => setOpen(true)}
-      onMouseLeave={() => setOpen(false)}
-    >
-      <button
-        id={`section-${chapter.title}`}
-        className="sb-h-full sb-w-full"
-        onClick={handleClickChapter}
-      >
-        <div className="sb-relative sb-flex sb-h-full sb-w-full sb-justify-between sb-items-center">
-          <Tooltip open={open}>
-            <div className="sb-flex sb-flex-col sb-gap-2 sb-items-center">
-              <p>{chapter.title}</p>
-              <p className="sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md">
-                {durationFormater(chapter.startTime)} -{" "}
-                {durationFormater(chapter.endTime)}
-              </p>
-            </div>
-          </Tooltip>
-        </div>
-      </button>
-    </div>
-  );
-};
-
-export default ChapterTooltip;
+import React, { useEffect, useState } from "react";
+import Tooltip from "../Tooltip";
+import { durationFormater } from "../../utils";
+import { SoftBuildersVideoPlayerChapter } from "../../types";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+type Chapter = SoftBuildersVideoPlayerChapter & {
+  startPercentage: number;
+  endPercentage: number;
+};
+type Props = {
+  chapter: Chapter;
+};
+const ChapterTooltip = ({ chapter }: Props) => {
+  const { player } = useSoftBuildersVideoPlayerContext();
+
+  const [open, setOpen] = useState(false);
+  const { currentTime } = useSoftBuildersVideoPlayerContext();
+
+  useEffect(() => {
+    if (currentTime === Math.floor(chapter.startTime)) {
+      setOpen(true);
+
+      setTimeout(() => {
+        setOpen(false);
+      }, 5000);
+    }
+  }, [currentTime, chapter.startTime]);
+
+  const handleClickChapter = () => {
+    player?.currentTime(chapter.startTime);
+  };
+
+  return (
+    <div
+      id={`ii-section-${chapter.title}`}
+      className="sb-flex sb-items-center sb-w-full sb-h-full sb-absolute sb-z-20"
+      style={{
+        left: `${chapter.startPercentage}%`,
+        width: `${chapter.endPercentage - chapter.startPercentage}%`,
+      }}
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+    >
+      <button
+        id={`section-${chapter.title}`}
+        className="sb-h-full sb-w-full"
+        onClick={handleClickChapter}
+      >
+        <div className="sb-relative sb-flex sb-h-full sb-w-full sb-justify-between sb-items-center">
+          <Tooltip open={open}>
+            <div className="sb-flex sb-flex-col sb-gap-2 sb-items-center">
+              <p>{chapter.title}</p>
+              <p className="sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md">
+                {durationFormater(chapter.startTime)} -{" "}
+                {durationFormater(chapter.endTime)}
+              </p>
+            </div>
+          </Tooltip>
+        </div>
+      </button>
+    </div>
+  );
+};
+
+export default ChapterTooltip;

package/dist/components/CurrentTimeLabel/index.tsx

@@ -1,13 +1,13 @@
-"use client";
-import React, { useEffect } from "react";
-import { durationFormater } from "../../utils";
-import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
-type Props = {};
-
-const CurrentTimeLabel = ({}: Props) => {
-  const { currentTime } = useSoftBuildersVideoPlayerContext();
-
-  return <p>{durationFormater(currentTime)}</p>;
-};
-
-export default CurrentTimeLabel;
+"use client";
+import React, { useEffect } from "react";
+import { durationFormater } from "../../utils";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+type Props = {};
+
+const CurrentTimeLabel = ({}: Props) => {
+  const { currentTime } = useSoftBuildersVideoPlayerContext();
+
+  return <p>{durationFormater(currentTime)}</p>;
+};
+
+export default CurrentTimeLabel;

package/dist/components/Menu/index.tsx

@@ -1,49 +1,49 @@
-import React from "react";
-
-type Props = {
-  name: string;
-};
-
-const Menu = ({ name }: Props) => {
-  return (
-    <div className="absolute right-0 z-10 w-48 mt-2 origin-top-right bg-white border border-gray-300 rounded-md shadow-lg focus:outline-none">
-      <div
-        className="py-1"
-        role="menu"
-        aria-orientation="vertical"
-        aria-labelledby={`${name}-button`}
-      >
-        <a
-          href="#"
-          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
-          role="menuitem"
-        >
-          Dashboard
-        </a>
-        <a
-          href="#"
-          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
-          role="menuitem"
-        >
-          Settings
-        </a>
-        <a
-          href="#"
-          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
-          role="menuitem"
-        >
-          Profile
-        </a>
-        <a
-          href="#"
-          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
-          role="menuitem"
-        >
-          Logout
-        </a>
-      </div>
-    </div>
-  );
-};
-
-export default Menu;
+import React from "react";
+
+type Props = {
+  name: string;
+};
+
+const Menu = ({ name }: Props) => {
+  return (
+    <div className="absolute right-0 z-10 w-48 mt-2 origin-top-right bg-white border border-gray-300 rounded-md shadow-lg focus:outline-none">
+      <div
+        className="py-1"
+        role="menu"
+        aria-orientation="vertical"
+        aria-labelledby={`${name}-button`}
+      >
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Dashboard
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Settings
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Profile
+        </a>
+        <a
+          href="#"
+          className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          role="menuitem"
+        >
+          Logout
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default Menu;

package/dist/components/NoteTooltip/index.tsx

@@ -1,46 +1,46 @@
-import React, { useEffect, useState } from "react";
-import Tooltip from "../Tooltip";
-import { durationFormater } from "../../utils";
-import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
-import { SoftBuildersVideoPlayerNote } from "../../types";
-type Note = SoftBuildersVideoPlayerNote & { percentage: number };
-
-type Props = {
-  note: Note;
-};
-
-const NoteTooltip = ({ note }: Props) => {
-  const [open, setOpen] = useState(false);
-  const { currentTime } = useSoftBuildersVideoPlayerContext();
-
-  useEffect(() => {
-    if (currentTime === Math.floor(note.time)) {
-      setOpen(true);
-
-      setTimeout(() => {
-        setOpen(false);
-      }, 5000);
-    }
-  }, [currentTime, note.time]);
-  return (
-    <div
-      className="sb-w-1 sb-h-1 sb-rounded-full sb-bg-white sb-absolute sb-z-30"
-      style={{ left: `${note.percentage}%` }}
-      onMouseEnter={() => setOpen(true)}
-      onMouseLeave={() => setOpen(false)}
-    >
-      <div className="sb-relative">
-        <Tooltip open={open}>
-          <div className="sb-flex sb-flex-col sb-gap-2 sb-items-center">
-            <p>{note.label}</p>
-            <p className="sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md">
-              {durationFormater(note.time)}
-            </p>
-          </div>
-        </Tooltip>
-      </div>
-    </div>
-  );
-};
-
-export default NoteTooltip;
+import React, { useEffect, useState } from "react";
+import Tooltip from "../Tooltip";
+import { durationFormater } from "../../utils";
+import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
+import { SoftBuildersVideoPlayerNote } from "../../types";
+type Note = SoftBuildersVideoPlayerNote & { percentage: number };
+
+type Props = {
+  note: Note;
+};
+
+const NoteTooltip = ({ note }: Props) => {
+  const [open, setOpen] = useState(false);
+  const { currentTime } = useSoftBuildersVideoPlayerContext();
+
+  useEffect(() => {
+    if (currentTime === Math.floor(note.time)) {
+      setOpen(true);
+
+      setTimeout(() => {
+        setOpen(false);
+      }, 5000);
+    }
+  }, [currentTime, note.time]);
+  return (
+    <div
+      className="sb-w-1 sb-h-1 sb-rounded-full sb-bg-white sb-absolute sb-z-30"
+      style={{ left: `${note.percentage}%` }}
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+    >
+      <div className="sb-relative">
+        <Tooltip open={open}>
+          <div className="sb-flex sb-flex-col sb-gap-2 sb-items-center">
+            <p>{note.label}</p>
+            <p className="sb-p-2 sb-bg-[#303030] sb-bg-opacity-50 sb-rounded-md">
+              {durationFormater(note.time)}
+            </p>
+          </div>
+        </Tooltip>
+      </div>
+    </div>
+  );
+};
+
+export default NoteTooltip;

package/dist/components/SoftBuildersVideoPlayer/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo, useEffect, useState } from "react";
+import { forwardRef, memo, useCallback, useEffect, useMemo, useState, } from "react";
 import VideoPlayerComponent from "../VideoPlayerComponent";
 import { convertSRTtoVTT } from "../../utils";
 const DEFAULT_OPTIONS = {
@@ -13,40 +13,63 @@ const DEFAULT_OPTIONS = {
     tracks: [],
 };
 const Component = forwardRef(({ options, notes, chapters, startTime = 0, handleSaveNoteAction, onPlay, onPause, isFocused = true, disableNote, childRef, bottomRedBar, noteButtonClick, }, ref) => {
-    options = Object.assign(Object.assign({}, options), { responsive: true, inactivityTimeout: 0, fullscreen: {
-            navigationUI: "hide",
-        } });
-    if (options.autoplay === undefined)
-        options.autoplay = DEFAULT_OPTIONS.autoplay;
-    if (options.controls === undefined)
-        options.controls = DEFAULT_OPTIONS.controls;
-    if (options.fluid === undefined)
-        options.fluid = DEFAULT_OPTIONS.fluid;
-    if ((options === null || options === void 0 ? void 0 : options.muted) === undefined)
-        options.muted = DEFAULT_OPTIONS === null || DEFAULT_OPTIONS === void 0 ? void 0 : DEFAULT_OPTIONS.muted;
-    if (options.height === undefined)
-        options.height = DEFAULT_OPTIONS.height;
-    if (options.width === undefined)
-        options.width = DEFAULT_OPTIONS.width;
+    // options = {
+    //   ...options,
+    //   responsive: true,
+    //   inactivityTimeout: 0,
+    //   fullscreen: {
+    //     navigationUI: "hide",
+    //   },
+    // } as any;
+    const mergedOptions = useMemo(() => (Object.assign(Object.assign(Object.assign({}, DEFAULT_OPTIONS), options), { responsive: true, inactivityTimeout: 0, fullscreen: { navigationUI: "hide" } })), [options]);
+    // if (options.autoplay === undefined)
+    //   options.autoplay = DEFAULT_OPTIONS.autoplay;
+    // if (options.controls === undefined)
+    //   options.controls = DEFAULT_OPTIONS.controls;
+    // if (options.fluid === undefined) options.fluid = DEFAULT_OPTIONS.fluid;
+    // if (options?.muted === undefined) options.muted = DEFAULT_OPTIONS?.muted;
+    // if (options.height === undefined) options.height = DEFAULT_OPTIONS.height;
+    // if (options.width === undefined) options.width = DEFAULT_OPTIONS.width;
+    // const [tracks, setTracks] = useState<SoftBuildersVideoPlayerTrack[]>([]);
+    // useEffect(() => {}, [isFocused]);
+    // useEffect(() => {
+    //   const getTracks = async () => {
+    //     const newTracks: SoftBuildersVideoPlayerTrack[] = [];
+    //     if (Array.isArray(options?.tracks))
+    //       for (const [i, s] of options?.tracks.entries()) {
+    //         let src = s.src;
+    //         if (s.memeType == "text/srt") {
+    //           src = await convertSRTtoVTT(s.src);
+    //         }
+    //         newTracks.push({
+    //           ...s,
+    //           src,
+    //         });
+    //       }
+    //     setTracks(newTracks);
+    //   };
+    //   getTracks();
+    // }, [options?.tracks]);
+    // const id = (Date.now() + Math.random() * 100).toString();
     const [tracks, setTracks] = useState([]);
-    useEffect(() => { }, [isFocused]);
-    useEffect(() => {
-        const getTracks = async () => {
-            const newTracks = [];
-            if (Array.isArray(options === null || options === void 0 ? void 0 : options.tracks))
-                for (const [i, s] of options === null || options === void 0 ? void 0 : options.tracks.entries()) {
-                    let src = s.src;
-                    if (s.memeType == "text/srt") {
-                        src = await convertSRTtoVTT(s.src);
-                    }
-                    newTracks.push(Object.assign(Object.assign({}, s), { src }));
+    const getTracks = useCallback(async () => {
+        const newTracks = [];
+        if (Array.isArray(mergedOptions.tracks)) {
+            for (const s of mergedOptions.tracks) {
+                let src = s.src;
+                if (s.memeType === "text/srt") {
+                    src = await convertSRTtoVTT(s.src);
                 }
-            setTracks(newTracks);
-        };
+                newTracks.push(Object.assign(Object.assign({}, s), { src }));
+            }
+        }
+        setTracks(newTracks);
+    }, [mergedOptions.tracks]);
+    useEffect(() => {
         getTracks();
-    }, [options === null || options === void 0 ? void 0 : options.tracks]);
-    const id = (Date.now() + Math.random() * 100).toString();
-    return (_jsx(VideoPlayerComponent, { id: id, chapters: chapters, options: Object.assign(Object.assign({}, options), { tracks }), notes: notes, poster: "", startTime: startTime, handleSaveNoteAction: handleSaveNoteAction, disableNote: disableNote, onPause: onPause, onPlay: onPlay, childRef: childRef, bottomRedBar: bottomRedBar, noteButtonClick: noteButtonClick }));
+    }, [getTracks]);
+    const id = useMemo(() => (Date.now() + Math.random() * 100).toString(), []);
+    return (_jsx(VideoPlayerComponent, { id: id, chapters: chapters, options: Object.assign(Object.assign({}, mergedOptions), { tracks }), notes: notes, poster: "", startTime: startTime, handleSaveNoteAction: handleSaveNoteAction, disableNote: disableNote, onPause: onPause, onPlay: onPlay, childRef: childRef, bottomRedBar: bottomRedBar, noteButtonClick: noteButtonClick }));
 });
 const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
     return (prevProps.options === nextProps.options &&

package/dist/components/SoftBuildersVideoPlayer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,UAAU,EACV,IAAI,EACJ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAO3D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,eAAe,GAAmC;IACtD,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;CACX,CAAC;AAiBF,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,GACJ,EACb,GAAS,EACT,EAAE;IACF,cAAc;IACd,gBAAgB;IAChB,sBAAsB;IACtB,0BAA0B;IAC1B,kBAAkB;IAClB,4BAA4B;IAC5B,OAAO;IACP,YAAY;IAEZ,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,+CACD,eAAe,GACf,OAAO,KACV,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,CAAC,EACpB,UAAU,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,IACpC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,sCAAsC;IACtC,iDAAiD;IACjD,sCAAsC;IACtC,iDAAiD;IACjD,0EAA0E;IAC1E,4EAA4E;IAC5E,6EAA6E;IAC7E,0EAA0E;IAE1E,4EAA4E;IAC5E,oCAAoC;IACpC,oBAAoB;IACpB,oCAAoC;IACpC,4DAA4D;IAC5D,0CAA0C;IAC1C,0DAA0D;IAC1D,2BAA2B;IAE3B,0CAA0C;IAC1C,gDAAgD;IAChD,YAAY;IAEZ,2BAA2B;IAC3B,kBAAkB;IAClB,iBAAiB;IACjB,cAAc;IACd,UAAU;IAEV,4BAA4B;IAC5B,OAAO;IAEP,iBAAiB;IACjB,yBAAyB;IAEzB,4DAA4D;IAE5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiC,EAAE,CAAC,CAAC;IAEzE,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,MAAM,SAAS,GAAmC,EAAE,CAAC;QACrD,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;YACxC,KAAK,MAAM,CAAC,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;gBACrC,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;gBAChB,IAAI,CAAC,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;oBAC9B,GAAG,GAAG,MAAM,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;gBACrC,CAAC;gBACD,SAAS,CAAC,IAAI,iCAAM,CAAC,KAAE,GAAG,IAAG,CAAC;YAChC,CAAC;QACH,CAAC;QACD,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAE5E,OAAO,CACL,KAAC,oBAAoB,IACnB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,OAAO,kCAAO,aAAa,KAAE,MAAM,KACnC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,EAAE,EACT,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACvE,OAAO,CACL,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;QACvC,SAAS,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;QACnC,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;QACzC,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,CAC5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}