@digital-b2c/coreui-kit 0.30.0 → 0.30.2

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-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) 2026 Luxottica
+
+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/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

package/dist/index.cjs

@@ -6055,7 +6055,13 @@ var TextCenterWithMedia_module_default = {
 var TextCenterWithMediaTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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,
@@ -6079,7 +6085,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__ */ jsxRuntime.jsxs("section", { className: clsx73__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
@@ -6106,7 +6112,16 @@ var TextCenterWithMedia = ({
             "aria-hidden": "true",
             className: TextCenterWithMedia_module_default.videoPreviewElement
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(ReactPlayer2__default.default, { src: videoUrl, light: true, playing: false, width: "100%", height: "100%" }),
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          ReactPlayer2__default.default,
+          {
+            src: toOEmbedFriendlyUrl(videoUrl),
+            light: true,
+            playing: false,
+            width: "100%",
+            height: "100%"
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {