@meduza/ui-kit-2 1.0.0 → 1.0.2

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

@@ -1104,7 +1104,7 @@ const DangerousHTML = ({
   }));
 };
 
-var styles$r = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","isProportional":"EmbedBlock-module_isProportional__x8-8g","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
+var styles$r = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","isDefaultVideo":"EmbedBlock-module_isDefaultVideo__UTW9Q","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","isProportional":"EmbedBlock-module_isProportional__x8-8g","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
 
 const EmbedGif = ({
   gif,
@@ -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: makeClassName([[styles$r.objectWrap, true], [styles$r.isDefaultVideo, true]])
+            }, /*#__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
         }));
       }
   }