@wix/ricos 10.114.0 → 10.115.0

package/dist/es/plugin-vertical-embed/editor.js

@@ -1,5 +1,12 @@
-import { RicosPluginToolbarNames } from "./../ricos-types";
+import { DateCheckedSmall, OrderSmall, WixBookingSmall } from "@wix/wix-ui-icons-common";
+import { AppEmbedData_AppType } from "./../ricos-schema/legacy/wix/rich_content/v1";
+import { quickActionsModalSections, RicosPluginToolbarNames } from "./../ricos-types";
+import {
+  changeSelectionToEndOfTextBlock,
+  getFakeReferenceElement
+} from "./../wix-rich-content-common";
 import { appEmbedConverter } from "./app-embed-converter";
+import { verticalEmbedModals } from "./constants";
 import { getAddButtons } from "./getAddButtons";
 import { getToolbarButtons } from "./getToolbarButtons";
 import { InsertModal } from "./modals/InsertModal";
@@ -20,7 +27,86 @@ const pluginVerticalEmbed = (config) => {
     getAddButtons: (config2, services) => getAddButtons(config2, services),
     __exports: {
       InsertModal
-    }
+    },
+    getQuickActions: ({ config: config2 }) => [
+      {
+        id: "product",
+        title: "QuickActionsPlugin_ActionTitle_Product",
+        icon: OrderSmall,
+        section: quickActionsModalSections.EmbedWix,
+        command: ({ modalService, editor }) => {
+          changeSelectionToEndOfTextBlock(editor);
+          modalService.openModal({
+            id: verticalEmbedModals.insertProduct,
+            Component: InsertModal,
+            componentProps: {
+              ...config2,
+              verticalsApi: config2?.verticalsApi,
+              componentData: { type: AppEmbedData_AppType.PRODUCT },
+              modalId: verticalEmbedModals.insertProduct
+            },
+            layout: "popover",
+            noPadding: true,
+            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertProduct),
+            positioning: {
+              referenceElement: getFakeReferenceElement(editor),
+              placement: "bottom-end"
+            }
+          });
+        }
+      },
+      {
+        id: "event",
+        title: "QuickActionsPlugin_ActionTitle_Event",
+        icon: DateCheckedSmall,
+        section: quickActionsModalSections.EmbedWix,
+        command: ({ modalService, editor }) => {
+          changeSelectionToEndOfTextBlock(editor);
+          modalService.openModal({
+            id: verticalEmbedModals.insertEvent,
+            Component: InsertModal,
+            componentProps: {
+              verticalsApi: config2?.verticalsApi,
+              componentData: { type: AppEmbedData_AppType.EVENT },
+              modalId: verticalEmbedModals.insertEvent
+            },
+            layout: "popover",
+            noPadding: true,
+            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertEvent),
+            positioning: {
+              referenceElement: getFakeReferenceElement(editor),
+              placement: "bottom-end"
+            }
+          });
+        }
+      },
+      {
+        id: "booking",
+        title: "QuickActionsPlugin_ActionTitle_Booking",
+        icon: WixBookingSmall,
+        section: quickActionsModalSections.EmbedWix,
+        command: ({ modalService, editor }) => {
+          changeSelectionToEndOfTextBlock(editor);
+          modalService.openModal({
+            id: verticalEmbedModals.insertBooking,
+            Component: InsertModal,
+            componentProps: {
+              ...config2,
+              verticalsApi: config2?.verticalsApi,
+              componentData: { type: AppEmbedData_AppType.BOOKING },
+              modalId: verticalEmbedModals.insertBooking
+            },
+            layout: "popover",
+            noPadding: true,
+            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertBooking),
+            positioning: {
+              referenceElement: getFakeReferenceElement(editor),
+              placement: "bottom-end"
+            }
+          });
+        }
+      }
+    ]
   };
 };
 export {

package/dist/es/plugin-vertical-embed/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-vertical-embed/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { appEmbedConverter } from './app-embed-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VerticalEmbedPluginEditorConfig } from './types';\nimport { VERTICAL_EMBED_TYPE } from './types';\n\nexport const pluginVerticalEmbed: EditorPluginCreator<\n  VerticalEmbedPluginEditorConfig,\n  { InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig = { ...config };\n  return {\n    config: pluginConfig,\n    type: VERTICAL_EMBED_TYPE,\n    tiptapExtensions,\n    pmMarkConverters: [],\n    pmNodeConverters: [appEmbedConverter],\n    toolbar: {\n      names: [RicosPluginToolbarNames.APP_EMBED],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    __exports: {\n      InsertModal,\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AAGxC,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;AAE7B,MAAM,sBAGT,YAAU;AACZ,QAAM,eAAe,EAAE,GAAG,OAAO;AACjC,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,iBAAiB;AAAA,IACpC,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,SAAS;AAAA,MACzC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,IACtE;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,QAAQ;AAAA,IACnE,WAAW;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { DateCheckedSmall, OrderSmall, WixBookingSmall } from '@wix/wix-ui-icons-common';\n\nimport { AppEmbedData_AppType } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { quickActionsModalSections, RicosPluginToolbarNames } from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n  getFakeReferenceElement,\n} from './../wix-rich-content-common';\n\nimport { appEmbedConverter } from './app-embed-converter';\nimport { verticalEmbedModals } from './constants';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VerticalEmbedPluginEditorConfig } from './types';\nimport { VERTICAL_EMBED_TYPE } from './types';\n\nexport const pluginVerticalEmbed: EditorPluginCreator<\n  VerticalEmbedPluginEditorConfig,\n  { InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig = { ...config };\n  return {\n    config: pluginConfig,\n    type: VERTICAL_EMBED_TYPE,\n    tiptapExtensions,\n    pmMarkConverters: [],\n    pmNodeConverters: [appEmbedConverter],\n    toolbar: {\n      names: [RicosPluginToolbarNames.APP_EMBED],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    __exports: {\n      InsertModal,\n    },\n    getQuickActions: ({ config }) => [\n      {\n        id: 'product',\n        title: 'QuickActionsPlugin_ActionTitle_Product',\n        icon: OrderSmall,\n        section: quickActionsModalSections.EmbedWix,\n        command: ({ modalService, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n\n          modalService.openModal({\n            id: verticalEmbedModals.insertProduct,\n            Component: InsertModal,\n            componentProps: {\n              ...config,\n              verticalsApi: config?.verticalsApi,\n              componentData: { type: AppEmbedData_AppType.PRODUCT },\n              modalId: verticalEmbedModals.insertProduct,\n            },\n            layout: 'popover',\n            noPadding: true,\n            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertProduct),\n            positioning: {\n              referenceElement: getFakeReferenceElement(editor),\n              placement: 'bottom-end',\n            },\n          });\n        },\n      },\n      {\n        id: 'event',\n        title: 'QuickActionsPlugin_ActionTitle_Event',\n        icon: DateCheckedSmall,\n        section: quickActionsModalSections.EmbedWix,\n        command: ({ modalService, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n\n          modalService.openModal({\n            id: verticalEmbedModals.insertEvent,\n            Component: InsertModal,\n            componentProps: {\n              verticalsApi: config?.verticalsApi,\n              componentData: { type: AppEmbedData_AppType.EVENT },\n              modalId: verticalEmbedModals.insertEvent,\n            },\n            layout: 'popover',\n            noPadding: true,\n            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertEvent),\n            positioning: {\n              referenceElement: getFakeReferenceElement(editor),\n              placement: 'bottom-end',\n            },\n          });\n        },\n      },\n      {\n        id: 'booking',\n        title: 'QuickActionsPlugin_ActionTitle_Booking',\n        icon: WixBookingSmall,\n        section: quickActionsModalSections.EmbedWix,\n        command: ({ modalService, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n\n          modalService.openModal({\n            id: verticalEmbedModals.insertBooking,\n            Component: InsertModal,\n            componentProps: {\n              ...config,\n              verticalsApi: config?.verticalsApi,\n              componentData: { type: AppEmbedData_AppType.BOOKING },\n              modalId: verticalEmbedModals.insertBooking,\n            },\n            layout: 'popover',\n            noPadding: true,\n            onClickOutside: () => modalService.closeModal(verticalEmbedModals.insertBooking),\n            positioning: {\n              referenceElement: getFakeReferenceElement(editor),\n              placement: 'bottom-end',\n            },\n          });\n        },\n      },\n    ],\n  };\n};\n"],
+  "mappings": "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",
   "names": ["config"]
 }

package/dist/es/plugin-vertical-embed/statics/styles/widget-scss.js

@@ -1,19 +1,19 @@
 var widget_default = {
-  "card": "Weu8m",
-  "link": "_7UNlN",
-  "container": "-LRhm",
-  "image": "J1jFh",
-  "right": "F1G0t",
-  "cardLayout": "RIuSX",
-  "content": "QEjoT",
-  "title": "A7-cw",
-  "subtitle": "jtnOx",
-  "button": "FPio3",
-  "button_disabled": "ZFls4",
-  "buttonText": "aOaSJ",
-  "slimLayout": "erCId",
-  "rtl": "rD7K7",
-  "ltr": "e0qum"
+  "card": "a90EV",
+  "link": "QeAcW",
+  "container": "_2-KMg",
+  "image": "BuBgd",
+  "right": "skH2c",
+  "cardLayout": "_8eEMN",
+  "content": "pp0h5",
+  "title": "f0-LX",
+  "subtitle": "XtotK",
+  "button": "B-k0n",
+  "button_disabled": "_7Ly5i",
+  "buttonText": "yqDh7",
+  "slimLayout": "b8mnV",
+  "rtl": "uYjel",
+  "ltr": "D91xE"
 };
 export {
   widget_default as default

package/dist/es/plugin-vertical-embed/statics/styles/widget-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-vertical-embed/statics/styles/widget.scss"],
-  "sourcesContent": ["export default {\n  \"card\": \"Weu8m\",\n  \"link\": \"_7UNlN\",\n  \"container\": \"-LRhm\",\n  \"image\": \"J1jFh\",\n  \"right\": \"F1G0t\",\n  \"cardLayout\": \"RIuSX\",\n  \"content\": \"QEjoT\",\n  \"title\": \"A7-cw\",\n  \"subtitle\": \"jtnOx\",\n  \"button\": \"FPio3\",\n  \"button_disabled\": \"ZFls4\",\n  \"buttonText\": \"aOaSJ\",\n  \"slimLayout\": \"erCId\",\n  \"rtl\": \"rD7K7\",\n  \"ltr\": \"e0qum\"\n};"],
+  "sourcesContent": ["export default {\n  \"card\": \"a90EV\",\n  \"link\": \"QeAcW\",\n  \"container\": \"_2-KMg\",\n  \"image\": \"BuBgd\",\n  \"right\": \"skH2c\",\n  \"cardLayout\": \"_8eEMN\",\n  \"content\": \"pp0h5\",\n  \"title\": \"f0-LX\",\n  \"subtitle\": \"XtotK\",\n  \"button\": \"B-k0n\",\n  \"button_disabled\": \"_7Ly5i\",\n  \"buttonText\": \"yqDh7\",\n  \"slimLayout\": \"b8mnV\",\n  \"rtl\": \"uYjel\",\n  \"ltr\": \"D91xE\"\n};"],
   "mappings": "AAAA,IAAO,iBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/es/plugin-vertical-embed/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '86508bc4';  
+var styleDataHash = '0e0be4eb';  
 export const injectCss = (() => {
-  var css = `.Weu8m ._7UNlN{display:flex;justify-content:center;text-decoration:none}[dir] .Weu8m ._7UNlN{cursor:default}.Weu8m .-LRhm{width:100%}[dir] .Weu8m .-LRhm{background-color:transparent;border:1px solid rgba(var(--ricos-text-color-tuple,0,0,0),.2)}.Weu8m .-LRhm .J1jFh{color-adjust:exact;flex:0 0 auto;-webkit-print-color-adjust:exact;width:185px}[dir] .Weu8m .-LRhm .J1jFh{background-position:50%;background-repeat:no-repeat;background-size:cover}.Weu8m .-LRhm .J1jFh:hover{filter:brightness(85%) contrast(115%)}[dir] .Weu8m .-LRhm .J1jFh:hover{cursor:pointer}[dir] .Weu8m .F1G0t{padding:0 9.6px}.Weu8m .RIuSX{display:flex;flex-direction:row}.Weu8m .QEjoT{display:flex;justify-content:space-between;width:100%}[dir] .Weu8m .QEjoT{padding:32px}.Weu8m .QEjoT .A7-cw{color:var(--ricos-text-color,#000);font-family:var(--ricos-custom-h2-font-family);font-size:20px;line-height:1.4}[dir=ltr] .Weu8m .QEjoT .A7-cw{padding-right:40px}[dir=rtl] .Weu8m .QEjoT .A7-cw{padding-left:40px}.Weu8m .QEjoT .A7-cw:hover{opacity:.6}[dir] .Weu8m .QEjoT .A7-cw:hover{cursor:pointer}.Weu8m .QEjoT .jtnOx{color:var(--ricos-text-color,#000);font-family:var(--ricos-custom-p-font-family);font-size:14px;line-height:1.43}[dir] .Weu8m .QEjoT .jtnOx{padding-top:16px}[dir=ltr] .Weu8m .QEjoT .jtnOx{padding-right:40px}[dir=rtl] .Weu8m .QEjoT .jtnOx{padding-left:40px}.Weu8m .QEjoT .FPio3{display:flex;height:40px;justify-content:center}[dir] .Weu8m .QEjoT .FPio3{background-color:var(--ricos-custom-button-color,var(--ricos-action-color,#000))}[dir] .Weu8m .QEjoT .FPio3.ZFls4{background-color:var(--ricos-disabled-color,#969696)}.Weu8m .QEjoT .FPio3:not(.ZFls4):hover{opacity:.7}[dir] .Weu8m .QEjoT .FPio3:not(.ZFls4):hover{cursor:pointer}.Weu8m .QEjoT .FPio3:not(.ZFls4):focus{opacity:.7}.Weu8m .QEjoT .aOaSJ{color:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff));font-family:var(--ricos-custom-p-font-family);font-size:16px;line-height:1.5;min-width:113px;width:max-content}[dir] .Weu8m .QEjoT .aOaSJ{padding:8px 16px;text-align:center}.Weu8m.erCId .RIuSX{flex-direction:column}.Weu8m.erCId .J1jFh{width:unset}[dir] .Weu8m.erCId .J1jFh{padding-bottom:56.25%}.Weu8m.erCId .QEjoT{width:unset}@supports not (contain:inline-size){@media only screen and (max-width:549px){.Weu8m .RIuSX{flex-direction:column;width:280px}.Weu8m .-LRhm .J1jFh{width:unset}[dir] .Weu8m .-LRhm .J1jFh{padding-bottom:56.25%}.Weu8m .QEjoT{flex-direction:column;width:unset}[dir] .Weu8m .QEjoT{padding:20px}.Weu8m .A7-cw{max-width:240px}[dir=ltr] .Weu8m .A7-cw{padding-right:unset}[dir=rtl] .Weu8m .A7-cw{padding-left:unset}[dir=ltr] .Weu8m .jtnOx{padding-right:unset}[dir=rtl] .Weu8m .jtnOx{padding-left:unset}[dir] .Weu8m .FPio3{margin-top:24px}[dir=ltr] .Weu8m .rD7K7 .FPio3{margin-right:0}[dir=ltr] .Weu8m .e0qum .FPio3,[dir=rtl] .Weu8m .rD7K7 .FPio3{margin-left:0}[dir=rtl] .Weu8m .e0qum .FPio3{margin-right:0}.Weu8m .aOaSJ{width:240px}}}@container (width < 549px){.Weu8m .RIuSX{flex-direction:column;width:280px}.Weu8m .-LRhm .J1jFh{width:unset}[dir] .Weu8m .-LRhm .J1jFh{padding-bottom:56.25%}.Weu8m .QEjoT{flex-direction:column;width:unset}[dir] .Weu8m .QEjoT{padding:20px}.Weu8m .A7-cw{max-width:240px}[dir=ltr] .Weu8m .A7-cw{padding-right:unset}[dir=rtl] .Weu8m .A7-cw{padding-left:unset}[dir=ltr] .Weu8m .jtnOx{padding-right:unset}[dir=rtl] .Weu8m .jtnOx{padding-left:unset}[dir] .Weu8m .FPio3{margin-top:24px}[dir=ltr] .Weu8m .rD7K7 .FPio3{margin-right:0}[dir=ltr] .Weu8m .e0qum .FPio3,[dir=rtl] .Weu8m .rD7K7 .FPio3{margin-left:0}[dir=rtl] .Weu8m .e0qum .FPio3{margin-right:0}.Weu8m .aOaSJ{width:240px}}`;
+  var css = `.a90EV .QeAcW{display:flex;justify-content:center;text-decoration:none}[dir] .a90EV .QeAcW{cursor:default}.a90EV ._2-KMg{width:100%}[dir] .a90EV ._2-KMg{background-color:transparent;border:1px solid rgba(var(--ricos-text-color-tuple,0,0,0),.2)}.a90EV ._2-KMg .BuBgd{color-adjust:exact;flex:0 0 auto;-webkit-print-color-adjust:exact;width:185px}[dir] .a90EV ._2-KMg .BuBgd{background-position:50%;background-repeat:no-repeat;background-size:cover}.a90EV ._2-KMg .BuBgd:hover{filter:brightness(85%) contrast(115%)}[dir] .a90EV ._2-KMg .BuBgd:hover{cursor:pointer}[dir] .a90EV .skH2c{padding:0 9.6px}.a90EV ._8eEMN{display:flex;flex-direction:row}.a90EV .pp0h5{display:flex;justify-content:space-between;width:100%}[dir] .a90EV .pp0h5{padding:32px}.a90EV .pp0h5 .f0-LX{color:var(--ricos-text-color,#000);font-family:var(--ricos-custom-h2-font-family);font-size:20px;line-height:1.4}[dir=ltr] .a90EV .pp0h5 .f0-LX{padding-right:40px}[dir=rtl] .a90EV .pp0h5 .f0-LX{padding-left:40px}.a90EV .pp0h5 .f0-LX:hover{opacity:.6}[dir] .a90EV .pp0h5 .f0-LX:hover{cursor:pointer}.a90EV .pp0h5 .XtotK{color:var(--ricos-text-color,#000);font-family:var(--ricos-custom-p-font-family);font-size:14px;line-height:1.43}[dir] .a90EV .pp0h5 .XtotK{padding-top:16px}[dir=ltr] .a90EV .pp0h5 .XtotK{padding-right:40px}[dir=rtl] .a90EV .pp0h5 .XtotK{padding-left:40px}.a90EV .pp0h5 .B-k0n{display:flex;height:40px;justify-content:center}[dir] .a90EV .pp0h5 .B-k0n{background-color:var(--ricos-custom-button-color,var(--ricos-action-color,#000))}[dir] .a90EV .pp0h5 .B-k0n._7Ly5i{background-color:var(--ricos-disabled-color,#969696)}.a90EV .pp0h5 .B-k0n:not(._7Ly5i):hover{opacity:.7}[dir] .a90EV .pp0h5 .B-k0n:not(._7Ly5i):hover{cursor:pointer}.a90EV .pp0h5 .B-k0n:not(._7Ly5i):focus{opacity:.7}.a90EV .pp0h5 .yqDh7{color:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff));font-family:var(--ricos-custom-p-font-family);font-size:16px;line-height:1.5;min-width:113px;width:max-content}[dir] .a90EV .pp0h5 .yqDh7{padding:8px 16px;text-align:center}.a90EV.b8mnV ._8eEMN{flex-direction:column}.a90EV.b8mnV .BuBgd{width:unset}[dir] .a90EV.b8mnV .BuBgd{padding-bottom:56.25%}.a90EV.b8mnV .pp0h5{width:unset}@supports not (contain:inline-size){@media only screen and (max-width:549px){.a90EV ._8eEMN{flex-direction:column;width:280px}.a90EV ._2-KMg .BuBgd{width:unset}[dir] .a90EV ._2-KMg .BuBgd{padding-bottom:56.25%}.a90EV .pp0h5{flex-direction:column;width:unset}[dir] .a90EV .pp0h5{padding:20px}.a90EV .f0-LX{max-width:240px}[dir=ltr] .a90EV .f0-LX{padding-right:unset}[dir=rtl] .a90EV .f0-LX{padding-left:unset}[dir=ltr] .a90EV .XtotK{padding-right:unset}[dir=rtl] .a90EV .XtotK{padding-left:unset}[dir] .a90EV .B-k0n{margin-top:24px}[dir=ltr] .a90EV .uYjel .B-k0n{margin-right:0}[dir=ltr] .a90EV .D91xE .B-k0n,[dir=rtl] .a90EV .uYjel .B-k0n{margin-left:0}[dir=rtl] .a90EV .D91xE .B-k0n{margin-right:0}.a90EV .yqDh7{width:240px}}}@container (width < 549px){.a90EV ._8eEMN{flex-direction:column;width:280px}.a90EV ._2-KMg .BuBgd{width:unset}[dir] .a90EV ._2-KMg .BuBgd{padding-bottom:56.25%}.a90EV .pp0h5{flex-direction:column;width:unset}[dir] .a90EV .pp0h5{padding:20px}.a90EV .f0-LX{max-width:240px}[dir=ltr] .a90EV .f0-LX{padding-right:unset}[dir=rtl] .a90EV .f0-LX{padding-left:unset}[dir=ltr] .a90EV .XtotK{padding-right:unset}[dir=rtl] .a90EV .XtotK{padding-left:unset}[dir] .a90EV .B-k0n{margin-top:24px}[dir=ltr] .a90EV .uYjel .B-k0n{margin-right:0}[dir=ltr] .a90EV .D91xE .B-k0n,[dir=rtl] .a90EV .uYjel .B-k0n{margin-left:0}[dir=rtl] .a90EV .D91xE .B-k0n{margin-right:0}.a90EV .yqDh7{width:240px}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-video/editor.js

@@ -1,6 +1,13 @@
+import { VideoCameraSmall, YoutubeSmall } from "@wix/wix-ui-icons-common";
 import { RicosPluginToolbarNames } from "./../ricos-types";
-import { TIPTAP_VIDEO_TYPE } from "./../wix-rich-content-common";
+import {
+  changeSelectionToEndOfTextBlock,
+  getFakeReferenceElement,
+  quickActionsModalSections,
+  TIPTAP_VIDEO_TYPE
+} from "./../wix-rich-content-common";
 import { pluginFigure } from "../plugin-figure/editor";
+import { RICOS_DEFAULTS, videoModals } from "./constants";
 import { videoConverter } from "./converter/video-converter";
 import { DEFAULT_CONFIGS } from "./defaults";
 import { getAddButtons } from "./getAddButtons";
@@ -8,7 +15,7 @@ import { getToolbarButtons } from "./getToolbarButtons";
 import { InsertModal } from "./modals/InsertModal";
 import { SettingsModal } from "./modals/SettingsModal";
 import { tiptapExtensions } from "./tiptap/tiptap";
-import { VIDEO_TYPE } from "./types";
+import { VIDEO_TYPE, videoButtonsTypes } from "./types";
 const pluginVideo = (config) => {
   const pluginConfig = { ...DEFAULT_CONFIGS.editor, ...config };
   return {
@@ -29,6 +36,77 @@ const pluginVideo = (config) => {
         return tiptapEditor.view.nodeDOM(startNodePos.pos - 1);
       }
     },
+    getQuickActions: ({ config: config2 }) => {
+      const {
+        disableDownloadDefault,
+        enableCustomUploadOnMobile,
+        getVideoUrl,
+        handleFileSelection,
+        handleFileUpload,
+        onVideoSelected,
+        disableDownload
+      } = config2 || {};
+      const modalBaseProps = {
+        disableDownloadDefault,
+        enableCustomUploadOnMobile,
+        getVideoUrl,
+        handleFileSelection,
+        handleFileUpload,
+        onVideoSelected
+      };
+      return [
+        {
+          id: "video",
+          title: "QuickActionsPlugin_ActionTitle_Video",
+          icon: VideoCameraSmall,
+          section: quickActionsModalSections.Media,
+          command: ({ editor, modalService }) => {
+            changeSelectionToEndOfTextBlock(editor);
+            modalService.openModal({
+              id: videoModals.insertVideo,
+              Component: InsertModal,
+              componentProps: {
+                componentData: { ...RICOS_DEFAULTS, disableDownload },
+                modalId: videoModals.insertVideo,
+                ...modalBaseProps
+              },
+              layout: "popover",
+              noPadding: true,
+              positioning: {
+                referenceElement: getFakeReferenceElement(editor),
+                placement: "bottom-end"
+              },
+              onClickOutside: () => modalService.closeModal(videoModals.insertVideo)
+            });
+          }
+        },
+        {
+          id: "youtube-video",
+          title: "QuickActionsPlugin_ActionTitle_YoutubeVideo",
+          icon: YoutubeSmall,
+          section: quickActionsModalSections.Embed,
+          command: ({ editor, modalService }) => {
+            changeSelectionToEndOfTextBlock(editor);
+            modalService.openModal({
+              id: videoModals.insertYoutube,
+              Component: InsertModal,
+              componentProps: {
+                componentData: { ...RICOS_DEFAULTS, type: videoButtonsTypes.youTube },
+                modalId: videoModals.insertYoutube,
+                ...modalBaseProps
+              },
+              layout: "popover",
+              noPadding: true,
+              positioning: {
+                referenceElement: getFakeReferenceElement(editor),
+                placement: "bottom-end"
+              },
+              onClickOutside: () => modalService.closeModal(videoModals.insertYoutube)
+            });
+          }
+        }
+      ];
+    },
     dependencies: [pluginFigure],
     __exports: { SettingsModal, InsertModal }
   };

package/dist/es/plugin-video/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-video/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport { type EditorPluginCreator, TIPTAP_VIDEO_TYPE } from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { videoConverter } from './converter/video-converter';\nimport { DEFAULT_CONFIGS } from './defaults';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VideoPluginEditorConfig } from './types';\nimport { VIDEO_TYPE } from './types';\n\nexport const pluginVideo: EditorPluginCreator<\n  VideoPluginEditorConfig,\n  { SettingsModal: typeof SettingsModal; InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig: VideoPluginEditorConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    type: VIDEO_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [videoConverter],\n    tiptapExtensions,\n    getAddButtons,\n    toolbar: {\n      names: [RicosPluginToolbarNames.VIDEO],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_VIDEO_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    dependencies: [pluginFigure],\n    __exports: { SettingsModal, InsertModal },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAmC,yBAAyB;AAE5D,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAEpB,MAAM,cAGT,YAAU;AACZ,QAAM,eAAwC,EAAE,GAAG,gBAAgB,QAAQ,GAAG,OAAO;AACrF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,cAAc;AAAA,IACjC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,KAAK;AAAA,MACrC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,MACpE,yBAAyB,kBAAgB;AACvC,cAAM,eAAe,aAAa,MAAM,UAAU;AAClD,YAAI,aAAa,WAAW,KAAK,SAAS,mBAAmB;AAC3D,iBAAO;AAAA,QACT;AACA,eAAO,aAAa,KAAK,QAAQ,aAAa,MAAM,CAAC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,cAAc,CAAC,YAAY;AAAA,IAC3B,WAAW,EAAE,eAAe,YAAY;AAAA,EAC1C;AACF;",
+  "sourcesContent": ["import { VideoCameraSmall, YoutubeSmall } from '@wix/wix-ui-icons-common';\n\nimport type { VideoData } from './../ricos-schema/legacy/wix/rich_content/v1';\nimport { RicosPluginToolbarNames } from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n  getFakeReferenceElement,\n  quickActionsModalSections,\n  TIPTAP_VIDEO_TYPE,\n} from './../wix-rich-content-common';\n\nimport { pluginFigure } from '../plugin-figure/editor';\nimport { RICOS_DEFAULTS, videoModals } from './constants';\nimport { videoConverter } from './converter/video-converter';\nimport { DEFAULT_CONFIGS } from './defaults';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { VideoPluginEditorConfig } from './types';\nimport { VIDEO_TYPE, videoButtonsTypes } from './types';\n\nexport const pluginVideo: EditorPluginCreator<\n  VideoPluginEditorConfig,\n  { SettingsModal: typeof SettingsModal; InsertModal: typeof InsertModal }\n> = config => {\n  const pluginConfig: VideoPluginEditorConfig = { ...DEFAULT_CONFIGS.editor, ...config };\n  return {\n    config: pluginConfig,\n    type: VIDEO_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [videoConverter],\n    tiptapExtensions,\n    getAddButtons,\n    toolbar: {\n      names: [RicosPluginToolbarNames.VIDEO],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n      resolveReferenceElement: tiptapEditor => {\n        const startNodePos = tiptapEditor.state.selection.$from;\n        if (startNodePos.nodeAfter?.type.name !== TIPTAP_VIDEO_TYPE) {\n          return null;\n        }\n        return tiptapEditor.view.nodeDOM(startNodePos.pos - 1) as HTMLElement | null;\n      },\n    },\n    getQuickActions: ({ config }) => {\n      const {\n        disableDownloadDefault,\n        enableCustomUploadOnMobile,\n        getVideoUrl,\n        handleFileSelection,\n        handleFileUpload,\n        onVideoSelected,\n        disableDownload,\n      } = config || {};\n\n      const modalBaseProps = {\n        disableDownloadDefault,\n        enableCustomUploadOnMobile,\n        getVideoUrl,\n        handleFileSelection,\n        handleFileUpload,\n        onVideoSelected,\n      };\n\n      return [\n        {\n          id: 'video',\n          title: 'QuickActionsPlugin_ActionTitle_Video',\n          icon: VideoCameraSmall,\n          section: quickActionsModalSections.Media,\n          command: ({ editor, modalService }) => {\n            changeSelectionToEndOfTextBlock(editor);\n\n            modalService.openModal({\n              id: videoModals.insertVideo,\n              Component: InsertModal,\n              componentProps: {\n                componentData: { ...RICOS_DEFAULTS, disableDownload } as VideoData,\n                modalId: videoModals.insertVideo,\n                ...modalBaseProps,\n              },\n              layout: 'popover',\n              noPadding: true,\n              positioning: {\n                referenceElement: getFakeReferenceElement(editor),\n                placement: 'bottom-end',\n              },\n              onClickOutside: () => modalService.closeModal(videoModals.insertVideo),\n            });\n          },\n        },\n        {\n          id: 'youtube-video',\n          title: 'QuickActionsPlugin_ActionTitle_YoutubeVideo',\n          icon: YoutubeSmall,\n          section: quickActionsModalSections.Embed,\n          command: ({ editor, modalService }) => {\n            changeSelectionToEndOfTextBlock(editor);\n\n            modalService.openModal({\n              id: videoModals.insertYoutube,\n              Component: InsertModal,\n              componentProps: {\n                componentData: { ...RICOS_DEFAULTS, type: videoButtonsTypes.youTube } as VideoData,\n                modalId: videoModals.insertYoutube,\n                ...modalBaseProps,\n              },\n              layout: 'popover',\n              noPadding: true,\n              positioning: {\n                referenceElement: getFakeReferenceElement(editor),\n                placement: 'bottom-end',\n              },\n              onClickOutside: () => modalService.closeModal(videoModals.insertYoutube),\n            });\n          },\n        },\n      ];\n    },\n    dependencies: [pluginFigure],\n    __exports: { SettingsModal, InsertModal },\n  };\n};\n"],
+  "mappings": "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",
   "names": ["config"]
 }

package/dist/es/plugin-video/modals/SettingsModal.js

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect, useState } from "react";
-import { SPOILER_TYPE } from "./../../ricos-content";
-import { EditorContext, ModalServiceContext, PluginsContext, RicosContext } from "./../../ricos-context";
+import { EditorContext, ModalServiceContext, RicosContext } from "./../../ricos-context";
+import { useSpoilerPlugin } from "./../../_shared/use-spoiler-plugin";
 import { videoModals } from "../constants";
 import { VideoSettings } from "../modals/VideoSettings";
 import { VIDEO_TYPE } from "../types";
@@ -8,9 +8,7 @@ const SettingsModal = ({ nodeId }) => {
   const { t } = useContext(RicosContext);
   const modalService = useContext(ModalServiceContext) || {};
   const { getEditorCommands } = useContext(EditorContext);
-  const plugins = useContext(PluginsContext);
-  const spoilerPlugin = plugins.asArray().find((plugin) => plugin.getType() === SPOILER_TYPE);
-  const shouldShowSpoiler = spoilerPlugin && (!spoilerPlugin.getConfig().supportedPlugins || spoilerPlugin.getConfig().supportedPlugins.includes(VIDEO_TYPE));
+  const isSpoilerEnabled = useSpoilerPlugin(VIDEO_TYPE);
   const [initialData, setInitialData] = useState();
   const [componentData, setComponentData] = useState();
   useEffect(() => {
@@ -38,7 +36,7 @@ const SettingsModal = ({ nodeId }) => {
       updateData,
       onSave: closeModal,
       onCancel,
-      shouldShowSpoiler
+      shouldShowSpoiler: isSpoilerEnabled
     }
   ) : null;
 };

package/dist/es/plugin-video/modals/SettingsModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-video/modals/SettingsModal.tsx"],
-  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { SPOILER_TYPE } from './../../ricos-content';\nimport { EditorContext, ModalServiceContext, PluginsContext, RicosContext } from './../../ricos-context';\n\nimport { videoModals } from '../constants';\nimport { VideoSettings } from '../modals/VideoSettings';\nimport { VIDEO_TYPE } from '../types';\n\ninterface Props {\n  nodeId: string;\n}\n\nexport const SettingsModal: FC<Props> = ({ nodeId }) => {\n  const { t } = useContext(RicosContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n\n  const plugins = useContext(PluginsContext);\n  const spoilerPlugin = plugins.asArray().find(plugin => plugin.getType() === SPOILER_TYPE);\n  const shouldShowSpoiler =\n    spoilerPlugin &&\n    (!spoilerPlugin.getConfig().supportedPlugins ||\n      spoilerPlugin.getConfig().supportedPlugins.includes(VIDEO_TYPE));\n\n  const [initialData, setInitialData] = useState<Record<string, any>>();\n\n  const [componentData, setComponentData] = useState<Record<string, any>>();\n\n  useEffect(() => {\n    const componentData = getEditorCommands().getBlockComponentData(nodeId);\n    setInitialData(componentData);\n    setComponentData(componentData);\n  }, []);\n\n  const updateData = data => {\n    getEditorCommands().setBlock(nodeId, VIDEO_TYPE, { ...componentData, ...data, id: nodeId });\n    setComponentData({ ...componentData, ...data });\n  };\n\n  const closeModal = () => {\n    modalService.closeModal(videoModals.settings);\n  };\n\n  const onCancel = () => {\n    updateData(initialData);\n    closeModal();\n  };\n\n  return componentData ? (\n    <VideoSettings\n      componentData={componentData}\n      helpers={{}}\n      t={t}\n      updateData={updateData}\n      onSave={closeModal}\n      onCancel={onCancel}\n      shouldShowSpoiler={shouldShowSpoiler}\n    />\n  ) : null;\n};\n"],
-  "mappings": "AACA,OAAO,SAAS,YAAY,WAAW,gBAAgB;AAEvD,SAAS,oBAAoB;AAC7B,SAAS,eAAe,qBAAqB,gBAAgB,oBAAoB;AAEjF,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAMpB,MAAM,gBAA2B,CAAC,EAAE,OAAO,MAAM;AACtD,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AACrC,QAAM,eAAe,WAAW,mBAAmB,KAAK,CAAC;AACzD,QAAM,EAAE,kBAAkB,IAAI,WAAW,aAAa;AAEtD,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,gBAAgB,QAAQ,QAAQ,EAAE,KAAK,YAAU,OAAO,QAAQ,MAAM,YAAY;AACxF,QAAM,oBACJ,kBACC,CAAC,cAAc,UAAU,EAAE,oBAC1B,cAAc,UAAU,EAAE,iBAAiB,SAAS,UAAU;AAElE,QAAM,CAAC,aAAa,cAAc,IAAI,SAA8B;AAEpE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA8B;AAExE,YAAU,MAAM;AACd,UAAMA,iBAAgB,kBAAkB,EAAE,sBAAsB,MAAM;AACtE,mBAAeA,cAAa;AAC5B,qBAAiBA,cAAa;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,UAAQ;AACzB,sBAAkB,EAAE,SAAS,QAAQ,YAAY,EAAE,GAAG,eAAe,GAAG,MAAM,IAAI,OAAO,CAAC;AAC1F,qBAAiB,EAAE,GAAG,eAAe,GAAG,KAAK,CAAC;AAAA,EAChD;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,WAAW,YAAY,QAAQ;AAAA,EAC9C;AAEA,QAAM,WAAW,MAAM;AACrB,eAAW,WAAW;AACtB,eAAW;AAAA,EACb;AAEA,SAAO,gBACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,CAAC;AAAA,MACV;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA;AAAA,EACF,IACE;AACN;",
+  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, ModalServiceContext, RicosContext } from './../../ricos-context';\nimport { useSpoilerPlugin } from './../../_shared/use-spoiler-plugin';\n\nimport { videoModals } from '../constants';\nimport { VideoSettings } from '../modals/VideoSettings';\nimport { VIDEO_TYPE } from '../types';\n\ninterface Props {\n  nodeId: string;\n}\n\nexport const SettingsModal: FC<Props> = ({ nodeId }) => {\n  const { t } = useContext(RicosContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const { getEditorCommands } = useContext(EditorContext);\n  const isSpoilerEnabled = useSpoilerPlugin(VIDEO_TYPE);\n\n  const [initialData, setInitialData] = useState<Record<string, any>>();\n  const [componentData, setComponentData] = useState<Record<string, any>>();\n\n  useEffect(() => {\n    const componentData = getEditorCommands().getBlockComponentData(nodeId);\n    setInitialData(componentData);\n    setComponentData(componentData);\n  }, []);\n\n  const updateData = data => {\n    getEditorCommands().setBlock(nodeId, VIDEO_TYPE, { ...componentData, ...data, id: nodeId });\n    setComponentData({ ...componentData, ...data });\n  };\n\n  const closeModal = () => {\n    modalService.closeModal(videoModals.settings);\n  };\n\n  const onCancel = () => {\n    updateData(initialData);\n    closeModal();\n  };\n\n  return componentData ? (\n    <VideoSettings\n      componentData={componentData}\n      helpers={{}}\n      t={t}\n      updateData={updateData}\n      onSave={closeModal}\n      onCancel={onCancel}\n      shouldShowSpoiler={isSpoilerEnabled}\n    />\n  ) : null;\n};\n"],
+  "mappings": "AACA,OAAO,SAAS,YAAY,WAAW,gBAAgB;AAEvD,SAAS,eAAe,qBAAqB,oBAAoB;AACjE,SAAS,wBAAwB;AAEjC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAMpB,MAAM,gBAA2B,CAAC,EAAE,OAAO,MAAM;AACtD,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AACrC,QAAM,eAAe,WAAW,mBAAmB,KAAK,CAAC;AACzD,QAAM,EAAE,kBAAkB,IAAI,WAAW,aAAa;AACtD,QAAM,mBAAmB,iBAAiB,UAAU;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA8B;AACpE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA8B;AAExE,YAAU,MAAM;AACd,UAAMA,iBAAgB,kBAAkB,EAAE,sBAAsB,MAAM;AACtE,mBAAeA,cAAa;AAC5B,qBAAiBA,cAAa;AAAA,EAChC,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,UAAQ;AACzB,sBAAkB,EAAE,SAAS,QAAQ,YAAY,EAAE,GAAG,eAAe,GAAG,MAAM,IAAI,OAAO,CAAC;AAC1F,qBAAiB,EAAE,GAAG,eAAe,GAAG,KAAK,CAAC;AAAA,EAChD;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,WAAW,YAAY,QAAQ;AAAA,EAC9C;AAEA,QAAM,WAAW,MAAM;AACrB,eAAW,WAAW;AACtB,eAAW;AAAA,EACb;AAEA,SAAO,gBACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,CAAC;AAAA,MACV;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,mBAAmB;AAAA;AAAA,EACrB,IACE;AACN;",
   "names": ["componentData"]
 }

package/dist/es/plugin-video/statics/styles/default-video-styles-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "4abdc66b";
+var styleDataHash = "19eb80bc";
 const injectCss = () => {
-  var css = `.cK43y{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .cK43y{border:0}[dir=ltr] .cK43y{left:0}[dir=rtl] .cK43y{right:0}.zA-ca{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .zA-ca,[dir=rtl] .zA-ca{left:0;right:0}.uQn5u{height:0;position:relative}[dir] .uQn5u{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.uQn5u{min-width:auto}}}@container (width < 640px){.uQn5u{min-width:auto}}.yXNSD{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .yXNSD{cursor:move}.yXNSD~*>*{pointer-events:none}.pUZ08{height:0;overflow:hidden;visibility:hidden;width:0}.dHHVv,.pUZ08{position:absolute}.dHHVv{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .dHHVv{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .dHHVv{right:0}[dir=rtl] .dHHVv{left:0}`;
+  var css = `.SCQDW{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .SCQDW{border:0}[dir=ltr] .SCQDW{left:0}[dir=rtl] .SCQDW{right:0}._45TgI{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._45TgI,[dir=rtl] ._45TgI{left:0;right:0}.cN835{height:0;position:relative}[dir] .cN835{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cN835{min-width:auto}}}@container (width < 640px){.cN835{min-width:auto}}.y4tx4{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .y4tx4{cursor:move}.y4tx4~*>*{pointer-events:none}.TDoYx{height:0;overflow:hidden;visibility:hidden;width:0}.FpZcB,.TDoYx{position:absolute}.FpZcB{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .FpZcB{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .FpZcB{right:0}[dir=rtl] .FpZcB{left:0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = () => {
 };
 injectCss();
 var default_video_styles_default = {
-  "video_player": "cK43y",
-  "videoOverlay": "zA-ca",
-  "video_container": "uQn5u",
-  "video_overlay": "yXNSD",
-  "hide_duration": "pUZ08",
-  "error": "dHHVv"
+  "video_player": "SCQDW",
+  "videoOverlay": "_45TgI",
+  "video_container": "cN835",
+  "video_overlay": "y4tx4",
+  "hide_duration": "TDoYx",
+  "error": "FpZcB"
 };
 export {
   default_video_styles_default as default,

package/dist/es/plugin-video/statics/styles/default-video-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/default-video-styles.scss"],
-  "sourcesContent": ["var styleDataHash = '4abdc66b';  \nexport const injectCss = (() => {\n  var css = `.cK43y{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .cK43y{border:0}[dir=ltr] .cK43y{left:0}[dir=rtl] .cK43y{right:0}.zA-ca{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .zA-ca,[dir=rtl] .zA-ca{left:0;right:0}.uQn5u{height:0;position:relative}[dir] .uQn5u{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.uQn5u{min-width:auto}}}@container (width < 640px){.uQn5u{min-width:auto}}.yXNSD{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .yXNSD{cursor:move}.yXNSD~*>*{pointer-events:none}.pUZ08{height:0;overflow:hidden;visibility:hidden;width:0}.dHHVv,.pUZ08{position:absolute}.dHHVv{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .dHHVv{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .dHHVv{right:0}[dir=rtl] .dHHVv{left:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"video_player\": \"cK43y\",\n  \"videoOverlay\": \"zA-ca\",\n  \"video_container\": \"uQn5u\",\n  \"video_overlay\": \"yXNSD\",\n  \"hide_duration\": \"pUZ08\",\n  \"error\": \"dHHVv\"\n};"],
+  "sourcesContent": ["var styleDataHash = '19eb80bc';  \nexport const injectCss = (() => {\n  var css = `.SCQDW{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .SCQDW{border:0}[dir=ltr] .SCQDW{left:0}[dir=rtl] .SCQDW{right:0}._45TgI{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._45TgI,[dir=rtl] ._45TgI{left:0;right:0}.cN835{height:0;position:relative}[dir] .cN835{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cN835{min-width:auto}}}@container (width < 640px){.cN835{min-width:auto}}.y4tx4{bottom:0;height:100%;position:absolute;top:0;width:100%;z-index:1}[dir] .y4tx4{cursor:move}.y4tx4~*>*{pointer-events:none}.TDoYx{height:0;overflow:hidden;visibility:hidden;width:0}.FpZcB,.TDoYx{position:absolute}.FpZcB{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;top:0;width:100%;z-index:1}[dir] .FpZcB{background:rgba(0,0,0,.5);text-align:center}[dir=ltr] .FpZcB{right:0}[dir=rtl] .FpZcB{left:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"video_player\": \"SCQDW\",\n  \"videoOverlay\": \"_45TgI\",\n  \"video_container\": \"cN835\",\n  \"video_overlay\": \"y4tx4\",\n  \"hide_duration\": \"TDoYx\",\n  \"error\": \"FpZcB\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,+BAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/new-video-insert-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "5f8c5444";
+var styleDataHash = "5045c11a";
 const injectCss = () => {
-  var css = `.G22a4{--wsr-color-B10:var(--rcp-color-primary)}.G22a4 button:hover{--wsr-color-B10:var(--rcp-color-hover)}.K3SoJ{--wds-input-value-font-size-medium:14px}`;
+  var css = `.SKj-O{--wsr-color-B10:var(--rcp-color-primary)}.SKj-O button:hover{--wsr-color-B10:var(--rcp-color-hover)}.B-RIV{--wds-input-value-font-size-medium:14px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = () => {
 };
 injectCss();
 var new_video_insert_modal_default = {
-  "tabs": "G22a4",
-  "input": "K3SoJ"
+  "tabs": "SKj-O",
+  "input": "B-RIV"
 };
 export {
   new_video_insert_modal_default as default,

package/dist/es/plugin-video/statics/styles/new-video-insert-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/new-video-insert-modal.scss"],
-  "sourcesContent": ["var styleDataHash = '5f8c5444';  \nexport const injectCss = (() => {\n  var css = `.G22a4{--wsr-color-B10:var(--rcp-color-primary)}.G22a4 button:hover{--wsr-color-B10:var(--rcp-color-hover)}.K3SoJ{--wds-input-value-font-size-medium:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"tabs\": \"G22a4\",\n  \"input\": \"K3SoJ\"\n};"],
+  "sourcesContent": ["var styleDataHash = '5045c11a';  \nexport const injectCss = (() => {\n  var css = `.SKj-O{--wsr-color-B10:var(--rcp-color-primary)}.SKj-O button:hover{--wsr-color-B10:var(--rcp-color-hover)}.B-RIV{--wds-input-value-font-size-medium:14px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"tabs\": \"SKj-O\",\n  \"input\": \"B-RIV\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/video-settings-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "4ac61ec9";
+var styleDataHash = "cf7e5941";
 const injectCss = () => {
-  var css = `.Kt-Yp,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.AmGXm{width:100%}[dir=ltr] .AmGXm{text-align:left}[dir=rtl] .AmGXm{text-align:right}.AmGXm .fZys8{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.AmGXm .fZys8 *,.AmGXm .fZys8 :after,.AmGXm .fZys8 :before{box-sizing:inherit}.AmGXm .fZys8 input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.AmGXm .fZys8{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.AmGXm .fZys8{height:calc(100% - 50px);top:50px}}.ChRcV{display:block;height:1px;width:100%}[dir] .ChRcV{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.KWfOs{font-size:20px}[dir=ltr] .KWfOs{padding:24px 0 0 24px}[dir=rtl] .KWfOs{padding:24px 24px 0 0}[dir] .Y11gF{padding:0 24px}[dir=ltr] .hcIBT .Y11gF{padding-right:18px}[dir=rtl] .hcIBT .Y11gF{padding-left:18px}.uOpZe{align-items:center;display:flex;gap:8px}[dir] .uOpZe{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .uOpZe{margin-bottom:12px}}}@container (width < 640px){[dir] .uOpZe{margin-bottom:12px}}.uOpZe svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .uOpZe svg{cursor:pointer}`;
+  var css = `._2RQNN,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.PYjaB{width:100%}[dir=ltr] .PYjaB{text-align:left}[dir=rtl] .PYjaB{text-align:right}.PYjaB .IsXNz{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.PYjaB .IsXNz *,.PYjaB .IsXNz :after,.PYjaB .IsXNz :before{box-sizing:inherit}.PYjaB .IsXNz input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PYjaB .IsXNz{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PYjaB .IsXNz{height:calc(100% - 50px);top:50px}}._6z2Cp{display:block;height:1px;width:100%}[dir] ._6z2Cp{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.zYGia{font-size:20px}[dir=ltr] .zYGia{padding:24px 0 0 24px}[dir=rtl] .zYGia{padding:24px 24px 0 0}[dir] ._2VKd-{padding:0 24px}[dir=ltr] .HUj4N ._2VKd-{padding-right:18px}[dir=rtl] .HUj4N ._2VKd-{padding-left:18px}.DLBOY{align-items:center;display:flex;gap:8px}[dir] .DLBOY{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .DLBOY{margin-bottom:12px}}}@container (width < 640px){[dir] .DLBOY{margin-bottom:12px}}.DLBOY svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .DLBOY svg{cursor:pointer}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,14 +21,14 @@ const injectCss = () => {
 };
 injectCss();
 var video_settings_default = {
-  "fontElementMap": "Kt-Yp",
-  "videoSettings": "AmGXm",
-  "videoSettings_scroll_container": "fZys8",
-  "separator": "ChRcV",
-  "videoSettingsTitle": "KWfOs",
-  "videoSettings_toggleContainer": "Y11gF",
-  "videoSettings_mobile": "hcIBT",
-  "videoSettings_labeledToggle_withPopover": "uOpZe"
+  "fontElementMap": "_2RQNN",
+  "videoSettings": "PYjaB",
+  "videoSettings_scroll_container": "IsXNz",
+  "separator": "_6z2Cp",
+  "videoSettingsTitle": "zYGia",
+  "videoSettings_toggleContainer": "_2VKd-",
+  "videoSettings_mobile": "HUj4N",
+  "videoSettings_labeledToggle_withPopover": "DLBOY"
 };
 export {
   video_settings_default as default,

package/dist/es/plugin-video/statics/styles/video-settings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/video-settings.scss"],
-  "sourcesContent": ["var styleDataHash = '4ac61ec9';  \nexport const injectCss = (() => {\n  var css = `.Kt-Yp,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.AmGXm{width:100%}[dir=ltr] .AmGXm{text-align:left}[dir=rtl] .AmGXm{text-align:right}.AmGXm .fZys8{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.AmGXm .fZys8 *,.AmGXm .fZys8 :after,.AmGXm .fZys8 :before{box-sizing:inherit}.AmGXm .fZys8 input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.AmGXm .fZys8{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.AmGXm .fZys8{height:calc(100% - 50px);top:50px}}.ChRcV{display:block;height:1px;width:100%}[dir] .ChRcV{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.KWfOs{font-size:20px}[dir=ltr] .KWfOs{padding:24px 0 0 24px}[dir=rtl] .KWfOs{padding:24px 24px 0 0}[dir] .Y11gF{padding:0 24px}[dir=ltr] .hcIBT .Y11gF{padding-right:18px}[dir=rtl] .hcIBT .Y11gF{padding-left:18px}.uOpZe{align-items:center;display:flex;gap:8px}[dir] .uOpZe{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .uOpZe{margin-bottom:12px}}}@container (width < 640px){[dir] .uOpZe{margin-bottom:12px}}.uOpZe svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .uOpZe svg{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"Kt-Yp\",\n  \"videoSettings\": \"AmGXm\",\n  \"videoSettings_scroll_container\": \"fZys8\",\n  \"separator\": \"ChRcV\",\n  \"videoSettingsTitle\": \"KWfOs\",\n  \"videoSettings_toggleContainer\": \"Y11gF\",\n  \"videoSettings_mobile\": \"hcIBT\",\n  \"videoSettings_labeledToggle_withPopover\": \"uOpZe\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'cf7e5941';  \nexport const injectCss = (() => {\n  var css = `._2RQNN,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.PYjaB{width:100%}[dir=ltr] .PYjaB{text-align:left}[dir=rtl] .PYjaB{text-align:right}.PYjaB .IsXNz{box-sizing:border-box;height:calc(100% - 177px);overflow:scroll;position:absolute;top:77px;width:100%}.PYjaB .IsXNz *,.PYjaB .IsXNz :after,.PYjaB .IsXNz :before{box-sizing:inherit}.PYjaB .IsXNz input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PYjaB .IsXNz{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PYjaB .IsXNz{height:calc(100% - 50px);top:50px}}._6z2Cp{display:block;height:1px;width:100%}[dir] ._6z2Cp{background-color:var(--ricos-settings-dividers-color,#efeff4);margin-top:16px}.zYGia{font-size:20px}[dir=ltr] .zYGia{padding:24px 0 0 24px}[dir=rtl] .zYGia{padding:24px 24px 0 0}[dir] ._2VKd-{padding:0 24px}[dir=ltr] .HUj4N ._2VKd-{padding-right:18px}[dir=rtl] .HUj4N ._2VKd-{padding-left:18px}.DLBOY{align-items:center;display:flex;gap:8px}[dir] .DLBOY{padding-top:20px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .DLBOY{margin-bottom:12px}}}@container (width < 640px){[dir] .DLBOY{margin-bottom:12px}}.DLBOY svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}[dir] .DLBOY svg{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"_2RQNN\",\n  \"videoSettings\": \"PYjaB\",\n  \"videoSettings_scroll_container\": \"IsXNz\",\n  \"separator\": \"_6z2Cp\",\n  \"videoSettingsTitle\": \"zYGia\",\n  \"videoSettings_toggleContainer\": \"_2VKd-\",\n  \"videoSettings_mobile\": \"HUj4N\",\n  \"videoSettings_labeledToggle_withPopover\": \"DLBOY\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kCAAkC;AAAA,EAClC,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,wBAAwB;AAAA,EACxB,2CAA2C;AAC7C;",
   "names": []
 }

package/dist/es/plugin-video/statics/styles/video-viewer-scss.js

@@ -1,7 +1,7 @@
 var video_viewer_default = {
-  "video_player": "_7ImM3",
-  "videoOverlay": "_86RAE",
-  "video_container": "PZSAB"
+  "video_player": "sWNan",
+  "videoOverlay": "jsNID",
+  "video_container": "ErcGx"
 };
 export {
   video_viewer_default as default

package/dist/es/plugin-video/statics/styles/video-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-video/statics/styles/video-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"video_player\": \"_7ImM3\",\n  \"videoOverlay\": \"_86RAE\",\n  \"video_container\": \"PZSAB\"\n};"],
+  "sourcesContent": ["export default {\n  \"video_player\": \"sWNan\",\n  \"videoOverlay\": \"jsNID\",\n  \"video_container\": \"ErcGx\"\n};"],
   "mappings": "AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-video/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '5ff44248';  
+var styleDataHash = '68a56b27';  
 export const injectCss = (() => {
-  var css = `._7ImM3{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] ._7ImM3{border:0}[dir=ltr] ._7ImM3{left:0}[dir=rtl] ._7ImM3{right:0}._86RAE{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] ._86RAE,[dir=rtl] ._86RAE{left:0;right:0}.PZSAB{height:0;position:relative}[dir] .PZSAB{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PZSAB{min-width:auto}}}@container (width < 640px){.PZSAB{min-width:auto}}.B5dWr{margin:12px 0}.D4bbM,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.cP2-F{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.cP2-F>span>a,.cP2-F>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}`;
+  var css = `.sWNan{height:100%;position:absolute;top:0;width:100%;z-index:0}[dir] .sWNan{border:0}[dir=ltr] .sWNan{left:0}[dir=rtl] .sWNan{right:0}.jsNID{bottom:0;position:absolute;top:0;z-index:3}[dir=ltr] .jsNID,[dir=rtl] .jsNID{left:0;right:0}.ErcGx{height:0;position:relative}[dir] .ErcGx{padding-bottom:56.25%}@supports not (contain:inline-size){@media only screen and (max-width:640px){.ErcGx{min-width:auto}}}@container (width < 640px){.ErcGx{min-width:auto}}.IsBou,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.p2ksD{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.p2ksD>span>a,.p2ksD>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.p2ksD{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.p2ksD{font-size:var(--ricos-custom-p-font-size,unset)}}.XObdu{margin:12px 0}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }