@pie-lib/editable-html 9.1.6 → 9.2.1

package/lib/plugins/media/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/media/index.jsx"],"names":["log","removeDialogs","prevDialogs","document","querySelectorAll","forEach","s","remove","insertDialog","props","newEl","createElement","type","callback","rest","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","el","ReactDOM","render","appendChild","types","MediaPlugin","opts","toolbar","icon","onClick","value","onChange","inline","Inline","create","isVoid","editing","ends","undefined","height","title","starts","src","url","width","change","insertInline","nodeIsThere","findDescendant","d","key","c","removeNodeByKey","focus","setNodeByKey","supports","node","object","name","deleteNode","e","preventDefault","renderNode","jsonData","toJSON","handleEdit","createChange","edit","get","handleDelete","normalizeNode","textNodeMap","updateNodesArray","index","isMedia","indexOf","text","push","length","withoutNormalization","n","insertTextByKey","serialization","deserialize","dataset","typeIndex","parseInt","getAttribute","out","serialize","divProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport TheatersIcon from '@material-ui/icons/Theaters';\nimport VolumeUpIcon from '@material-ui/icons/VolumeUp';\nimport debug from 'debug';\n\nimport MediaDialog from './media-dialog';\nimport MediaToolbar from './media-toolbar';\nimport MediaWrapper from './media-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image');\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach(s => s.remove());\n};\n\nexport const insertDialog = props => {\n  const newEl = document.createElement('div');\n  const { type, callback, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog {...rest} type={type} disablePortal={true} open={true} handleClose={handleClose} />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nconst types = ['audio', 'video'];\n\nexport default function MediaPlugin(type, opts) {\n  const toolbar = {\n    icon: type === 'audio' ? <VolumeUpIcon /> : <TheatersIcon />,\n    onClick: (value, onChange) => {\n      log('[toolbar] onClick');\n      const inline = Inline.create({\n        type: type,\n        isVoid: true,\n        data: {\n          editing: false,\n          ends: undefined,\n          height: undefined,\n          title: undefined,\n          starts: undefined,\n          src: undefined,\n          url: undefined,\n          width: undefined\n        }\n      });\n\n      const change = value.change().insertInline(inline);\n      onChange(change);\n      insertDialog({\n        type,\n        callback: (val, data) => {\n          const nodeIsThere = change.value.document.findDescendant(d => d.key === inline.key);\n\n          if (nodeIsThere) {\n            if (!val) {\n              const c = change.removeNodeByKey(inline.key);\n              onChange(c, () => opts.focus());\n            } else {\n              const c = change.setNodeByKey(inline.key, { data });\n              onChange(c, () => opts.focus('beginning', nodeIsThere));\n            }\n          } else {\n            opts.focus();\n          }\n        }\n      });\n    },\n    supports: node => node.object === 'inline' && node.type === type\n  };\n\n  return {\n    name: type,\n    toolbar,\n    deleteNode: (e, node, value, onChange) => {\n      e.preventDefault();\n      const change = value.change().removeNodeByKey(node.key);\n\n      onChange(change);\n    },\n    renderNode(props) {\n      if (props.node.type === type) {\n        const { node, key } = props;\n        const { data } = node;\n        const jsonData = data.toJSON();\n        const { src, height, width, editing, ...rest } = jsonData;\n        const handleEdit = () => {\n          const change = opts.createChange();\n          const c = change.setNodeByKey(key, {\n            data: {\n              ...jsonData,\n              editing: true\n            }\n          });\n\n          opts.onChange(c, () => {\n            insertDialog({\n              ...jsonData,\n              edit: true,\n              type,\n              callback: (val, data) => {\n                const { key } = node;\n\n                const nodeIsThere = change.value.document.findDescendant(\n                  d => d.type === type && d.data.get('editing')\n                );\n\n                if (nodeIsThere && val) {\n                  const c = change.setNodeByKey(key, { data, editing: false });\n                  opts.onChange(c, () => opts.focus('beginning', nodeIsThere));\n                } else {\n                  opts.focus();\n                }\n              }\n            });\n          });\n        };\n        const handleDelete = () => {\n          const change = opts.createChange();\n          const c = change.removeNodeByKey(node.key);\n\n          opts.onChange(c);\n        };\n        const style = {};\n\n        if (width) {\n          style.width = `${width}px`;\n        }\n\n        if (height) {\n          style.height = `${height}px`;\n        }\n\n        return (\n          <MediaWrapper editor data-type={type} width={style.width} {...rest}>\n            <iframe\n              frameBorder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen\n              src={src}\n              editing={editing ? 1 : 0}\n              {...rest}\n              {...style}\n            />\n            <MediaToolbar onEdit={handleEdit} onRemove={handleDelete} />\n          </MediaWrapper>\n        );\n      }\n    },\n    normalizeNode: node => {\n      const textNodeMap = {};\n      const updateNodesArray = [];\n      let index = 0;\n\n      if (node.object !== 'document') return;\n\n      node.findDescendant(d => {\n        if (d.object === 'text') {\n          textNodeMap[index] = d;\n        }\n\n        const isMedia = types.indexOf(d.type) >= 0;\n\n        if (isMedia) {\n          if (index > 0 && textNodeMap[index - 1] && textNodeMap[index - 1].text === '') {\n            updateNodesArray.push(textNodeMap[index - 1]);\n          }\n        }\n\n        index++;\n      });\n\n      if (!updateNodesArray.length) return;\n\n      return change => {\n        change.withoutNormalization(() => {\n          updateNodesArray.forEach(n => change.insertTextByKey(n.key, 0, ' '));\n        });\n      };\n    }\n  };\n}\n\nexport const serialization = {\n  deserialize(el /*, next*/) {\n    const type = el.dataset && el.dataset.type;\n    const typeIndex = types.indexOf(type);\n\n    if (typeIndex < 0) return;\n\n    const { ends, starts, title, editing, url } = el.dataset || {};\n\n    log('deserialize: ', name);\n    const width = parseInt(el.getAttribute('width'), 10) || null;\n    const height = parseInt(el.getAttribute('height'), 10) || null;\n\n    const out = {\n      object: 'inline',\n      type: type,\n      isVoid: true,\n      data: {\n        src: el.getAttribute('src'),\n        editing,\n        ends,\n        height,\n        starts,\n        title,\n        width,\n        url\n      }\n    };\n    log('return object: ', out);\n    return out;\n  },\n  serialize(object /*, children*/) {\n    const typeIndex = types.indexOf(object.type);\n\n    if (typeIndex < 0) return;\n\n    const type = types[typeIndex];\n\n    const { data } = object;\n    const editing = data.get('editing');\n    const ends = data.get('ends');\n    const src = data.get('src');\n    const starts = data.get('starts');\n    const title = data.get('title');\n    const width = data.get('width');\n    const height = data.get('height');\n    const url = data.get('url');\n    const style = {};\n\n    if (width) {\n      style.width = `${width}px`;\n    }\n\n    if (height) {\n      style.height = `${height}px`;\n    }\n\n    const divProps = {\n      'data-editing': editing,\n      'data-ends': ends,\n      'data-starts': starts,\n      'data-title': title,\n      'data-url': url\n    };\n    const props = {\n      ...style,\n      src\n    };\n\n    return (\n      <iframe\n        data-type={type}\n        src={src}\n        {...divProps}\n        frameBorder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        {...props}\n      />\n    );\n  }\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/plugins/media/index.jsx"],"names":["log","removeDialogs","prevDialogs","document","querySelectorAll","forEach","s","remove","insertDialog","props","newEl","createElement","type","callback","opts","rest","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","el","uploadSoundSupport","ReactDOM","render","appendChild","types","MediaPlugin","toolbar","icon","onClick","value","onChange","inline","Inline","create","isVoid","editing","ends","undefined","height","title","starts","src","url","width","change","insertInline","nodeIsThere","findDescendant","d","key","c","removeNodeByKey","focus","setNodeByKey","supports","node","object","name","deleteNode","e","preventDefault","renderNode","jsonData","toJSON","tag","handleEdit","createChange","edit","get","handleDelete","normalizeNode","textNodeMap","updateNodesArray","index","isMedia","indexOf","text","push","length","withoutNormalization","n","insertTextByKey","serialization","deserialize","dataset","typeIndex","Element","tagName","toLowerCase","firstChild","getAttribute","parseInt","out","serialize","divProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Inline } from 'slate';\nimport TheatersIcon from '@material-ui/icons/Theaters';\nimport VolumeUpIcon from '@material-ui/icons/VolumeUp';\nimport debug from 'debug';\n\nimport MediaDialog from './media-dialog';\nimport MediaToolbar from './media-toolbar';\nimport MediaWrapper from './media-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image');\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach(s => s.remove());\n};\n\nexport const insertDialog = props => {\n  const newEl = document.createElement('div');\n  const { type, callback, opts, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog\n      {...rest}\n      uploadSoundSupport={opts.uploadSoundSupport}\n      type={type}\n      disablePortal={true}\n      open={true}\n      handleClose={handleClose}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nconst types = ['audio', 'video'];\n\nexport default function MediaPlugin(type, opts) {\n  const toolbar = {\n    icon: type === 'audio' ? <VolumeUpIcon /> : <TheatersIcon />,\n    onClick: (value, onChange) => {\n      log('[toolbar] onClick');\n      const inline = Inline.create({\n        type: type,\n        isVoid: true,\n        data: {\n          editing: false,\n          ends: undefined,\n          height: undefined,\n          title: undefined,\n          starts: undefined,\n          src: undefined,\n          url: undefined,\n          width: undefined\n        }\n      });\n\n      const change = value.change().insertInline(inline);\n      onChange(change);\n      insertDialog({\n        type,\n        opts,\n        callback: (val, data) => {\n          const nodeIsThere = change.value.document.findDescendant(d => d.key === inline.key);\n\n          if (nodeIsThere) {\n            if (!val) {\n              const c = change.removeNodeByKey(inline.key);\n              onChange(c, () => opts.focus());\n            } else {\n              const c = change.setNodeByKey(inline.key, { data });\n              onChange(c, () => opts.focus('beginning', nodeIsThere));\n            }\n          } else {\n            opts.focus();\n          }\n        }\n      });\n    },\n    supports: node => node.object === 'inline' && node.type === type\n  };\n\n  return {\n    name: type,\n    toolbar,\n    deleteNode: (e, node, value, onChange) => {\n      e.preventDefault();\n      const change = value.change().removeNodeByKey(node.key);\n\n      onChange(change);\n    },\n    renderNode(props) {\n      if (props.node.type === type) {\n        const { node, key } = props;\n        const { data } = node;\n        const jsonData = data.toJSON();\n        const { src, height, width, editing, tag, ...rest } = jsonData;\n        const handleEdit = () => {\n          const change = opts.createChange();\n          const c = change.setNodeByKey(key, {\n            data: {\n              ...jsonData,\n              editing: true\n            }\n          });\n\n          opts.onChange(c, () => {\n            insertDialog({\n              ...jsonData,\n              edit: true,\n              type,\n              opts,\n              callback: (val, data) => {\n                const { key } = node;\n\n                const nodeIsThere = change.value.document.findDescendant(\n                  d => d.type === type && d.data.get('editing')\n                );\n\n                if (nodeIsThere && val) {\n                  const c = change.setNodeByKey(key, { data, editing: false });\n                  opts.onChange(c, () => opts.focus('beginning', nodeIsThere));\n                } else {\n                  opts.focus();\n                }\n              }\n            });\n          });\n        };\n        const handleDelete = () => {\n          const change = opts.createChange();\n          const c = change.removeNodeByKey(node.key);\n\n          opts.onChange(c);\n        };\n        const style = {};\n\n        if (width) {\n          style.width = `${width}px`;\n        }\n\n        if (height) {\n          style.height = `${height}px`;\n        }\n\n        if (tag === 'audio') {\n          return (\n            <MediaWrapper editor data-type={type} width={style.width} {...rest}>\n              <audio controls=\"controls\">\n                <source type=\"audio/mp3\" src={src} />\n              </audio>\n              <MediaToolbar hideEdit onRemove={handleDelete} />\n            </MediaWrapper>\n          );\n        }\n\n        return (\n          <MediaWrapper editor data-type={type} width={style.width} {...rest}>\n            <iframe\n              frameBorder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen\n              src={src}\n              editing={editing ? 1 : 0}\n              {...rest}\n              {...style}\n            />\n            <MediaToolbar onEdit={handleEdit} onRemove={handleDelete} />\n          </MediaWrapper>\n        );\n      }\n    },\n    normalizeNode: node => {\n      const textNodeMap = {};\n      const updateNodesArray = [];\n      let index = 0;\n\n      if (node.object !== 'document') return;\n\n      node.findDescendant(d => {\n        if (d.object === 'text') {\n          textNodeMap[index] = d;\n        }\n\n        const isMedia = types.indexOf(d.type) >= 0;\n\n        if (isMedia) {\n          if (index > 0 && textNodeMap[index - 1] && textNodeMap[index - 1].text === '') {\n            updateNodesArray.push(textNodeMap[index - 1]);\n          }\n        }\n\n        index++;\n      });\n\n      if (!updateNodesArray.length) return;\n\n      return change => {\n        change.withoutNormalization(() => {\n          updateNodesArray.forEach(n => change.insertTextByKey(n.key, 0, ' '));\n        });\n      };\n    }\n  };\n}\n\nexport const serialization = {\n  deserialize(el /*, next*/) {\n    let type = el.dataset && el.dataset.type;\n    let tag = 'iframe';\n    let src;\n    const typeIndex = types.indexOf(type);\n\n    if (typeIndex < 0) {\n      if (el instanceof Element && el.tagName.toLowerCase() === 'audio') {\n        type = 'audio';\n        tag = 'audio';\n        src = el.firstChild.getAttribute('src');\n      } else {\n        return;\n      }\n    }\n\n    const { ends, starts, title, editing, url } = el.dataset || {};\n\n    log('deserialize: ', name);\n    const width = parseInt(el.getAttribute('width'), 10) || null;\n    const height = parseInt(el.getAttribute('height'), 10) || null;\n\n    const out = {\n      object: 'inline',\n      type: type,\n      isVoid: true,\n      data: {\n        tag,\n        src: src || el.getAttribute('src'),\n        editing,\n        ends,\n        height,\n        starts,\n        title,\n        width,\n        url\n      }\n    };\n    log('return object: ', out);\n    return out;\n  },\n  serialize(object /*, children*/) {\n    const typeIndex = types.indexOf(object.type);\n\n    if (typeIndex < 0) return;\n\n    const type = types[typeIndex];\n\n    const { data } = object;\n    const editing = data.get('editing');\n    const tag = data.get('tag');\n    const ends = data.get('ends');\n    const src = data.get('src');\n    const starts = data.get('starts');\n    const title = data.get('title');\n    const width = data.get('width');\n    const height = data.get('height');\n    const url = data.get('url');\n    const style = {};\n\n    if (width) {\n      style.width = `${width}px`;\n    }\n\n    if (height) {\n      style.height = `${height}px`;\n    }\n\n    const divProps = {\n      'data-editing': editing,\n      'data-ends': ends,\n      'data-starts': starts,\n      'data-title': title,\n      'data-url': url\n    };\n    const props = {\n      ...style,\n      src\n    };\n\n    if (tag === 'audio') {\n      return (\n        <audio controls=\"controls\">\n          <source type=\"audio/mp3\" src={src} />\n        </audio>\n      );\n    }\n\n    return (\n      <iframe\n        data-type={type}\n        src={src}\n        {...divProps}\n        frameBorder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n        {...props}\n      />\n    );\n  }\n};\n"],"file":"index.js"}

package/lib/plugins/media/media-dialog.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.MediaDialog = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,10 +31,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _debug = _interopRequireDefault(require("debug"));
 
+var _renderUi = require("@pie-lib/render-ui");
+
 var _styles = require("@material-ui/core/styles");
 
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 
+var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+
+var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
+
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
 
 var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
@@ -39,10 +51,18 @@ var _DialogContentText = _interopRequireDefault(require("@material-ui/core/Dialo
 
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -233,19 +253,28 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDone", function (val) {
       var handleClose = _this.props.handleClose;
+      var _this$state2 = _this.state,
+          tabValue = _this$state2.tabValue,
+          fileUpload = _this$state2.fileUpload;
+      var isInsertURL = tabValue === 0;
 
       if (!val) {
+        if (fileUpload.url) {
+          _this.handleRemoveFile();
+        }
+
         handleClose(val);
-      } else {
-        var _this$state2 = _this.state,
-            ends = _this$state2.ends,
-            height = _this$state2.height,
-            url = _this$state2.url,
-            urlToUse = _this$state2.urlToUse,
-            formattedUrl = _this$state2.formattedUrl,
-            starts = _this$state2.starts,
-            width = _this$state2.width;
+      } else if (isInsertURL) {
+        var _this$state3 = _this.state,
+            ends = _this$state3.ends,
+            height = _this$state3.height,
+            url = _this$state3.url,
+            urlToUse = _this$state3.urlToUse,
+            formattedUrl = _this$state3.formattedUrl,
+            starts = _this$state3.starts,
+            width = _this$state3.width;
         handleClose(val, {
+          tag: 'iframe',
           ends: ends,
           height: height,
           starts: starts,
@@ -254,9 +283,116 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
           urlToUse: urlToUse,
           src: formattedUrl
         });
+      } else {
+        handleClose(val, {
+          tag: 'audio',
+          src: fileUpload.url
+        });
       }
     });
-    var src = props.src,
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleUploadFile", /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
+        var fileChosen, reader;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                e.preventDefault();
+
+                _this.setState({
+                  fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                    error: null,
+                    loading: true
+                  })
+                });
+
+                fileChosen = e.target.files[0];
+                reader = new FileReader();
+
+                reader.onload = function () {
+                  var dataURL = reader.result;
+
+                  _this.setState({
+                    fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                      url: dataURL
+                    })
+                  });
+                };
+
+                reader.readAsDataURL(fileChosen);
+
+                _this.props.uploadSoundSupport.add({
+                  fileChosen: fileChosen,
+                  done: function done(err, src) {
+                    log('done: err:', err);
+
+                    if (err) {
+                      //eslint-disable-next-line
+                      console.log(err);
+
+                      _this.setState({
+                        fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                          loading: false,
+                          error: err
+                        })
+                      });
+                    } else {
+                      _this.setState({
+                        fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                          loading: false,
+                          url: src
+                        })
+                      });
+                    }
+                  }
+                });
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRemoveFile", /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _this.props.uploadSoundSupport["delete"](_this.state.fileUpload.url, function (err) {
+                if (err) {
+                  //eslint-disable-next-line
+                  console.log(err);
+
+                  _this.setState({
+                    fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                      error: err
+                    })
+                  });
+                }
+              }); // we should put it inside uploadSoundSupport.delete but we can leave it here for testing purposes
+
+
+              _this.setState({
+                fileUpload: _objectSpread(_objectSpread({}, _this.state.fileUpload), {}, {
+                  loading: false,
+                  url: ''
+                })
+              });
+
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    var _src = props.src,
         _starts = props.starts,
         _ends = props.ends,
         _height = props.height,
@@ -267,11 +403,17 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
       ends: _ends || 0,
       url: _url,
       urlToUse: _urlToUse,
-      formattedUrl: src,
+      formattedUrl: _src,
       height: _height || 315,
       invalid: false,
       starts: _starts || 0,
-      width: _width || 560
+      width: _width || 560,
+      tabValue: 0,
+      fileUpload: {
+        loading: false,
+        url: '',
+        error: null
+      }
     };
     return _this;
   }
@@ -297,17 +439,23 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
           open = _this$props.open,
           disablePortal = _this$props.disablePortal,
           type = _this$props.type,
-          edit = _this$props.edit;
-      var _this$state3 = this.state,
-          ends = _this$state3.ends,
-          height = _this$state3.height,
-          invalid = _this$state3.invalid,
-          starts = _this$state3.starts,
-          width = _this$state3.width,
-          url = _this$state3.url,
-          formattedUrl = _this$state3.formattedUrl,
-          updating = _this$state3.updating;
+          edit = _this$props.edit,
+          uploadSoundSupport = _this$props.uploadSoundSupport;
+      var _this$state4 = this.state,
+          ends = _this$state4.ends,
+          height = _this$state4.height,
+          invalid = _this$state4.invalid,
+          starts = _this$state4.starts,
+          width = _this$state4.width,
+          url = _this$state4.url,
+          formattedUrl = _this$state4.formattedUrl,
+          updating = _this$state4.updating,
+          tabValue = _this$state4.tabValue,
+          fileUpload = _this$state4.fileUpload;
       var isYoutube = matchYoutubeUrl(url);
+      var isInsertURL = tabValue === 0;
+      var isUploadMedia = tabValue === 1;
+      var submitIsDisabled = isInsertURL ? invalid || url === null || url === undefined : !fileUpload.url;
       return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
         classes: {
           paper: classes.paper
@@ -320,7 +468,21 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
         "aria-labelledby": "form-dialog-title"
       }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
         id: "form-dialog-title"
-      }, "Insert ", typeMap[type]), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, type === 'video' ? 'Insert YouTube or Vimeo URL' : 'Insert SoundCloud URL'), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }, "Insert ", typeMap[type]), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.row
+      }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
+        indicatorColor: "primary",
+        value: tabValue,
+        onChange: function onChange(event, value) {
+          _this2.setState({
+            tabValue: value
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+        label: type === 'video' ? 'Insert YouTube or Vimeo URL' : 'Insert SoundCloud URL'
+      }), uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport.add && uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport["delete"] && type !== 'video' ? /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+        label: "Upload file"
+      }) : null)), isInsertURL && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
         autoFocus: true,
         error: invalid,
         helperText: invalid ? 'Invalid URL' : '',
@@ -383,13 +545,36 @@ var MediaDialog = /*#__PURE__*/function (_React$Component) {
         placeholder: "Ends",
         value: ends,
         onChange: this.changeHandler('ends')
-      })))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      })))), isUploadMedia && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.uploadInput
+      }, /*#__PURE__*/_react["default"].createElement("div", null, fileUpload.url ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.row
+      }, /*#__PURE__*/_react["default"].createElement("audio", {
+        controls: "controls"
+      }, /*#__PURE__*/_react["default"].createElement("source", {
+        type: "audio/mp3",
+        src: fileUpload.url
+      })), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "delete",
+        className: classes.deleteIcon,
+        onClick: this.handleRemoveFile
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null))), fileUpload.loading ? /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        variant: "subheading"
+      }, "Loading...") : null) : !fileUpload.loading ? /*#__PURE__*/_react["default"].createElement("input", {
+        accept: "audio/*",
+        className: classes.input,
+        onChange: this.handleUploadFile,
+        type: "file"
+      }) : null, !!fileUpload.error && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: classes.error,
+        variant: "caption"
+      }, fileUpload.error))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         onClick: function onClick() {
           return _this2.handleDone(false);
         },
         color: "primary"
       }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        disabled: invalid || url === null || url === undefined,
+        disabled: submitIsDisabled,
         onClick: function onClick() {
           return _this2.handleDone(true);
         },
@@ -407,6 +592,10 @@ exports.MediaDialog = MediaDialog;
   edit: _propTypes["default"].bool,
   disablePortal: _propTypes["default"].bool,
   handleClose: _propTypes["default"].func,
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func,
+    "delete": _propTypes["default"].func
+  }),
   type: _propTypes["default"].string,
   src: _propTypes["default"].string,
   url: _propTypes["default"].string,
@@ -424,6 +613,28 @@ var styles = function styles() {
     },
     properties: {
       padding: 0
+    },
+    row: {
+      display: 'flex',
+      flexDirection: 'space-between'
+    },
+    rowItem: {
+      marginRight: '12px',
+      cursor: 'pointer'
+    },
+    active: {
+      color: _renderUi.color.primary(),
+      borderBottom: "2px solid ".concat(_renderUi.color.primary())
+    },
+    uploadInput: {
+      marginTop: '12px'
+    },
+    error: {
+      marginTop: '12px',
+      color: 'red'
+    },
+    deleteIcon: {
+      marginLeft: '12px'
     }
   };
 };

package/lib/plugins/media/media-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/media/media-dialog.js"],"names":["log","matchYoutubeUrl","url","p","match","matchVimeoUrl","test","matchSoundCloudUrl","regexp","makeApiRequest","Promise","resolve","fetch","then","response","json","d","document","createElement","innerHTML","html","iframe","querySelector","src","err","typeMap","video","audio","MediaDialog","props","state","urlToUse","starts","ends","isYoutube","isVimeo","formattedUrl","params","paramName","paramStart","push","length","join","callback","setState","updating","newState","formatUrl","e","target","value","type","handleStateChange","invalid","regExp","id","replace","val","handleClose","height","width","urlChange","classes","open","disablePortal","edit","paper","handleDone","root","properties","changeHandler","undefined","React","Component","PropTypes","object","isRequired","bool","func","string","number","styles","minWidth","padding"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\n\nconst log = debug('@pie-lib:editable-html:plugins:media:dialog');\n\nconst matchYoutubeUrl = url => {\n  if (!url) {\n    return false;\n  }\n\n  const p = /^(?:https?:\\/\\/)?(?:m\\.|www\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:embed\\/|v\\/|watch\\?v=|watch\\?.+&v=))((\\w|-){11})(?:\\S+)?$/;\n  if (url.match(p)) {\n    return url.match(p)[1];\n  }\n  return false;\n};\n\nconst matchVimeoUrl = url =>\n  url &&\n  /(http|https)?:\\/\\/(www\\.)?(player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^/]*)\\/videos\\/|)(video\\/)?(\\d+)(?:|\\/\\?)/.test(\n    url\n  );\n\nconst matchSoundCloudUrl = url => {\n  if (!url) {\n    return false;\n  }\n\n  const regexp = /^https?:\\/\\/(soundcloud\\.com|snd\\.sc)\\/(.*)$/;\n  return url.match(regexp) && url.match(regexp)[2];\n};\n\nconst makeApiRequest = url => {\n  return new Promise(resolve => {\n    try {\n      fetch(`https://soundcloud.com/oembed?format=json&url=${url}`)\n        .then(response => response.json())\n        .then(json => {\n          const d = document.createElement('div');\n\n          d.innerHTML = json.html;\n\n          const iframe = d.querySelector('iframe');\n\n          resolve(iframe.src);\n        })\n        .catch(err => {\n          resolve('');\n          log(err);\n        });\n    } catch (err) {\n      resolve('');\n    }\n  });\n};\n\nconst typeMap = {\n  video: 'Video',\n  audio: 'Audio'\n};\n\nexport class MediaDialog extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    open: PropTypes.bool,\n    edit: PropTypes.bool,\n    disablePortal: PropTypes.bool,\n    handleClose: PropTypes.func,\n    type: PropTypes.string,\n    src: PropTypes.string,\n    url: PropTypes.string,\n    urlToUse: PropTypes.string,\n    starts: PropTypes.number,\n    ends: PropTypes.number,\n    height: PropTypes.number,\n    width: PropTypes.number\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { src, starts, ends, height, url, urlToUse, width } = props;\n\n    this.state = {\n      ends: ends || 0,\n      url: url,\n      urlToUse: urlToUse,\n      formattedUrl: src,\n      height: height || 315,\n      invalid: false,\n      starts: starts || 0,\n      width: width || 560\n    };\n  }\n\n  componentDidMount() {\n    if (this.props.url) {\n      this.urlChange({\n        target: {\n          value: this.props.url\n        }\n      });\n    }\n  }\n\n  formatUrl = () => {\n    const { url, urlToUse, starts, ends } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n    const isVimeo = matchVimeoUrl(url);\n    let formattedUrl = urlToUse;\n\n    if ((isYoutube || isVimeo) && urlToUse) {\n      const params = [];\n\n      let paramName;\n      let paramStart;\n\n      switch (true) {\n        case isVimeo:\n          paramName = 't';\n          paramStart = '#';\n          break;\n        case isYoutube:\n          paramName = 'start';\n          paramStart = '?';\n          break;\n        default:\n          paramName = 'start';\n          paramStart = '?';\n      }\n\n      if (starts) {\n        params.push(`${paramName}=${starts}`);\n      }\n\n      if (ends) {\n        params.push(`end=${ends}`);\n      }\n\n      formattedUrl = `${urlToUse}${params.length ? paramStart : ''}${params.join('&')}`;\n    }\n\n    const callback = () => this.setState({ formattedUrl, updating: false });\n\n    this.setState({ formattedUrl: null, updating: true }, callback);\n  };\n\n  handleStateChange = newState => this.setState(newState, this.formatUrl);\n\n  urlChange = e => {\n    const { value } = e.target || {};\n    const { type } = this.props;\n\n    if (type && type === 'audio') {\n      if (matchSoundCloudUrl(value)) {\n        makeApiRequest(value)\n          .then(urlToUse => {\n            this.handleStateChange({\n              urlToUse,\n              invalid: !urlToUse,\n              url: value\n            });\n          })\n          .catch(log);\n\n        return;\n      }\n    } else if (type && type === 'video') {\n      if (matchYoutubeUrl(value)) {\n        const regExp = /^.*(youtu\\.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n        const match = value.match(regExp);\n        const id = match[2];\n        const urlToUse = `https://youtube.com/embed/${id}`;\n\n        log('is youtube');\n\n        this.handleStateChange({\n          urlToUse,\n          url: value,\n          invalid: false\n        });\n\n        return;\n      }\n\n      if (matchVimeoUrl(value)) {\n        const id = value.replace(/.*vimeo.com\\/(.*)/g, '$1');\n        const urlToUse = `https://player.vimeo.com/video/${id}`;\n\n        log('is vimeo');\n\n        this.handleStateChange({\n          urlToUse,\n          url: value,\n          ends: null,\n          invalid: false\n        });\n\n        return;\n      }\n    }\n\n    this.handleStateChange({\n      urlToUse: null,\n      url: null,\n      invalid: true\n    });\n  };\n\n  changeHandler = type => e => this.handleStateChange({ [type]: e.target.value });\n\n  handleDone = val => {\n    const { handleClose } = this.props;\n\n    if (!val) {\n      handleClose(val);\n    } else {\n      const { ends, height, url, urlToUse, formattedUrl, starts, width } = this.state;\n\n      handleClose(val, {\n        ends,\n        height,\n        starts,\n        width,\n        url,\n        urlToUse,\n        src: formattedUrl\n      });\n    }\n  };\n\n  render() {\n    const { classes, open, disablePortal, type, edit } = this.props;\n    const { ends, height, invalid, starts, width, url, formattedUrl, updating } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n\n    return (\n      <Dialog\n        classes={{\n          paper: classes.paper\n        }}\n        disablePortal={disablePortal}\n        open={open}\n        onClose={() => this.handleDone(false)}\n        aria-labelledby=\"form-dialog-title\"\n      >\n        <DialogTitle id=\"form-dialog-title\">Insert {typeMap[type]}</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            {type === 'video' ? 'Insert YouTube or Vimeo URL' : 'Insert SoundCloud URL'}\n          </DialogContentText>\n          <TextField\n            autoFocus\n            error={invalid}\n            helperText={invalid ? 'Invalid URL' : ''}\n            margin=\"dense\"\n            id=\"name\"\n            label=\"URL\"\n            placeholder={`Paste URL of ${type}...`}\n            type=\"text\"\n            onChange={this.urlChange}\n            value={url}\n            fullWidth\n          />\n          {type === 'video' && (\n            <DialogContent\n              classes={{\n                root: classes.properties\n              }}\n            >\n              <DialogContentText>Video Properties</DialogContentText>\n              <TextField\n                autoFocus\n                margin=\"dense\"\n                id=\"width\"\n                label=\"Width\"\n                type=\"number\"\n                placeholder=\"Width\"\n                value={width}\n                onChange={this.changeHandler('width')}\n              />\n              <TextField\n                autoFocus\n                margin=\"dense\"\n                id=\"height\"\n                label=\"Height\"\n                type=\"number\"\n                placeholder=\"Height\"\n                value={height}\n                onChange={this.changeHandler('height')}\n              />\n            </DialogContent>\n          )}\n          {formattedUrl && (\n            <iframe\n              width={width}\n              height={height}\n              src={formattedUrl}\n              frameBorder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen\n            />\n          )}\n          {type === 'video' && (formattedUrl || updating) && !invalid && (\n            <React.Fragment>\n              <DialogContent\n                classes={{\n                  root: classes.properties\n                }}\n              >\n                <TextField\n                  autoFocus\n                  margin=\"dense\"\n                  id=\"starts\"\n                  label=\"Starts\"\n                  type=\"number\"\n                  placeholder=\"Starts\"\n                  value={starts}\n                  onChange={this.changeHandler('starts')}\n                />\n                {isYoutube && (\n                  <TextField\n                    autoFocus\n                    margin=\"dense\"\n                    id=\"ends\"\n                    label=\"Ends\"\n                    type=\"number\"\n                    placeholder=\"Ends\"\n                    value={ends}\n                    onChange={this.changeHandler('ends')}\n                  />\n                )}\n              </DialogContent>\n            </React.Fragment>\n          )}\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => this.handleDone(false)} color=\"primary\">\n            Cancel\n          </Button>\n          <Button\n            disabled={invalid || url === null || url === undefined}\n            onClick={() => this.handleDone(true)}\n            color=\"primary\"\n          >\n            {edit ? 'Update' : 'Insert'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nconst styles = () => ({\n  paper: {\n    minWidth: '500px'\n  },\n  properties: {\n    padding: 0\n  }\n});\n\nexport default withStyles(styles)(MediaDialog);\n"],"file":"media-dialog.js"}
+{"version":3,"sources":["../../../src/plugins/media/media-dialog.js"],"names":["log","matchYoutubeUrl","url","p","match","matchVimeoUrl","test","matchSoundCloudUrl","regexp","makeApiRequest","Promise","resolve","fetch","then","response","json","d","document","createElement","innerHTML","html","iframe","querySelector","src","err","typeMap","video","audio","MediaDialog","props","state","urlToUse","starts","ends","isYoutube","isVimeo","formattedUrl","params","paramName","paramStart","push","length","join","callback","setState","updating","newState","formatUrl","e","target","value","type","handleStateChange","invalid","regExp","id","replace","val","handleClose","tabValue","fileUpload","isInsertURL","handleRemoveFile","height","width","tag","preventDefault","error","loading","fileChosen","files","reader","FileReader","onload","dataURL","result","readAsDataURL","uploadSoundSupport","add","done","console","urlChange","classes","open","disablePortal","edit","isUploadMedia","submitIsDisabled","undefined","paper","handleDone","row","event","root","properties","changeHandler","uploadInput","deleteIcon","input","handleUploadFile","React","Component","PropTypes","object","isRequired","bool","func","shape","string","number","styles","minWidth","padding","display","flexDirection","rowItem","marginRight","cursor","active","color","primary","borderBottom","marginTop","marginLeft"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,6CAAN,CAAZ;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,GAAG,EAAI;AAC7B,MAAI,CAACA,GAAL,EAAU;AACR,WAAO,KAAP;AACD;;AAED,MAAMC,CAAC,GAAG,0HAAV;;AACA,MAAID,GAAG,CAACE,KAAJ,CAAUD,CAAV,CAAJ,EAAkB;AAChB,WAAOD,GAAG,CAACE,KAAJ,CAAUD,CAAV,EAAa,CAAb,CAAP;AACD;;AACD,SAAO,KAAP;AACD,CAVD;;AAYA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAAAH,GAAG;AAAA,SACvBA,GAAG,IACH,8HAA8HI,IAA9H,CACEJ,GADF,CAFuB;AAAA,CAAzB;;AAMA,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAL,GAAG,EAAI;AAChC,MAAI,CAACA,GAAL,EAAU;AACR,WAAO,KAAP;AACD;;AAED,MAAMM,MAAM,GAAG,8CAAf;AACA,SAAON,GAAG,CAACE,KAAJ,CAAUI,MAAV,KAAqBN,GAAG,CAACE,KAAJ,CAAUI,MAAV,EAAkB,CAAlB,CAA5B;AACD,CAPD;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAP,GAAG,EAAI;AAC5B,SAAO,IAAIQ,OAAJ,CAAY,UAAAC,OAAO,EAAI;AAC5B,QAAI;AACFC,MAAAA,KAAK,yDAAkDV,GAAlD,EAAL,CACGW,IADH,CACQ,UAAAC,QAAQ;AAAA,eAAIA,QAAQ,CAACC,IAAT,EAAJ;AAAA,OADhB,EAEGF,IAFH,CAEQ,UAAAE,IAAI,EAAI;AACZ,YAAMC,CAAC,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAV;AAEAF,QAAAA,CAAC,CAACG,SAAF,GAAcJ,IAAI,CAACK,IAAnB;AAEA,YAAMC,MAAM,GAAGL,CAAC,CAACM,aAAF,CAAgB,QAAhB,CAAf;AAEAX,QAAAA,OAAO,CAACU,MAAM,CAACE,GAAR,CAAP;AACD,OAVH,WAWS,UAAAC,GAAG,EAAI;AACZb,QAAAA,OAAO,CAAC,EAAD,CAAP;AACAX,QAAAA,GAAG,CAACwB,GAAD,CAAH;AACD,OAdH;AAeD,KAhBD,CAgBE,OAAOA,GAAP,EAAY;AACZb,MAAAA,OAAO,CAAC,EAAD,CAAP;AACD;AACF,GApBM,CAAP;AAqBD,CAtBD;;AAwBA,IAAMc,OAAO,GAAG;AACdC,EAAAA,KAAK,EAAE,OADO;AAEdC,EAAAA,KAAK,EAAE;AAFO,CAAhB;;IAKaC,W;;;;;AAqBX,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,kGAiCP,YAAM;AAChB,wBAAwC,MAAKC,KAA7C;AAAA,UAAQ5B,GAAR,eAAQA,GAAR;AAAA,UAAa6B,QAAb,eAAaA,QAAb;AAAA,UAAuBC,MAAvB,eAAuBA,MAAvB;AAAA,UAA+BC,IAA/B,eAA+BA,IAA/B;AACA,UAAMC,SAAS,GAAGjC,eAAe,CAACC,GAAD,CAAjC;AACA,UAAMiC,OAAO,GAAG9B,aAAa,CAACH,GAAD,CAA7B;AACA,UAAIkC,YAAY,GAAGL,QAAnB;;AAEA,UAAI,CAACG,SAAS,IAAIC,OAAd,KAA0BJ,QAA9B,EAAwC;AACtC,YAAMM,MAAM,GAAG,EAAf;AAEA,YAAIC,SAAJ;AACA,YAAIC,UAAJ;;AAEA,gBAAQ,IAAR;AACE,eAAKJ,OAAL;AACEG,YAAAA,SAAS,GAAG,GAAZ;AACAC,YAAAA,UAAU,GAAG,GAAb;AACA;;AACF,eAAKL,SAAL;AACEI,YAAAA,SAAS,GAAG,OAAZ;AACAC,YAAAA,UAAU,GAAG,GAAb;AACA;;AACF;AACED,YAAAA,SAAS,GAAG,OAAZ;AACAC,YAAAA,UAAU,GAAG,GAAb;AAXJ;;AAcA,YAAIP,MAAJ,EAAY;AACVK,UAAAA,MAAM,CAACG,IAAP,WAAeF,SAAf,cAA4BN,MAA5B;AACD;;AAED,YAAIC,IAAJ,EAAU;AACRI,UAAAA,MAAM,CAACG,IAAP,eAAmBP,IAAnB;AACD;;AAEDG,QAAAA,YAAY,aAAML,QAAN,SAAiBM,MAAM,CAACI,MAAP,GAAgBF,UAAhB,GAA6B,EAA9C,SAAmDF,MAAM,CAACK,IAAP,CAAY,GAAZ,CAAnD,CAAZ;AACD;;AAED,UAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,eAAM,MAAKC,QAAL,CAAc;AAAER,UAAAA,YAAY,EAAZA,YAAF;AAAgBS,UAAAA,QAAQ,EAAE;AAA1B,SAAd,CAAN;AAAA,OAAjB;;AAEA,YAAKD,QAAL,CAAc;AAAER,QAAAA,YAAY,EAAE,IAAhB;AAAsBS,QAAAA,QAAQ,EAAE;AAAhC,OAAd,EAAsDF,QAAtD;AACD,KAzEkB;AAAA,0GA2EC,UAAAG,QAAQ;AAAA,aAAI,MAAKF,QAAL,CAAcE,QAAd,EAAwB,MAAKC,SAA7B,CAAJ;AAAA,KA3ET;AAAA,kGA6EP,UAAAC,CAAC,EAAI;AACf,iBAAkBA,CAAC,CAACC,MAAF,IAAY,EAA9B;AAAA,UAAQC,KAAR,QAAQA,KAAR;;AACA,UAAQC,IAAR,GAAiB,MAAKtB,KAAtB,CAAQsB,IAAR;;AAEA,UAAIA,IAAI,IAAIA,IAAI,KAAK,OAArB,EAA8B;AAC5B,YAAI5C,kBAAkB,CAAC2C,KAAD,CAAtB,EAA+B;AAC7BzC,UAAAA,cAAc,CAACyC,KAAD,CAAd,CACGrC,IADH,CACQ,UAAAkB,QAAQ,EAAI;AAChB,kBAAKqB,iBAAL,CAAuB;AACrBrB,cAAAA,QAAQ,EAARA,QADqB;AAErBsB,cAAAA,OAAO,EAAE,CAACtB,QAFW;AAGrB7B,cAAAA,GAAG,EAAEgD;AAHgB,aAAvB;AAKD,WAPH,WAQSlD,GART;AAUA;AACD;AACF,OAdD,MAcO,IAAImD,IAAI,IAAIA,IAAI,KAAK,OAArB,EAA8B;AACnC,YAAIlD,eAAe,CAACiD,KAAD,CAAnB,EAA4B;AAC1B,cAAMI,MAAM,GAAG,+DAAf;AACA,cAAMlD,KAAK,GAAG8C,KAAK,CAAC9C,KAAN,CAAYkD,MAAZ,CAAd;AACA,cAAMC,EAAE,GAAGnD,KAAK,CAAC,CAAD,CAAhB;AACA,cAAM2B,QAAQ,uCAAgCwB,EAAhC,CAAd;AAEAvD,UAAAA,GAAG,CAAC,YAAD,CAAH;;AAEA,gBAAKoD,iBAAL,CAAuB;AACrBrB,YAAAA,QAAQ,EAARA,QADqB;AAErB7B,YAAAA,GAAG,EAAEgD,KAFgB;AAGrBG,YAAAA,OAAO,EAAE;AAHY,WAAvB;;AAMA;AACD;;AAED,YAAIhD,aAAa,CAAC6C,KAAD,CAAjB,EAA0B;AACxB,cAAMK,GAAE,GAAGL,KAAK,CAACM,OAAN,CAAc,oBAAd,EAAoC,IAApC,CAAX;;AACA,cAAMzB,UAAQ,4CAAqCwB,GAArC,CAAd;;AAEAvD,UAAAA,GAAG,CAAC,UAAD,CAAH;;AAEA,gBAAKoD,iBAAL,CAAuB;AACrBrB,YAAAA,QAAQ,EAARA,UADqB;AAErB7B,YAAAA,GAAG,EAAEgD,KAFgB;AAGrBjB,YAAAA,IAAI,EAAE,IAHe;AAIrBoB,YAAAA,OAAO,EAAE;AAJY,WAAvB;;AAOA;AACD;AACF;;AAED,YAAKD,iBAAL,CAAuB;AACrBrB,QAAAA,QAAQ,EAAE,IADW;AAErB7B,QAAAA,GAAG,EAAE,IAFgB;AAGrBmD,QAAAA,OAAO,EAAE;AAHY,OAAvB;AAKD,KAvIkB;AAAA,sGAyIH,UAAAF,IAAI;AAAA,aAAI,UAAAH,CAAC;AAAA,eAAI,MAAKI,iBAAL,sCAA0BD,IAA1B,EAAiCH,CAAC,CAACC,MAAF,CAASC,KAA1C,EAAJ;AAAA,OAAL;AAAA,KAzID;AAAA,mGA2IN,UAAAO,GAAG,EAAI;AAClB,UAAQC,WAAR,GAAwB,MAAK7B,KAA7B,CAAQ6B,WAAR;AACA,yBAAiC,MAAK5B,KAAtC;AAAA,UAAQ6B,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,UAAlB,gBAAkBA,UAAlB;AACA,UAAMC,WAAW,GAAGF,QAAQ,KAAK,CAAjC;;AAEA,UAAI,CAACF,GAAL,EAAU;AACR,YAAIG,UAAU,CAAC1D,GAAf,EAAoB;AAClB,gBAAK4D,gBAAL;AACD;;AAEDJ,QAAAA,WAAW,CAACD,GAAD,CAAX;AACD,OAND,MAMO,IAAII,WAAJ,EAAiB;AACtB,2BAAqE,MAAK/B,KAA1E;AAAA,YAAQG,IAAR,gBAAQA,IAAR;AAAA,YAAc8B,MAAd,gBAAcA,MAAd;AAAA,YAAsB7D,GAAtB,gBAAsBA,GAAtB;AAAA,YAA2B6B,QAA3B,gBAA2BA,QAA3B;AAAA,YAAqCK,YAArC,gBAAqCA,YAArC;AAAA,YAAmDJ,MAAnD,gBAAmDA,MAAnD;AAAA,YAA2DgC,KAA3D,gBAA2DA,KAA3D;AAEAN,QAAAA,WAAW,CAACD,GAAD,EAAM;AACfQ,UAAAA,GAAG,EAAE,QADU;AAEfhC,UAAAA,IAAI,EAAJA,IAFe;AAGf8B,UAAAA,MAAM,EAANA,MAHe;AAIf/B,UAAAA,MAAM,EAANA,MAJe;AAKfgC,UAAAA,KAAK,EAALA,KALe;AAMf9D,UAAAA,GAAG,EAAHA,GANe;AAOf6B,UAAAA,QAAQ,EAARA,QAPe;AAQfR,UAAAA,GAAG,EAAEa;AARU,SAAN,CAAX;AAUD,OAbM,MAaA;AACLsB,QAAAA,WAAW,CAACD,GAAD,EAAM;AACfQ,UAAAA,GAAG,EAAE,OADU;AAEf1C,UAAAA,GAAG,EAAEqC,UAAU,CAAC1D;AAFD,SAAN,CAAX;AAID;AACF,KAzKkB;AAAA;AAAA,gGA2KA,iBAAM8C,CAAN;AAAA;AAAA;AAAA;AAAA;AAAA;AACjBA,gBAAAA,CAAC,CAACkB,cAAF;;AAEA,sBAAKtB,QAAL,CAAc;AACZgB,kBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAERO,oBAAAA,KAAK,EAAE,IAFC;AAGRC,oBAAAA,OAAO,EAAE;AAHD;AADE,iBAAd;;AAQMC,gBAAAA,UAXW,GAWErB,CAAC,CAACC,MAAF,CAASqB,KAAT,CAAe,CAAf,CAXF;AAaXC,gBAAAA,MAbW,GAaF,IAAIC,UAAJ,EAbE;;AAejBD,gBAAAA,MAAM,CAACE,MAAP,GAAgB,YAAM;AACpB,sBAAMC,OAAO,GAAGH,MAAM,CAACI,MAAvB;;AAEA,wBAAK/B,QAAL,CAAc;AACZgB,oBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAER1D,sBAAAA,GAAG,EAAEwE;AAFG;AADE,mBAAd;AAMD,iBATD;;AAUAH,gBAAAA,MAAM,CAACK,aAAP,CAAqBP,UAArB;;AAEA,sBAAKxC,KAAL,CAAWgD,kBAAX,CAA8BC,GAA9B,CAAkC;AAChCT,kBAAAA,UAAU,EAAVA,UADgC;AAEhCU,kBAAAA,IAAI,EAAE,cAACvD,GAAD,EAAMD,GAAN,EAAc;AAClBvB,oBAAAA,GAAG,CAAC,YAAD,EAAewB,GAAf,CAAH;;AACA,wBAAIA,GAAJ,EAAS;AACP;AACAwD,sBAAAA,OAAO,CAAChF,GAAR,CAAYwB,GAAZ;;AACA,4BAAKoB,QAAL,CAAc;AACZgB,wBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAERQ,0BAAAA,OAAO,EAAE,KAFD;AAGRD,0BAAAA,KAAK,EAAE3C;AAHC;AADE,uBAAd;AAOD,qBAVD,MAUO;AACL,4BAAKoB,QAAL,CAAc;AACZgB,wBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAERQ,0BAAAA,OAAO,EAAE,KAFD;AAGRlE,0BAAAA,GAAG,EAAEqB;AAHG;AADE,uBAAd;AAOD;AACF;AAvB+B,iBAAlC;;AA3BiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OA3KA;;AAAA;AAAA;AAAA;AAAA;AAAA,oMAiOA;AAAA;AAAA;AAAA;AAAA;AACjB,oBAAKM,KAAL,CAAWgD,kBAAX,WAAqC,MAAK/C,KAAL,CAAW8B,UAAX,CAAsB1D,GAA3D,EAAgE,UAAAsB,GAAG,EAAI;AACrE,oBAAIA,GAAJ,EAAS;AACP;AACAwD,kBAAAA,OAAO,CAAChF,GAAR,CAAYwB,GAAZ;;AACA,wBAAKoB,QAAL,CAAc;AACZgB,oBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAERO,sBAAAA,KAAK,EAAE3C;AAFC;AADE,mBAAd;AAMD;AACF,eAXD,EADiB,CAcjB;;;AACA,oBAAKoB,QAAL,CAAc;AACZgB,gBAAAA,UAAU,kCACL,MAAK9B,KAAL,CAAW8B,UADN;AAERQ,kBAAAA,OAAO,EAAE,KAFD;AAGRlE,kBAAAA,GAAG,EAAE;AAHG;AADE,eAAd;;AAfiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAjOA;AAGjB,QAAQqB,IAAR,GAA4DM,KAA5D,CAAQN,GAAR;AAAA,QAAaS,OAAb,GAA4DH,KAA5D,CAAaG,MAAb;AAAA,QAAqBC,KAArB,GAA4DJ,KAA5D,CAAqBI,IAArB;AAAA,QAA2B8B,OAA3B,GAA4DlC,KAA5D,CAA2BkC,MAA3B;AAAA,QAAmC7D,IAAnC,GAA4D2B,KAA5D,CAAmC3B,GAAnC;AAAA,QAAwC6B,SAAxC,GAA4DF,KAA5D,CAAwCE,QAAxC;AAAA,QAAkDiC,MAAlD,GAA4DnC,KAA5D,CAAkDmC,KAAlD;AAEA,UAAKlC,KAAL,GAAa;AACXG,MAAAA,IAAI,EAAEA,KAAI,IAAI,CADH;AAEX/B,MAAAA,GAAG,EAAEA,IAFM;AAGX6B,MAAAA,QAAQ,EAAEA,SAHC;AAIXK,MAAAA,YAAY,EAAEb,IAJH;AAKXwC,MAAAA,MAAM,EAAEA,OAAM,IAAI,GALP;AAMXV,MAAAA,OAAO,EAAE,KANE;AAOXrB,MAAAA,MAAM,EAAEA,OAAM,IAAI,CAPP;AAQXgC,MAAAA,KAAK,EAAEA,MAAK,IAAI,GARL;AASXL,MAAAA,QAAQ,EAAE,CATC;AAUXC,MAAAA,UAAU,EAAE;AACVQ,QAAAA,OAAO,EAAE,KADC;AAEVlE,QAAAA,GAAG,EAAE,EAFK;AAGViE,QAAAA,KAAK,EAAE;AAHG;AAVD,KAAb;AALiB;AAqBlB;;;;WAED,6BAAoB;AAClB,UAAI,KAAKtC,KAAL,CAAW3B,GAAf,EAAoB;AAClB,aAAK+E,SAAL,CAAe;AACbhC,UAAAA,MAAM,EAAE;AACNC,YAAAA,KAAK,EAAE,KAAKrB,KAAL,CAAW3B;AADZ;AADK,SAAf;AAKD;AACF;;;WA0ND,kBAAS;AAAA;;AACP,wBAAyE,KAAK2B,KAA9E;AAAA,UAAQqD,OAAR,eAAQA,OAAR;AAAA,UAAiBC,IAAjB,eAAiBA,IAAjB;AAAA,UAAuBC,aAAvB,eAAuBA,aAAvB;AAAA,UAAsCjC,IAAtC,eAAsCA,IAAtC;AAAA,UAA4CkC,IAA5C,eAA4CA,IAA5C;AAAA,UAAkDR,kBAAlD,eAAkDA,kBAAlD;AACA,yBAWI,KAAK/C,KAXT;AAAA,UACEG,IADF,gBACEA,IADF;AAAA,UAEE8B,MAFF,gBAEEA,MAFF;AAAA,UAGEV,OAHF,gBAGEA,OAHF;AAAA,UAIErB,MAJF,gBAIEA,MAJF;AAAA,UAKEgC,KALF,gBAKEA,KALF;AAAA,UAME9D,GANF,gBAMEA,GANF;AAAA,UAOEkC,YAPF,gBAOEA,YAPF;AAAA,UAQES,QARF,gBAQEA,QARF;AAAA,UASEc,QATF,gBASEA,QATF;AAAA,UAUEC,UAVF,gBAUEA,UAVF;AAYA,UAAM1B,SAAS,GAAGjC,eAAe,CAACC,GAAD,CAAjC;AACA,UAAM2D,WAAW,GAAGF,QAAQ,KAAK,CAAjC;AACA,UAAM2B,aAAa,GAAG3B,QAAQ,KAAK,CAAnC;AACA,UAAM4B,gBAAgB,GAAG1B,WAAW,GAChCR,OAAO,IAAInD,GAAG,KAAK,IAAnB,IAA2BA,GAAG,KAAKsF,SADH,GAEhC,CAAC5B,UAAU,CAAC1D,GAFhB;AAIA,0BACE,gCAAC,kBAAD;AACE,QAAA,OAAO,EAAE;AACPuF,UAAAA,KAAK,EAAEP,OAAO,CAACO;AADR,SADX;AAIE,QAAA,aAAa,EAAEL,aAJjB;AAKE,QAAA,IAAI,EAAED,IALR;AAME,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACO,UAAL,CAAgB,KAAhB,CAAN;AAAA,SANX;AAOE,2BAAgB;AAPlB,sBASE,gCAAC,uBAAD;AAAa,QAAA,EAAE,EAAC;AAAhB,oBAA4CjE,OAAO,CAAC0B,IAAD,CAAnD,CATF,eAUE,gCAAC,yBAAD,qBACE,0DACE;AAAK,QAAA,SAAS,EAAE+B,OAAO,CAACS;AAAxB,sBACE,gCAAC,gBAAD;AACE,QAAA,cAAc,EAAC,SADjB;AAEE,QAAA,KAAK,EAAEhC,QAFT;AAGE,QAAA,QAAQ,EAAE,kBAACiC,KAAD,EAAQ1C,KAAR,EAAkB;AAC1B,UAAA,MAAI,CAACN,QAAL,CAAc;AAAEe,YAAAA,QAAQ,EAAET;AAAZ,WAAd;AACD;AALH,sBAOE,gCAAC,eAAD;AACE,QAAA,KAAK,EAAEC,IAAI,KAAK,OAAT,GAAmB,6BAAnB,GAAmD;AAD5D,QAPF,EAUG0B,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,IAAAA,kBAAkB,CAAEC,GAApB,IAA2BD,kBAA3B,aAA2BA,kBAA3B,eAA2BA,kBAAkB,UAA7C,IAAyD1B,IAAI,KAAK,OAAlE,gBACC,gCAAC,eAAD;AAAQ,QAAA,KAAK,EAAC;AAAd,QADD,GAEG,IAZN,CADF,CADF,EAiBGU,WAAW,iBACV,0DACE,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,KAAK,EAAER,OAFT;AAGE,QAAA,UAAU,EAAEA,OAAO,GAAG,aAAH,GAAmB,EAHxC;AAIE,QAAA,MAAM,EAAC,OAJT;AAKE,QAAA,EAAE,EAAC,MALL;AAME,QAAA,KAAK,EAAC,KANR;AAOE,QAAA,WAAW,yBAAkBF,IAAlB,QAPb;AAQE,QAAA,IAAI,EAAC,MARP;AASE,QAAA,QAAQ,EAAE,KAAK8B,SATjB;AAUE,QAAA,KAAK,EAAE/E,GAVT;AAWE,QAAA,SAAS;AAXX,QADF,EAcGiD,IAAI,KAAK,OAAT,iBACC,gCAAC,yBAAD;AACE,QAAA,OAAO,EAAE;AACP0C,UAAAA,IAAI,EAAEX,OAAO,CAACY;AADP;AADX,sBAKE,gCAAC,6BAAD,2BALF,eAME,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,MAAM,EAAC,OAFT;AAGE,QAAA,EAAE,EAAC,OAHL;AAIE,QAAA,KAAK,EAAC,OAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAME,QAAA,WAAW,EAAC,OANd;AAOE,QAAA,KAAK,EAAE9B,KAPT;AAQE,QAAA,QAAQ,EAAE,KAAK+B,aAAL,CAAmB,OAAnB;AARZ,QANF,eAgBE,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,MAAM,EAAC,OAFT;AAGE,QAAA,EAAE,EAAC,QAHL;AAIE,QAAA,KAAK,EAAC,QAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAME,QAAA,WAAW,EAAC,QANd;AAOE,QAAA,KAAK,EAAEhC,MAPT;AAQE,QAAA,QAAQ,EAAE,KAAKgC,aAAL,CAAmB,QAAnB;AARZ,QAhBF,CAfJ,EA2CG3D,YAAY,iBACX;AACE,QAAA,KAAK,EAAE4B,KADT;AAEE,QAAA,MAAM,EAAED,MAFV;AAGE,QAAA,GAAG,EAAE3B,YAHP;AAIE,QAAA,WAAW,EAAC,GAJd;AAKE,QAAA,KAAK,EAAC,0FALR;AAME,QAAA,eAAe;AANjB,QA5CJ,EAqDGe,IAAI,KAAK,OAAT,KAAqBf,YAAY,IAAIS,QAArC,KAAkD,CAACQ,OAAnD,iBACC,gCAAC,iBAAD,CAAO,QAAP,qBACE,gCAAC,yBAAD;AACE,QAAA,OAAO,EAAE;AACPwC,UAAAA,IAAI,EAAEX,OAAO,CAACY;AADP;AADX,sBAKE,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,MAAM,EAAC,OAFT;AAGE,QAAA,EAAE,EAAC,QAHL;AAIE,QAAA,KAAK,EAAC,QAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAME,QAAA,WAAW,EAAC,QANd;AAOE,QAAA,KAAK,EAAE9D,MAPT;AAQE,QAAA,QAAQ,EAAE,KAAK+D,aAAL,CAAmB,QAAnB;AARZ,QALF,EAeG7D,SAAS,iBACR,gCAAC,qBAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,MAAM,EAAC,OAFT;AAGE,QAAA,EAAE,EAAC,MAHL;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAME,QAAA,WAAW,EAAC,MANd;AAOE,QAAA,KAAK,EAAED,IAPT;AAQE,QAAA,QAAQ,EAAE,KAAK8D,aAAL,CAAmB,MAAnB;AARZ,QAhBJ,CADF,CAtDJ,CAlBJ,EAyGGT,aAAa,iBACZ;AAAK,QAAA,SAAS,EAAEJ,OAAO,CAACc;AAAxB,sBACE,6CACGpC,UAAU,CAAC1D,GAAX,gBACC,+EACE;AAAK,QAAA,SAAS,EAAEgF,OAAO,CAACS;AAAxB,sBACE;AAAO,QAAA,QAAQ,EAAC;AAAhB,sBACE;AAAQ,QAAA,IAAI,EAAC,WAAb;AAAyB,QAAA,GAAG,EAAE/B,UAAU,CAAC1D;AAAzC,QADF,CADF,eAIE,gCAAC,sBAAD;AACE,sBAAW,QADb;AAEE,QAAA,SAAS,EAAEgF,OAAO,CAACe,UAFrB;AAGE,QAAA,OAAO,EAAE,KAAKnC;AAHhB,sBAKE,gCAAC,kBAAD,OALF,CAJF,CADF,EAaGF,UAAU,CAACQ,OAAX,gBACC,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAC;AAApB,sBADD,GAEG,IAfN,CADD,GAkBG,CAACR,UAAU,CAACQ,OAAZ,gBACF;AACE,QAAA,MAAM,EAAC,SADT;AAEE,QAAA,SAAS,EAAEc,OAAO,CAACgB,KAFrB;AAGE,QAAA,QAAQ,EAAE,KAAKC,gBAHjB;AAIE,QAAA,IAAI,EAAC;AAJP,QADE,GAOA,IA1BN,EA2BG,CAAC,CAACvC,UAAU,CAACO,KAAb,iBACC,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEe,OAAO,CAACf,KAA/B;AAAsC,QAAA,OAAO,EAAC;AAA9C,SACGP,UAAU,CAACO,KADd,CA5BJ,CADF,CA1GJ,CADF,CAVF,eA2JE,gCAAC,yBAAD,qBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACuB,UAAL,CAAgB,KAAhB,CAAN;AAAA,SAAjB;AAA+C,QAAA,KAAK,EAAC;AAArD,kBADF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,QAAQ,EAAEH,gBAAlB;AAAoC,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACG,UAAL,CAAgB,IAAhB,CAAN;AAAA,SAA7C;AAA0E,QAAA,KAAK,EAAC;AAAhF,SACGL,IAAI,GAAG,QAAH,GAAc,QADrB,CAJF,CA3JF,CADF;AAsKD;;;EAzc8Be,kBAAMC,S;;;iCAA1BzE,W,eACQ;AACjBsD,EAAAA,OAAO,EAAEoB,sBAAUC,MAAV,CAAiBC,UADT;AAEjBrB,EAAAA,IAAI,EAAEmB,sBAAUG,IAFC;AAGjBpB,EAAAA,IAAI,EAAEiB,sBAAUG,IAHC;AAIjBrB,EAAAA,aAAa,EAAEkB,sBAAUG,IAJR;AAKjB/C,EAAAA,WAAW,EAAE4C,sBAAUI,IALN;AAMjB7B,EAAAA,kBAAkB,EAAEyB,sBAAUK,KAAV,CAAgB;AAClC7B,IAAAA,GAAG,EAAEwB,sBAAUI,IADmB;AAElC,cAAQJ,sBAAUI;AAFgB,GAAhB,CANH;AAUjBvD,EAAAA,IAAI,EAAEmD,sBAAUM,MAVC;AAWjBrF,EAAAA,GAAG,EAAE+E,sBAAUM,MAXE;AAYjB1G,EAAAA,GAAG,EAAEoG,sBAAUM,MAZE;AAajB7E,EAAAA,QAAQ,EAAEuE,sBAAUM,MAbH;AAcjB5E,EAAAA,MAAM,EAAEsE,sBAAUO,MAdD;AAejB5E,EAAAA,IAAI,EAAEqE,sBAAUO,MAfC;AAgBjB9C,EAAAA,MAAM,EAAEuC,sBAAUO,MAhBD;AAiBjB7C,EAAAA,KAAK,EAAEsC,sBAAUO;AAjBA,C;;AA2crB,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBrB,IAAAA,KAAK,EAAE;AACLsB,MAAAA,QAAQ,EAAE;AADL,KADa;AAIpBjB,IAAAA,UAAU,EAAE;AACVkB,MAAAA,OAAO,EAAE;AADC,KAJQ;AAOpBrB,IAAAA,GAAG,EAAE;AACHsB,MAAAA,OAAO,EAAE,MADN;AAEHC,MAAAA,aAAa,EAAE;AAFZ,KAPe;AAWpBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,WAAW,EAAE,MADN;AAEPC,MAAAA,MAAM,EAAE;AAFD,KAXW;AAepBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEA,gBAAMC,OAAN,EADD;AAENC,MAAAA,YAAY,sBAAeF,gBAAMC,OAAN,EAAf;AAFN,KAfY;AAmBpBxB,IAAAA,WAAW,EAAE;AACX0B,MAAAA,SAAS,EAAE;AADA,KAnBO;AAsBpBvD,IAAAA,KAAK,EAAE;AACLuD,MAAAA,SAAS,EAAE,MADN;AAELH,MAAAA,KAAK,EAAE;AAFF,KAtBa;AA0BpBtB,IAAAA,UAAU,EAAE;AACV0B,MAAAA,UAAU,EAAE;AADF;AA1BQ,GAAP;AAAA,CAAf;;eA+Be,wBAAWb,MAAX,EAAmBlF,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport ActionDelete from '@material-ui/icons/Delete';\n\nconst log = debug('@pie-lib:editable-html:plugins:media:dialog');\n\nconst matchYoutubeUrl = url => {\n  if (!url) {\n    return false;\n  }\n\n  const p = /^(?:https?:\\/\\/)?(?:m\\.|www\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:embed\\/|v\\/|watch\\?v=|watch\\?.+&v=))((\\w|-){11})(?:\\S+)?$/;\n  if (url.match(p)) {\n    return url.match(p)[1];\n  }\n  return false;\n};\n\nconst matchVimeoUrl = url =>\n  url &&\n  /(http|https)?:\\/\\/(www\\.)?(player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^/]*)\\/videos\\/|)(video\\/)?(\\d+)(?:|\\/\\?)/.test(\n    url\n  );\n\nconst matchSoundCloudUrl = url => {\n  if (!url) {\n    return false;\n  }\n\n  const regexp = /^https?:\\/\\/(soundcloud\\.com|snd\\.sc)\\/(.*)$/;\n  return url.match(regexp) && url.match(regexp)[2];\n};\n\nconst makeApiRequest = url => {\n  return new Promise(resolve => {\n    try {\n      fetch(`https://soundcloud.com/oembed?format=json&url=${url}`)\n        .then(response => response.json())\n        .then(json => {\n          const d = document.createElement('div');\n\n          d.innerHTML = json.html;\n\n          const iframe = d.querySelector('iframe');\n\n          resolve(iframe.src);\n        })\n        .catch(err => {\n          resolve('');\n          log(err);\n        });\n    } catch (err) {\n      resolve('');\n    }\n  });\n};\n\nconst typeMap = {\n  video: 'Video',\n  audio: 'Audio'\n};\n\nexport class MediaDialog extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    open: PropTypes.bool,\n    edit: PropTypes.bool,\n    disablePortal: PropTypes.bool,\n    handleClose: PropTypes.func,\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func,\n      delete: PropTypes.func\n    }),\n    type: PropTypes.string,\n    src: PropTypes.string,\n    url: PropTypes.string,\n    urlToUse: PropTypes.string,\n    starts: PropTypes.number,\n    ends: PropTypes.number,\n    height: PropTypes.number,\n    width: PropTypes.number\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { src, starts, ends, height, url, urlToUse, width } = props;\n\n    this.state = {\n      ends: ends || 0,\n      url: url,\n      urlToUse: urlToUse,\n      formattedUrl: src,\n      height: height || 315,\n      invalid: false,\n      starts: starts || 0,\n      width: width || 560,\n      tabValue: 0,\n      fileUpload: {\n        loading: false,\n        url: '',\n        error: null\n      }\n    };\n  }\n\n  componentDidMount() {\n    if (this.props.url) {\n      this.urlChange({\n        target: {\n          value: this.props.url\n        }\n      });\n    }\n  }\n\n  formatUrl = () => {\n    const { url, urlToUse, starts, ends } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n    const isVimeo = matchVimeoUrl(url);\n    let formattedUrl = urlToUse;\n\n    if ((isYoutube || isVimeo) && urlToUse) {\n      const params = [];\n\n      let paramName;\n      let paramStart;\n\n      switch (true) {\n        case isVimeo:\n          paramName = 't';\n          paramStart = '#';\n          break;\n        case isYoutube:\n          paramName = 'start';\n          paramStart = '?';\n          break;\n        default:\n          paramName = 'start';\n          paramStart = '?';\n      }\n\n      if (starts) {\n        params.push(`${paramName}=${starts}`);\n      }\n\n      if (ends) {\n        params.push(`end=${ends}`);\n      }\n\n      formattedUrl = `${urlToUse}${params.length ? paramStart : ''}${params.join('&')}`;\n    }\n\n    const callback = () => this.setState({ formattedUrl, updating: false });\n\n    this.setState({ formattedUrl: null, updating: true }, callback);\n  };\n\n  handleStateChange = newState => this.setState(newState, this.formatUrl);\n\n  urlChange = e => {\n    const { value } = e.target || {};\n    const { type } = this.props;\n\n    if (type && type === 'audio') {\n      if (matchSoundCloudUrl(value)) {\n        makeApiRequest(value)\n          .then(urlToUse => {\n            this.handleStateChange({\n              urlToUse,\n              invalid: !urlToUse,\n              url: value\n            });\n          })\n          .catch(log);\n\n        return;\n      }\n    } else if (type && type === 'video') {\n      if (matchYoutubeUrl(value)) {\n        const regExp = /^.*(youtu\\.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n        const match = value.match(regExp);\n        const id = match[2];\n        const urlToUse = `https://youtube.com/embed/${id}`;\n\n        log('is youtube');\n\n        this.handleStateChange({\n          urlToUse,\n          url: value,\n          invalid: false\n        });\n\n        return;\n      }\n\n      if (matchVimeoUrl(value)) {\n        const id = value.replace(/.*vimeo.com\\/(.*)/g, '$1');\n        const urlToUse = `https://player.vimeo.com/video/${id}`;\n\n        log('is vimeo');\n\n        this.handleStateChange({\n          urlToUse,\n          url: value,\n          ends: null,\n          invalid: false\n        });\n\n        return;\n      }\n    }\n\n    this.handleStateChange({\n      urlToUse: null,\n      url: null,\n      invalid: true\n    });\n  };\n\n  changeHandler = type => e => this.handleStateChange({ [type]: e.target.value });\n\n  handleDone = val => {\n    const { handleClose } = this.props;\n    const { tabValue, fileUpload } = this.state;\n    const isInsertURL = tabValue === 0;\n\n    if (!val) {\n      if (fileUpload.url) {\n        this.handleRemoveFile();\n      }\n\n      handleClose(val);\n    } else if (isInsertURL) {\n      const { ends, height, url, urlToUse, formattedUrl, starts, width } = this.state;\n\n      handleClose(val, {\n        tag: 'iframe',\n        ends,\n        height,\n        starts,\n        width,\n        url,\n        urlToUse,\n        src: formattedUrl\n      });\n    } else {\n      handleClose(val, {\n        tag: 'audio',\n        src: fileUpload.url\n      });\n    }\n  };\n\n  handleUploadFile = async e => {\n    e.preventDefault();\n\n    this.setState({\n      fileUpload: {\n        ...this.state.fileUpload,\n        error: null,\n        loading: true\n      }\n    });\n\n    const fileChosen = e.target.files[0];\n\n    const reader = new FileReader();\n\n    reader.onload = () => {\n      const dataURL = reader.result;\n\n      this.setState({\n        fileUpload: {\n          ...this.state.fileUpload,\n          url: dataURL\n        }\n      });\n    };\n    reader.readAsDataURL(fileChosen);\n\n    this.props.uploadSoundSupport.add({\n      fileChosen,\n      done: (err, src) => {\n        log('done: err:', err);\n        if (err) {\n          //eslint-disable-next-line\n          console.log(err);\n          this.setState({\n            fileUpload: {\n              ...this.state.fileUpload,\n              loading: false,\n              error: err\n            }\n          });\n        } else {\n          this.setState({\n            fileUpload: {\n              ...this.state.fileUpload,\n              loading: false,\n              url: src\n            }\n          });\n        }\n      }\n    });\n  };\n\n  handleRemoveFile = async () => {\n    this.props.uploadSoundSupport.delete(this.state.fileUpload.url, err => {\n      if (err) {\n        //eslint-disable-next-line\n        console.log(err);\n        this.setState({\n          fileUpload: {\n            ...this.state.fileUpload,\n            error: err\n          }\n        });\n      }\n    });\n\n    // we should put it inside uploadSoundSupport.delete but we can leave it here for testing purposes\n    this.setState({\n      fileUpload: {\n        ...this.state.fileUpload,\n        loading: false,\n        url: ''\n      }\n    });\n  };\n\n  render() {\n    const { classes, open, disablePortal, type, edit, uploadSoundSupport } = this.props;\n    const {\n      ends,\n      height,\n      invalid,\n      starts,\n      width,\n      url,\n      formattedUrl,\n      updating,\n      tabValue,\n      fileUpload\n    } = this.state;\n    const isYoutube = matchYoutubeUrl(url);\n    const isInsertURL = tabValue === 0;\n    const isUploadMedia = tabValue === 1;\n    const submitIsDisabled = isInsertURL\n      ? invalid || url === null || url === undefined\n      : !fileUpload.url;\n\n    return (\n      <Dialog\n        classes={{\n          paper: classes.paper\n        }}\n        disablePortal={disablePortal}\n        open={open}\n        onClose={() => this.handleDone(false)}\n        aria-labelledby=\"form-dialog-title\"\n      >\n        <DialogTitle id=\"form-dialog-title\">Insert {typeMap[type]}</DialogTitle>\n        <DialogContent>\n          <div>\n            <div className={classes.row}>\n              <MuiTabs\n                indicatorColor=\"primary\"\n                value={tabValue}\n                onChange={(event, value) => {\n                  this.setState({ tabValue: value });\n                }}\n              >\n                <MuiTab\n                  label={type === 'video' ? 'Insert YouTube or Vimeo URL' : 'Insert SoundCloud URL'}\n                />\n                {uploadSoundSupport?.add && uploadSoundSupport?.delete && type !== 'video' ? (\n                  <MuiTab label=\"Upload file\" />\n                ) : null}\n              </MuiTabs>\n            </div>\n            {isInsertURL && (\n              <div>\n                <TextField\n                  autoFocus\n                  error={invalid}\n                  helperText={invalid ? 'Invalid URL' : ''}\n                  margin=\"dense\"\n                  id=\"name\"\n                  label=\"URL\"\n                  placeholder={`Paste URL of ${type}...`}\n                  type=\"text\"\n                  onChange={this.urlChange}\n                  value={url}\n                  fullWidth\n                />\n                {type === 'video' && (\n                  <DialogContent\n                    classes={{\n                      root: classes.properties\n                    }}\n                  >\n                    <DialogContentText>Video Properties</DialogContentText>\n                    <TextField\n                      autoFocus\n                      margin=\"dense\"\n                      id=\"width\"\n                      label=\"Width\"\n                      type=\"number\"\n                      placeholder=\"Width\"\n                      value={width}\n                      onChange={this.changeHandler('width')}\n                    />\n                    <TextField\n                      autoFocus\n                      margin=\"dense\"\n                      id=\"height\"\n                      label=\"Height\"\n                      type=\"number\"\n                      placeholder=\"Height\"\n                      value={height}\n                      onChange={this.changeHandler('height')}\n                    />\n                  </DialogContent>\n                )}\n                {formattedUrl && (\n                  <iframe\n                    width={width}\n                    height={height}\n                    src={formattedUrl}\n                    frameBorder=\"0\"\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                    allowFullScreen\n                  />\n                )}\n                {type === 'video' && (formattedUrl || updating) && !invalid && (\n                  <React.Fragment>\n                    <DialogContent\n                      classes={{\n                        root: classes.properties\n                      }}\n                    >\n                      <TextField\n                        autoFocus\n                        margin=\"dense\"\n                        id=\"starts\"\n                        label=\"Starts\"\n                        type=\"number\"\n                        placeholder=\"Starts\"\n                        value={starts}\n                        onChange={this.changeHandler('starts')}\n                      />\n                      {isYoutube && (\n                        <TextField\n                          autoFocus\n                          margin=\"dense\"\n                          id=\"ends\"\n                          label=\"Ends\"\n                          type=\"number\"\n                          placeholder=\"Ends\"\n                          value={ends}\n                          onChange={this.changeHandler('ends')}\n                        />\n                      )}\n                    </DialogContent>\n                  </React.Fragment>\n                )}\n              </div>\n            )}\n            {isUploadMedia && (\n              <div className={classes.uploadInput}>\n                <div>\n                  {fileUpload.url ? (\n                    <>\n                      <div className={classes.row}>\n                        <audio controls=\"controls\">\n                          <source type=\"audio/mp3\" src={fileUpload.url} />\n                        </audio>\n                        <IconButton\n                          aria-label=\"delete\"\n                          className={classes.deleteIcon}\n                          onClick={this.handleRemoveFile}\n                        >\n                          <ActionDelete />\n                        </IconButton>\n                      </div>\n                      {fileUpload.loading ? (\n                        <Typography variant=\"subheading\">Loading...</Typography>\n                      ) : null}\n                    </>\n                  ) : !fileUpload.loading ? (\n                    <input\n                      accept=\"audio/*\"\n                      className={classes.input}\n                      onChange={this.handleUploadFile}\n                      type=\"file\"\n                    />\n                  ) : null}\n                  {!!fileUpload.error && (\n                    <Typography className={classes.error} variant=\"caption\">\n                      {fileUpload.error}\n                    </Typography>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => this.handleDone(false)} color=\"primary\">\n            Cancel\n          </Button>\n          <Button disabled={submitIsDisabled} onClick={() => this.handleDone(true)} color=\"primary\">\n            {edit ? 'Update' : 'Insert'}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nconst styles = () => ({\n  paper: {\n    minWidth: '500px'\n  },\n  properties: {\n    padding: 0\n  },\n  row: {\n    display: 'flex',\n    flexDirection: 'space-between'\n  },\n  rowItem: {\n    marginRight: '12px',\n    cursor: 'pointer'\n  },\n  active: {\n    color: color.primary(),\n    borderBottom: `2px solid ${color.primary()}`\n  },\n  uploadInput: {\n    marginTop: '12px'\n  },\n  error: {\n    marginTop: '12px',\n    color: 'red'\n  },\n  deleteIcon: {\n    marginLeft: '12px'\n  }\n});\n\nexport default withStyles(styles)(MediaDialog);\n"],"file":"media-dialog.js"}

package/lib/plugins/media/media-toolbar.js

@@ -71,11 +71,12 @@ var MediaToolbar = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
           classes = _this$props.classes,
+          hideEdit = _this$props.hideEdit,
           onEdit = _this$props.onEdit,
           onRemove = _this$props.onRemove;
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.root
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+      }, hideEdit ? null : /*#__PURE__*/_react["default"].createElement("span", {
         className: classes.editContainer,
         onClick: onEdit
       }, "Edit Settings"), /*#__PURE__*/_react["default"].createElement("span", {
@@ -90,6 +91,7 @@ var MediaToolbar = /*#__PURE__*/function (_React$Component) {
 (0, _defineProperty2["default"])(MediaToolbar, "propTypes", {
   classes: _propTypes["default"].object,
   onEdit: _propTypes["default"].func,
+  hideEdit: _propTypes["default"].bool,
   onRemove: _propTypes["default"].func
 });
 

package/lib/plugins/media/media-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/media/media-toolbar.jsx"],"names":["useStyles","theme","root","position","bottom","left","width","background","display","padding","boxShadow","editContainer","cursor","flex","border","textAlign","borderWidth","marginRight","paddingRight","removeContainer","MediaToolbar","props","classes","onEdit","onRemove","React","Component","PropTypes","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,MAAM,EAAE,KAFJ;AAGJC,MAAAA,IAAI,EAAE,CAHF;AAIJC,MAAAA,KAAK,EAAE,MAJH;AAKJC,MAAAA,UAAU,EAAE,OALR;AAMJC,MAAAA,OAAO,EAAE,aANL;AAOJC,MAAAA,OAAO,EAAE,KAPL;AAQJC,MAAAA,SAAS,EAAE;AARP,KAD+B;AAWrCC,IAAAA,aAAa,EAAE;AACbC,MAAAA,MAAM,EAAE,SADK;AAEbC,MAAAA,IAAI,EAAE,CAFO;AAGbC,MAAAA,MAAM,EAAE,aAHK;AAIbC,MAAAA,SAAS,EAAE,OAJE;AAKbC,MAAAA,WAAW,EAAE,WALA;AAMbC,MAAAA,WAAW,EAAE,KANA;AAObC,MAAAA,YAAY,EAAE;AAPD,KAXsB;AAoBrCC,IAAAA,eAAe,EAAE;AACfP,MAAAA,MAAM,EAAE;AADO;AApBoB,GAAL;AAAA,CAAhB,CAAlB;;IAyBMQ,Y;;;;;;;;;;;;WAOJ,kBAAS;AACP,wBAAsC,KAAKC,KAA3C;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,MAAjB,eAAiBA,MAAjB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAEA,0BACE;AAAM,QAAA,SAAS,EAAEF,OAAO,CAACpB;AAAzB,sBACE;AAAM,QAAA,SAAS,EAAEoB,OAAO,CAACX,aAAzB;AAAwC,QAAA,OAAO,EAAEY;AAAjD,yBADF,eAIE;AAAM,QAAA,SAAS,EAAED,OAAO,CAACH,eAAzB;AAA0C,QAAA,OAAO,EAAEK;AAAnD,kBAJF,CADF;AAUD;;;EApBwBC,kBAAMC,S;;iCAA3BN,Y,eACe;AACjBE,EAAAA,OAAO,EAAEK,sBAAUC,MADF;AAEjBL,EAAAA,MAAM,EAAEI,sBAAUE,IAFD;AAGjBL,EAAAA,QAAQ,EAAEG,sBAAUE;AAHH,C;;eAsBN7B,SAAS,CAACoB,YAAD,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst useStyles = withStyles(theme => ({\n  root: {\n    position: 'relative',\n    bottom: '5px',\n    left: 0,\n    width: '100%',\n    background: 'white',\n    display: 'inline-flex',\n    padding: '5px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)'\n  },\n  editContainer: {\n    cursor: 'pointer',\n    flex: 3,\n    border: 'solid black',\n    textAlign: 'right',\n    borderWidth: '0 2px 0 0',\n    marginRight: '5px',\n    paddingRight: '5px'\n  },\n  removeContainer: {\n    cursor: 'pointer'\n  }\n}));\n\nclass MediaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onEdit: PropTypes.func,\n    onRemove: PropTypes.func\n  };\n\n  render() {\n    const { classes, onEdit, onRemove } = this.props;\n\n    return (\n      <span className={classes.root}>\n        <span className={classes.editContainer} onClick={onEdit}>\n          Edit Settings\n        </span>\n        <span className={classes.removeContainer} onClick={onRemove}>\n          Remove\n        </span>\n      </span>\n    );\n  }\n}\n\nexport default useStyles(MediaToolbar);\n"],"file":"media-toolbar.js"}
+{"version":3,"sources":["../../../src/plugins/media/media-toolbar.jsx"],"names":["useStyles","theme","root","position","bottom","left","width","background","display","padding","boxShadow","editContainer","cursor","flex","border","textAlign","borderWidth","marginRight","paddingRight","removeContainer","MediaToolbar","props","classes","hideEdit","onEdit","onRemove","React","Component","PropTypes","object","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,MAAM,EAAE,KAFJ;AAGJC,MAAAA,IAAI,EAAE,CAHF;AAIJC,MAAAA,KAAK,EAAE,MAJH;AAKJC,MAAAA,UAAU,EAAE,OALR;AAMJC,MAAAA,OAAO,EAAE,aANL;AAOJC,MAAAA,OAAO,EAAE,KAPL;AAQJC,MAAAA,SAAS,EAAE;AARP,KAD+B;AAWrCC,IAAAA,aAAa,EAAE;AACbC,MAAAA,MAAM,EAAE,SADK;AAEbC,MAAAA,IAAI,EAAE,CAFO;AAGbC,MAAAA,MAAM,EAAE,aAHK;AAIbC,MAAAA,SAAS,EAAE,OAJE;AAKbC,MAAAA,WAAW,EAAE,WALA;AAMbC,MAAAA,WAAW,EAAE,KANA;AAObC,MAAAA,YAAY,EAAE;AAPD,KAXsB;AAoBrCC,IAAAA,eAAe,EAAE;AACfP,MAAAA,MAAM,EAAE;AADO;AApBoB,GAAL;AAAA,CAAhB,CAAlB;;IAyBMQ,Y;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAAgD,KAAKC,KAArD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,QAAjB,eAAiBA,QAAjB;AAAA,UAA2BC,MAA3B,eAA2BA,MAA3B;AAAA,UAAmCC,QAAnC,eAAmCA,QAAnC;AAEA,0BACE;AAAM,QAAA,SAAS,EAAEH,OAAO,CAACpB;AAAzB,SACGqB,QAAQ,GAAG,IAAH,gBACP;AAAM,QAAA,SAAS,EAAED,OAAO,CAACX,aAAzB;AAAwC,QAAA,OAAO,EAAEa;AAAjD,yBAFJ,eAME;AAAM,QAAA,SAAS,EAAEF,OAAO,CAACH,eAAzB;AAA0C,QAAA,OAAO,EAAEM;AAAnD,kBANF,CADF;AAYD;;;EAvBwBC,kBAAMC,S;;iCAA3BP,Y,eACe;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MADF;AAEjBL,EAAAA,MAAM,EAAEI,sBAAUE,IAFD;AAGjBP,EAAAA,QAAQ,EAAEK,sBAAUG,IAHH;AAIjBN,EAAAA,QAAQ,EAAEG,sBAAUE;AAJH,C;;eAyBN9B,SAAS,CAACoB,YAAD,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst useStyles = withStyles(theme => ({\n  root: {\n    position: 'relative',\n    bottom: '5px',\n    left: 0,\n    width: '100%',\n    background: 'white',\n    display: 'inline-flex',\n    padding: '5px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)'\n  },\n  editContainer: {\n    cursor: 'pointer',\n    flex: 3,\n    border: 'solid black',\n    textAlign: 'right',\n    borderWidth: '0 2px 0 0',\n    marginRight: '5px',\n    paddingRight: '5px'\n  },\n  removeContainer: {\n    cursor: 'pointer'\n  }\n}));\n\nclass MediaToolbar extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    onEdit: PropTypes.func,\n    hideEdit: PropTypes.bool,\n    onRemove: PropTypes.func\n  };\n\n  render() {\n    const { classes, hideEdit, onEdit, onRemove } = this.props;\n\n    return (\n      <span className={classes.root}>\n        {hideEdit ? null : (\n          <span className={classes.editContainer} onClick={onEdit}>\n            Edit Settings\n          </span>\n        )}\n        <span className={classes.removeContainer} onClick={onRemove}>\n          Remove\n        </span>\n      </span>\n    );\n  }\n}\n\nexport default useStyles(MediaToolbar);\n"],"file":"media-toolbar.js"}