@dxc-technology/halstack-react 0.0.0-4d89cae → 0.0.0-4e5859a

package/upload/file-upload/FileToUpload.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,87 +19,13 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Icons = require("./Icons");
 
-var _useTheme = _interopRequireDefault(require("../../useTheme.js"));
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", ";\n  width: ", ";\n  border: none;\n  display: flex;\n  margin-right: 30px;\n  margin-top: 11px;\n  padding: 0px;\n  background: none;\n  &:focus {\n    visibility: visible;\n  }\n  & svg {\n    fill: ", ";\n    height: ", ";\n    width: ", ";\n  }\n"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  color: ", ";\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  color: ", ";\n  margin-bottom: 12px;\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 30px;\n  width: 70px;\n  height: 52px;\n  & svg {\n    width: 70px;\n    height: 52px;\n  }\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 30px;\n  width: 70px;\n  height: 52px;\n  object-fit: contain;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 25px;\n  margin-left: 40px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
+var _useTheme = _interopRequireDefault(require("../../useTheme"));
 
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: ", ";\n  max-width: 100%;\n  height: 52px;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 25px;\n  padding-top: 25px;\n  border-bottom: ", " solid ", ";\n  :hover {\n    background: ", ";\n    &:hover {\n      cursor: pointer;\n    }\n  }\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-  return data;
-}
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var DxcFileToUpload = function DxcFileToUpload(_ref) {
   var _ref$name = _ref.name,
@@ -114,11 +40,11 @@ var DxcFileToUpload = function DxcFileToUpload(_ref) {
 
   var hasImage = image && image.includes("image");
   var colorsTheme = (0, _useTheme["default"])();
-  return _react["default"].createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
     theme: colorsTheme.upload
-  }, _react["default"].createElement(DXCFileToUpload, null, _react["default"].createElement(FileContent, null, hasImage && _react["default"].createElement(FileImage, {
+  }, /*#__PURE__*/_react["default"].createElement(DXCFileToUpload, null, /*#__PURE__*/_react["default"].createElement(FileContent, null, hasImage && /*#__PURE__*/_react["default"].createElement(FileImage, {
     src: image
-  }) || _react["default"].createElement(FileIconContainer, null, icon), _react["default"].createElement(FileInfo, null, _react["default"].createElement(FileName, null, name), _react["default"].createElement(FileType, null, type)), _react["default"].createElement(DeleteFile, {
+  }) || /*#__PURE__*/_react["default"].createElement(FileIconContainer, null, icon), /*#__PURE__*/_react["default"].createElement(FileInfo, null, /*#__PURE__*/_react["default"].createElement(FileName, null, name), /*#__PURE__*/_react["default"].createElement(FileType, null, type)), /*#__PURE__*/_react["default"].createElement(DeleteFile, {
     onClick: onDelete,
     tabIndex: tabIndexValue
   }, _Icons.closeIcon))));
@@ -131,7 +57,7 @@ DxcFileToUpload.propTypes = {
   onDelete: _propTypes["default"].func
 };
 
-var DXCFileToUpload = _styledComponents["default"].div(_templateObject(), function (props) {
+var DXCFileToUpload = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: ", ";\n  max-width: 100%;\n  height: 52px;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 25px;\n  padding-top: 25px;\n  border-bottom: ", " solid ", ";\n  :hover {\n    background: ", ";\n    &:hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   return props.theme.fileUnderlineThickness;
@@ -141,15 +67,15 @@ var DXCFileToUpload = _styledComponents["default"].div(_templateObject(), functi
   return props.theme.hoverFileColor;
 });
 
-var FileContent = _styledComponents["default"].div(_templateObject2());
+var FileContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 25px;\n  margin-left: 40px;\n"])));
 
-var FileImage = _styledComponents["default"].img(_templateObject3());
+var FileImage = _styledComponents["default"].img(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 30px;\n  width: 70px;\n  height: 52px;\n  object-fit: contain;\n"])));
 
-var FileIconContainer = _styledComponents["default"].div(_templateObject4());
+var FileIconContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 30px;\n  width: 70px;\n  height: 52px;\n  & svg {\n    width: 70px;\n    height: 52px;\n  }\n"])));
 
-var FileInfo = _styledComponents["default"].div(_templateObject5());
+var FileInfo = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n"])));
 
-var FileName = _styledComponents["default"].div(_templateObject6(), function (props) {
+var FileName = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  color: ", ";\n  margin-bottom: 12px;\n"])), function (props) {
   return props.theme.fileNameFontSize;
 }, function (props) {
   return props.theme.fileNameFontStyle;
@@ -161,7 +87,7 @@ var FileName = _styledComponents["default"].div(_templateObject6(), function (pr
   return props.theme.fileNameFontColor;
 });
 
-var FileType = _styledComponents["default"].div(_templateObject7(), function (props) {
+var FileType = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  color: ", ";\n"])), function (props) {
   return props.theme.fileTypeFontSize;
 }, function (props) {
   return props.theme.fileTypeFontStyle;
@@ -173,7 +99,7 @@ var FileType = _styledComponents["default"].div(_templateObject7(), function (pr
   return props.theme.fileTypeFontColor;
 });
 
-var DeleteFile = _styledComponents["default"].button(_templateObject8(), function (props) {
+var DeleteFile = _styledComponents["default"].button(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", ";\n  width: ", ";\n  border: none;\n  display: flex;\n  margin-right: 30px;\n  margin-top: 11px;\n  padding: 0px;\n  background: none;\n  &:focus {\n    visibility: visible;\n  }\n  & svg {\n    fill: ", ";\n    height: ", ";\n    width: ", ";\n  }\n"])), function (props) {
   return props.theme.fileDeleteIconSize;
 }, function (props) {
   return props.theme.fileDeleteIconSize;

package/upload/file-upload/Icons.js

@@ -5,61 +5,61 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.audioIcon = exports.videoIcon = exports.defaultIcon = exports.closeIcon = void 0;
+exports.videoIcon = exports.defaultIcon = exports.closeIcon = exports.audioIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var closeIcon = _react["default"].createElement("svg", {
+var closeIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30",
   height: "30",
   viewBox: "0 0 24 24"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.closeIcon = closeIcon;
 
-var defaultIcon = _react["default"].createElement("svg", {
+var defaultIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   fill: "none",
   d: "M0 0h24v24H0V0z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"
 }));
 
 exports.defaultIcon = defaultIcon;
 
-var videoIcon = _react["default"].createElement("svg", {
+var videoIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.videoIcon = videoIcon;
 
-var audioIcon = _react["default"].createElement("svg", {
+var audioIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   fill: "none",
   d: "M0 0h24v24H0V0z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z"
 }));
 

package/upload/files-upload/FilesToUpload.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,27 +21,13 @@ var _FileToUpload = _interopRequireDefault(require("../file-upload/FileToUpload"
 
 var _ButtonsUpload = _interopRequireDefault(require("../buttons-upload/ButtonsUpload"));
 
-var _useTheme = _interopRequireDefault(require("../../useTheme.js"));
+var _useTheme = _interopRequireDefault(require("../../useTheme"));
 
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  height: 83%;\n  overflow: auto;\n  margin-top: 2px;\n  ::-webkit-scrollbar {\n    width: 3px;\n  }\n  ::-webkit-scrollbar-track {\n    border-radius: 3px;\n    background-color: ", ";\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 3px;\n    background-color: ", ";\n  }\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
+var _templateObject, _templateObject2;
 
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  padding: 20px;\n  border-radius: 4px 4px 0px 4px;\n  box-shadow: 0px 0px 1px ", ";\n  background-color: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-  return data;
-}
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var DxcFilesToUpload = function DxcFilesToUpload(_ref) {
   var filesToUpload = _ref.filesToUpload,
@@ -79,22 +65,22 @@ var DxcFilesToUpload = function DxcFilesToUpload(_ref) {
     }
   };
 
-  return _react["default"].createElement(_styledComponents.ThemeProvider, {
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
     theme: colorsTheme.upload
-  }, _react["default"].createElement(DXCFilesToUpload, {
+  }, /*#__PURE__*/_react["default"].createElement(DXCFilesToUpload, {
     onDrop: handleDrop,
     onDragEnter: handleDragIn,
     onDragOver: handleDrag,
     onDragLeave: handleDragOut
-  }, _react["default"].createElement(FilesToUpload, null, filesToUpload.map(function (fileToUpload) {
-    return _react["default"].createElement(_FileToUpload["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(FilesToUpload, null, filesToUpload.map(function (fileToUpload) {
+    return /*#__PURE__*/_react["default"].createElement(_FileToUpload["default"], {
       name: fileToUpload.name,
       type: fileToUpload.type,
       image: fileToUpload.image,
       onDelete: fileToUpload.deleteFile,
       tabIndexValue: tabIndexValue
     });
-  })), _react["default"].createElement(_ButtonsUpload["default"], {
+  })), /*#__PURE__*/_react["default"].createElement(_ButtonsUpload["default"], {
     addFile: addFile,
     onUpload: onUpload,
     tabIndex: tabIndexValue
@@ -107,13 +93,13 @@ DxcFilesToUpload.propTypes = {
   onUpload: _propTypes["default"].func
 };
 
-var DXCFilesToUpload = _styledComponents["default"].div(_templateObject(), function (props) {
+var DXCFilesToUpload = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  padding: 20px;\n  border-radius: 4px 4px 0px 4px;\n  box-shadow: 0px 0px 1px ", ";\n  background-color: ", ";\n"])), function (props) {
   return props.theme.shadowColor;
 }, function (props) {
   return props.theme.backgroundColor;
 });
 
-var FilesToUpload = _styledComponents["default"].div(_templateObject2(), function (props) {
+var FilesToUpload = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 83%;\n  overflow: auto;\n  margin-top: 2px;\n  ::-webkit-scrollbar {\n    width: 3px;\n  }\n  ::-webkit-scrollbar-track {\n    border-radius: 3px;\n    background-color: ", ";\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 3px;\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.scrollBarTrackColor;
 }, function (props) {
   return props.theme.scrollBarThumbColor;

package/upload/transaction/Icons.js

@@ -5,155 +5,155 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.audioIconError = exports.videoIconError = exports.imageIconError = exports.defaultIconError = exports.audioIcon = exports.videoIcon = exports.imageIcon = exports.defaultIcon = exports.errorIcon = exports.successIcon = void 0;
+exports.videoIconError = exports.videoIcon = exports.successIcon = exports.imageIconError = exports.imageIcon = exports.errorIcon = exports.defaultIconError = exports.defaultIcon = exports.audioIconError = exports.audioIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var successIcon = _react["default"].createElement("svg", {
+var successIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#50B50F"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   fill: "none",
   d: "M0 0h24v24H0z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"
 }));
 
 exports.successIcon = successIcon;
 
-var errorIcon = _react["default"].createElement("svg", {
+var errorIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D0011B"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.errorIcon = errorIcon;
 
-var defaultIcon = _react["default"].createElement("svg", {
+var defaultIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D9D9D9"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.defaultIcon = defaultIcon;
 
-var imageIcon = _react["default"].createElement("svg", {
+var imageIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D9D9D9"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.imageIcon = imageIcon;
 
-var videoIcon = _react["default"].createElement("svg", {
+var videoIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D9D9D9"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.videoIcon = videoIcon;
 
-var audioIcon = _react["default"].createElement("svg", {
+var audioIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D9D9D9"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   fill: "none",
   d: "M0 0h24v24H0V0z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z"
 }));
 
 exports.audioIcon = audioIcon;
 
-var defaultIconError = _react["default"].createElement("svg", {
+var defaultIconError = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D0011B"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.defaultIconError = defaultIconError;
 
-var imageIconError = _react["default"].createElement("svg", {
+var imageIconError = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D0011B"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.imageIconError = imageIconError;
 
-var videoIconError = _react["default"].createElement("svg", {
+var videoIconError = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D0011B"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M0 0h24v24H0z",
   fill: "none"
 }));
 
 exports.videoIconError = videoIconError;
 
-var audioIconError = _react["default"].createElement("svg", {
+var audioIconError = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "#D0011B"
-}, _react["default"].createElement("path", {
+}, /*#__PURE__*/_react["default"].createElement("path", {
   fill: "none",
   d: "M0 0h24v24H0V0z"
-}), _react["default"].createElement("path", {
+}), /*#__PURE__*/_react["default"].createElement("path", {
   d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z"
 }));