@geekapps/silo-elements-nextjs 0.2.34 → 0.2.36

package/dist/VideoPlayer.js

@@ -1203,36 +1203,39 @@ function parseVideoChildren(children) {
     sources: [],
     subtitles: []
   };
-  function isType(child, fn) {
-    if (child.type === fn) return true;
-    return child.type?.displayName === fn.displayName && !!fn.displayName;
+  function dn(child) {
+    return child.type?.displayName ?? child.type?.name ?? "";
   }
   React.Children.forEach(children, (child) => {
     if (!React.isValidElement(child)) return;
-    if (isType(child, Sources)) {
+    const name = dn(child);
+    if (child.type === Sources || name === "SiloSources") {
       const element = child;
       React.Children.forEach(element.props.children, (sourceChild) => {
         if (!React.isValidElement(sourceChild)) return;
-        if (!isType(sourceChild, Source)) return;
+        const sn = dn(sourceChild);
+        if (sourceChild.type !== Source && sn !== "SiloSource") return;
         const sourceElement = sourceChild;
         parsed.sources.push(sourceElement.props);
       });
     }
-    if (isType(child, Subtitles)) {
+    if (child.type === Subtitles || name === "SiloSubtitles") {
       const element = child;
       React.Children.forEach(element.props.children, (subtitleChild) => {
         if (!React.isValidElement(subtitleChild)) return;
-        if (!isType(subtitleChild, Subtitle)) return;
+        const sn = dn(subtitleChild);
+        if (subtitleChild.type !== Subtitle && sn !== "SiloSubtitle") return;
         const subtitleElement = subtitleChild;
         parsed.subtitles.push(subtitleElement.props);
       });
     }
-    if (isType(child, Storyboard)) {
+    if (child.type === Storyboard || name === "SiloStoryboard") {
       const element = child;
       const frames = [];
       React.Children.forEach(element.props.children, (frameChild) => {
         if (!React.isValidElement(frameChild)) return;
-        if (!isType(frameChild, StoryboardFrame)) return;
+        const fn2 = dn(frameChild);
+        if (frameChild.type !== StoryboardFrame && fn2 !== "SiloStoryboardFrame") return;
         const frameElement = frameChild;
         frames.push(frameElement.props);
       });