@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/FileIcon/FileIcon.js

@@ -1 +1,17 @@
-import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{getComponent as n}from"../../componentsV2/FileIcon/constants.js";var e=function(e){var m=e.name,s=o(e,["name"]),i=n(m);return t(i,r({},s))};export{e as FileIcon};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { getComponent } from '../../componentsV2/FileIcon/constants.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["name"];
+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) { _defineProperty(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; }
+var FileIcon = function FileIcon(_ref) {
+  var name = _ref.name,
+    svgIconProps = _objectWithoutProperties(_ref, _excluded);
+  var IconComponent = getComponent(name);
+  return /*#__PURE__*/jsx(IconComponent, _objectSpread({}, svgIconProps));
+};
+
+export { FileIcon };
+//# sourceMappingURL=FileIcon.js.map

package/components/FileIcon/FileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.js","sources":["../../../src/components/FileIcon/FileIcon.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { SvgIcon } from '@material-ui/core';\n\nimport { getComponent } from '~/componentsV2/FileIcon/constants';\n\ntype SvgIconProps = Omit<ComponentProps<typeof SvgIcon>, 'viewBox' | 'color' | 'htmlColor'>;\n\ntype FileIconProps = {\n  name: string;\n} & Omit<SvgIconProps, 'children' | 'name'>;\n\nexport const FileIcon = ({ name, ...svgIconProps }: FileIconProps) => {\n  const IconComponent = getComponent(name);\n\n  return <IconComponent {...svgIconProps} />;\n};\n"],"names":["FileIcon","name","svgIconProps","IconComponent","getComponent","_jsx"],"mappings":";;;;;;;;AAWaA,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAAiD,IAAA,EAAA;EAAA,IAA3CC,IAAI,QAAJA,IAAI;IAAKC,YAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC9C,EAAA,IAAMC,aAAa,GAAGC,YAAY,CAACH,IAAI,CAAC,CAAA;AAExC,EAAA,oBAAOI,GAAC,CAAA,aAAa,EAAKH,aAAAA,CAAAA,EAAAA,EAAAA,YAAY,CAAI,CAAA,CAAA;AAC5C;;;;"}

package/components/FilePreview/index.js

@@ -1 +1,80 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import r from"classnames";import{withStyles as t,Typography as l}from"@material-ui/core";import o from"@material-ui/icons/Delete";import a from"@material-ui/core/colors/grey";import s from"./styles.css.js";import n from"../../utils/main.js";import{getIsImage as m}from"../../utils/fileExtension.js";import c from"../FileTypeIcon.js";import p from"../IconButton/index.js";import{jsxs as d,jsx as f}from"react/jsx-runtime";var u=function(i){var t=i.fileName,u=i.fileUrl,v=i.handleFileDelete,F=i.classes,w=m(t);return d("div",{className:r(s.cComponentFilePreview,F.wrapper),children:[f("div",w?{className:s.cComponentFilePreviewImageFileWrapper,children:f("img",{"data-testid":"".concat("filePreview","_filePreview"),className:s.cComponentFilePreviewImage,src:u,alt:"Uploaded file"})}:{className:s.cComponentFilePreviewWrapper,children:d("div",{className:s.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(a[400])},children:[f(c,{fileName:t,size:25}),f("div",{className:s.cComponentFilePreviewDownloadText,children:f(l,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:n.getFileNameWithExtensionFromPath(t)})})]})}),f(p,{title:"Delete",onClick:v,className:r(s.cComponentFilePreviewDeleteFile,e({},s.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:f(o,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};u.propTypes={fileName:i.string.isRequired,fileUrl:i.string.isRequired,handleFileDelete:i.func.isRequired,classes:i.shape({deleteTooltip:i.string.isRequired}).isRequired};var v=t({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(u);export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles, Typography } from '@material-ui/core';
+import DeleteIcon from '@material-ui/icons/Delete';
+import grey from '@material-ui/core/colors/grey';
+import styles from './styles.css.js';
+import utils from '../../utils/main.js';
+import { getIsImage } from '../../utils/fileExtension.js';
+import FileTypeIcon from '../FileTypeIcon.js';
+import IconButton from '../IconButton/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'filePreview';
+var FilePreview = function FilePreview(_ref) {
+  var fileName = _ref.fileName,
+    fileUrl = _ref.fileUrl,
+    handleFileDelete = _ref.handleFileDelete,
+    classes = _ref.classes;
+  var isImage = getIsImage(fileName);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.cComponentFilePreview, classes.wrapper),
+    children: [isImage ? /*#__PURE__*/jsx("div", {
+      className: styles.cComponentFilePreviewImageFileWrapper,
+      children: /*#__PURE__*/jsx("img", {
+        "data-testid": "".concat(PAGE_NAME, "_filePreview"),
+        className: styles.cComponentFilePreviewImage,
+        src: fileUrl,
+        alt: "Uploaded file"
+      })
+    }) : /*#__PURE__*/jsx("div", {
+      className: styles.cComponentFilePreviewWrapper,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.cComponentFilePreviewDownload,
+        style: {
+          border: "1px solid ".concat(grey[400])
+        },
+        children: [/*#__PURE__*/jsx(FileTypeIcon, {
+          fileName: fileName,
+          size: 25
+        }), /*#__PURE__*/jsx("div", {
+          className: styles.cComponentFilePreviewDownloadText,
+          children: /*#__PURE__*/jsx(Typography, {
+            "data-testid": "".concat(PAGE_NAME, "_fileName"),
+            variant: "subtitle2",
+            noWrap: true,
+            children: utils.getFileNameWithExtensionFromPath(fileName)
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(IconButton, {
+      title: "Delete",
+      onClick: handleFileDelete,
+      className: classNames(styles.cComponentFilePreviewDeleteFile, _defineProperty({}, styles.cComponentFilePreviewDeleteFileCentered, !isImage)),
+      tooltipProps: {
+        title: 'Delete'
+      },
+      children: /*#__PURE__*/jsx(DeleteIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_deleteButton")
+      })
+    })]
+  });
+};
+FilePreview.propTypes = {
+  fileName: PropTypes.string.isRequired,
+  fileUrl: PropTypes.string.isRequired,
+  handleFileDelete: PropTypes.func.isRequired,
+  classes: PropTypes.shape({
+    deleteTooltip: PropTypes.string.isRequired
+  }).isRequired
+};
+var FilePreview$1 = withStyles({
+  deleteTooltip: {
+    marginTop: '3px',
+    backgroundColor: 'rgba(97, 97, 97, 0.4)'
+  }
+})(FilePreview);
+
+export { FilePreview$1 as default };
+//# sourceMappingURL=index.js.map

package/components/FilePreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, withStyles } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport utils from '~utils/main';\nimport { getIsImage } from '~/utils/fileExtension';\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\n\nconst PAGE_NAME = 'filePreview';\n\nconst FilePreview = ({ fileName, fileUrl, handleFileDelete, classes }) => {\n  const isImage = getIsImage(fileName);\n\n  return (\n    <div className={classNames(styles.cComponentFilePreview, classes.wrapper)}>\n      {isImage ? (\n        <div className={styles.cComponentFilePreviewImageFileWrapper}>\n          <img\n            data-testid={`${PAGE_NAME}_filePreview`}\n            className={styles.cComponentFilePreviewImage}\n            src={fileUrl}\n            alt=\"Uploaded file\"\n          />\n        </div>\n      ) : (\n        <div className={styles.cComponentFilePreviewWrapper}>\n          <div\n            className={styles.cComponentFilePreviewDownload}\n            style={{\n              border: `1px solid ${grey[400]}`,\n            }}\n          >\n            <FileTypeIcon fileName={fileName} size={25} />\n            <div className={styles.cComponentFilePreviewDownloadText}>\n              <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n                {utils.getFileNameWithExtensionFromPath(fileName)}\n              </Typography>\n            </div>\n          </div>\n        </div>\n      )}\n      <IconButton\n        title=\"Delete\"\n        onClick={handleFileDelete}\n        className={classNames(styles.cComponentFilePreviewDeleteFile, {\n          [styles.cComponentFilePreviewDeleteFileCentered]: !isImage,\n        })}\n        tooltipProps={{ title: 'Delete' }}\n      >\n        <DeleteIcon data-testid={`${PAGE_NAME}_deleteButton`} />\n      </IconButton>\n    </div>\n  );\n};\n\nFilePreview.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  handleFileDelete: PropTypes.func.isRequired,\n  classes: PropTypes.shape({\n    deleteTooltip: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles({\n  deleteTooltip: {\n    marginTop: '3px',\n    backgroundColor: 'rgba(97, 97, 97, 0.4)',\n  },\n})(FilePreview);\n"],"names":["PAGE_NAME","FilePreview","fileName","fileUrl","handleFileDelete","classes","isImage","getIsImage","_jsxs","classNames","styles","cComponentFilePreview","wrapper","_jsx","cComponentFilePreviewImageFileWrapper","cComponentFilePreviewImage","cComponentFilePreviewWrapper","cComponentFilePreviewDownload","border","grey","cComponentFilePreviewDownloadText","utils","getFileNameWithExtensionFromPath","cComponentFilePreviewDeleteFile","cComponentFilePreviewDeleteFileCentered","title","propTypes","PropTypes","string","isRequired","func","shape","deleteTooltip","withStyles","marginTop","backgroundColor"],"mappings":"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"}

package/components/FilePreview/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cComponentFilePreview:"styles_cComponentFilePreview__u5R6s",cComponentFilePreviewWrapper:"styles_cComponentFilePreviewWrapper__efPtx",cComponentFilePreviewDeleteFile:"styles_cComponentFilePreviewDeleteFile__I4343",cComponentFilePreviewDeleteFileCentered:"styles_cComponentFilePreviewDeleteFileCentered__6rfz6",cComponentFilePreviewImageFileWrapper:"styles_cComponentFilePreviewImageFileWrapper__BW-s-",cComponentFilePreviewName:"styles_cComponentFilePreviewName__x37wX",cComponentFilePreviewImage:"styles_cComponentFilePreviewImage__affFU",cComponentFilePreviewDownload:"styles_cComponentFilePreviewDownload__MlNlb",cComponentFilePreviewDownloadText:"styles_cComponentFilePreviewDownloadText__qoZzr"};e(".styles_cComponentFilePreview__u5R6s{background:#4d4d4d;border-radius:4px;display:flex;margin-left:48px;margin-top:10px;max-height:300px;padding:2px 0;position:relative}.styles_cComponentFilePreviewWrapper__efPtx{align-items:center;display:flex;margin-left:8px}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343{margin-left:20px;position:relative;visibility:visible}.styles_cComponentFilePreviewDeleteFile__I4343{position:absolute!important;right:8px;top:8px;visibility:hidden}.styles_cComponentFilePreviewDeleteFileCentered__6rfz6{top:50%;transform:translateY(-50%)}.styles_cComponentFilePreviewImageFileWrapper__BW-s-{border-radius:3px;margin-bottom:0;margin-top:0;overflow:hidden;text-align:center}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx{opacity:.7}.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343{visibility:visible}.styles_cComponentFilePreviewName__x37wX{align-items:center;display:flex;justify-content:space-between;margin:20px 0 0}.styles_cComponentFilePreviewImage__affFU{max-height:100%;max-width:100%;vertical-align:top}.styles_cComponentFilePreviewDownload__MlNlb{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin:5px 0;padding:5px;width:150px}.styles_cComponentFilePreviewDownloadText__qoZzr{display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 60px)}");export{i as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cComponentFilePreview__u5R6s {\n  display: flex;\n  padding: 2px 0;\n  margin-top: 10px;\n  margin-left: 48px;\n  background: #4d4d4d;\n  border-radius: 4px;\n  position: relative;\n  max-height: 300px;\n}\n\n.styles_cComponentFilePreviewWrapper__efPtx {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: relative;\n  margin-left: 20px;\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: absolute !important;\n  right: 8px;\n  top: 8px;\n  visibility: hidden;\n}\n\n.styles_cComponentFilePreviewDeleteFileCentered__6rfz6 {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s- {\n  border-radius: 3px;\n  overflow: hidden;\n  text-align: center;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx {\n  opacity: 0.7;\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewName__x37wX {\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0px 0px 0px;\n  align-items: center;\n}\n\n.styles_cComponentFilePreviewImage__affFU {\n  vertical-align: top;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.styles_cComponentFilePreviewDownload__MlNlb {\n  width: 150px;\n  padding: 5px;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n}\n\n.styles_cComponentFilePreviewDownloadText__qoZzr {\n  margin-left: 10px;\n  width: calc(100% - 60px); /* NOTE: Minus file icon width */\n  display: flex;\n  justify-content: space-between;\n}\n";
+var styles = {"cComponentFilePreview":"styles_cComponentFilePreview__u5R6s","cComponentFilePreviewWrapper":"styles_cComponentFilePreviewWrapper__efPtx","cComponentFilePreviewDeleteFile":"styles_cComponentFilePreviewDeleteFile__I4343","cComponentFilePreviewDeleteFileCentered":"styles_cComponentFilePreviewDeleteFileCentered__6rfz6","cComponentFilePreviewImageFileWrapper":"styles_cComponentFilePreviewImageFileWrapper__BW-s-","cComponentFilePreviewName":"styles_cComponentFilePreviewName__x37wX","cComponentFilePreviewImage":"styles_cComponentFilePreviewImage__affFU","cComponentFilePreviewDownload":"styles_cComponentFilePreviewDownload__MlNlb","cComponentFilePreviewDownloadText":"styles_cComponentFilePreviewDownloadText__qoZzr"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/FilePreview/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/FileTypeIcon.js

@@ -1 +1,69 @@
-import e from"prop-types";import i from"image-extensions";import{getFileExtension as a}from"../utils/fileExtension.js";import{jsx as s}from"react/jsx-runtime";var d={image:i,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},c={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},t=function(e){var i,t=e.fileName,r=e.size,l=e.className,f=a(t);return i=d.image.includes(f)?"/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg":d.doc.includes(f)?"/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg":d.xls.includes(f)?"/static/media/b88b9008a93dabe2d431b22e76e3017a.svg":d.pdf.includes(f)?"/static/media/af268ec48d747e3147d5acb95bc1b599.svg":d.archive.includes(f)?"/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg":"/static/media/0ea849622ec24faa453981edfd1862e6.svg",s("div",{style:c.fileTypeWrapper,className:l,children:s("img",{src:i,alt:"File icon",style:{display:"block",height:r,width:r}})})};t.propTypes={fileName:e.string.isRequired,size:e.number,className:e.string},t.defaultProps={size:50,className:void 0};export{t as default};
+import PropTypes from 'prop-types';
+import imageExtensions from 'image-extensions';
+import { getFileExtension } from '../utils/fileExtension.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ImageIcon = "/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg";
+var DocIcon = "/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg";
+var XlsIcon = "/static/media/b88b9008a93dabe2d431b22e76e3017a.svg";
+var PdfIcon = "/static/media/af268ec48d747e3147d5acb95bc1b599.svg";
+var OtherIcon = "/static/media/0ea849622ec24faa453981edfd1862e6.svg";
+var ArchiveIcon = "/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg";
+var fileExtensions = {
+  image: imageExtensions,
+  doc: ['doc', 'docx'],
+  xls: ['xls', 'xlsx'],
+  pdf: ['pdf'],
+  archive: ['zip', 'rar', '7z', 'tar']
+};
+var styles = {
+  fileTypeWrapper: {
+    display: 'inline-block',
+    verticalAlign: 'top'
+  }
+};
+var FileTypeIcon = function FileTypeIcon(_ref) {
+  var fileName = _ref.fileName,
+    size = _ref.size,
+    className = _ref.className;
+  var extension = getFileExtension(fileName);
+  var fileTypeIcon;
+  if (fileExtensions.image.includes(extension)) {
+    fileTypeIcon = ImageIcon;
+  } else if (fileExtensions.doc.includes(extension)) {
+    fileTypeIcon = DocIcon;
+  } else if (fileExtensions.xls.includes(extension)) {
+    fileTypeIcon = XlsIcon;
+  } else if (fileExtensions.pdf.includes(extension)) {
+    fileTypeIcon = PdfIcon;
+  } else if (fileExtensions.archive.includes(extension)) {
+    fileTypeIcon = ArchiveIcon;
+  } else {
+    fileTypeIcon = OtherIcon;
+  }
+  return /*#__PURE__*/jsx("div", {
+    style: styles.fileTypeWrapper,
+    className: className,
+    children: /*#__PURE__*/jsx("img", {
+      src: fileTypeIcon,
+      alt: "File icon",
+      style: {
+        display: 'block',
+        height: size,
+        width: size
+      }
+    })
+  });
+};
+FileTypeIcon.propTypes = {
+  fileName: PropTypes.string.isRequired,
+  size: PropTypes.number,
+  className: PropTypes.string
+};
+FileTypeIcon.defaultProps = {
+  size: 50,
+  className: undefined
+};
+
+export { FileTypeIcon as default };
+//# sourceMappingURL=FileTypeIcon.js.map

package/components/FileTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTypeIcon.js","sources":["../../src/components/FileTypeIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport imageExtensions from 'image-extensions';\n\nimport { getFileExtension } from '~/utils/fileExtension';\nimport ImageIcon from '~/assets/file-type-icons/image.svg';\nimport DocIcon from '~/assets/file-type-icons/doc.svg';\nimport XlsIcon from '~/assets/file-type-icons/xls.svg';\nimport PdfIcon from '~/assets/file-type-icons/pdf.svg';\nimport OtherIcon from '~/assets/file-type-icons/other.svg';\nimport ArchiveIcon from '~/assets/file-type-icons/archive.svg';\n\nconst fileExtensions = {\n  image: imageExtensions,\n  doc: ['doc', 'docx'],\n  xls: ['xls', 'xlsx'],\n  pdf: ['pdf'],\n  archive: ['zip', 'rar', '7z', 'tar'],\n};\n\nconst styles = {\n  fileTypeWrapper: { display: 'inline-block', verticalAlign: 'top' },\n};\n\nconst FileTypeIcon = ({ fileName, size, className }) => {\n  const extension = getFileExtension(fileName);\n\n  let fileTypeIcon;\n\n  if (fileExtensions.image.includes(extension)) {\n    fileTypeIcon = ImageIcon;\n  } else if (fileExtensions.doc.includes(extension)) {\n    fileTypeIcon = DocIcon;\n  } else if (fileExtensions.xls.includes(extension)) {\n    fileTypeIcon = XlsIcon;\n  } else if (fileExtensions.pdf.includes(extension)) {\n    fileTypeIcon = PdfIcon;\n  } else if (fileExtensions.archive.includes(extension)) {\n    fileTypeIcon = ArchiveIcon;\n  } else {\n    fileTypeIcon = OtherIcon;\n  }\n\n  return (\n    <div style={styles.fileTypeWrapper} className={className}>\n      <img\n        src={fileTypeIcon}\n        alt=\"File icon\"\n        style={{\n          display: 'block',\n          height: size,\n          width: size,\n        }}\n      />\n    </div>\n  );\n};\n\nFileTypeIcon.propTypes = {\n  fileName: PropTypes.string.isRequired,\n  size: PropTypes.number,\n  className: PropTypes.string,\n};\n\nFileTypeIcon.defaultProps = {\n  size: 50,\n  className: undefined,\n};\n\nexport default FileTypeIcon;\n"],"names":["fileExtensions","image","imageExtensions","doc","xls","pdf","archive","styles","fileTypeWrapper","display","verticalAlign","FileTypeIcon","fileName","size","className","extension","getFileExtension","fileTypeIcon","includes","ImageIcon","DocIcon","XlsIcon","PdfIcon","ArchiveIcon","OtherIcon","_jsx","height","width","propTypes","PropTypes","string","isRequired","number","defaultProps","undefined"],"mappings":";;;;;AAGyD,IAAA,SAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,SAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,WAAA,GAAA,oDAAA,CAAA;AAQzD,IAAMA,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAEC,eAAe;AACtBC,EAAAA,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;AACpBC,EAAAA,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;EACpBC,GAAG,EAAE,CAAC,KAAK,CAAC;EACZC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAA;AACrC,CAAC,CAAA;AAED,IAAMC,MAAM,GAAG;AACbC,EAAAA,eAAe,EAAE;AAAEC,IAAAA,OAAO,EAAE,cAAc;AAAEC,IAAAA,aAAa,EAAE,KAAA;AAAM,GAAA;AACnE,CAAC,CAAA;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAsC,IAAA,EAAA;EAAA,IAAhCC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;AAC/C,EAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACJ,QAAQ,CAAC,CAAA;AAE5C,EAAA,IAAIK,YAAY,CAAA;EAEhB,IAAIjB,cAAc,CAACC,KAAK,CAACiB,QAAQ,CAACH,SAAS,CAAC,EAAE;AAC5CE,IAAAA,YAAY,GAAGE,SAAS,CAAA;GACzB,MAAM,IAAInB,cAAc,CAACG,GAAG,CAACe,QAAQ,CAACH,SAAS,CAAC,EAAE;AACjDE,IAAAA,YAAY,GAAGG,OAAO,CAAA;GACvB,MAAM,IAAIpB,cAAc,CAACI,GAAG,CAACc,QAAQ,CAACH,SAAS,CAAC,EAAE;AACjDE,IAAAA,YAAY,GAAGI,OAAO,CAAA;GACvB,MAAM,IAAIrB,cAAc,CAACK,GAAG,CAACa,QAAQ,CAACH,SAAS,CAAC,EAAE;AACjDE,IAAAA,YAAY,GAAGK,OAAO,CAAA;GACvB,MAAM,IAAItB,cAAc,CAACM,OAAO,CAACY,QAAQ,CAACH,SAAS,CAAC,EAAE;AACrDE,IAAAA,YAAY,GAAGM,WAAW,CAAA;AAC5B,GAAC,MAAM;AACLN,IAAAA,YAAY,GAAGO,SAAS,CAAA;AAC1B,GAAA;EAEA,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,KAAK,EAAElB,MAAM,CAACC,eAAgB;AAAC,IAAA,SAAS,EAAEM,SAAU;IAAA,QACvD,eAAAW,GAAA,CAAA,KAAA,EAAA;AACE,MAAA,GAAG,EAAER,YAAa;AAClB,MAAA,GAAG,EAAC,WAAW;AACf,MAAA,KAAK,EAAE;AACLR,QAAAA,OAAO,EAAE,OAAO;AAChBiB,QAAAA,MAAM,EAAEb,IAAI;AACZc,QAAAA,KAAK,EAAEd,IAAAA;AACT,OAAA;AAAE,KAAA,CAAA;GAEA,CAAA,CAAA;AAEV,EAAC;AAEDF,YAAY,CAACiB,SAAS,GAAG;AACvBhB,EAAAA,QAAQ,EAAEiB,SAAS,CAACC,MAAM,CAACC,UAAU;EACrClB,IAAI,EAAEgB,SAAS,CAACG,MAAM;EACtBlB,SAAS,EAAEe,SAAS,CAACC,MAAAA;AACvB,CAAC,CAAA;AAEDnB,YAAY,CAACsB,YAAY,GAAG;AAC1BpB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,SAAS,EAAEoB,SAAAA;AACb,CAAC;;;;"}

package/components/FileUploadIconButton.js

@@ -1 +1,254 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import d from"prop-types";import c from"react-s3-uploader/s3upload";import f from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import m from"./PostPreviewDialog/index.js";import b from"./Icons/AttachIcon.js";import g from"./IconButton/index.js";import{getS3DownloadLink as F,getS3SignedUrl as v}from"../clients/jsonApi/index.js";import{isNativeDetected as U}from"../utils/mobileDetect.js";import{jsxs as P,jsx as y,Fragment as S}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=l(e);if(r){var o=l(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return n(this,t)}}var D="data-file-upload-button",I=function(n){o(d,u);var l=j(d);function d(t){var o,n;return r(this,d),o=l.call(this,t),a(i(o),"onFinish",e(s.mark((function e(){var r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(o.state.s3FileName);case 2:r=e.sent,o.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:o.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){o.props.onFinish&&o.props.onFinish(o.state.s3FileUrl,o.state.s3FileName,o.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),a(i(o),"onError",(function(e){o.props.onError&&o.props.onError(e),console.error(e)})),a(i(o),"getSignedUrl",(n=e(s.mark((function e(r,t){var i;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,v(r.name,r.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),o.setState({uploadingFileToS3:null,currentUpload:null},(function(){o.onError(e.t0.message)})),e.abrupt("return");case 10:o.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:r.size}),t(w(w({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),a(i(o),"preprocess",(function(e,r){r(e)})),a(i(o),"uploadFile",(function(e){if(e.target.files[0]){o.clearUpload();var r=new c({fileElement:o.fileInput.current,getSignedUrl:o.getSignedUrl,preprocess:o.preprocess,onProgress:function(){},onFinishS3Put:o.onFinish,onError:o.onError});o.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),a(i(o),"handleCloseFileUploadPreviewDialog",(function(){o.setState({openFileUploadPreviewDialog:!1})})),a(i(o),"handleShare",(function(e,r,t){o.setState({openFileUploadPreviewDialog:!1},(function(){o.props.handleShare&&o.props.handleShare(e,r,t)}))})),o.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},o.fileInput=p(),o}return t(d,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=U?h:b,r=a({},"data-file-upload-button","");return P("label",w(w({htmlFor:this.props.inputId},r),{},{children:[y("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),y(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:y(e,{})})]}))}},{key:"render",value:function(){return P(S,{children:[this.state.uploadingFileToS3?y(f,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&y(m,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),d}();I.propTypes={additionalFields:d.arrayOf(d.node),classes:d.shape({}).isRequired,tooltipProps:d.shape({}),disableRipple:d.bool,disabled:d.bool,fileUploadIconClassName:d.string,handleShare:d.func,inputId:d.string,message:d.string,onError:d.func,onFinish:d.func,openPreviewDialogOnUpload:d.bool,requiredFields:d.arrayOf(d.string)},I.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}};export{D as FILE_UPLOAD_BUTTON_DATA_ATTR,I as default};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import S3Upload from 'react-s3-uploader/s3upload';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import PhotoCameraIcon from '@material-ui/icons/PhotoCamera';
+import PostPreviewDialog from './PostPreviewDialog/index.js';
+import AttachIcon from './Icons/AttachIcon.js';
+import IconButton from './IconButton/index.js';
+import { getS3DownloadLink, getS3SignedUrl } from '../clients/jsonApi/index.js';
+import { isNativeDetected } from '../utils/mobileDetect.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+var PAGE_NAME = 'fileUpload';
+
+// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing
+var FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';
+var FileUploadIconButton = /*#__PURE__*/function (_PureComponent) {
+  _inherits(FileUploadIconButton, _PureComponent);
+  var _super = _createSuper(FileUploadIconButton);
+  function FileUploadIconButton(props) {
+    var _this;
+    _classCallCheck(this, FileUploadIconButton);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "onFinish", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var s3DownloadLinkResponse;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getS3DownloadLink(_this.state.s3FileName);
+            case 2:
+              s3DownloadLinkResponse = _context.sent;
+              _this.setState({
+                currentUpload: null,
+                uploadingFileToS3: false,
+                openFileUploadPreviewDialog: _this.props.openPreviewDialogOnUpload,
+                s3FileUrl: s3DownloadLinkResponse.url
+              }, function () {
+                if (_this.props.onFinish) _this.props.onFinish(_this.state.s3FileUrl, _this.state.s3FileName, _this.state.s3FileSize);
+              });
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    _defineProperty(_assertThisInitialized(_this), "onError", function (fileUploadingError) {
+      if (_this.props.onError) _this.props.onError(fileUploadingError);
+      console.error(fileUploadingError);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getSignedUrl", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, callback) {
+        var data;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                _context2.next = 3;
+                return getS3SignedUrl(file.name, file.type);
+              case 3:
+                data = _context2.sent;
+                _context2.next = 10;
+                break;
+              case 6:
+                _context2.prev = 6;
+                _context2.t0 = _context2["catch"](0);
+                _this.setState({
+                  uploadingFileToS3: null,
+                  currentUpload: null
+                }, function () {
+                  _this.onError(_context2.t0.message);
+                });
+                return _context2.abrupt("return");
+              case 10:
+                _this.setState({
+                  s3FileUrl: data.signed_url,
+                  s3FileName: data.file_name,
+                  s3FileSize: file.size
+                });
+
+                // NOTE: Add node for 'signedUrl' which is the expected name by uploader component
+                callback(_objectSpread(_objectSpread({}, data), {}, {
+                  signedUrl: data.signed_url
+                }));
+              case 12:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, null, [[0, 6]]);
+      }));
+      return function (_x, _x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "preprocess", function (file, next) {
+      next(file);
+    });
+    _defineProperty(_assertThisInitialized(_this), "uploadFile", function (event) {
+      if (!event.target.files[0]) {
+        return;
+      }
+      _this.clearUpload();
+      var uploader = new S3Upload({
+        fileElement: _this.fileInput.current,
+        getSignedUrl: _this.getSignedUrl,
+        preprocess: _this.preprocess,
+        onProgress: function onProgress() {},
+        // NOTE: Prevents logging to console
+        onFinishS3Put: _this.onFinish,
+        onError: _this.onError
+      });
+      _this.setState({
+        uploadingFileToS3: true,
+        currentUpload: {
+          uploader: uploader
+        }
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCloseFileUploadPreviewDialog", function () {
+      _this.setState({
+        openFileUploadPreviewDialog: false
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleShare", function (comment, fileName, fileSize) {
+      _this.setState({
+        openFileUploadPreviewDialog: false
+      }, function () {
+        if (_this.props.handleShare) {
+          _this.props.handleShare(comment, fileName, fileSize);
+        }
+      });
+    });
+    _this.state = {
+      currentUpload: null,
+      s3FileUrl: null,
+      s3FileName: null,
+      s3FileSize: null,
+      uploadingFileToS3: false,
+      openFileUploadPreviewDialog: false
+    };
+    _this.fileInput = createRef();
+    return _this;
+  }
+  _createClass(FileUploadIconButton, [{
+    key: "clearUpload",
+    value: function clearUpload() {
+      var currentUpload = this.state.currentUpload;
+      if (currentUpload && currentUpload.uploader) {
+        currentUpload.uploader.abortUpload();
+      }
+    }
+  }, {
+    key: "renderUploadButton",
+    value: function renderUploadButton() {
+      var Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;
+      var labelDataAttributes = _defineProperty({}, FILE_UPLOAD_BUTTON_DATA_ATTR, '');
+      return /*#__PURE__*/jsxs("label", _objectSpread(_objectSpread({
+        htmlFor: this.props.inputId
+      }, labelDataAttributes), {}, {
+        children: [/*#__PURE__*/jsx("input", {
+          ref: this.fileInput,
+          id: this.props.inputId,
+          type: "file",
+          disabled: this.props.disabled,
+          onChange: this.uploadFile,
+          style: {
+            display: 'none'
+          }
+        }), /*#__PURE__*/jsx(IconButton, {
+          "data-testid": "".concat(PAGE_NAME, "_attachFileButton"),
+          "aria-label": "File Upload",
+          disabled: this.props.disabled,
+          component: this.props.disabled ? 'button' : 'span',
+          className: this.props.fileUploadIconClassName,
+          disableRipple: this.props.disableRipple,
+          tooltipProps: this.props.tooltipProps,
+          children: /*#__PURE__*/jsx(Icon, {})
+        })]
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [this.state.uploadingFileToS3 ? /*#__PURE__*/jsx(CircularProgress, {
+          "data-testid": "generic_uploadProgress",
+          size: 18
+        }) : this.renderUploadButton(), this.state.openFileUploadPreviewDialog && /*#__PURE__*/jsx(PostPreviewDialog, {
+          open: this.state.openFileUploadPreviewDialog,
+          fileUrl: this.state.s3FileUrl,
+          fileName: this.state.s3FileName,
+          fileSize: this.state.s3FileSize,
+          handleShare: this.handleShare,
+          handleClose: this.handleCloseFileUploadPreviewDialog,
+          additionalFields: this.props.additionalFields,
+          requiredFields: this.props.requiredFields,
+          message: this.props.message
+        })]
+      });
+    }
+  }]);
+  return FileUploadIconButton;
+}(PureComponent);
+FileUploadIconButton.propTypes = {
+  additionalFields: PropTypes.arrayOf(PropTypes.node),
+  classes: PropTypes.shape({}).isRequired,
+  tooltipProps: PropTypes.shape({}),
+  disableRipple: PropTypes.bool,
+  disabled: PropTypes.bool,
+  fileUploadIconClassName: PropTypes.string,
+  handleShare: PropTypes.func,
+  inputId: PropTypes.string,
+  message: PropTypes.string,
+  onError: PropTypes.func,
+  onFinish: PropTypes.func,
+  openPreviewDialogOnUpload: PropTypes.bool,
+  requiredFields: PropTypes.arrayOf(PropTypes.string)
+};
+FileUploadIconButton.defaultProps = {
+  additionalFields: [],
+  disableRipple: false,
+  disabled: false,
+  fileUploadIconClassName: undefined,
+  handleShare: undefined,
+  inputId: 'icon-button-file',
+  message: undefined,
+  onError: undefined,
+  onFinish: undefined,
+  openPreviewDialogOnUpload: true,
+  requiredFields: [],
+  tooltipProps: {
+    title: 'Attach File'
+  }
+};
+
+export { FILE_UPLOAD_BUTTON_DATA_ATTR, FileUploadIconButton as default };
+//# sourceMappingURL=FileUploadIconButton.js.map

package/components/FileUploadIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadIconButton.js","sources":["../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}).isRequired,\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["PAGE_NAME","FILE_UPLOAD_BUTTON_DATA_ATTR","FileUploadIconButton","props","getS3DownloadLink","state","s3FileName","s3DownloadLinkResponse","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","fileUploadingError","onError","console","error","file","callback","getS3SignedUrl","name","type","data","message","signed_url","file_name","size","signedUrl","next","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","inputId","_jsx","disabled","uploadFile","display","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","renderUploadButton","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","classes","shape","isRequired","bool","string","func","defaultProps","undefined","title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,SAAS,GAAG,YAAY,CAAA;;AAE9B;AACO,IAAMC,4BAA4B,GAAG,0BAAyB;AAAC,IAEhEC,oBAAoB,gBAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,oBAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,oBAAA,CAAA,CAAA;AACxB,EAAA,SAAA,oBAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,oBAAA,CAAA,CAAA;AACjB,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;IAAE,eAiBJ,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,UAAA,eAAA,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,OAAA,GAAA;AAAA,MAAA,IAAA,sBAAA,CAAA;AAAA,MAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,CAAA,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA;AAAA,UAAA,QAAA,QAAA,CAAA,IAAA,GAAA,QAAA,CAAA,IAAA;AAAA,YAAA,KAAA,CAAA;AAAA,cAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,OAC4BC,iBAAiB,CAAC,KAAA,CAAKC,KAAK,CAACC,UAAU,CAAC,CAAA;AAAA,YAAA,KAAA,CAAA;cAAvEC,sBAAsB,GAAA,QAAA,CAAA,IAAA,CAAA;AAC5B,cAAA,KAAA,CAAKC,QAAQ,CACX;AACEC,gBAAAA,aAAa,EAAE,IAAI;AACnBC,gBAAAA,iBAAiB,EAAE,KAAK;AACxBC,gBAAAA,2BAA2B,EAAE,KAAA,CAAKR,KAAK,CAACS,yBAAyB;gBACjEC,SAAS,EAAEN,sBAAsB,CAACO,GAAAA;AACpC,eAAC,EACD,YAAM;gBACJ,IAAI,KAAA,CAAKX,KAAK,CAACY,QAAQ,EACrB,MAAKZ,KAAK,CAACY,QAAQ,CAAC,KAAKV,CAAAA,KAAK,CAACQ,SAAS,EAAE,KAAKR,CAAAA,KAAK,CAACC,UAAU,EAAE,KAAKD,CAAAA,KAAK,CAACW,UAAU,CAAC,CAAA;AAC3F,eAAC,CACF,CAAA;AAAC,YAAA,KAAA,CAAA,CAAA;AAAA,YAAA,KAAA,KAAA;AAAA,cAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAAA,EAAA,OAAA,CAAA,CAAA;KACH,CAAA,CAAA,CAAA,CAAA;IAAA,eAES,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,SAAA,EAAA,UAAAC,kBAAkB,EAAI;MAC9B,IAAI,KAAA,CAAKd,KAAK,CAACe,OAAO,EAAE,KAAKf,CAAAA,KAAK,CAACe,OAAO,CAACD,kBAAkB,CAAC,CAAA;AAC9DE,MAAAA,OAAO,CAACC,KAAK,CAACH,kBAAkB,CAAC,CAAA;KAClC,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,eAAA,YAAA;MAAA,IAEc,KAAA,GAAA,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,CAAOI,IAAI,EAAEC,QAAQ,EAAA;AAAA,QAAA,IAAA,IAAA,CAAA;AAAA,QAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,OAAA,CAAA,EAAA;AAAA,YAAA,QAAA,SAAA,CAAA,IAAA,GAAA,SAAA,CAAA,IAAA;AAAA,cAAA,KAAA,CAAA;AAAA,gBAAA,SAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,SAAA,CAAA,IAAA,GAAA,CAAA,CAAA;gBAAA,OAGnBC,cAAc,CAACF,IAAI,CAACG,IAAI,EAAEH,IAAI,CAACI,IAAI,CAAC,CAAA;AAAA,cAAA,KAAA,CAAA;gBAAjDC,IAAI,GAAA,SAAA,CAAA,IAAA,CAAA;AAAA,gBAAA,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA;AAAA,gBAAA,MAAA;AAAA,cAAA,KAAA,CAAA;AAAA,gBAAA,SAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,SAAA,CAAA,EAAA,GAAA,SAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEJ,gBAAA,KAAA,CAAKlB,QAAQ,CACX;AACEE,kBAAAA,iBAAiB,EAAE,IAAI;AACvBD,kBAAAA,aAAa,EAAE,IAAA;AACjB,iBAAC,EACD,YAAM;AACJ,kBAAA,KAAA,CAAKS,OAAO,CAAC,SAAES,CAAAA,EAAAA,CAAAA,OAAO,CAAC,CAAA;AACzB,iBAAC,CACF,CAAA;AAAC,gBAAA,OAAA,SAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA;AAAA,cAAA,KAAA,EAAA;AAIJ,gBAAA,KAAA,CAAKnB,QAAQ,CAAC;kBACZK,SAAS,EAAEa,IAAI,CAACE,UAAU;kBAC1BtB,UAAU,EAAEoB,IAAI,CAACG,SAAS;kBAC1Bb,UAAU,EAAEK,IAAI,CAACS,IAAAA;AACnB,iBAAC,CAAC,CAAA;;AAEF;AACAR,gBAAAA,QAAQ,iCACHI,IAAI,CAAA,EAAA,EAAA,EAAA;kBACPK,SAAS,EAAEL,IAAI,CAACE,UAAAA;iBAChB,CAAA,CAAA,CAAA;AAAC,cAAA,KAAA,EAAA,CAAA;AAAA,cAAA,KAAA,KAAA;AAAA,gBAAA,OAAA,SAAA,CAAA,IAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;OACJ,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAA,EAAA,EAAA,GAAA,EAAA;AAAA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,YAAA,EAEY,UAACP,IAAI,EAAEW,IAAI,EAAK;MAC3BA,IAAI,CAACX,IAAI,CAAC,CAAA;KACX,CAAA,CAAA;IAAA,eAEY,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,YAAA,EAAA,UAAAY,KAAK,EAAI;MACpB,IAAI,CAACA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE;AAC1B,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,KAAA,CAAKC,WAAW,EAAE,CAAA;AAClB,MAAA,IAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC;AAC5BC,QAAAA,WAAW,EAAE,KAAA,CAAKC,SAAS,CAACC,OAAO;QACnCC,YAAY,EAAE,MAAKA,YAAY;QAC/BC,UAAU,EAAE,MAAKA,UAAU;QAC3BC,UAAU,EAAE,SAAM,UAAA,GAAA,EAAE;AAAE;QACtBC,aAAa,EAAE,MAAK9B,QAAQ;AAC5BG,QAAAA,OAAO,EAAE,KAAKA,CAAAA,OAAAA;AAChB,OAAC,CAAC,CAAA;AAEF,MAAA,KAAA,CAAKV,QAAQ,CAAC;AACZE,QAAAA,iBAAiB,EAAE,IAAI;AACvBD,QAAAA,aAAa,EAAE;AACb4B,UAAAA,QAAQ,EAARA,QAAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;KACH,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,oCAAA,EASoC,YAAM;AACzC,MAAA,KAAA,CAAK7B,QAAQ,CAAC;AAAEG,QAAAA,2BAA2B,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;KACtD,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,aAAA,EAEa,UAACmC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAK;AAC7C,MAAA,KAAA,CAAKxC,QAAQ,CAAC;AAAEG,QAAAA,2BAA2B,EAAE,KAAA;AAAM,OAAC,EAAE,YAAM;AAC1D,QAAA,IAAI,KAAKR,CAAAA,KAAK,CAAC8C,WAAW,EAAE;UAC1B,KAAK9C,CAAAA,KAAK,CAAC8C,WAAW,CAACH,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAA;AACrD,SAAA;AACF,OAAC,CAAC,CAAA;KACH,CAAA,CAAA;AA9GC,IAAA,KAAA,CAAK3C,KAAK,GAAG;AACXI,MAAAA,aAAa,EAAE,IAAI;AAEnBI,MAAAA,SAAS,EAAE,IAAI;AACfP,MAAAA,UAAU,EAAE,IAAI;AAChBU,MAAAA,UAAU,EAAE,IAAI;AAEhBN,MAAAA,iBAAiB,EAAE,KAAK;AAExBC,MAAAA,2BAA2B,EAAE,KAAA;KAC9B,CAAA;IAED,KAAK6B,CAAAA,SAAS,GAAGU,SAAS,EAAE,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AAC/B,GAAA;AAAC,EAAA,YAAA,CAAA,oBAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,aAAA;AAAA,IAAA,KAAA,EAgFD,SAAc,WAAA,GAAA;AACZ,MAAA,IAAQzC,aAAa,GAAK,IAAI,CAACJ,KAAK,CAA5BI,aAAa,CAAA;AACrB,MAAA,IAAIA,aAAa,IAAIA,aAAa,CAAC4B,QAAQ,EAAE;AAC3C5B,QAAAA,aAAa,CAAC4B,QAAQ,CAACc,WAAW,EAAE,CAAA;AACtC,OAAA;AACF,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,oBAAA;AAAA,IAAA,KAAA,EAcD,SAAqB,kBAAA,GAAA;AACnB,MAAA,IAAMC,IAAI,GAAGC,gBAAgB,GAAGC,eAAe,GAAGC,UAAU,CAAA;AAC5D,MAAA,IAAMC,mBAAmB,GAAA,eAAA,CAAA,EAAA,EAAMvD,4BAA4B,EAAG,EAAE,CAAE,CAAA;MAElE,oBACEwD,IAAA,CAAA,OAAA,EAAA,aAAA,CAAA,aAAA,CAAA;AAAO,QAAA,OAAO,EAAE,IAAI,CAACtD,KAAK,CAACuD,OAAAA;AAAQ,OAAA,EAAKF,mBAAmB,CAAA,EAAA,EAAA,EAAA;QAAA,QACzD,EAAA,cAAAG,GAAA,CAAA,OAAA,EAAA;UACE,GAAG,EAAE,IAAI,CAACnB,SAAU;AACpB,UAAA,EAAE,EAAE,IAAI,CAACrC,KAAK,CAACuD,OAAQ;AACvB,UAAA,IAAI,EAAC,MAAM;AACX,UAAA,QAAQ,EAAE,IAAI,CAACvD,KAAK,CAACyD,QAAS;UAC9B,QAAQ,EAAE,IAAI,CAACC,UAAW;AAC1B,UAAA,KAAK,EAAE;AAAEC,YAAAA,OAAO,EAAE,MAAA;AAAO,WAAA;SACzB,CAAA,eACFH,IAAC,UAAU,EAAA;AACT,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3D,SAAS,EAAoB,mBAAA,CAAA;AAC7C,UAAA,YAAA,EAAW,aAAa;AACxB,UAAA,QAAQ,EAAE,IAAI,CAACG,KAAK,CAACyD,QAAS;UAC9B,SAAS,EAAE,IAAI,CAACzD,KAAK,CAACyD,QAAQ,GAAG,QAAQ,GAAG,MAAO;AACnD,UAAA,SAAS,EAAE,IAAI,CAACzD,KAAK,CAAC4D,uBAAwB;AAC9C,UAAA,aAAa,EAAE,IAAI,CAAC5D,KAAK,CAAC6D,aAAc;AACxC,UAAA,YAAY,EAAE,IAAI,CAAC7D,KAAK,CAAC8D,YAAa;AAAA,UAAA,QAAA,eAEtCN,IAAC,IAAI,EAAA,EAAA,CAAA;SACM,CAAA,CAAA;OACP,CAAA,CAAA,CAAA;AAEZ,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAED,SAAS,MAAA,GAAA;MACP,oBACEF,IAAA,CAAAS,QAAA,EAAA;AAAA,QAAA,QAAA,EAAA,CACG,IAAI,CAAC7D,KAAK,CAACK,iBAAiB,gBAC3BiD,IAAC,gBAAgB,EAAA;AAAC,UAAA,aAAA,EAAY,wBAAwB;AAAC,UAAA,IAAI,EAAE,EAAA;AAAG,SAAA,CAAG,GAEnE,IAAI,CAACQ,kBAAkB,EACxB,EAEA,IAAI,CAAC9D,KAAK,CAACM,2BAA2B,iBACrCgD,IAAC,iBAAiB,EAAA;AAChB,UAAA,IAAI,EAAE,IAAI,CAACtD,KAAK,CAACM,2BAA4B;AAC7C,UAAA,OAAO,EAAE,IAAI,CAACN,KAAK,CAACQ,SAAU;AAC9B,UAAA,QAAQ,EAAE,IAAI,CAACR,KAAK,CAACC,UAAW;AAChC,UAAA,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACW,UAAW;UAChC,WAAW,EAAE,IAAI,CAACiC,WAAY;UAC9B,WAAW,EAAE,IAAI,CAACmB,kCAAmC;AACrD,UAAA,gBAAgB,EAAE,IAAI,CAACjE,KAAK,CAACkE,gBAAiB;AAC9C,UAAA,cAAc,EAAE,IAAI,CAAClE,KAAK,CAACmE,cAAe;AAC1C,UAAA,OAAO,EAAE,IAAI,CAACnE,KAAK,CAACwB,OAAAA;SAEvB,CAAA,CAAA;OACA,CAAA,CAAA;AAEP,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,oBAAA,CAAA;AAAA,CAAA,CAzKgC4C,aAAa,EAAA;AA4KhDrE,oBAAoB,CAACsE,SAAS,GAAG;EAC/BH,gBAAgB,EAAEI,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,IAAI,CAAC;EACnDC,OAAO,EAAEH,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACC,UAAU;AACvCb,EAAAA,YAAY,EAAEQ,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC;EACjCb,aAAa,EAAES,SAAS,CAACM,IAAI;EAC7BnB,QAAQ,EAAEa,SAAS,CAACM,IAAI;EACxBhB,uBAAuB,EAAEU,SAAS,CAACO,MAAM;EACzC/B,WAAW,EAAEwB,SAAS,CAACQ,IAAI;EAC3BvB,OAAO,EAAEe,SAAS,CAACO,MAAM;EACzBrD,OAAO,EAAE8C,SAAS,CAACO,MAAM;EACzB9D,OAAO,EAAEuD,SAAS,CAACQ,IAAI;EACvBlE,QAAQ,EAAE0D,SAAS,CAACQ,IAAI;EACxBrE,yBAAyB,EAAE6D,SAAS,CAACM,IAAI;AACzCT,EAAAA,cAAc,EAAEG,SAAS,CAACC,OAAO,CAACD,SAAS,CAACO,MAAM,CAAA;AACpD,CAAC,CAAA;AAED9E,oBAAoB,CAACgF,YAAY,GAAG;AAClCb,EAAAA,gBAAgB,EAAE,EAAE;AACpBL,EAAAA,aAAa,EAAE,KAAK;AACpBJ,EAAAA,QAAQ,EAAE,KAAK;AACfG,EAAAA,uBAAuB,EAAEoB,SAAS;AAClClC,EAAAA,WAAW,EAAEkC,SAAS;AACtBzB,EAAAA,OAAO,EAAE,kBAAkB;AAC3B/B,EAAAA,OAAO,EAAEwD,SAAS;AAClBjE,EAAAA,OAAO,EAAEiE,SAAS;AAClBpE,EAAAA,QAAQ,EAAEoE,SAAS;AACnBvE,EAAAA,yBAAyB,EAAE,IAAI;AAC/B0D,EAAAA,cAAc,EAAE,EAAE;AAClBL,EAAAA,YAAY,EAAE;AAAEmB,IAAAA,KAAK,EAAE,aAAA;AAAc,GAAA;AACvC,CAAC;;;;"}