@digital-b2c/coreui-kit 0.30.0 → 0.30.2

package/dist/index.mjs

@@ -6046,7 +6046,13 @@ var TextCenterWithMedia_module_default = {
 var TextCenterWithMediaTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
-var DIRECT_FILE_PATTERN = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i;
+var YOUTUBE_ID_PATTERN = /(?:youtube\.com\/(?:embed\/|shorts\/)|youtube\.com\/watch\?(?:.*&)?v=|youtu\.be\/)([^/?#&]+)/i;
+var VIMEO_PATTERN = /vimeo\.com\//i;
+var isOEmbedProvider = (url) => YOUTUBE_ID_PATTERN.test(url) || VIMEO_PATTERN.test(url);
+var toOEmbedFriendlyUrl = (url) => {
+  const match = url.match(YOUTUBE_ID_PATTERN);
+  return match ? `https://www.youtube.com/watch?v=${match[1]}` : url;
+};
 var TextCenterWithMedia = ({
   className,
   title,
@@ -6070,7 +6076,7 @@ var TextCenterWithMedia = ({
   };
   const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const isDirectFile = !!videoUrl && DIRECT_FILE_PATTERN.test(videoUrl);
+  const isDirectFile = !!videoUrl && !isOEmbedProvider(videoUrl);
   return /* @__PURE__ */ jsxs("section", { className: clsx73(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
     /* @__PURE__ */ jsxs(Container, { children: [
       titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
@@ -6097,7 +6103,16 @@ var TextCenterWithMedia = ({
             "aria-hidden": "true",
             className: TextCenterWithMedia_module_default.videoPreviewElement
           }
-        ) : /* @__PURE__ */ jsx(ReactPlayer2, { src: videoUrl, light: true, playing: false, width: "100%", height: "100%" }),
+        ) : /* @__PURE__ */ jsx(
+          ReactPlayer2,
+          {
+            src: toOEmbedFriendlyUrl(videoUrl),
+            light: true,
+            playing: false,
+            width: "100%",
+            height: "100%"
+          }
+        ),
         /* @__PURE__ */ jsx(
           "button",
           {