@wordpress/block-library 9.31.1-next.f56bd8138.0 → 9.33.0

package/build/media-text/media-container.native.js

@@ -1,342 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _reactNativeBridge = require("@wordpress/react-native-bridge");
-var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _url = require("@wordpress/url");
-var _compose = require("@wordpress/compose");
-var _icons = require("@wordpress/icons");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _iconRetry = _interopRequireDefault(require("./icon-retry"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Constants
- */const ALLOWED_MEDIA_TYPES = [_blockEditor.MEDIA_TYPE_IMAGE, _blockEditor.MEDIA_TYPE_VIDEO];
-const ICON_TYPE = {
-  PLACEHOLDER: 'placeholder',
-  RETRY: 'retry'
-};
-class MediaContainer extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.updateMediaProgress = this.updateMediaProgress.bind(this);
-    this.finishMediaUploadWithSuccess = this.finishMediaUploadWithSuccess.bind(this);
-    this.finishMediaUploadWithFailure = this.finishMediaUploadWithFailure.bind(this);
-    this.mediaUploadStateReset = this.mediaUploadStateReset.bind(this);
-    this.onSelectMediaUploadOption = this.onSelectMediaUploadOption.bind(this);
-    this.onMediaPressed = this.onMediaPressed.bind(this);
-    this.state = {
-      isUploadInProgress: false
-    };
-  }
-  componentDidMount() {
-    const {
-      mediaId,
-      mediaUrl
-    } = this.props;
-
-    // Make sure we mark any temporary images as failed if they failed while
-    // the editor wasn't open.
-    if (mediaId && mediaUrl && (0, _url.getProtocol)(mediaUrl) === 'file:') {
-      (0, _reactNativeBridge.mediaUploadSync)();
-    }
-  }
-  onSelectMediaUploadOption(params) {
-    const {
-      id,
-      url,
-      type
-    } = params;
-    const {
-      onSelectMedia
-    } = this.props;
-    onSelectMedia({
-      media_type: type,
-      id,
-      url
-    });
-  }
-  onMediaPressed() {
-    const {
-      isUploadInProgress
-    } = this.state;
-    const {
-      mediaId,
-      mediaUrl,
-      mediaType,
-      isMediaSelected,
-      onMediaSelected
-    } = this.props;
-    if (isUploadInProgress) {
-      (0, _reactNativeBridge.requestImageUploadCancelDialog)(mediaId);
-    } else if (mediaId && (0, _url.getProtocol)(mediaUrl) === 'file:') {
-      (0, _reactNativeBridge.requestImageFailedRetryDialog)(mediaId);
-    } else if (mediaType === _blockEditor.MEDIA_TYPE_IMAGE && isMediaSelected) {
-      (0, _reactNativeBridge.requestImageFullscreenPreview)(mediaUrl);
-    } else if (mediaType === _blockEditor.MEDIA_TYPE_IMAGE) {
-      onMediaSelected();
-    }
-  }
-  getIcon(iconType) {
-    const {
-      mediaType,
-      getStylesFromColorScheme
-    } = this.props;
-    let iconStyle;
-    switch (iconType) {
-      case ICON_TYPE.RETRY:
-        iconStyle = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? _style.default.iconRetry : getStylesFromColorScheme(_style.default.iconRetryVideo, _style.default.iconRetryVideoDark);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-          icon: _iconRetry.default,
-          ...iconStyle
-        });
-      case ICON_TYPE.PLACEHOLDER:
-        iconStyle = getStylesFromColorScheme(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark);
-        break;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-      icon: _icons.media,
-      ...iconStyle
-    });
-  }
-  updateMediaProgress(payload) {
-    const {
-      isUploadInProgress
-    } = this.state;
-    const {
-      mediaUrl,
-      state
-    } = payload;
-    const {
-      mediaType,
-      onMediaThumbnailUpdate
-    } = this.props;
-    if (!isUploadInProgress) {
-      this.setState({
-        isUploadInProgress: true
-      });
-    }
-    if (isUploadInProgress && mediaType === _blockEditor.MEDIA_TYPE_IMAGE && mediaUrl && !state) {
-      onMediaThumbnailUpdate(mediaUrl);
-    }
-  }
-  finishMediaUploadWithSuccess(payload) {
-    const {
-      onMediaUpdate
-    } = this.props;
-    onMediaUpdate({
-      id: payload.mediaServerId,
-      url: payload.mediaUrl
-    });
-    this.setState({
-      isUploadInProgress: false
-    });
-  }
-  finishMediaUploadWithFailure() {
-    this.setState({
-      isUploadInProgress: false
-    });
-  }
-  mediaUploadStateReset() {
-    const {
-      onMediaUpdate
-    } = this.props;
-    onMediaUpdate({
-      id: null,
-      url: null
-    });
-    this.setState({
-      isUploadInProgress: false
-    });
-  }
-  renderImage(params, openMediaOptions) {
-    const {
-      isUploadInProgress
-    } = this.state;
-    const {
-      alignmentStyles,
-      focalPoint,
-      imageFill,
-      isMediaSelected,
-      isSelected,
-      mediaAlt,
-      mediaUrl,
-      mediaWidth,
-      shouldStack
-    } = this.props;
-    const {
-      isUploadFailed,
-      isUploadPaused,
-      retryMessage
-    } = params;
-    const focalPointValues = !focalPoint ? _components.IMAGE_DEFAULT_FOCAL_POINT : focalPoint;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [imageFill && _style.default.imageWithFocalPoint, imageFill && shouldStack && {
-        height: _style.default.imageFill.height
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-        accessible: !isSelected,
-        onPress: this.onMediaPressed,
-        disabled: !isSelected,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [imageFill && _style.default.imageCropped, _style.default.mediaImageContainer, !isUploadInProgress && alignmentStyles],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
-            align: "center",
-            alt: mediaAlt,
-            focalPoint: imageFill && focalPointValues,
-            isSelected: isMediaSelected,
-            isUploadFailed: isUploadFailed,
-            isUploadPaused: isUploadPaused,
-            isUploadInProgress: isUploadInProgress,
-            onSelectMediaUploadOption: this.onSelectMediaUploadOption,
-            openMediaOptions: openMediaOptions,
-            retryMessage: retryMessage,
-            url: mediaUrl,
-            width: !isUploadInProgress && mediaWidth
-          })
-        })
-      })
-    });
-  }
-  renderVideo(params) {
-    const {
-      alignmentStyles,
-      mediaUrl,
-      isSelected,
-      getStylesFromColorScheme
-    } = this.props;
-    const {
-      isUploadInProgress
-    } = this.state;
-    const {
-      isUploadFailed,
-      retryMessage
-    } = params;
-    const showVideo = (0, _url.isURL)(mediaUrl) && !isUploadInProgress && !isUploadFailed;
-    const videoPlaceholderStyles = getStylesFromColorScheme(_style.default.videoPlaceholder, _style.default.videoPlaceholderDark);
-    const retryVideoTextStyles = [_style.default.uploadFailedText, getStylesFromColorScheme(_style.default.uploadFailedTextVideo, _style.default.uploadFailedTextVideoDark)];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _style.default.mediaVideo,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-        accessible: !isSelected,
-        onPress: this.onMediaPressed,
-        disabled: !isSelected,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [_style.default.videoContainer, alignmentStyles],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [_style.default.videoContent, {
-              aspectRatio: _blockEditor.VIDEO_ASPECT_RATIO
-            }],
-            children: [showVideo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: _style.default.videoPlayer,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.VideoPlayer, {
-                isSelected: isSelected,
-                style: _style.default.video,
-                source: {
-                  uri: mediaUrl
-                },
-                paused: true
-              })
-            }), !showVideo && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: videoPlaceholderStyles,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: _style.default.modalIcon,
-                children: isUploadFailed ? this.getIcon(ICON_TYPE.RETRY) : this.getIcon(ICON_TYPE.PLACEHOLDER)
-              }), isUploadFailed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: retryVideoTextStyles,
-                children: retryMessage
-              })]
-            })]
-          })
-        })
-      })
-    });
-  }
-  renderContent(params, openMediaOptions) {
-    const {
-      mediaType
-    } = this.props;
-    let mediaElement = null;
-    switch (mediaType) {
-      case _blockEditor.MEDIA_TYPE_IMAGE:
-        mediaElement = this.renderImage(params, openMediaOptions);
-        break;
-      case _blockEditor.MEDIA_TYPE_VIDEO:
-        mediaElement = this.renderVideo(params);
-        break;
-    }
-    return mediaElement;
-  }
-  renderPlaceholder() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
-      icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
-      labels: {
-        title: (0, _i18n.__)('Media area')
-      },
-      onSelect: this.onSelectMediaUploadOption,
-      allowedTypes: ALLOWED_MEDIA_TYPES,
-      onFocus: this.props.onFocus,
-      className: "no-block-outline"
-    });
-  }
-  render() {
-    const {
-      mediaUrl,
-      mediaId,
-      mediaType,
-      onSetOpenPickerRef
-    } = this.props;
-    const coverUrl = mediaType === _blockEditor.MEDIA_TYPE_IMAGE ? mediaUrl : null;
-    if (mediaUrl) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
-        isReplacingMedia: true,
-        onSelect: this.onSelectMediaUploadOption,
-        allowedTypes: ALLOWED_MEDIA_TYPES,
-        value: mediaId,
-        render: ({
-          open,
-          getMediaOptions
-        }) => {
-          onSetOpenPickerRef(open);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [getMediaOptions(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadProgress, {
-              enablePausedUploads: mediaType === _blockEditor.MEDIA_TYPE_IMAGE,
-              coverUrl: coverUrl,
-              mediaId: mediaId,
-              onUpdateMediaProgress: this.updateMediaProgress,
-              onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-              onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-              onMediaUploadStateReset: this.mediaUploadStateReset,
-              renderContent: params => {
-                return this.renderContent(params, open);
-              }
-            })]
-          });
-        }
-      });
-    }
-    return this.renderPlaceholder();
-  }
-}
-var _default = exports.default = (0, _compose.compose)([_compose.withPreferredColorScheme])(MediaContainer);
-//# sourceMappingURL=media-container.native.js.map

package/build/media-text/media-container.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_reactNativeBridge","_components","_blockEditor","_element","_i18n","_url","_compose","_icons","_style","_interopRequireDefault","_iconRetry","_jsxRuntime","ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","getProtocol","mediaUploadSync","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","jsx","Icon","icon","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","payload","onMediaThumbnailUpdate","setState","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","alignmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","View","style","imageWithFocalPoint","height","children","TouchableWithoutFeedback","accessible","onPress","disabled","imageCropped","mediaImageContainer","Image","align","alt","width","renderVideo","showVideo","isURL","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","jsxs","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","VideoPlayer","video","source","uri","paused","modalIcon","Text","renderContent","mediaElement","renderPlaceholder","MediaPlaceholder","labels","title","__","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","MediaUpload","isReplacingMedia","value","open","getMediaOptions","Fragment","MediaUploadProgress","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","_default","exports","default","compose","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { mediaUrl, state } = payload;\n\t\tconst { mediaType, onMediaThumbnailUpdate } = this.props;\n\n\t\tif ( ! isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\n\t\tif (\n\t\t\tisUploadInProgress &&\n\t\t\tmediaType === MEDIA_TYPE_IMAGE &&\n\t\t\tmediaUrl &&\n\t\t\t! state\n\t\t) {\n\t\t\tonMediaThumbnailUpdate( mediaUrl );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\talignmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, isUploadPaused, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && alignmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadPaused={ isUploadPaused }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params ) {\n\t\tconst {\n\t\t\talignmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, alignmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t\tclassName=\"no-block-outline\"\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tenablePausedUploads={\n\t\t\t\t\t\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,kBAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AASA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,UAAA,GAAAD,sBAAA,CAAAV,OAAA;AAAwC,IAAAY,WAAA,GAAAZ,OAAA;AAlCxC;AACA;AACA;;AAGA;AACA;AACA;;AAuBA;AACA;AACA;;AAIA;AACA;AACA,GACA,MAAMa,mBAAmB,GAAG,CAAEC,6BAAgB,EAAEC,6BAAgB,CAAE;AAElE,MAAMC,SAAS,GAAG;EACjBC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE;AACR,CAAC;AAED,MAAMC,cAAc,SAASC,kBAAS,CAAC;EACtCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACC,IAAI,CAAE,IAAK,CAAC;IAChE,IAAI,CAACC,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACD,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACE,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACF,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACG,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACH,IAAI,CAAE,IAAK,CAAC;IACpE,IAAI,CAACI,yBAAyB,GAC7B,IAAI,CAACA,yBAAyB,CAACJ,IAAI,CAAE,IAAK,CAAC;IAC5C,IAAI,CAACK,cAAc,GAAG,IAAI,CAACA,cAAc,CAACL,IAAI,CAAE,IAAK,CAAC;IAEtD,IAAI,CAACM,KAAK,GAAG;MACZC,kBAAkB,EAAE;IACrB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,MAAM;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;;IAExC;IACA;IACA,IAAKF,OAAO,IAAIC,QAAQ,IAAI,IAAAE,gBAAW,EAAEF,QAAS,CAAC,KAAK,OAAO,EAAG;MACjE,IAAAG,kCAAe,EAAC,CAAC;IAClB;EACD;EAEAT,yBAAyBA,CAAEU,MAAM,EAAG;IACnC,MAAM;MAAEC,EAAE;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,MAAM;IAChC,MAAM;MAAEI;IAAc,CAAC,GAAG,IAAI,CAACP,KAAK;IAEpCO,aAAa,CAAE;MACdC,UAAU,EAAEF,IAAI;MAChBF,EAAE;MACFC;IACD,CAAE,CAAC;EACJ;EAEAX,cAAcA,CAAA,EAAG;IAChB,MAAM;MAAEE;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACLG,OAAO;MACPC,QAAQ;MACRU,SAAS;MACTC,eAAe;MACfC;IACD,CAAC,GAAG,IAAI,CAACX,KAAK;IAEd,IAAKJ,kBAAkB,EAAG;MACzB,IAAAgB,iDAA8B,EAAEd,OAAQ,CAAC;IAC1C,CAAC,MAAM,IAAKA,OAAO,IAAI,IAAAG,gBAAW,EAAEF,QAAS,CAAC,KAAK,OAAO,EAAG;MAC5D,IAAAc,gDAA6B,EAAEf,OAAQ,CAAC;IACzC,CAAC,MAAM,IAAKW,SAAS,KAAK9B,6BAAgB,IAAI+B,eAAe,EAAG;MAC/D,IAAAI,gDAA6B,EAAEf,QAAS,CAAC;IAC1C,CAAC,MAAM,IAAKU,SAAS,KAAK9B,6BAAgB,EAAG;MAC5CgC,eAAe,CAAC,CAAC;IAClB;EACD;EAEAI,OAAOA,CAAEC,QAAQ,EAAG;IACnB,MAAM;MAAEP,SAAS;MAAEQ;IAAyB,CAAC,GAAG,IAAI,CAACjB,KAAK;IAC1D,IAAIkB,SAAS;IACb,QAASF,QAAQ;MAChB,KAAKnC,SAAS,CAACE,KAAK;QACnBmC,SAAS,GACRT,SAAS,KAAK9B,6BAAgB,GAC3BwC,cAAM,CAACC,SAAS,GAChBH,wBAAwB,CACxBE,cAAM,CAACE,cAAc,EACrBF,cAAM,CAACG,kBACP,CAAC;QAEL,oBAAO,IAAA7C,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAAyD,IAAI;UAACC,IAAI,EAAGC,kBAAc;UAAA,GAAMR;QAAS,CAAI,CAAC;MACvD,KAAKrC,SAAS,CAACC,WAAW;QACzBoC,SAAS,GAAGD,wBAAwB,CACnCE,cAAM,CAACQ,eAAe,EACtBR,cAAM,CAACS,mBACR,CAAC;QACD;IACF;IACA,oBAAO,IAAAnD,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAAyD,IAAI;MAACC,IAAI,EAAGA,YAAM;MAAA,GAAMP;IAAS,CAAI,CAAC;EAC/C;EAEA9B,mBAAmBA,CAAEyC,OAAO,EAAG;IAC9B,MAAM;MAAEjC;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MAAEI,QAAQ;MAAEJ;IAAM,CAAC,GAAGkC,OAAO;IACnC,MAAM;MAAEpB,SAAS;MAAEqB;IAAuB,CAAC,GAAG,IAAI,CAAC9B,KAAK;IAExD,IAAK,CAAEJ,kBAAkB,EAAG;MAC3B,IAAI,CAACmC,QAAQ,CAAE;QAAEnC,kBAAkB,EAAE;MAAK,CAAE,CAAC;IAC9C;IAEA,IACCA,kBAAkB,IAClBa,SAAS,KAAK9B,6BAAgB,IAC9BoB,QAAQ,IACR,CAAEJ,KAAK,EACN;MACDmC,sBAAsB,CAAE/B,QAAS,CAAC;IACnC;EACD;EAEAT,4BAA4BA,CAAEuC,OAAO,EAAG;IACvC,MAAM;MAAEG;IAAc,CAAC,GAAG,IAAI,CAAChC,KAAK;IAEpCgC,aAAa,CAAE;MACd5B,EAAE,EAAEyB,OAAO,CAACI,aAAa;MACzB5B,GAAG,EAAEwB,OAAO,CAAC9B;IACd,CAAE,CAAC;IACH,IAAI,CAACgC,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAL,4BAA4BA,CAAA,EAAG;IAC9B,IAAI,CAACwC,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAJ,qBAAqBA,CAAA,EAAG;IACvB,MAAM;MAAEwC;IAAc,CAAC,GAAG,IAAI,CAAChC,KAAK;IAEpCgC,aAAa,CAAE;MAAE5B,EAAE,EAAE,IAAI;MAAEC,GAAG,EAAE;IAAK,CAAE,CAAC;IACxC,IAAI,CAAC0B,QAAQ,CAAE;MAAEnC,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAsC,WAAWA,CAAE/B,MAAM,EAAEgC,gBAAgB,EAAG;IACvC,MAAM;MAAEvC;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACLyC,eAAe;MACfC,UAAU;MACVC,SAAS;MACT5B,eAAe;MACf6B,UAAU;MACVC,QAAQ;MACRzC,QAAQ;MACR0C,UAAU;MACVC;IACD,CAAC,GAAG,IAAI,CAAC1C,KAAK;IACd,MAAM;MAAE2C,cAAc;MAAEC,cAAc;MAAEC;IAAa,CAAC,GAAG1C,MAAM;IAC/D,MAAM2C,gBAAgB,GAAG,CAAET,UAAU,GAClCU,qCAAyB,GACzBV,UAAU;IAEb,oBACC,IAAA5D,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;MACJC,KAAK,EAAG,CACPX,SAAS,IAAInB,cAAM,CAAC+B,mBAAmB,EACvCZ,SAAS,IACRI,WAAW,IAAI;QACdS,MAAM,EAAEhC,cAAM,CAACmB,SAAS,CAACa;MAC1B,CAAC,CACA;MAAAC,QAAA,eAEH,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAyF,wBAAwB;QACxBC,UAAU,EAAG,CAAEf,UAAY;QAC3BgB,OAAO,EAAG,IAAI,CAAC7D,cAAgB;QAC/B8D,QAAQ,EAAG,CAAEjB,UAAY;QAAAa,QAAA,eAEzB,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;UACJC,KAAK,EAAG,CACPX,SAAS,IAAInB,cAAM,CAACsC,YAAY,EAChCtC,cAAM,CAACuC,mBAAmB,EAC1B,CAAE9D,kBAAkB,IAAIwC,eAAe,CACrC;UAAAgB,QAAA,eAEH,IAAA3E,WAAA,CAAA8C,GAAA,EAACxD,WAAA,CAAA4F,KAAK;YACLC,KAAK,EAAC,QAAQ;YACdC,GAAG,EAAGrB,QAAU;YAChBH,UAAU,EAAGC,SAAS,IAAIQ,gBAAkB;YAC5CP,UAAU,EAAG7B,eAAiB;YAC9BiC,cAAc,EAAGA,cAAgB;YACjCC,cAAc,EAAGA,cAAgB;YACjChD,kBAAkB,EAAGA,kBAAoB;YACzCH,yBAAyB,EACxB,IAAI,CAACA,yBACL;YACD0C,gBAAgB,EAAGA,gBAAkB;YACrCU,YAAY,EAAGA,YAAc;YAC7BxC,GAAG,EAAGN,QAAU;YAChB+D,KAAK,EAAG,CAAElE,kBAAkB,IAAI6C;UAAY,CAC5C;QAAC,CACG;MAAC,CACkB;IAAC,CACtB,CAAC;EAET;EAEAsB,WAAWA,CAAE5D,MAAM,EAAG;IACrB,MAAM;MACLiC,eAAe;MACfrC,QAAQ;MACRwC,UAAU;MACVtB;IACD,CAAC,GAAG,IAAI,CAACjB,KAAK;IACd,MAAM;MAAEJ;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MAAEgD,cAAc;MAAEE;IAAa,CAAC,GAAG1C,MAAM;IAC/C,MAAM6D,SAAS,GACd,IAAAC,UAAK,EAAElE,QAAS,CAAC,IAAI,CAAEH,kBAAkB,IAAI,CAAE+C,cAAc;IAE9D,MAAMuB,sBAAsB,GAAGjD,wBAAwB,CACtDE,cAAM,CAACgD,gBAAgB,EACvBhD,cAAM,CAACiD,oBACR,CAAC;IACD,MAAMC,oBAAoB,GAAG,CAC5BlD,cAAM,CAACmD,gBAAgB,EACvBrD,wBAAwB,CACvBE,cAAM,CAACoD,qBAAqB,EAC5BpD,cAAM,CAACqD,yBACR,CAAC,CACD;IAED,oBACC,IAAA/F,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;MAACC,KAAK,EAAG9B,cAAM,CAACsD,UAAY;MAAArB,QAAA,eAChC,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAyF,wBAAwB;QACxBC,UAAU,EAAG,CAAEf,UAAY;QAC3BgB,OAAO,EAAG,IAAI,CAAC7D,cAAgB;QAC/B8D,QAAQ,EAAG,CAAEjB,UAAY;QAAAa,QAAA,eAEzB,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;UAACC,KAAK,EAAG,CAAE9B,cAAM,CAACuD,cAAc,EAAEtC,eAAe,CAAI;UAAAgB,QAAA,eACzD,IAAA3E,WAAA,CAAAkG,IAAA,EAAC/G,YAAA,CAAAoF,IAAI;YACJC,KAAK,EAAG,CACP9B,cAAM,CAACyD,YAAY,EACnB;cACCC,WAAW,EAAEC;YACd,CAAC,CACC;YAAA1B,QAAA,GAEDY,SAAS,iBACV,IAAAvF,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;cAACC,KAAK,EAAG9B,cAAM,CAAC4D,WAAa;cAAA3B,QAAA,eACjC,IAAA3E,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAAgH,WAAW;gBACXzC,UAAU,EAAGA,UAAY;gBACzBU,KAAK,EAAG9B,cAAM,CAAC8D,KAAO;gBACtBC,MAAM,EAAG;kBAAEC,GAAG,EAAEpF;gBAAS,CAAG;gBAC5BqF,MAAM;cAAA,CACN;YAAC,CACG,CACN,EACC,CAAEpB,SAAS,iBACZ,IAAAvF,WAAA,CAAAkG,IAAA,EAAC/G,YAAA,CAAAoF,IAAI;cAACC,KAAK,EAAGiB,sBAAwB;cAAAd,QAAA,gBACrC,IAAA3E,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAAoF,IAAI;gBAACC,KAAK,EAAG9B,cAAM,CAACkE,SAAW;gBAAAjC,QAAA,EAC7BT,cAAc,GACb,IAAI,CAAC5B,OAAO,CAAElC,SAAS,CAACE,KAAM,CAAC,GAC/B,IAAI,CAACgC,OAAO,CACZlC,SAAS,CAACC,WACV;cAAC,CACC,CAAC,EACL6D,cAAc,iBACf,IAAAlE,WAAA,CAAA8C,GAAA,EAAC3D,YAAA,CAAA0H,IAAI;gBAACrC,KAAK,EAAGoB,oBAAsB;gBAAAjB,QAAA,EACjCP;cAAY,CACT,CACN;YAAA,CACI,CACN;UAAA,CACI;QAAC,CACF;MAAC,CACkB;IAAC,CACtB,CAAC;EAET;EAEA0C,aAAaA,CAAEpF,MAAM,EAAEgC,gBAAgB,EAAG;IACzC,MAAM;MAAE1B;IAAU,CAAC,GAAG,IAAI,CAACT,KAAK;IAChC,IAAIwF,YAAY,GAAG,IAAI;IAEvB,QAAS/E,SAAS;MACjB,KAAK9B,6BAAgB;QACpB6G,YAAY,GAAG,IAAI,CAACtD,WAAW,CAAE/B,MAAM,EAAEgC,gBAAiB,CAAC;QAC3D;MACD,KAAKvD,6BAAgB;QACpB4G,YAAY,GAAG,IAAI,CAACzB,WAAW,CAAE5D,MAAO,CAAC;QACzC;IACF;IACA,OAAOqF,YAAY;EACpB;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,oBACC,IAAAhH,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAA0H,gBAAgB;MAChBjE,IAAI,EAAG,IAAI,CAACV,OAAO,CAAElC,SAAS,CAACC,WAAY,CAAG;MAC9C6G,MAAM,EAAG;QACRC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa;MACzB,CAAG;MACHC,QAAQ,EAAG,IAAI,CAACrG,yBAA2B;MAC3CsG,YAAY,EAAGrH,mBAAqB;MACpCsH,OAAO,EAAG,IAAI,CAAChG,KAAK,CAACgG,OAAS;MAC9BC,SAAS,EAAC;IAAkB,CAC5B,CAAC;EAEJ;EAEAC,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEnG,QAAQ;MAAED,OAAO;MAAEW,SAAS;MAAE0F;IAAmB,CAAC,GAAG,IAAI,CAACnG,KAAK;IACvE,MAAMoG,QAAQ,GAAG3F,SAAS,KAAK9B,6BAAgB,GAAGoB,QAAQ,GAAG,IAAI;IAEjE,IAAKA,QAAQ,EAAG;MACf,oBACC,IAAAtB,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAAqI,WAAW;QACXC,gBAAgB;QAChBR,QAAQ,EAAG,IAAI,CAACrG,yBAA2B;QAC3CsG,YAAY,EAAGrH,mBAAqB;QACpC6H,KAAK,EAAGzG,OAAS;QACjBoG,MAAM,EAAGA,CAAE;UAAEM,IAAI;UAAEC;QAAgB,CAAC,KAAM;UACzCN,kBAAkB,CAAEK,IAAK,CAAC;UAE1B,oBACC,IAAA/H,WAAA,CAAAkG,IAAA,EAAAlG,WAAA,CAAAiI,QAAA;YAAAtD,QAAA,GACGqD,eAAe,CAAC,CAAC,eAEnB,IAAAhI,WAAA,CAAA8C,GAAA,EAACvD,YAAA,CAAA2I,mBAAmB;cACnBC,mBAAmB,EAClBnG,SAAS,KAAK9B,6BACd;cACDyH,QAAQ,EAAGA,QAAU;cACrBtG,OAAO,EAAGA,OAAS;cACnB+G,qBAAqB,EACpB,IAAI,CAACzH,mBACL;cACD0H,8BAA8B,EAC7B,IAAI,CAACxH,4BACL;cACDyH,8BAA8B,EAC7B,IAAI,CAACxH,4BACL;cACDyH,uBAAuB,EACtB,IAAI,CAACxH,qBACL;cACD+F,aAAa,EAAKpF,MAAM,IAAM;gBAC7B,OAAO,IAAI,CAACoF,aAAa,CACxBpF,MAAM,EACNqG,IACD,CAAC;cACF;YAAG,CACH,CAAC;UAAA,CACD,CAAC;QAEL;MAAG,CACH,CAAC;IAEJ;IACA,OAAO,IAAI,CAACf,iBAAiB,CAAC,CAAC;EAChC;AACD;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CAAEC,iCAAwB,CAAG,CAAC,CAAErI,cAAe,CAAC","ignoreList":[]}

package/build/media-text/transforms.native.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _transforms = _interopRequireDefault(require("./transforms.js"));
-var _transformationCategories = _interopRequireDefault(require("../utils/transformation-categories"));
-/**
- * Internal dependencies
- */
-
-const transforms = {
-  ..._transforms.default,
-  supportedMobileTransforms: _transformationCategories.default.media
-};
-var _default = exports.default = transforms;
-//# sourceMappingURL=transforms.native.js.map

package/build/media-text/transforms.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_transforms","_interopRequireDefault","require","_transformationCategories","transforms","webTransforms","supportedMobileTransforms","transformationCategories","media","_default","exports","default"],"sources":["@wordpress/block-library/src/media-text/transforms.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport webTransforms from './transforms.js';\nimport transformationCategories from '../utils/transformation-categories';\n\nconst transforms = {\n\t...webTransforms,\n\tsupportedMobileTransforms: transformationCategories.media,\n};\n\nexport default transforms;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,UAAU,GAAG;EAClB,GAAGC,mBAAa;EAChBC,yBAAyB,EAAEC,iCAAwB,CAACC;AACrD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,UAAU","ignoreList":[]}

package/build/missing/edit.native.js

@@ -1,255 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.UnsupportedBlockEdit = void 0;
-var _reactNative = require("react-native");
-var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
-var _blockLibrary = require("@wordpress/block-library");
-var _blocks = require("@wordpress/blocks");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _data = require("@wordpress/data");
-var _hooks = require("@wordpress/hooks");
-var _blockEditor = require("@wordpress/block-editor");
-var _notices = require("@wordpress/notices");
-var _reactNativeBridge = require("@wordpress/react-native-bridge");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Blocks that can't be edited through the Unsupported block editor identified by their name.
-const UBE_INCOMPATIBLE_BLOCKS = ['core/block'];
-const I18N_BLOCK_SCHEMA_TITLE = 'block title';
-const EMPTY_ARRAY = [];
-class UnsupportedBlockEdit extends _element.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showHelp: false
-    };
-    this.toggleSheet = this.toggleSheet.bind(this);
-    this.closeSheet = this.closeSheet.bind(this);
-    this.requestFallback = this.requestFallback.bind(this);
-    this.onHelpButtonPressed = this.onHelpButtonPressed.bind(this);
-  }
-  toggleSheet() {
-    const {
-      attributes,
-      block,
-      clientId
-    } = this.props;
-    const {
-      originalName
-    } = attributes;
-    const title = this.getTitle();
-    const blockContent = (0, _blocks.serialize)(block ? [block] : []);
-    if (this.canEditUnsupportedBlock()) {
-      (0, _reactNativeBridge.requestUnsupportedBlockFallback)(blockContent, clientId, originalName, title);
-      return;
-    }
-    this.setState({
-      showHelp: !this.state.showHelp
-    });
-  }
-  canEditUnsupportedBlock() {
-    const {
-      canEnableUnsupportedBlockEditor,
-      isEditableInUnsupportedBlockEditor,
-      isUnsupportedBlockEditorSupported
-    } = this.props;
-    return !canEnableUnsupportedBlockEditor && isUnsupportedBlockEditorSupported && isEditableInUnsupportedBlockEditor;
-  }
-  closeSheet() {
-    this.setState({
-      showHelp: false
-    });
-  }
-  componentWillUnmount() {
-    if (this.timeout) {
-      clearTimeout(this.timeout);
-    }
-  }
-  getTitle() {
-    const {
-      originalName
-    } = this.props.attributes;
-    const blockType = _blockLibrary.coreBlocks[originalName];
-    const title = blockType?.metadata.title;
-    const textdomain = blockType?.metadata.textdomain;
-    return title && textdomain ?
-    // eslint-disable-next-line @wordpress/i18n-no-variables, @wordpress/i18n-text-domain
-    (0, _i18n._x)(title, I18N_BLOCK_SCHEMA_TITLE, textdomain) : originalName;
-  }
-  renderHelpIcon() {
-    const infoIconStyle = this.props.getStylesFromColorScheme(_style.default.infoIcon, _style.default.infoIconDark);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: this.onHelpButtonPressed,
-      style: _style.default.helpIconContainer,
-      accessibilityLabel: (0, _i18n.__)('Help button'),
-      accessibilityRole: "button",
-      accessibilityHint: (0, _i18n.__)('Tap here to show help'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-        className: "unsupported-icon-help",
-        label: (0, _i18n.__)('Help icon'),
-        icon: _icons.help,
-        fill: infoIconStyle.color
-      })
-    });
-  }
-  onHelpButtonPressed() {
-    if (!this.props.isSelected) {
-      this.props.selectBlock();
-    }
-    this.toggleSheet();
-  }
-  requestFallback() {
-    if (this.props.canEnableUnsupportedBlockEditor && this.props.isUnsupportedBlockEditorSupported === false) {
-      this.toggleSheet();
-      this.setState({
-        sendButtonPressMessage: true
-      });
-    } else {
-      this.toggleSheet();
-      this.setState({
-        sendFallbackMessage: true
-      });
-    }
-  }
-  renderSheet(blockTitle, blockName) {
-    const {
-      block,
-      clientId,
-      createSuccessNotice,
-      replaceBlocks
-    } = this.props;
-    const {
-      showHelp
-    } = this.state;
-
-    /* translators: Missing block alert title. %s: The localized block name */
-    const titleFormat = (0, _i18n.__)("'%s' is not fully-supported");
-    const title = (0, _i18n.sprintf)(titleFormat, blockTitle);
-    let description = (0, _hooks.applyFilters)('native.missing_block_detail', (0, _i18n.__)('We are working hard to add more blocks with each release.'), blockName);
-    let customActions = EMPTY_ARRAY;
-
-    // For Classic blocks, we offer the alternative to convert the content to blocks.
-    if (blockName === 'core/freeform') {
-      description += ' ' + (0, _i18n.__)('Alternatively, you can convert the content to blocks.');
-      /* translators: displayed right after the classic block is converted to blocks. %s: The localized classic block name */
-      const successNotice = (0, _i18n.__)("'%s' block converted to blocks");
-      customActions = [{
-        label: (0, _i18n.__)('Convert to blocks'),
-        onPress: () => {
-          createSuccessNotice((0, _i18n.sprintf)(successNotice, blockTitle));
-          replaceBlocks(block);
-        }
-      }];
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.UnsupportedBlockDetails, {
-      clientId: clientId,
-      showSheet: showHelp,
-      onCloseSheet: this.closeSheet,
-      customBlockTitle: blockTitle,
-      title: title,
-      description: description,
-      customActions: customActions
-    });
-  }
-  render() {
-    const {
-      originalName
-    } = this.props.attributes;
-    const {
-      isSelected,
-      getStylesFromColorScheme,
-      preferredColorScheme
-    } = this.props;
-    const blockType = _blockLibrary.coreBlocks[originalName];
-    const title = this.getTitle();
-    const titleStyle = getStylesFromColorScheme(_style.default.unsupportedBlockMessage, _style.default.unsupportedBlockMessageDark);
-    const subTitleStyle = getStylesFromColorScheme(_style.default.unsupportedBlockSubtitle, _style.default.unsupportedBlockSubtitleDark);
-    const subtitle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: subTitleStyle,
-      children: this.canEditUnsupportedBlock() ? (0, _i18n.__)('Tap to edit') : (0, _i18n.__)('Unsupported')
-    });
-    const icon = blockType ? (0, _blocks.normalizeIconObject)(blockType.settings.icon) : _icons.plugins;
-    const iconStyle = getStylesFromColorScheme(_style.default.unsupportedBlockIcon, _style.default.unsupportedBlockIconDark);
-    const iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      disabled: !isSelected,
-      activeOpacity: 0.5,
-      accessibilityLabel: (0, _i18n.__)('Help button'),
-      accessibilityRole: "button",
-      accessibilityHint: (0, _i18n.__)('Tap here to show help'),
-      onPress: this.toggleSheet,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: getStylesFromColorScheme(_style.default.unsupportedBlock, _style.default.unsupportedBlockDark),
-        children: [!this.canEditUnsupportedBlock() && this.renderHelpIcon(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: _style.default.unsupportedBlockHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-            className: iconClassName,
-            icon: icon && icon.src ? icon.src : icon,
-            fill: iconStyle.color
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: titleStyle,
-            children: title
-          })]
-        }), subtitle, this.renderSheet(title, originalName)]
-      })
-    });
-  }
-}
-exports.UnsupportedBlockEdit = UnsupportedBlockEdit;
-var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  attributes,
-  clientId
-}) => {
-  const {
-    getBlock,
-    getSettings
-  } = select(_blockEditor.store);
-  const {
-    capabilities
-  } = getSettings();
-  return {
-    isUnsupportedBlockEditorSupported: capabilities?.unsupportedBlockEditor === true,
-    canEnableUnsupportedBlockEditor: capabilities?.canEnableUnsupportedBlockEditor === true,
-    isEditableInUnsupportedBlockEditor: !UBE_INCOMPATIBLE_BLOCKS.includes(attributes.originalName),
-    block: getBlock(clientId)
-  };
-}), (0, _data.withDispatch)((dispatch, ownProps) => {
-  const {
-    selectBlock,
-    replaceBlocks
-  } = dispatch(_blockEditor.store);
-  const {
-    createSuccessNotice
-  } = dispatch(_notices.store);
-  return {
-    selectBlock() {
-      selectBlock(ownProps.clientId);
-    },
-    replaceBlocks(block) {
-      replaceBlocks(ownProps.clientId, (0, _blocks.rawHandler)({
-        HTML: (0, _blocks.serialize)(block)
-      }));
-    },
-    createSuccessNotice
-  };
-}), _compose.withPreferredColorScheme])(UnsupportedBlockEdit);
-//# sourceMappingURL=edit.native.js.map