@designcrowd/library.brand-page 5.12.8 → 5.12.9

package/lib/src/{CreatedOnBrandCrowd-de-de-CMdOb_u_.js → CreatedOnBrandCrowd-de-de-BSa_oMUS.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Bq-YSuEE.js";
+import { _ as t } from "./lib-C0TzGTrm.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-BP1ZZR89.js → CreatedOnBrandCrowd-en-us-CrDm6Zsd.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Bq-YSuEE.js";
+import { _ as t } from "./lib-C0TzGTrm.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-dQ5Xb_xX.js → CreatedOnBrandCrowd-es-es-D_osPiN2.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Bq-YSuEE.js";
+import { _ as t } from "./lib-C0TzGTrm.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bfx1tpC3.js → CreatedOnBrandCrowd-fr-fr-B6KRVAx0.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Bq-YSuEE.js";
+import { _ as t } from "./lib-C0TzGTrm.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BQg2zn8K.js → CreatedOnBrandCrowd-pt-pt-DflhU2ts.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-Bq-YSuEE.js";
+import { _ as t } from "./lib-C0TzGTrm.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-B2cv6BwQ.js → CreatedOnDcom-de-de-CMxzzUpC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Bq-YSuEE.js";
+import { _ as e } from "./lib-C0TzGTrm.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CYt5rPlz.js → CreatedOnDcom-en-us-Cgau0pJ6.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Bq-YSuEE.js";
+import { _ as e } from "./lib-C0TzGTrm.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DtJ-6-Wv.js → CreatedOnDcom-es-es-7mE5DRiG.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Bq-YSuEE.js";
+import { _ as e } from "./lib-C0TzGTrm.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-CuzsQXTy.js → CreatedOnDcom-fr-fr-D2Q_bKeL.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-Bq-YSuEE.js";
+import { _ as e } from "./lib-C0TzGTrm.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-Bh7goB5_.js → CreatedOnDcom-pt-pt-CdsDaHLJ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-Bq-YSuEE.js";
+import { _ as M } from "./lib-C0TzGTrm.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page-maker/utils/url.util.js

@@ -1,3 +1,3 @@
-export const YOUTUBE_URL_RE = /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch)?(?:\?.*v=)?([^&]+).*/i;
+export const YOUTUBE_URL_RE = /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch|shorts\/)?(?:\?.*v=)?([^&]+).*/i;
 export const DOMAIN_NAME_RE = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/;
 export const validateCustomDomainName = (domainName) => DOMAIN_NAME_RE.test(domainName);

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -8145,11 +8145,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-f857b419]:focus-within {
+.rich-text-editor[data-v-d4706300]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-f857b419] {
+.style-editor[data-v-d4706300] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8160,7 +8160,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-f857b419] button:not(.c-button-style) {
+.style-editor[data-v-d4706300] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8170,16 +8170,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-f857b419] {
+.style-editor-button[data-v-d4706300] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-f857b419] {
+.toolbar-editor-button.active[data-v-d4706300] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-f857b419] {
+.toolbar-editor-button[data-v-d4706300] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8197,7 +8197,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-f857b419] .ProseMirror {
+[data-v-d4706300] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8210,10 +8210,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-f857b419] .ProseMirror:focus {
+[data-v-d4706300] .ProseMirror:focus {
   outline: none;
 }
-[data-v-f857b419] .ProseMirror * {
+[data-v-d4706300] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8222,25 +8222,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
+[data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
+  text-decoration: line-through !important;
+}
+[data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-f857b419] {
+.error-message[data-v-d4706300] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-f857b419] {
+.popup-container[data-v-d4706300] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-f857b419] {
+.hyperlink-preview[data-v-d4706300] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-f857b419] {
+.popup-panel[data-v-d4706300] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8248,17 +8251,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-f857b419] input {
+.popup-panel[data-v-d4706300] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-f857b419] {
+.border[data-v-d4706300] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-f857b419] .text-dropdown-title {
+[data-v-d4706300] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8267,7 +8270,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8276,56 +8279,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-f857b419],
-  .style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300],
+  .style-editor-button-textstyle[data-v-d4706300] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: none;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: block;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-f857b419] {
-    z-index: 9999;
+.hyperlink-popup[data-v-d4706300] {
+    z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-textstyle[data-v-d4706300] {
     max-width: 25%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: block;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: none;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-f857b419]:hover {
+.drop-down-item[data-v-d4706300]:hover {
   background-color: #eee;
 }
 

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -8473,11 +8473,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-f857b419]:focus-within {
+.rich-text-editor[data-v-d4706300]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-f857b419] {
+.style-editor[data-v-d4706300] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8488,7 +8488,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-f857b419] button:not(.c-button-style) {
+.style-editor[data-v-d4706300] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8498,16 +8498,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-f857b419] {
+.style-editor-button[data-v-d4706300] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-f857b419] {
+.toolbar-editor-button.active[data-v-d4706300] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-f857b419] {
+.toolbar-editor-button[data-v-d4706300] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8525,7 +8525,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-f857b419] .ProseMirror {
+[data-v-d4706300] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8538,10 +8538,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-f857b419] .ProseMirror:focus {
+[data-v-d4706300] .ProseMirror:focus {
   outline: none;
 }
-[data-v-f857b419] .ProseMirror * {
+[data-v-d4706300] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8550,25 +8550,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
+[data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
+  text-decoration: line-through !important;
+}
+[data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-f857b419] {
+.error-message[data-v-d4706300] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-f857b419] {
+.popup-container[data-v-d4706300] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-f857b419] {
+.hyperlink-preview[data-v-d4706300] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-f857b419] {
+.popup-panel[data-v-d4706300] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8576,17 +8579,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-f857b419] input {
+.popup-panel[data-v-d4706300] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-f857b419] {
+.border[data-v-d4706300] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-f857b419] .text-dropdown-title {
+[data-v-d4706300] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8595,7 +8598,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8604,56 +8607,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-f857b419],
-  .style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300],
+  .style-editor-button-textstyle[data-v-d4706300] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: none;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: block;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-f857b419] {
-    z-index: 9999;
+.hyperlink-popup[data-v-d4706300] {
+    z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-textstyle[data-v-d4706300] {
     max-width: 25%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: block;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: none;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-f857b419]:hover {
+.drop-down-item[data-v-d4706300]:hover {
   background-color: #eee;
 }
 

package/lib/src/css/library.brand-page-designCom.min.css

@@ -8163,11 +8163,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-f857b419]:focus-within {
+.rich-text-editor[data-v-d4706300]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(96 96 96 / var(--tw-border-opacity));
 }
-.style-editor[data-v-f857b419] {
+.style-editor[data-v-d4706300] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8178,7 +8178,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-f857b419] button:not(.c-button-style) {
+.style-editor[data-v-d4706300] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8188,16 +8188,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-f857b419] {
+.style-editor-button[data-v-d4706300] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-f857b419] {
+.toolbar-editor-button.active[data-v-d4706300] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-f857b419] {
+.toolbar-editor-button[data-v-d4706300] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8215,7 +8215,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-f857b419] .ProseMirror {
+[data-v-d4706300] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8228,10 +8228,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-f857b419] .ProseMirror:focus {
+[data-v-d4706300] .ProseMirror:focus {
   outline: none;
 }
-[data-v-f857b419] .ProseMirror * {
+[data-v-d4706300] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8240,25 +8240,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
+[data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
+  text-decoration: line-through !important;
+}
+[data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-f857b419] {
+.error-message[data-v-d4706300] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-f857b419] {
+.popup-container[data-v-d4706300] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-f857b419] {
+.hyperlink-preview[data-v-d4706300] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-f857b419] {
+.popup-panel[data-v-d4706300] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8266,17 +8269,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-f857b419] input {
+.popup-panel[data-v-d4706300] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-f857b419] {
+.border[data-v-d4706300] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(209 209 209 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-f857b419] .text-dropdown-title {
+[data-v-d4706300] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8285,7 +8288,7 @@ body {
   color: rgb(38 38 38 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(209 209 209 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8294,56 +8297,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-f857b419],
-  .style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300],
+  .style-editor-button-textstyle[data-v-d4706300] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: none;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: block;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-f857b419] {
-    z-index: 9999;
+.hyperlink-popup[data-v-d4706300] {
+    z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-f857b419] {
+.style-editor-button.stepper[data-v-d4706300] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-f857b419] {
+.style-editor-button-font[data-v-d4706300] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-f857b419] {
+.style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-f857b419] {
+.style-editor-button-textstyle[data-v-d4706300] {
     max-width: 25%;
 }
-.border.desktop[data-v-f857b419] {
+.border.desktop[data-v-d4706300] {
     display: block;
 }
-.border.mobile[data-v-f857b419] {
+.border.mobile[data-v-d4706300] {
     display: none;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-f857b419]:hover {
+.drop-down-item[data-v-d4706300]:hover {
   background-color: #eee;
 }
 

package/lib/src/css/library.brand-page-preview.min.css

@@ -7905,11 +7905,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: 33.333333%
 }
 
-.bp .rich-text-editor[data-v-f857b419]:focus-within {
+.bp .rich-text-editor[data-v-d4706300]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.bp .style-editor[data-v-f857b419] {
+.bp .style-editor[data-v-d4706300] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7920,7 +7920,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.bp .style-editor[data-v-f857b419] button:not(.c-button-style) {
+.bp .style-editor[data-v-d4706300] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7930,16 +7930,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.bp .style-editor-button[data-v-f857b419] {
+.bp .style-editor-button[data-v-d4706300] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.bp .toolbar-editor-button.active[data-v-f857b419] {
+.bp .toolbar-editor-button.active[data-v-d4706300] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.bp .toolbar-editor-button[data-v-f857b419] {
+.bp .toolbar-editor-button[data-v-d4706300] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -7957,7 +7957,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-f857b419] .ProseMirror {
+[data-v-d4706300] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -7970,10 +7970,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-f857b419] .ProseMirror:focus {
+[data-v-d4706300] .ProseMirror:focus {
   outline: none;
 }
-[data-v-f857b419] .ProseMirror * {
+[data-v-d4706300] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -7982,25 +7982,28 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
+[data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
+  text-decoration: line-through !important;
+}
+[data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.bp .error-message[data-v-f857b419] {
+.bp .error-message[data-v-d4706300] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.bp .popup-container[data-v-f857b419] {
+.bp .popup-container[data-v-d4706300] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.bp .hyperlink-preview[data-v-f857b419] {
+.bp .hyperlink-preview[data-v-d4706300] {
   position: absolute;
   z-index: 10;
 }
-.bp .popup-panel[data-v-f857b419] {
+.bp .popup-panel[data-v-d4706300] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8008,17 +8011,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.bp .popup-panel[data-v-f857b419] input {
+.bp .popup-panel[data-v-d4706300] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.bp .border[data-v-f857b419] {
+.bp .border[data-v-d4706300] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-f857b419] .text-dropdown-title {
+[data-v-d4706300] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8027,7 +8030,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8036,56 +8039,56 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.bp .style-editor-button-font[data-v-f857b419],
-  .bp .style-editor-button-textstyle[data-v-f857b419] {
+.bp .style-editor-button-font[data-v-d4706300],
+  .bp .style-editor-button-textstyle[data-v-d4706300] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.bp .style-editor-button.stepper[data-v-f857b419] {
+.bp .style-editor-button.stepper[data-v-d4706300] {
     max-width: 40%;
 }
-.bp .style-editor-button-stepper[data-v-f857b419] {
+.bp .style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.bp .border.desktop[data-v-f857b419] {
+.bp .border.desktop[data-v-d4706300] {
     display: none;
 }
-.bp .border.mobile[data-v-f857b419] {
+.bp .border.mobile[data-v-d4706300] {
     display: block;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.bp .hyperlink-popup[data-v-f857b419] {
-    z-index: 9999;
+.bp .hyperlink-popup[data-v-d4706300] {
+    z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.bp .style-editor-button.stepper[data-v-f857b419] {
+.bp .style-editor-button.stepper[data-v-d4706300] {
     max-width: 32%;
 }
-.bp .style-editor-button-font[data-v-f857b419] {
+.bp .style-editor-button-font[data-v-d4706300] {
     max-width: 28%;
 }
-.bp .style-editor-button-stepper[data-v-f857b419] {
+.bp .style-editor-button-stepper[data-v-d4706300] {
     max-width: 100%;
 }
-.bp .style-editor-button-textstyle[data-v-f857b419] {
+.bp .style-editor-button-textstyle[data-v-d4706300] {
     max-width: 25%;
 }
-.bp .border.desktop[data-v-f857b419] {
+.bp .border.desktop[data-v-d4706300] {
     display: block;
 }
-.bp .border.mobile[data-v-f857b419] {
+.bp .border.mobile[data-v-d4706300] {
     display: none;
 }
-[data-v-f857b419] .left-align {
+[data-v-d4706300] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.bp .drop-down-item[data-v-f857b419]:hover {
+.bp .drop-down-item[data-v-d4706300]:hover {
   background-color: #eee;
 }
 

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { bw as E, an as T, aP as I, a3 as N, ag as S, ad as s, bo as A, c3 as e, c2 as O, c1 as G, bX as C, aZ as D, aY as P, bH as R, bI as t, bP as L, bE as M, bG as o, bF as b, bJ as r, bK as F, bW as n, bU as B, am as g, bV as l, a6 as i, aU as Y, aW as U, aV as d, e as c, f as H, B as u, Y as y, d as p, Z as K, j as k, aj as V, X, bn as m, bD as v, at as h, aR as W, aN as x, bS as f, bR as Z, C as w, b0 as z, D as Q, b as j, a as q, bN as J, a$ as $, aS as aa, aO as _a, b$ as Ea, c0 as Ta, bQ as Ia, bA as Na, ab as Sa, bT as sa, bY as Aa, b5 as ea, aF as Oa, bb as Ga, F as Ca, a5 as Da, a4 as Pa, h as Ra, $ as ta, b2 as La, aQ as Ma, aM as oa, a1 as ba, G as ra, I as Fa, H as na, a7 as Ba, bx as ga, b6 as la, b7 as ia, bv as Ya, bd as Ua, bf as da, b1 as ca, L as Ha, aE as ua, bk as ya, aK as pa, bj as Ka, ao as ka, a9 as Va, bO as Xa, bZ as ma, b_ as va, aT as ha, N as Wa, aw as xa, av as fa, ax as Za, ar as wa, as as za, au as Qa, b9 as ja, bg as qa, b3 as Ja, n as $a, ah as a_, ai as __, ae as E_, af as T_, ac as I_, a2 as N_, l as S_, bl as s_, al as A_, bB as e_, bC as O_, bM as G_, aa as C_, bz as D_, bm as P_, m as R_, S as t_, P as L_, aD as M_, by as o_, ba as b_, br as r_, bp as F_, bt as n_, bu as B_, bq as g_, bs as l_, ay as i_, az as Y_, bi as U_, bh as d_, bc as c_, aB as H_, aC as u_, aH as y_, aX as p_, aG as K_, aI as k_, U as V_, a8 as X_, aL as m_, k as v_, b8 as h_, ak as W_, b4 as x_, be as f_, a_ as Z_, M as w_, a0 as z_, g as Q_, bL as j_, q as q_, J as J_, W as $_, aA as aE, aJ as _E, ap as EE, o as TE, T as IE, r as NE, u as SE, i as sE, aq as AE, c as eE, p as OE, t as GE, R as CE, K as DE, s as PE, V as RE, y as tE, v as LE, w as ME, Q as oE, z as bE, O as rE, A as FE, E as nE, x as BE } from "./lib-Bq-YSuEE.js";
+import { bw as E, an as T, aP as I, a3 as N, ag as S, ad as s, bo as A, c3 as e, c2 as O, c1 as G, bX as C, aZ as D, aY as P, bH as R, bI as t, bP as L, bE as M, bG as o, bF as b, bJ as r, bK as F, bW as n, bU as B, am as g, bV as l, a6 as i, aU as Y, aW as U, aV as d, e as c, f as H, B as u, Y as y, d as p, Z as K, j as k, aj as V, X, bn as m, bD as v, at as h, aR as W, aN as x, bS as f, bR as Z, C as w, b0 as z, D as Q, b as j, a as q, bN as J, a$ as $, aS as aa, aO as _a, b$ as Ea, c0 as Ta, bQ as Ia, bA as Na, ab as Sa, bT as sa, bY as Aa, b5 as ea, aF as Oa, bb as Ga, F as Ca, a5 as Da, a4 as Pa, h as Ra, $ as ta, b2 as La, aQ as Ma, aM as oa, a1 as ba, G as ra, I as Fa, H as na, a7 as Ba, bx as ga, b6 as la, b7 as ia, bv as Ya, bd as Ua, bf as da, b1 as ca, L as Ha, aE as ua, bk as ya, aK as pa, bj as Ka, ao as ka, a9 as Va, bO as Xa, bZ as ma, b_ as va, aT as ha, N as Wa, aw as xa, av as fa, ax as Za, ar as wa, as as za, au as Qa, b9 as ja, bg as qa, b3 as Ja, n as $a, ah as a_, ai as __, ae as E_, af as T_, ac as I_, a2 as N_, l as S_, bl as s_, al as A_, bB as e_, bC as O_, bM as G_, aa as C_, bz as D_, bm as P_, m as R_, S as t_, P as L_, aD as M_, by as o_, ba as b_, br as r_, bp as F_, bt as n_, bu as B_, bq as g_, bs as l_, ay as i_, az as Y_, bi as U_, bh as d_, bc as c_, aB as H_, aC as u_, aH as y_, aX as p_, aG as K_, aI as k_, U as V_, a8 as X_, aL as m_, k as v_, b8 as h_, ak as W_, b4 as x_, be as f_, a_ as Z_, M as w_, a0 as z_, g as Q_, bL as j_, q as q_, J as J_, W as $_, aA as aE, aJ as _E, ap as EE, o as TE, T as IE, r as NE, u as SE, i as sE, aq as AE, c as eE, p as OE, t as GE, R as CE, K as DE, s as PE, V as RE, y as tE, v as LE, w as ME, Q as oE, z as bE, O as rE, A as FE, E as nE, x as BE } from "./lib-C0TzGTrm.js";
 import { createPinia as lE, setActivePinia as iE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-Bq-YSuEE.js → lib-C0TzGTrm.js}

@@ -27448,7 +27448,7 @@ const Qm = /* @__PURE__ */ $6(Gc1), ZC = Object.freeze(["id", "type", "role"]),
       return t.some((r) => r.slug === n.page) || (n.page = ""), n;
   }
   return e;
-}, zC = /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch)?(?:\?.*v=)?([^&]+).*/i, iu1 = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/, uV = (e) => iu1.test(e);
+}, zC = /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch|shorts\/)?(?:\?.*v=)?([^&]+).*/i, iu1 = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/, uV = (e) => iu1.test(e);
 var lo = { exports: {} }, ru1 = lo.exports, ey;
 function su1() {
   return ey || (ey = 1, function(e, t) {
@@ -56981,10 +56981,10 @@ const z0 = /* @__PURE__ */ $6(RM1), FM1 = (e, t, n) => {
     Yt(() => n.context.isDesignCom, async () => {
       const S = gn().toLowerCase(), M = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: T } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CMdOb_u_.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BP1ZZR89.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-dQ5Xb_xX.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Bfx1tpC3.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-BQg2zn8K.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-B2cv6BwQ.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CYt5rPlz.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DtJ-6-Wv.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CuzsQXTy.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-Bh7goB5_.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
+        const { default: T } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-BSa_oMUS.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CrDm6Zsd.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-D_osPiN2.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-B6KRVAx0.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-DflhU2ts.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CMxzzUpC.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Cgau0pJ6.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-7mE5DRiG.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-D2Q_bKeL.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-CdsDaHLJ.js") }), `./watermark/CreatedOn${M}-${S}.vue`, 3);
         i.value = T;
       } catch {
-        const { default: E } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BP1ZZR89.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-CYt5rPlz.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
+        const { default: E } = await m_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CrDm6Zsd.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Cgau0pJ6.js") }), `./watermark/CreatedOn${M}-en-us.vue`, 3);
         i.value = E;
       }
     }, {
@@ -86329,7 +86329,7 @@ const VE = /* @__PURE__ */ v(h6e, [["render", f6e]]), g6e = {
       ], 64);
     };
   }
-}), LE = /* @__PURE__ */ v(R6e, [["__scopeId", "data-v-f857b419"]]), F6e = {
+}), LE = /* @__PURE__ */ v(R6e, [["__scopeId", "data-v-d4706300"]]), F6e = {
   components: {
     RichTextEditor: LE
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.12.8",
+  "version": "5.12.9",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue

@@ -1083,6 +1083,12 @@ const onClickHyperlink = (href?: string, text?: string) => {
   font-family: 'Lato' !important;
 }
 
+::v-deep .ProseMirror a s,
+::v-deep .ProseMirror a strike,
+::v-deep .ProseMirror a [data-strike] {
+  text-decoration: line-through !important;
+}
+
 ::v-deep .ProseMirror a,
 ::v-deep .ProseMirror a * {
   color: #0097d7 !important;
@@ -1157,7 +1163,7 @@ const onClickHyperlink = (href?: string, text?: string) => {
     transform: translateX(-50%);
   }
   .hyperlink-popup {
-    z-index: 9999;
+    z-index: 10000 !important;
   }
 }
 

package/src/brand-page-maker/utils/url.util.test.ts

@@ -22,6 +22,12 @@ describe('url-util', () => {
     'https://m.youtube.com/embed/L53gjP-TtGE&rel=0',
     'http://www.youtube.com/embed/L53gjP-TtGE&rel=0',
     'https://www.youtube.com/embed/L53gjP-TtGE&rel=0',
+    'http://youtube.com/shorts/L53gjP-TtGE',
+    'https://youtube.com/shorts/L53gjP-TtGE',
+    'http://www.youtube.com/shorts/L53gjP-TtGE',
+    'https://www.youtube.com/shorts/L53gjP-TtGE',
+    'http://m.youtube.com/shorts/L53gjP-TtGE',
+    'https://m.youtube.com/shorts/L53gjP-TtGE',
   ])('youtubeUrlRe should return match when given a url', (url) => {
     // Arrange
     const expected = 'L53gjP-TtGE';

package/src/brand-page-maker/utils/url.util.ts

@@ -1,5 +1,5 @@
 export const YOUTUBE_URL_RE =
-  /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch)?(?:\?.*v=)?([^&]+).*/i;
+  /(?:https?:\/\/)?(?:www|m)?\.?(?:youtube|youtu)\.(?:com|be)\/(?!channel\/|c\/|user\/|u\/)(?:embed\/|watch|shorts\/)?(?:\?.*v=)?([^&]+).*/i;
 
 export const DOMAIN_NAME_RE = /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/;