@geekapps/silo-elements-nextjs 0.2.33 → 0.2.34

package/dist/index.js

@@ -1212,21 +1212,27 @@ var PLAYBACK_SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2];
 function Sources(_props) {
   return null;
 }
+Sources.displayName = "SiloSources";
 function Source(_props) {
   return null;
 }
+Source.displayName = "SiloSource";
 function Subtitles(_props) {
   return null;
 }
+Subtitles.displayName = "SiloSubtitles";
 function Subtitle(_props) {
   return null;
 }
+Subtitle.displayName = "SiloSubtitle";
 function Storyboard(_props) {
   return null;
 }
+Storyboard.displayName = "SiloStoryboard";
 function StoryboardFrame(_props) {
   return null;
 }
+StoryboardFrame.displayName = "SiloStoryboardFrame";
 function Video({
   title,
   description,
@@ -2397,32 +2403,36 @@ function parseVideoChildren(children) {
     sources: [],
     subtitles: []
   };
+  function isType(child, fn) {
+    if (child.type === fn) return true;
+    return child.type?.displayName === fn.displayName && !!fn.displayName;
+  }
   React.Children.forEach(children, (child) => {
     if (!React.isValidElement(child)) return;
-    if (child.type === Sources) {
+    if (isType(child, Sources)) {
       const element = child;
       React.Children.forEach(element.props.children, (sourceChild) => {
         if (!React.isValidElement(sourceChild)) return;
-        if (sourceChild.type !== Source) return;
+        if (!isType(sourceChild, Source)) return;
         const sourceElement = sourceChild;
         parsed.sources.push(sourceElement.props);
       });
     }
-    if (child.type === Subtitles) {
+    if (isType(child, Subtitles)) {
       const element = child;
       React.Children.forEach(element.props.children, (subtitleChild) => {
         if (!React.isValidElement(subtitleChild)) return;
-        if (subtitleChild.type !== Subtitle) return;
+        if (!isType(subtitleChild, Subtitle)) return;
         const subtitleElement = subtitleChild;
         parsed.subtitles.push(subtitleElement.props);
       });
     }
-    if (child.type === Storyboard) {
+    if (isType(child, Storyboard)) {
       const element = child;
       const frames = [];
       React.Children.forEach(element.props.children, (frameChild) => {
         if (!React.isValidElement(frameChild)) return;
-        if (frameChild.type !== StoryboardFrame) return;
+        if (!isType(frameChild, StoryboardFrame)) return;
         const frameElement = frameChild;
         frames.push(frameElement.props);
       });