@meduza/ui-kit-2 1.0.0 → 1.0.1

package/dist/EmbedBlock/EmbedBlock.types.d.ts

@@ -9,4 +9,5 @@ export interface EmbedBlockProps {
     styleContext?: string[] | string;
     lang?: 'ru' | 'en';
     children?: React.ReactNode;
+    platform?: 'website' | 'mirror';
 }

package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts

@@ -14,4 +14,5 @@ export interface RawHtmlBlockProps {
     bookmarkAction?: (service: CallToActions, place: string) => void;
     lightBox?: LightboxContext | null | undefined;
     lang?: 'ru' | 'en';
+    platform?: 'website' | 'mirror';
 }

package/dist/RenderBlocks/RenderBlocks.types.d.ts

@@ -8,4 +8,5 @@ export interface RenderBlocksProps {
     bookmarkAction?: (service: CallToActions, place: string) => void;
     lightBox?: LightboxContext | null | undefined;
     lang?: 'ru' | 'en';
+    platform?: 'website' | 'mirror';
 }

package/dist/ui-kit-2.cjs.development.js

@@ -1161,6 +1161,7 @@ const EmbedGif = ({
   }))));
 };
 
+/* eslint-disable jsx-a11y/media-has-caption */
 const EmbedBlock = ({
   block,
   block: {
@@ -1175,11 +1176,13 @@ const EmbedBlock = ({
       small_url: small,
       large_url: large,
       gif_url: gifUrl,
-      mp4_url: mp4Url
+      mp4_url: mp4Url,
+      video_file_path: videoFileUrl
     }
   },
   styleContext,
-  children
+  children,
+  platform
 }) => {
   const [isPopoverShown, setIsPopoverShown] = React.useState(false);
   const style = {};
@@ -1236,6 +1239,16 @@ const EmbedBlock = ({
         }
       default:
         {
+          if (platform === 'mirror' && videoFileUrl) {
+            return /*#__PURE__*/React.createElement("div", {
+              className: styles$r.object
+            }, /*#__PURE__*/React.createElement("div", {
+              className: styles$r.objectWrap
+            }, /*#__PURE__*/React.createElement("video", {
+              src: videoFileUrl,
+              controls: true
+            })));
+          }
           return /*#__PURE__*/React.createElement("div", {
             className: styles$r.object
           }, /*#__PURE__*/React.createElement("div", {
@@ -1360,7 +1373,8 @@ const IframeBlock = ({
 const EmbedBlockContainer = ({
   block,
   styleContext,
-  lang
+  lang,
+  platform
 }) => {
   if (block.data && block.data.wrap_with_iframe) {
     return /*#__PURE__*/React.createElement(IframeBlock, {
@@ -1371,7 +1385,8 @@ const EmbedBlockContainer = ({
   }
   return /*#__PURE__*/React.createElement(EmbedBlock, {
     block: block,
-    styleContext: styleContext
+    styleContext: styleContext,
+    platform: platform
   });
 };
 
@@ -2101,7 +2116,8 @@ const RenderBlocks = ({
   isRead,
   isListened,
   bookmarkAction,
-  isInBookmarks
+  isInBookmarks,
+  platform
 }) => {
   switch (block.type) {
     case 'tag':
@@ -2228,7 +2244,8 @@ const RenderBlocks = ({
       return /*#__PURE__*/React.createElement(EmbedBlockContainer, {
         block: block,
         styleContext: styleContext,
-        lang: lang
+        lang: lang,
+        platform: platform
       });
     case 'grouped':
       return /*#__PURE__*/React.createElement(GroupedBlock, {
@@ -2675,7 +2692,8 @@ const RawHtmlBlock = ({
   isInBookmarks,
   bookmarkAction,
   lightBox,
-  lang
+  lang,
+  platform
 }) => {
   const context = {
     lightBox: lightBox || null
@@ -2743,7 +2761,8 @@ const RawHtmlBlock = ({
           isListened: isListened,
           isInBookmarks: isInBookmarks,
           bookmarkAction: bookmarkAction,
-          lang: lang
+          lang: lang,
+          platform: platform
         }));
       }
   }