@corva/ui 3.49.0-2 → 3.49.0-3

package/components/AddComment/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/AddComment/Popover.js"],"sourcesContent":["import { useState } from 'react';\nimport { node, shape, func, number } from 'prop-types';\nimport { Popover, Grid, Typography, makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport Content from './components/Content';\n\nimport { IconButton } from '~/components';\nimport SendIcon from '~components/Icons/SendIcon';\n\nconst PAGE_NAME = 'AddCommentPopover';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: 368,\n    padding: 16,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction AddCommentPopover({\n  anchorEl,\n  anchorOrigin,\n  onClose,\n  onSave,\n  startAdornment, // Render node on the top of the content\n  endAdornment, // Render node on the bottom of the content\n  customContent, // Render custom content instead of Post Input\n  userCompanyId,\n  ...otherProps\n}) {\n  const classes = useStyles();\n  const [comment, setComment] = useState();\n\n  return (\n    <Popover\n      open\n      anchorEl={anchorEl}\n      anchorOrigin={anchorOrigin}\n      onClose={onClose}\n      classes={{ paper: classes.paper }}\n      {...otherProps}\n    >\n      <Content\n        userCompanyId={userCompanyId}\n        startAdornment={startAdornment}\n        endAdornment={endAdornment}\n        customContent={customContent}\n        setComment={setComment}\n        onSave={() => onSave(comment)}\n        smallerView\n        comment={comment}\n      />\n\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.actions}\n      >\n        <Grid item>\n          <Typography\n            data-testid={`${PAGE_NAME}_cancel`}\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel)}\n            component=\"div\"\n            gutterBottom\n            onClick={onClose}\n          >\n            Cancel\n          </Typography>\n        </Grid>\n        <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n          <Typography\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.inputHelper)}\n            component=\"div\"\n            gutterBottom\n          >\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              className={classNames(classes.inputMain, classes.highlightedLabel)}\n            >\n              Enter\n            </Typography>\n            &nbsp;to send\n          </Typography>\n          <IconButton\n            data-testid={`${PAGE_NAME}_send`}\n            onClick={() => onSave(comment)}\n            className={classes.sendIcon}\n            disabled={!comment || (!comment.body && !comment.attachment)}\n          >\n            <SendIcon />\n          </IconButton>\n        </Grid>\n      </Grid>\n    </Popover>\n  );\n}\n\nAddCommentPopover.propTypes = {\n  onClose: func,\n  onSave: func.isRequired,\n  anchorEl: node.isRequired,\n  anchorOrigin: shape,\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n};\n\nAddCommentPopover.defaultProps = {\n  anchorOrigin: { horizontal: 'right', vertical: 'bottom' },\n  onClose: () => undefined,\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n};\n\nexport default AddCommentPopover;\n"],"names":["useStyles","makeStyles","theme","paper","width","padding","inputMain","marginBottom","fontSize","color","palette","primary","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","actions","height","sendRow","sendIcon","AddCommentPopover","_ref","anchorEl","anchorOrigin","onClose","onSave","startAdornment","endAdornment","customContent","userCompanyId","otherProps","_objectWithoutProperties","_excluded","classes","_useState","useState","_useState2","_slicedToArray","comment","setComment","_jsxs","Popover","_objectSpread","open","children","_jsx","Content","smallerView","Grid","container","direction","justify","alignItems","className","item","Typography","concat","variant","classNames","component","gutterBottom","onClick","IconButton","disabled","body","attachment","SendIcon","propTypes","func","isRequired","node","shape","number","defaultProps","horizontal","vertical"],"mappings":"yiuBAUA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,MAAO,CACLC,MAAO,IACPC,QAAS,IAEXC,UAAW,CACTC,aAAc,EACdC,SAAU,OACVC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/BC,YAAa,CACXC,QAAS,OACTC,aAAc,GAEhBC,WAAY,CACVC,OAAQ,WAEVC,iBAAkB,CAChBT,MAAOP,EAAMQ,QAAQC,QAAQQ,MAE/BC,QAAS,CAAEC,OAAQ,IACnBC,QAAS,CAAER,QAAS,QACpBS,SAAU,CACR,iBAAkB,CAChBN,OAAQ,0BAGb,IAED,SAASO,EAUNC,GAAA,IATDC,IAAAA,SACAC,IAAAA,aACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,eACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,cACGC,EAAUC,EAAAV,EAAAW,GAEPC,EAAUrC,IAChBsC,EAA8BC,IAAUC,EAAAC,EAAAH,EAAA,GAAjCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAE1B,OACEI,EAACC,EAAOC,EAAAA,EAAA,CACNC,MAAI,EACJrB,SAAUA,EACVC,aAAcA,EACdC,QAASA,EACTS,QAAS,CAAElC,MAAOkC,EAAQlC,QACtB+B,GAAU,GAAA,CAAAc,SAAA,CAEdC,EAACC,EAAO,CACNjB,cAAeA,EACfH,eAAgBA,EAChBC,aAAcA,EACdC,cAAeA,EACfW,WAAYA,EACZd,OAAQ,WAAA,OAAMA,EAAOa,EAAS,EAC9BS,aAAW,EACXT,QAASA,IAGXE,EAACQ,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXC,UAAWpB,EAAQjB,QAAQ4B,SAAA,CAE3BC,EAACG,EAAI,CAACM,MAAI,EAAAV,SACRC,EAACU,EAAU,CACT,cAAA,GAAAC,OA1EM,oBA0E6B,WACnCC,QAAQ,UACRJ,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQrB,WAAYqB,EAAQnB,kBACrE6C,UAAU,MACVC,cAAY,EACZC,QAASrC,EAAQoB,SAAA,aAKrBJ,EAACQ,EAAI,CAACM,MAAI,EAACJ,UAAU,MAAME,WAAW,SAASC,UAAWpB,EAAQf,QAAQ0B,SAAA,CACxEJ,EAACe,EAAU,CACTE,QAAQ,UACRJ,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQxB,aACjDkD,UAAU,MACVC,cAAY,EAAAhB,SAAA,CAAA,SAGZC,EAACU,EAAU,CACTE,QAAQ,UACRpD,MAAM,UACNgD,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQnB,kBAAkB8B,SAAA,UAGxD,cAGfC,EAACiB,EAAU,CACT,cAAA,GAAAN,OAtGM,oBAsG2B,SACjCK,QAAS,WAAA,OAAMpC,EAAOa,EAAS,EAC/Be,UAAWpB,EAAQd,SACnB4C,UAAWzB,IAAaA,EAAQ0B,OAAS1B,EAAQ2B,WAAYrB,SAE7DC,EAACqB,EAAQ,eAMrB,CAEA9C,EAAkB+C,UAAY,CAC5B3C,QAAS4C,EACT3C,OAAQ2C,EAAKC,WACb/C,SAAUgD,EAAKD,WACf9C,aAAcgD,EACd7C,eAAgB4C,EAChB3C,aAAc2C,EACd1C,cAAe0C,EACfzC,cAAe2C,EAAOH,YAGxBjD,EAAkBqD,aAAe,CAC/BlD,aAAc,CAAEmD,WAAY,QAASC,SAAU,UAC/CnD,QAAS,WAAe,EACxBE,eAAgB,KAChBC,aAAc,KACdC,cAAe"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/AddComment/Popover.js"],"sourcesContent":["import { useState } from 'react';\nimport { node, shape, func, number } from 'prop-types';\nimport { Popover, Grid, Typography, makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport Content from './components/Content';\n\nimport { IconButton } from '~/components';\nimport SendIcon from '~components/Icons/SendIcon';\n\nconst PAGE_NAME = 'AddCommentPopover';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: 368,\n    padding: 16,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction AddCommentPopover({\n  anchorEl,\n  anchorOrigin,\n  onClose,\n  onSave,\n  startAdornment, // Render node on the top of the content\n  endAdornment, // Render node on the bottom of the content\n  customContent, // Render custom content instead of Post Input\n  userCompanyId,\n  ...otherProps\n}) {\n  const classes = useStyles();\n  const [comment, setComment] = useState();\n\n  return (\n    <Popover\n      open\n      anchorEl={anchorEl}\n      anchorOrigin={anchorOrigin}\n      onClose={onClose}\n      classes={{ paper: classes.paper }}\n      {...otherProps}\n    >\n      <Content\n        userCompanyId={userCompanyId}\n        startAdornment={startAdornment}\n        endAdornment={endAdornment}\n        customContent={customContent}\n        setComment={setComment}\n        onSave={() => onSave(comment)}\n        smallerView\n        comment={comment}\n      />\n\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.actions}\n      >\n        <Grid item>\n          <Typography\n            data-testid={`${PAGE_NAME}_cancel`}\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel)}\n            component=\"div\"\n            gutterBottom\n            onClick={onClose}\n          >\n            Cancel\n          </Typography>\n        </Grid>\n        <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n          <Typography\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.inputHelper)}\n            component=\"div\"\n            gutterBottom\n          >\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              className={classNames(classes.inputMain, classes.highlightedLabel)}\n            >\n              Enter\n            </Typography>\n            &nbsp;to send\n          </Typography>\n          <IconButton\n            data-testid={`${PAGE_NAME}_send`}\n            onClick={() => onSave(comment)}\n            className={classes.sendIcon}\n            disabled={!comment || (!comment.body && !comment.attachment)}\n          >\n            <SendIcon />\n          </IconButton>\n        </Grid>\n      </Grid>\n    </Popover>\n  );\n}\n\nAddCommentPopover.propTypes = {\n  onClose: func,\n  onSave: func.isRequired,\n  anchorEl: node.isRequired,\n  anchorOrigin: shape,\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n};\n\nAddCommentPopover.defaultProps = {\n  anchorOrigin: { horizontal: 'right', vertical: 'bottom' },\n  onClose: () => undefined,\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n};\n\nexport default AddCommentPopover;\n"],"names":["useStyles","makeStyles","theme","paper","width","padding","inputMain","marginBottom","fontSize","color","palette","primary","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","actions","height","sendRow","sendIcon","AddCommentPopover","_ref","anchorEl","anchorOrigin","onClose","onSave","startAdornment","endAdornment","customContent","userCompanyId","otherProps","_objectWithoutProperties","_excluded","classes","_useState","useState","_useState2","_slicedToArray","comment","setComment","_jsxs","Popover","_objectSpread","open","children","_jsx","Content","smallerView","Grid","container","direction","justify","alignItems","className","item","Typography","concat","variant","classNames","component","gutterBottom","onClick","IconButton","disabled","body","attachment","SendIcon","propTypes","func","isRequired","node","shape","number","defaultProps","horizontal","vertical"],"mappings":"uluBAUA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,MAAO,CACLC,MAAO,IACPC,QAAS,IAEXC,UAAW,CACTC,aAAc,EACdC,SAAU,OACVC,MAAOP,EAAMQ,QAAQC,QAAQC,OAE/BC,YAAa,CACXC,QAAS,OACTC,aAAc,GAEhBC,WAAY,CACVC,OAAQ,WAEVC,iBAAkB,CAChBT,MAAOP,EAAMQ,QAAQC,QAAQQ,MAE/BC,QAAS,CAAEC,OAAQ,IACnBC,QAAS,CAAER,QAAS,QACpBS,SAAU,CACR,iBAAkB,CAChBN,OAAQ,0BAGb,IAED,SAASO,EAUNC,GAAA,IATDC,IAAAA,SACAC,IAAAA,aACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,eACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,cACGC,EAAUC,EAAAV,EAAAW,GAEPC,EAAUrC,IAChBsC,EAA8BC,IAAUC,EAAAC,EAAAH,EAAA,GAAjCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAE1B,OACEI,EAACC,EAAOC,EAAAA,EAAA,CACNC,MAAI,EACJrB,SAAUA,EACVC,aAAcA,EACdC,QAASA,EACTS,QAAS,CAAElC,MAAOkC,EAAQlC,QACtB+B,GAAU,GAAA,CAAAc,SAAA,CAEdC,EAACC,EAAO,CACNjB,cAAeA,EACfH,eAAgBA,EAChBC,aAAcA,EACdC,cAAeA,EACfW,WAAYA,EACZd,OAAQ,WAAA,OAAMA,EAAOa,EAAS,EAC9BS,aAAW,EACXT,QAASA,IAGXE,EAACQ,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXC,UAAWpB,EAAQjB,QAAQ4B,SAAA,CAE3BC,EAACG,EAAI,CAACM,MAAI,EAAAV,SACRC,EAACU,EAAU,CACT,cAAA,GAAAC,OA1EM,oBA0E6B,WACnCC,QAAQ,UACRJ,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQrB,WAAYqB,EAAQnB,kBACrE6C,UAAU,MACVC,cAAY,EACZC,QAASrC,EAAQoB,SAAA,aAKrBJ,EAACQ,EAAI,CAACM,MAAI,EAACJ,UAAU,MAAME,WAAW,SAASC,UAAWpB,EAAQf,QAAQ0B,SAAA,CACxEJ,EAACe,EAAU,CACTE,QAAQ,UACRJ,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQxB,aACjDkD,UAAU,MACVC,cAAY,EAAAhB,SAAA,CAAA,SAGZC,EAACU,EAAU,CACTE,QAAQ,UACRpD,MAAM,UACNgD,UAAWK,EAAWzB,EAAQ/B,UAAW+B,EAAQnB,kBAAkB8B,SAAA,UAGxD,cAGfC,EAACiB,EAAU,CACT,cAAA,GAAAN,OAtGM,oBAsG2B,SACjCK,QAAS,WAAA,OAAMpC,EAAOa,EAAS,EAC/Be,UAAWpB,EAAQd,SACnB4C,UAAWzB,IAAaA,EAAQ0B,OAAS1B,EAAQ2B,WAAYrB,SAE7DC,EAACqB,EAAQ,eAMrB,CAEA9C,EAAkB+C,UAAY,CAC5B3C,QAAS4C,EACT3C,OAAQ2C,EAAKC,WACb/C,SAAUgD,EAAKD,WACf9C,aAAcgD,EACd7C,eAAgB4C,EAChB3C,aAAc2C,EACd1C,cAAe0C,EACfzC,cAAe2C,EAAOH,YAGxBjD,EAAkBqD,aAAe,CAC/BlD,aAAc,CAAEmD,WAAY,QAASC,SAAU,UAC/CnD,QAAS,WAAe,EACxBE,eAAgB,KAChBC,aAAc,KACdC,cAAe"}

package/components/AddComment/components/Content.js

@@ -1,2 +1,2 @@
-import{useRef as o}from"react";import{node as t,number as e,func as s,bool as n,shape as i}from"prop-types";import{makeStyles as r}from"@material-ui/core";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"lodash";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../Modal/CorvaModal.css.js";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../types/shared/Completions.js";import"../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../Icons/AnnotationIcon.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../Toaster/Toaster.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";import"../../EmptyState/EmptyState.js";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../CopyToClipboard/CopyToClipboard.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../SettingEditors/ColorEditor/style.css.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../Chart/components/ChartButton.js";import"../../Chart/components/ChartButtons.js";import"../../Chart/components/ChartWrapper.js";import"../../Chart/components/AxisDropdown.js";import"../../Chart/components/ChartSelect.js";import"../../Chart/components/buttons/DragToZoomButton.js";import"../../Chart/components/buttons/ZoomInButton.js";import"../../Chart/components/buttons/ZoomOutButton.js";import"../../Chart/components/buttons/PanButton.js";import"../../Chart/components/buttons/ResetZoomButton.js";import"../../Chart/components/buttons/HideAxesButton.js";import"../../Chart/components/buttons/ChartTypeButton.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../RangeSlider/constants.js";import"../../RangeSlider/Input.css.js";import"../../RangeSlider/RangeSlider.css.js";import"../../AdvancedSlider/AdvancedSlider.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"../../GradientPicker/GradientPicker.js";import"../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.styles.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js";import"../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Table/TablePagination/TablePagination.js";import"../../Table/TablePaginationActions/TablePaginationActions.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Stepper.js";import"../../Stepper/Step/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import c from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import"../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../GoogleDocsViewer/index.js";import"../../NewDocumentViewer/effects/useFileContent.js";import"../../NewDocumentViewer/styles.js";import"../../FilesLoaderV2/styles.js";import"../../FilesDropzone/styles.js";import"../../FilesProcessor/styles.js";import"../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../Formula/useFormulaStyles.js";import"../../Formula/RootXIcon.js";import"../../Formula/FormulaTextEditor.js";import"../../Formula/CloseSuggestion.js";import"../../Formula/SuggestionsMenu.js";import{isSuggestionsListOpened as a}from"../../UserMention/utils/index.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(o){return{width:"100%",marginLeft:0,maxHeight:o.smallerView?127:251}}});function j(t){var e=t.userCompanyId,s=t.startAdornment,n=t.endAdornment,i=t.customContent,r=t.setComment,j=t.smallerView,d=t.onSave,u=t.comment,C=l({smallerView:j}),A=o();return p("div",{ref:A,children:[s,i||m(c,{userCompanyId:e,onChange:r,filePreviewWrapperClass:C.filePreviewWrapper,className:C.postInput,smallerView:j,onKeyDown:function(o){"Enter"!==o.key||o.shiftKey||a()||(o.preventDefault(),d(u))},suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),n]})}j.propTypes={startAdornment:t,endAdornment:t,customContent:t,userCompanyId:e.isRequired,setComment:s,onSave:s,smallerView:n,comment:i()},j.defaultProps={startAdornment:null,endAdornment:null,customContent:null,setComment:function(){},onSave:function(){},smallerView:!1,comment:void 0};export{j as default};
+import{useRef as o}from"react";import{node as t,number as e,func as s,bool as n,shape as i}from"prop-types";import{makeStyles as r}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../Modal/CorvaModal.css.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/streamSourceType.js";import"../../../types/shared/Completions.js";import"../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../Icons/AnnotationIcon.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../Toaster/Toaster.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";import"../../EmptyState/EmptyState.js";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../CopyToClipboard/CopyToClipboard.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../SettingEditors/ColorEditor/style.css.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../Chart/components/ChartButton.js";import"../../Chart/components/ChartButtons.js";import"../../Chart/components/ChartWrapper.js";import"../../Chart/components/AxisDropdown.js";import"../../Chart/components/ChartSelect.js";import"../../Chart/components/buttons/DragToZoomButton.js";import"../../Chart/components/buttons/ZoomInButton.js";import"../../Chart/components/buttons/ZoomOutButton.js";import"../../Chart/components/buttons/PanButton.js";import"../../Chart/components/buttons/ResetZoomButton.js";import"../../Chart/components/buttons/HideAxesButton.js";import"../../Chart/components/buttons/ChartTypeButton.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../RangeSlider/constants.js";import"../../RangeSlider/Input.css.js";import"../../RangeSlider/RangeSlider.css.js";import"../../AdvancedSlider/AdvancedSlider.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.styles.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js";import"../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../ConfirmationDialog.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Table/TablePagination/TablePagination.js";import"../../Table/TablePaginationActions/TablePaginationActions.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Stepper.js";import"../../Stepper/Step/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import c from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import"../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../GoogleDocsViewer/index.js";import"../../NewDocumentViewer/effects/useFileContent.js";import"../../NewDocumentViewer/styles.js";import"../../FilesLoaderV2/styles.js";import"../../FilesDropzone/styles.js";import"../../FilesProcessor/styles.js";import"../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../Formula/useFormulaStyles.js";import"../../Formula/RootXIcon.js";import"../../Formula/FormulaTextEditor.js";import"../../Formula/CloseSuggestion.js";import"../../Formula/SuggestionsMenu.js";import{isSuggestionsListOpened as a}from"../../UserMention/utils/index.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(o){return{width:"100%",marginLeft:0,maxHeight:o.smallerView?127:251}}});function j(t){var e=t.userCompanyId,s=t.startAdornment,n=t.endAdornment,i=t.customContent,r=t.setComment,j=t.smallerView,d=t.onSave,u=t.comment,C=l({smallerView:j}),A=o();return p("div",{ref:A,children:[s,i||m(c,{userCompanyId:e,onChange:r,filePreviewWrapperClass:C.filePreviewWrapper,className:C.postInput,smallerView:j,onKeyDown:function(o){"Enter"!==o.key||o.shiftKey||a()||(o.preventDefault(),d(u))},suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),n]})}j.propTypes={startAdornment:t,endAdornment:t,customContent:t,userCompanyId:e.isRequired,setComment:s,onSave:s,smallerView:n,comment:i()},j.defaultProps={startAdornment:null,endAdornment:null,customContent:null,setComment:function(){},onSave:function(){},smallerView:!1,comment:void 0};export{j as default};
 //# sourceMappingURL=Content.js.map

package/components/AddComment/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: ({ smallerView }) => ({\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: smallerView ? 127 : 251,\n  }),\n});\nfunction Content({\n  userCompanyId,\n  startAdornment,\n  endAdornment,\n  customContent,\n  setComment,\n  smallerView,\n  onSave,\n  comment,\n}) {\n  const classes = useStyles({ smallerView });\n  const wrapperRef = useRef();\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      onSave(comment);\n    }\n  };\n\n  return (\n    <div ref={wrapperRef}>\n      {startAdornment}\n\n      {customContent || (\n        <PostInput\n          userCompanyId={userCompanyId}\n          onChange={setComment}\n          filePreviewWrapperClass={classes.filePreviewWrapper}\n          className={classes.postInput}\n          smallerView={smallerView}\n          onKeyDown={onKeyDown}\n          suggestionsPortalHost={wrapperRef.current}\n          allowSuggestionsAboveCursor\n        />\n      )}\n\n      {endAdornment}\n    </div>\n  );\n}\n\nContent.propTypes = {\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n  setComment: func,\n  onSave: func,\n  smallerView: bool,\n  comment: shape(),\n};\n\nContent.defaultProps = {\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n  setComment: () => undefined,\n  onSave: () => undefined,\n  smallerView: false,\n  comment: undefined,\n};\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","startAdornment","endAdornment","customContent","setComment","onSave","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape","defaultProps","undefined"],"mappings":"mkvBAOA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cACAC,IAAAA,eACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,WACAP,IAAAA,YACAQ,IAAAA,OACAC,IAAAA,QAEMC,EAAUnB,EAAU,CAAES,YAAAA,IACtBW,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBX,EAEAE,GACCU,EAACC,EAAS,CACRd,cAAeA,EACfe,SAAUX,EACVY,wBAAyBT,EAAQf,mBACjCyB,UAAWV,EAAQjB,UACnBO,YAAaA,EACbqB,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFlB,EAAOC,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9BxB,IAGP,CAEAJ,EAAQ6B,UAAY,CAClB1B,eAAgB2B,EAChB1B,aAAc0B,EACdzB,cAAeyB,EACf5B,cAAe6B,EAAOC,WACtB1B,WAAY2B,EACZ1B,OAAQ0B,EACRlC,YAAamC,EACb1B,QAAS2B,KAGXnC,EAAQoC,aAAe,CACrBjC,eAAgB,KAChBC,aAAc,KACdC,cAAe,KACfC,WAAY,WAAe,EAC3BC,OAAQ,WAAe,EACvBR,aAAa,EACbS,aAAS6B"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: ({ smallerView }) => ({\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: smallerView ? 127 : 251,\n  }),\n});\nfunction Content({\n  userCompanyId,\n  startAdornment,\n  endAdornment,\n  customContent,\n  setComment,\n  smallerView,\n  onSave,\n  comment,\n}) {\n  const classes = useStyles({ smallerView });\n  const wrapperRef = useRef();\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      onSave(comment);\n    }\n  };\n\n  return (\n    <div ref={wrapperRef}>\n      {startAdornment}\n\n      {customContent || (\n        <PostInput\n          userCompanyId={userCompanyId}\n          onChange={setComment}\n          filePreviewWrapperClass={classes.filePreviewWrapper}\n          className={classes.postInput}\n          smallerView={smallerView}\n          onKeyDown={onKeyDown}\n          suggestionsPortalHost={wrapperRef.current}\n          allowSuggestionsAboveCursor\n        />\n      )}\n\n      {endAdornment}\n    </div>\n  );\n}\n\nContent.propTypes = {\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n  setComment: func,\n  onSave: func,\n  smallerView: bool,\n  comment: shape(),\n};\n\nContent.defaultProps = {\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n  setComment: () => undefined,\n  onSave: () => undefined,\n  smallerView: false,\n  comment: undefined,\n};\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","startAdornment","endAdornment","customContent","setComment","onSave","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape","defaultProps","undefined"],"mappings":"8mvBAOA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cACAC,IAAAA,eACAC,IAAAA,aACAC,IAAAA,cACAC,IAAAA,WACAP,IAAAA,YACAQ,IAAAA,OACAC,IAAAA,QAEMC,EAAUnB,EAAU,CAAES,YAAAA,IACtBW,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBX,EAEAE,GACCU,EAACC,EAAS,CACRd,cAAeA,EACfe,SAAUX,EACVY,wBAAyBT,EAAQf,mBACjCyB,UAAWV,EAAQjB,UACnBO,YAAaA,EACbqB,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFlB,EAAOC,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9BxB,IAGP,CAEAJ,EAAQ6B,UAAY,CAClB1B,eAAgB2B,EAChB1B,aAAc0B,EACdzB,cAAeyB,EACf5B,cAAe6B,EAAOC,WACtB1B,WAAY2B,EACZ1B,OAAQ0B,EACRlC,YAAamC,EACb1B,QAAS2B,KAGXnC,EAAQoC,aAAe,CACrBjC,eAAgB,KAChBC,aAAc,KACdC,cAAe,KACfC,WAAY,WAAe,EAC3BC,OAAQ,WAAe,EACvBR,aAAa,EACbS,aAAS6B"}

package/components/AdvancedSlider/AdvancedSlider.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useRef as o,useState as a,useEffect as r,useMemo as d}from"react";import{Resizable as l}from"re-resizable";import{withSize as s}from"react-sizeme";import h from"classnames";import{useThrottledCallback as m}from"../shared/useThrottledCallback.js";import{Handle as c}from"./Handle.js";import{HandleIcon as u}from"./icons/HandleIcon.js";import{getSizedControls as v}from"./utils.js";import{useSliderStyles as f}from"./styles/sliderStyles.js";import"./styles/handleStyles.js";import{INPUT_WIDTH as p,INPUT_HEIGHT as g,INNER_GAP as w,MIN_ARROW_GAP as b,HORIZONTAL_ORIENTATION as y,VERTICAL_ORIENTATION as H,VERTICAL_MIN_GAP as z,HORIZONTAL_MIN_GAP as x}from"./constants.js";var M="twoValuesSliderDefault",S=function(s){var S,C,j,E=s.min,L=s.max,N=s.value,R=s.onChange,W=void 0===R?function(){}:R,F=s.orientation,_=void 0===F?y:F,B=s.valueFormatter,I=void 0===B?Math.floor:B,P=s.displayFormatter,O=void 0===P?function(t){return t}:P,A=s.editableHandles,X=void 0===A||A,Y=s.onStop,V=void 0===Y?function(){}:Y,D=s.reversed,T=void 0!==D&&D,k=s.handlePosition,q=s.handleClasses,G=void 0===q?{}:q,J=s.minimal,K=void 0!==J&&J,Q=s.dimension,U=void 0===Q?"small":Q,Z=t(s,["min","max","value","onChange","orientation","valueFormatter","displayFormatter","editableHandles","onStop","reversed","handlePosition","handleClasses","minimal","dimension"]).size,$=void 0===Z?{}:Z,tt=f(),et=o(null),it=o(null),nt=_===y,ot=_===H,at=K?$:e(e({},$),{width:nt?$.width-2*p:$.width,height:ot?$.height-2*g:$.height}),rt=a([I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))]),dt=rt[0],lt=rt[1],st=o(null),ht=a(!1),mt=ht[0],ct=ht[1],ut=dt[0],vt=dt[1],ft=v({isHorizontalOrientation:nt,size:at,max:L,min:E,tail:vt,head:ut}),pt=ft.headMaxWidth,gt=ft.tailMaxWidth,wt=ft.headMaxHeight,bt=ft.tailMaxHeight;r((function(){if(!st.current){var t=[I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))],e=Math.min.apply(Math,t),i=Math.max.apply(Math,t);lt([e,i])}}),[null==N?void 0:N.at(0),null==N?void 0:N.at(1)]),r((function(){if(nt){var t=at.width/(L-E)*(ut-E),e=at.width/(L-E)*(L-vt);et.current.updateSize({width:T?e:t,height:at.height}),it.current.updateSize({width:T?t:e,height:at.height})}else if(ot){var i=at.height/(L-E)*(ut-E),n=at.height/(L-E)*(L-vt);et.current.updateSize({width:at.width,height:T?n:i}),it.current.updateSize({width:at.width,height:T?i:n})}}),[E,L,ut,vt,at.width,at.height,_]),r((function(){var t=function(){document.removeEventListener("mousemove",Mt),document.removeEventListener("mouseup",St),document.removeEventListener("touchmove",Ct),document.removeEventListener("touchend",jt)};return mt?(document.addEventListener("mousemove",Mt),document.addEventListener("mouseup",St),document.addEventListener("touchmove",Ct),document.addEventListener("touchend",jt)):(t(),V()),function(){t()}}),[mt]);var yt=m((function(t,e,i){st.current="onResize Event";var n=i.clientWidth,o=i.clientHeight,a=ut,r=vt;"right"===e?T?r=I(L-n/at.width*(L-E)):a=I(E+n/at.width*(L-E)):"left"===e?T?a=I(E+n/at.width*(L-E)):r=I(L-n/at.width*(L-E)):"bottom"===e?T?r=I(L-o/at.height*(L-E)):a=I(E+o/at.height*(L-E)):"top"===e&&(T?a=I(E+o/at.height*(L-E)):r=I(L-o/at.height*(L-E))),a=Math.min(a,vt),r=Math.max(r,ut),lt([a,r]),W([a,r])})),Ht=m((function(){st.current=null,V()})),zt=function(t,e){st.current={xPos:t,yPos:e,head:ut,tail:vt}},xt=function(t,e){if(st.current){var i=void 0;nt?i=(st.current.xPos-t)/at.width*(L-E):ot&&(i=(st.current.yPos-e)/at.height*(L-E));var n=st.current.head-i*(T?-1:1),o=st.current.tail-i*(T?-1:1),a=st.current.tail-st.current.head,r=void 0,d=void 0;n<=E?(r=E,d=E+a):o>=L?(r=L-a,d=L):(r=n,d=o),r=I(r),d=I(d),lt([r,d]),W([r,d])}},Mt=m((function(t){xt(t.clientX,t.clientY)})),St=m((function(){st.current=null,ct(!1)})),Ct=m((function(t){xt(t.touches[0].pageX,t.touches[0].pageY)})),jt=m((function(){st.current=null,ct(!1)})),Et=m((function(t){lt([t,vt]),W([t,vt]),V()})),Lt=m((function(t){lt([ut,t]),W([ut,t]),V()})),Nt=d((function(){return(vt-ut)/(L-E)*(ot?at.height:at.width)<30}),[E,L,ut,vt]),Rt=d((function(){return(vt-ut)/(L-E)*(ot?at.height:at.width)<w}),[E,L,ut,vt]),Wt=d((function(){var t=ot?at.height:at.width,e=t/(L-E),i=function(t){return(t-E)*e},n=i(ut),o=t-i(vt),a=(vt-ut)/(L-E)*t-(ot?z:x);return{isLeftArrowInvisible:T?o<b:n<b,isRightArrowInvisible:T?n<b:o<b,distance:Number.isFinite(a)?a:0}}),[E,L,ut,vt,T]),Ft=function(t){var n={min:E,max:vt,value:ut,onChange:Et},o={min:ut,max:L,value:vt,onChange:Lt};return"head"===t?i(c,e({"data-testid":"".concat(M,"_handle_top"),placement:"head",dimension:U,readOnly:!X,isInsideArrowsVisible:Rt,arrowsOutsideConfig:Wt,displayFormatter:O,orientation:_,classes:G,minimal:K},T?o:n)):"tail"===t?i(c,e({"data-testid":"".concat(M,"_handle_bottom"),placement:"tail",dimension:U,readOnly:!X,isInsideArrowsVisible:Rt,arrowsOutsideConfig:Wt,displayFormatter:O,orientation:_,classes:G,minimal:K},T?n:o)):null};return i("div",{className:h(tt.rootWrapper,tt["".concat(_,"-").concat(U)],(S={},S[tt.rootMinimal]=K,S)),children:n("div",{className:h(tt.root,(C={},C[tt.horizontalRoot]=nt,C[tt.verticalRoot]=ot,C[tt.minimal]=K,C)),children:[i(l,{className:tt.resizable,ref:et,minHeight:0,minWidth:0,maxWidth:T?gt:pt,maxHeight:T?bt:wt,enable:{right:nt,bottom:ot},handleComponent:{right:Ft("head"),bottom:Ft("head")},onResize:yt,onResizeStop:Ht}),i("div",{className:tt.body,"data-testid":"slider-body",onMouseDown:function(t){zt(t.clientX,t.clientY),ct(!0)},onTouchStart:function(t){zt(t.touches[0].pageX,t.touches[0].pageY),ct(!0)},children:i("div",Nt?{className:h((j={},j[tt.horizontalBodyHandle]=nt,j[tt.verticalBodyHandle]=ot,j[tt.leftBodyHandle]="left"===k,j[tt.rightBodyHandle]="right"===k,j[tt.topBodyHandle]="top"===k,j[tt.bottomBodyHandle]="bottom"===k,j)),children:i("div",{className:tt.bodyHandle,"data-testid":"".concat(M,"_handle"),children:i(u,{orientation:"vertical",minimal:K})})}:{className:tt.bodyHandleIcon,"data-testid":"".concat(M,"_handle"),children:i(u,{orientation:_,minimal:K})})}),i(l,{className:tt.resizable,ref:it,minHeight:0,minWidth:0,enable:{left:nt,top:ot},handleComponent:{left:Ft("tail"),top:Ft("tail")},onResize:yt,onResizeStop:Ht})]})})},C=s({monitorWidth:!0,monitorHeight:!0})(S);export{S as AdvancedSlider,C as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/objectWithoutProperties";import{jsx as n,jsxs as o}from"react/jsx-runtime";import{useRef as r,useState as a,useEffect as l,useMemo as d}from"react";import{Resizable as s}from"re-resizable";import{withSize as h}from"react-sizeme";import c from"classnames";import{useThrottledCallback as m}from"../shared/useThrottledCallback.js";import{Handle as u}from"./Handle.js";import{HandleIcon as f}from"./icons/HandleIcon.js";import{getSizedControls as p}from"./utils.js";import{useSliderStyles as v}from"./styles/sliderStyles.js";import"./styles/handleStyles.js";import{INPUT_WIDTH as g,INPUT_HEIGHT as b,INNER_GAP as y,MIN_ARROW_GAP as w,HORIZONTAL_ORIENTATION as O,VERTICAL_ORIENTATION as j,VERTICAL_MIN_GAP as H,HORIZONTAL_MIN_GAP as z}from"./constants.js";var x=["min","max","value","onChange","orientation","valueFormatter","displayFormatter","editableHandles","onStop","reversed","handlePosition","handleClasses","minimal","dimension"];function P(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function S(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?P(Object(n),!0).forEach((function(i){t(e,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M="twoValuesSliderDefault",C=function(h){var P,C,E=h.min,L=h.max,N=h.value,W=h.onChange,R=void 0===W?function(){}:W,F=h.orientation,B=void 0===F?O:F,D=h.valueFormatter,I=void 0===D?Math.floor:D,_=h.displayFormatter,A=void 0===_?function(e){return e}:_,X=h.editableHandles,Y=void 0===X||X,T=h.onStop,V=void 0===T?function(){}:T,k=h.reversed,q=void 0!==k&&k,G=h.handlePosition,J=h.handleClasses,K=void 0===J?{}:J,Q=h.minimal,U=void 0!==Q&&Q,Z=h.dimension,$=void 0===Z?"small":Z,ee=i(h,x).size,te=void 0===ee?{}:ee,ie=v(),ne=r(null),oe=r(null),re=B===O,ae=B===j,le=U?te:S(S({},te),{},{width:re?te.width-2*g:te.width,height:ae?te.height-2*b:te.height}),de=a([I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))]),se=e(de,2),he=se[0],ce=se[1],me=r(null),ue=a(!1),fe=e(ue,2),pe=fe[0],ve=fe[1],ge=e(he,2),be=ge[0],ye=ge[1],we=p({isHorizontalOrientation:re,size:le,max:L,min:E,tail:ye,head:be}),Oe=we.headMaxWidth,je=we.tailMaxWidth,He=we.headMaxHeight,ze=we.tailMaxHeight;l((function(){if(!me.current){var e=[I(null==N?void 0:N.at(0)),I(null==N?void 0:N.at(1))],t=Math.min.apply(Math,e),i=Math.max.apply(Math,e);ce([t,i])}}),[null==N?void 0:N.at(0),null==N?void 0:N.at(1)]),l((function(){if(re){var e=le.width/(L-E)*(be-E),t=le.width/(L-E)*(L-ye);ne.current.updateSize({width:q?t:e,height:le.height}),oe.current.updateSize({width:q?e:t,height:le.height})}else if(ae){var i=le.height/(L-E)*(be-E),n=le.height/(L-E)*(L-ye);ne.current.updateSize({width:le.width,height:q?n:i}),oe.current.updateSize({width:le.width,height:q?i:n})}}),[E,L,be,ye,le.width,le.height,B]),l((function(){var e=function(){document.removeEventListener("mousemove",Ce),document.removeEventListener("mouseup",Ee),document.removeEventListener("touchmove",Le),document.removeEventListener("touchend",Ne)};return pe?(document.addEventListener("mousemove",Ce),document.addEventListener("mouseup",Ee),document.addEventListener("touchmove",Le),document.addEventListener("touchend",Ne)):(e(),V()),function(){e()}}),[pe]);var xe=m((function(e,t,i){me.current="onResize Event";var n=i.clientWidth,o=i.clientHeight,r=be,a=ye;"right"===t?q?a=I(L-n/le.width*(L-E)):r=I(E+n/le.width*(L-E)):"left"===t?q?r=I(E+n/le.width*(L-E)):a=I(L-n/le.width*(L-E)):"bottom"===t?q?a=I(L-o/le.height*(L-E)):r=I(E+o/le.height*(L-E)):"top"===t&&(q?r=I(E+o/le.height*(L-E)):a=I(L-o/le.height*(L-E))),r=Math.min(r,ye),a=Math.max(a,be),ce([r,a]),R([r,a])})),Pe=m((function(){me.current=null,V()})),Se=function(e,t){me.current={xPos:e,yPos:t,head:be,tail:ye}},Me=function(e,t){if(me.current){var i;re?i=(me.current.xPos-e)/le.width*(L-E):ae&&(i=(me.current.yPos-t)/le.height*(L-E));var n,o,r=me.current.head-i*(q?-1:1),a=me.current.tail-i*(q?-1:1),l=me.current.tail-me.current.head;r<=E?(n=E,o=E+l):a>=L?(n=L-l,o=L):(n=r,o=a),n=I(n),o=I(o),ce([n,o]),R([n,o])}},Ce=m((function(e){Me(e.clientX,e.clientY)})),Ee=m((function(){me.current=null,ve(!1)})),Le=m((function(e){Me(e.touches[0].pageX,e.touches[0].pageY)})),Ne=m((function(){me.current=null,ve(!1)})),We=m((function(e){ce([e,ye]),R([e,ye]),V()})),Re=m((function(e){ce([be,e]),R([be,e]),V()})),Fe=d((function(){return(ye-be)/(L-E)*(ae?le.height:le.width)<30}),[E,L,be,ye]),Be=d((function(){return(ye-be)/(L-E)*(ae?le.height:le.width)<y}),[E,L,be,ye]),De=d((function(){var e=ae?le.height:le.width,t=e/(L-E),i=function(e){return(e-E)*t},n=i(be),o=e-i(ye),r=(ye-be)/(L-E)*e-(ae?H:z);return{isLeftArrowInvisible:q?o<w:n<w,isRightArrowInvisible:q?n<w:o<w,distance:Number.isFinite(r)?r:0}}),[E,L,be,ye,q]),Ie=function(e){var t={min:E,max:ye,value:be,onChange:We},i={min:be,max:L,value:ye,onChange:Re};return"head"===e?n(u,S({"data-testid":"".concat(M,"_handle_top"),placement:"head",dimension:$,readOnly:!Y,isInsideArrowsVisible:Be,arrowsOutsideConfig:De,displayFormatter:A,orientation:B,classes:K,minimal:U},q?i:t)):"tail"===e?n(u,S({"data-testid":"".concat(M,"_handle_bottom"),placement:"tail",dimension:$,readOnly:!Y,isInsideArrowsVisible:Be,arrowsOutsideConfig:De,displayFormatter:A,orientation:B,classes:K,minimal:U},q?t:i)):null};return n("div",{className:c(ie.rootWrapper,ie["".concat(B,"-").concat($)],t({},ie.rootMinimal,U)),children:o("div",{className:c(ie.root,(P={},t(P,ie.horizontalRoot,re),t(P,ie.verticalRoot,ae),t(P,ie.minimal,U),P)),children:[n(s,{className:ie.resizable,ref:ne,minHeight:0,minWidth:0,maxWidth:q?je:Oe,maxHeight:q?ze:He,enable:{right:re,bottom:ae},handleComponent:{right:Ie("head"),bottom:Ie("head")},onResize:xe,onResizeStop:Pe}),n("div",{className:ie.body,"data-testid":"slider-body",onMouseDown:function(e){Se(e.clientX,e.clientY),ve(!0)},onTouchStart:function(e){Se(e.touches[0].pageX,e.touches[0].pageY),ve(!0)},children:n("div",Fe?{className:c((C={},t(C,ie.horizontalBodyHandle,re),t(C,ie.verticalBodyHandle,ae),t(C,ie.leftBodyHandle,"left"===G),t(C,ie.rightBodyHandle,"right"===G),t(C,ie.topBodyHandle,"top"===G),t(C,ie.bottomBodyHandle,"bottom"===G),C)),children:n("div",{className:ie.bodyHandle,"data-testid":"".concat(M,"_handle"),children:n(f,{orientation:"vertical",minimal:U})})}:{className:ie.bodyHandleIcon,"data-testid":"".concat(M,"_handle"),children:n(f,{orientation:B,minimal:U})})}),n(s,{className:ie.resizable,ref:oe,minHeight:0,minWidth:0,enable:{left:re,top:ae},handleComponent:{left:Ie("tail"),top:Ie("tail")},onResize:xe,onResizeStop:Pe})]})})},E=h({monitorWidth:!0,monitorHeight:!0})(C);export{C as AdvancedSlider,E as default};
 //# sourceMappingURL=AdvancedSlider.js.map

package/components/AdvancedSlider/AdvancedSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}
+{"version":3,"file":"AdvancedSlider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/AssetNameLabel/AssetNameLabel.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{memo as t,useState as n,useRef as i,useEffect as o}from"react";import{makeStyles as a,Tooltip as s}from"@material-ui/core";import c from"classnames";import{MIXPANEL_ACTION_TYPES as l}from"../../constants/mixpanel.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as m}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{truncateInTheMiddle as u}from"../../utils/formatting.js";import d from"./AssetNameLabel.styles.css.js";var p=a({assetName:{maxWidth:function(e){return e.chipMaxWidth}}}),f=t((function(t){var a,f=t.assetName,h=t.classes,v=t.coordinatesPixelWidth,x=t.dataTestId,C=t.href,N=t.icon,D=t.statusBadge,b=n(f),j=b[0],W=b[1],R=i(),w=i(),A=(a=v)>=1024?244:a>=768?184:a>=420?134:44,S=i(A),T=p({chipMaxWidth:A});return o((function(){W(f),w.current=null}),[f]),o((function(){w.current||(w.current=R.current.scrollWidth)}),[w.current]),o((function(){if(R.current&&w.current){if(A>S.current)return W(f),w.current=null,void(S.current=A);var e=u(f,R.current.clientWidth,w.current);W(e),S.current=A}}),[f,A,R.current,w.current]),e(s,{title:f||"",children:e("div",{className:c(d.wrapper),children:r(m,{className:c(d.item,null==h?void 0:h.item),"data-testid":x,href:C,onClick:function(){var e;null===(e=window[Symbol.for("logToMixpanel")])||void 0===e||e.call(window,l.REDIRECT.ASSET_DASHBOARD,{referer:"Asset Chip"})},children:[N&&e("div",{className:d.startIcon,children:N}),e("span",{className:c(d.assetName,T.assetName),ref:R,children:j}),D]})})})}));export{f as AssetNameLabel};
+import r from"@babel/runtime/helpers/slicedToArray";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as n,useState as i,useRef as o,useEffect as a}from"react";import{makeStyles as s,Tooltip as c}from"@material-ui/core";import l from"classnames";import{MIXPANEL_ACTION_TYPES as m}from"../../constants/mixpanel.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as u}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{truncateInTheMiddle as p}from"../../utils/formatting.js";import d from"./AssetNameLabel.styles.css.js";var f=s({assetName:{maxWidth:function(r){return r.chipMaxWidth}}}),h=n((function(n){var s,h=n.assetName,v=n.classes,x=n.coordinatesPixelWidth,C=n.dataTestId,b=n.href,N=n.icon,D=n.statusBadge,j=i(h),W=r(j,2),A=W[0],R=W[1],T=o(),y=o(),S=(s=x)>=1024?244:s>=768?184:s>=420?134:44,g=o(S),k=f({chipMaxWidth:S});return a((function(){R(h),y.current=null}),[h]),a((function(){y.current||(y.current=T.current.scrollWidth)}),[y.current]),a((function(){if(T.current&&y.current){if(S>g.current)return R(h),y.current=null,void(g.current=S);var r=p(h,T.current.clientWidth,y.current);R(r),g.current=S}}),[h,S,T.current,y.current]),e(c,{title:h||"",children:e("div",{className:l(d.wrapper),children:t(u,{className:l(d.item,null==v?void 0:v.item),"data-testid":C,href:b,onClick:function(){var r,e;null===(r=(e=window)[Symbol.for("logToMixpanel")])||void 0===r||r.call(e,m.REDIRECT.ASSET_DASHBOARD,{referer:"Asset Chip"})},children:[N&&e("div",{className:d.startIcon,children:N}),e("span",{className:l(d.assetName,k.assetName),ref:T,children:A}),D]})})})}));export{h as AssetNameLabel};
 //# sourceMappingURL=AssetNameLabel.js.map

package/components/AssetNameLabel/SecondaryAssetNameLabel.js

@@ -1,2 +1,2 @@
-import{__rest as s,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import r from"classnames";import{AssetNameLabel as t}from"./AssetNameLabel.js";import m from"./SecondaryAssetNameLable.styles.css.js";var a=function(a){var i=a.isColored,l=void 0===i||i,n=s(a,["isColored"]);return o(t,e({classes:{item:r(m.secondaryAsset,l&&m.secondaryAssetColor)}},n))};export{a as SecondaryAssetNameLabel};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{AssetNameLabel as s}from"./AssetNameLabel.js";import n from"./SecondaryAssetNameLable.styles.css.js";var c=["isColored"];function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}var p=function(p){var a=p.isColored,m=void 0===a||a,b=r(p,c);return t(s,function(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?i(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):i(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({classes:{item:o(n.secondaryAsset,m&&n.secondaryAssetColor)}},b))};export{p as SecondaryAssetNameLabel};
 //# sourceMappingURL=SecondaryAssetNameLabel.js.map

package/components/AssetNameLabel/SecondaryAssetNameLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}
+{"version":3,"file":"SecondaryAssetNameLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/AssetsMultipleSelector/AssetsMultipleSelector.js

@@ -1,2 +1,2 @@
-import{__assign as t,__rest as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as a,jsx as o}from"react/jsx-runtime";import{memo as i,useState as r,useEffect as n,useMemo as l,useCallback as s}from"react";import d from"classnames";import{makeStyles as p}from"@material-ui/core";import{sortBy as c}from"lodash";import{Search as u}from"../Search/Search.js";import{mapAssetGetRequest as m}from"../../clients/jsonApi/index.js";import"../../utils/index.js";import f from"../../effects/useLoadedData.js";import{jsonaDataFormatter as v}from"../../utils/jsonaDataFormatter.js";var b=p((function(t){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:t.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),h=function(t){var e;return{data:v.deserialize(t.data),total:Number(null===(e=t.headers)||void 0===e?void 0:e.get("total"))||0}},g=[],x={},j={data:[],total:0},S=i((function(i){var p=i.selectedAssets,v=void 0===p?g:p,S=i.onChange,C=i.label,F=i.className,y=i.type,D=i.customRequestQueryParams,O=i.classes,P=void 0===O?{}:O,A=b(),I=f({loadFn:m(y,!0),initialData:j,getDataFromResponseFn:h,isCacheEnabled:!0}),N=I.isLoading,z=I.setIsLoading,H=I.data,L=I.loadData,R=H.data,E=H.total,_=r(""),k=_[0],q=_[1];n((function(){T("",D)}),[]);var w=l((function(){return v.map((function(e){return t(t({},e),{id:e.id,label:e.name})}))}),[v]),Q=l((function(){var e={};return(w.length?R.concat(w):R).forEach((function(a){e[a.id]=t(t({},a),{id:a.id,label:a.name})})),Object.values(c(e,"label"))}),[R,v,k]),T=s((function(e,a){void 0===a&&(a={});var o=t(t(t(t({},x),{per_page:50}),a),{fields:["".concat(y,".name")].concat((null==a?void 0:a.fields)||[])});L(t({search:e},o))}),[]),B=function(){q(""),T("",D)},G=l((function(){var t,e=0===(t=E-(null==R?void 0:R.length))?null:t;return e&&!N&&k?a("div",{className:A.footer,children:[e," additional items not displayed. Continue typing for more refined results."]}):null}),[R,N,!!k,E]),J=P.listbox,K=P.paper,M=e(P,["listbox","paper"]);return o(u,{value:w,onChange:function(e,a,o){if("reset"!==o){var i=a.map((function(e){return t(t({},e),{name:e.label})}));S(i)}},TextFieldProps:{label:C},className:F,classes:t({listbox:d(A.listbox,J),paper:d(A.paper,K)},M),loading:N,options:Q,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(t,e){"reset"!==e&&""!==t?t.trimStart()!==k&&(q(t.trimStart()),z(!0),T(t.trimStart(),D)):B()},onInputReset:B,paperFooter:G,getOptionSelected:function(t,e){return+t.id==+e.id},isPrioritizedSelectedOptions:!0})}));export{S as default};
+import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{memo as n,useState as a,useEffect as l,useMemo as s,useCallback as p}from"react";import c from"classnames";import{makeStyles as u}from"@material-ui/core";import{sortBy as d}from"lodash";import{Search as m}from"../Search/Search.js";import{mapAssetGetRequest as f}from"../../clients/jsonApi/index.js";import"../../utils/index.js";import b from"../../effects/useLoadedData.js";import{jsonaDataFormatter as h}from"../../utils/jsonaDataFormatter.js";var g=["listbox","paper"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function O(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?v(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var j=u((function(e){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:e.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),y=function(e){var t;return{data:h.deserialize(e.data),total:Number(null===(t=e.headers)||void 0===t?void 0:t.get("total"))||0}},x=[],P={},S={data:[],total:0},D=n((function(t){var n=t.selectedAssets,u=void 0===n?x:n,h=t.onChange,v=t.label,D=t.className,w=t.type,C=t.customRequestQueryParams,F=t.classes,A=void 0===F?{}:F,E=j(),I=b({loadFn:f(w,!0),initialData:S,getDataFromResponseFn:y,isCacheEnabled:!0}),N=I.isLoading,z=I.setIsLoading,H=I.data,L=I.loadData,R=H.data,k=H.total,T=a(""),q=r(T,2),Q=q[0],W=q[1];l((function(){G("",C)}),[]);var _=s((function(){return u.map((function(e){return O(O({},e),{},{id:e.id,label:e.name})}))}),[u]),B=s((function(){var e={};return(_.length?R.concat(_):R).forEach((function(t){e[t.id]=O(O({},t),{},{id:t.id,label:t.name})})),Object.values(d(e,"label"))}),[R,u,Q]),G=p((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=O(O(O({},P),{},{per_page:50},t),{},{fields:["".concat(w,".name")].concat((null==t?void 0:t.fields)||[])});L(O({search:e},r))}),[]),J=function(){W(""),G("",C)},K=s((function(){var e,t=0===(e=k-(null==R?void 0:R.length))?null:e;return t&&!N&&Q?o("div",{className:E.footer,children:[t," additional items not displayed. Continue typing for more refined results."]}):null}),[R,N,!!Q,k]),M=A.listbox,U=A.paper,V=e(A,g);return i(m,{value:_,onChange:function(e,t,r){if("reset"!==r){var o=t.map((function(e){return O(O({},e),{},{name:e.label})}));h(o)}},TextFieldProps:{label:v},className:D,classes:O({listbox:c(E.listbox,M),paper:c(E.paper,U)},V),loading:N,options:B,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(e,t){"reset"!==t&&""!==e?e.trimStart()!==Q&&(W(e.trimStart()),z(!0),G(e.trimStart(),C)):J()},onInputReset:J,paperFooter:K,getOptionSelected:function(e,t){return+e.id==+t.id},isPrioritizedSelectedOptions:!0})}));export{D as default};
 //# sourceMappingURL=AssetsMultipleSelector.js.map

package/components/AssetsMultipleSelector/AssetsMultipleSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qCAAqC,oCAAuC;"}
+{"version":3,"file":"AssetsMultipleSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Attachment/index.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,useCallback as e}from"react";import s from"prop-types";import i from"react-player";import n from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as c}from"@material-ui/core";import r from"@material-ui/icons/Image";import m from"@material-ui/icons/Fullscreen";import l from"@material-ui/core/colors/grey";import p from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as d}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import u from"./styles.css.js";import h from"../FileTypeIcon.js";import j from"../ImageViewer/index.js";import f from"../IconButton/index.js";import{isNativeDetected as I}from"../../utils/mobileDetect.js";import{getIsImage as g,getIsVideo as v}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as b}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import w from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{jsx as x,jsxs as C,Fragment as y}from"react/jsx-runtime";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import F from"../../utils/main.js";var A=l[200],P=l[400],D={label:"small",value:135},S={label:"medium",value:300},W={fileImage:function(o,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===D.label?D.value:S.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:A,borderRadius:3,marginTop:10,height:135,width:135}},R=function(o){var t=w(o.attachmentFileName)||o.attachmentUrl;return C(y,{children:[C("div",{onClick:o.openLightbox,className:u.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:W.fileImage(o.imageIsLoaded,o.size),alt:"Attachment",onLoad:o.setImageIsLoaded}),x("div",{"data-testid":"".concat("Attachment","_button"),className:u.cAttachmentImgPreviwBtn,children:x(m,{})})]}),!o.imageIsLoaded&&x("div",{style:W.imagePlaceholder,children:x(r,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),o.lightboxIsOpen&&x(j,{mainSrc:t,imagePadding:50,onAfterOpen:o.handleLightboxOpen,onCloseRequest:o.handleLightboxClose})]})},z=function(o){var t=F.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),e=w(o.attachmentFileName,"inline"),s=w(o.attachmentFileName,"attachment"),i=b(t);return C("div",{className:u.cAttachmentFileWrapper,children:[C("div",{className:n(u.cAttachmentFileDownloadWrapper,i&&o.classes.disabledPreview),style:W.fileDownloadWrapper,onClick:function(){i||o.openPreview()},children:[i?x(d,{className:o.classes.unavailableFileIcon}):x(h,{fileName:o.displayName||o.attachmentUrl,className:u.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),C("div",{className:o.classes.titleContainer,children:[i&&x("div",{className:o.classes.caption,children:"Preview unavailable"}),x("div",{"data-testid":"".concat("Attachment","_name"),className:n(u.cAttachmentFileDownloadWrapperFileName,i&&o.classes.fileName),children:x(c,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:t})})]}),x(p,{fileUrl:e,classes:{root:o.classes.dialogRoot,paper:I?o.classes.nativeDialog:o.classes.dialog},fileName:t,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),x("a",{download:o.displayName,href:s,className:u.cAttachmentFileDownloadWrapperForm,children:x(f,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:x(N,{size:24,className:o.classes.downloadIcon})})})]})};function L(s){var n=t(!1),a=o(n,2),c=a[0],r=a[1],m=t(!1),l=o(m,2),p=l[0],d=l[1],h=t(!1),j=o(h,2),f=j[0],b=j[1],N=s.displayName||s.attachmentUrl||s.fileName,C=g(N),y=v(N),F=w(!s.attachmentUrl&&s.fileName),A=s.attachmentUrl||F,P=e((function(o){return o.preventDefault()}),[]);return C?x("div",{className:u.cAttachment,children:x(R,{size:s.size,openLightbox:function(){return d(!0)},attachmentFileName:s.fileName,attachmentUrl:s.attachmentUrl,setImageIsLoaded:function(){return r(!0)},imageIsLoaded:c,lightboxIsOpen:p,handleLightboxOpen:function(){I&&document.documentElement.addEventListener("touchmove",P,{passive:!1})},handleLightboxClose:function(){I&&document.documentElement.removeEventListener("touchmove",P),d(!1)},classes:s.classes})}):y&&i.canPlay(A)?x("div",{className:u.cAttachment,children:x(i,{"data-testid":"".concat("Attachment","_player"),className:u.cAttachmentReactPlayer,url:A,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:s.size===D.label?D.value:S.value,width:null})}):x("div",{className:u.cAttachment,children:x(z,{attachmentUrl:A,attachmentFileName:s.fileName,attachmentSize:s.attachmentSize,displayName:s.displayName,openPreview:function(){return b(!0)},closePreview:function(o){o.stopPropagation(),b(!1)},previewIsOpen:f,classes:s.classes,small:s.small})})}L.propTypes={attachmentUrl:s.string.isRequired,attachmentSize:s.number,displayName:s.string,fileName:s.string,size:s.oneOf([D.label,S.label]),classes:s.shape({}).isRequired,small:s.bool},L.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:S.label,small:!1};var U=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(L);export{U as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,useCallback as e}from"react";import s from"prop-types";import i from"react-player";import n from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as c}from"@material-ui/core";import r from"@material-ui/icons/Image";import m from"@material-ui/icons/Fullscreen";import l from"@material-ui/core/colors/grey";import p from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as d}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import u from"./styles.css.js";import h from"../FileTypeIcon.js";import j from"../ImageViewer/index.js";import f from"../IconButton/index.js";import{isNativeDetected as I}from"../../utils/mobileDetect.js";import{getIsImage as g,getIsVideo as v}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as b}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import w from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"@babel/runtime/helpers/objectWithoutProperties";import{jsx as x,jsxs as C,Fragment as y}from"react/jsx-runtime";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import F from"../../utils/main.js";var A=l[200],P=l[400],W={label:"small",value:135},D={label:"medium",value:300},S={fileImage:function(o,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===W.label?W.value:D.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:A,borderRadius:3,marginTop:10,height:135,width:135}},R=function(o){var t=w(o.attachmentFileName)||o.attachmentUrl;return C(y,{children:[C("div",{onClick:o.openLightbox,className:u.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:S.fileImage(o.imageIsLoaded,o.size),alt:"Attachment",onLoad:o.setImageIsLoaded}),x("div",{"data-testid":"".concat("Attachment","_button"),className:u.cAttachmentImgPreviwBtn,children:x(m,{})})]}),!o.imageIsLoaded&&x("div",{style:S.imagePlaceholder,children:x(r,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),o.lightboxIsOpen&&x(j,{mainSrc:t,imagePadding:50,onAfterOpen:o.handleLightboxOpen,onCloseRequest:o.handleLightboxClose})]})},z=function(o){var t=F.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),e=w(o.attachmentFileName,"inline"),s=w(o.attachmentFileName,"attachment"),i=b(t);return C("div",{className:u.cAttachmentFileWrapper,children:[C("div",{className:n(u.cAttachmentFileDownloadWrapper,i&&o.classes.disabledPreview),style:S.fileDownloadWrapper,onClick:function(){i||o.openPreview()},children:[i?x(d,{className:o.classes.unavailableFileIcon}):x(h,{fileName:o.displayName||o.attachmentUrl,className:u.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),C("div",{className:o.classes.titleContainer,children:[i&&x("div",{className:o.classes.caption,children:"Preview unavailable"}),x("div",{"data-testid":"".concat("Attachment","_name"),className:n(u.cAttachmentFileDownloadWrapperFileName,i&&o.classes.fileName),children:x(c,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:t})})]}),x(p,{fileUrl:e,classes:{root:o.classes.dialogRoot,paper:I?o.classes.nativeDialog:o.classes.dialog},fileName:t,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),x("a",{download:o.displayName,href:s,className:u.cAttachmentFileDownloadWrapperForm,children:x(f,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:x(N,{size:24,className:o.classes.downloadIcon})})})]})};function L(s){var n=t(!1),a=o(n,2),c=a[0],r=a[1],m=t(!1),l=o(m,2),p=l[0],d=l[1],h=t(!1),j=o(h,2),f=j[0],b=j[1],N=s.displayName||s.attachmentUrl||s.fileName,C=g(N),y=v(N),F=w(!s.attachmentUrl&&s.fileName),A=s.attachmentUrl||F,P=e((function(o){return o.preventDefault()}),[]);return C?x("div",{className:u.cAttachment,children:x(R,{size:s.size,openLightbox:function(){return d(!0)},attachmentFileName:s.fileName,attachmentUrl:s.attachmentUrl,setImageIsLoaded:function(){return r(!0)},imageIsLoaded:c,lightboxIsOpen:p,handleLightboxOpen:function(){I&&document.documentElement.addEventListener("touchmove",P,{passive:!1})},handleLightboxClose:function(){I&&document.documentElement.removeEventListener("touchmove",P),d(!1)},classes:s.classes})}):y&&i.canPlay(A)?x("div",{className:u.cAttachment,children:x(i,{"data-testid":"".concat("Attachment","_player"),className:u.cAttachmentReactPlayer,url:A,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:s.size===W.label?W.value:D.value,width:null})}):x("div",{className:u.cAttachment,children:x(z,{attachmentUrl:A,attachmentFileName:s.fileName,attachmentSize:s.attachmentSize,displayName:s.displayName,openPreview:function(){return b(!0)},closePreview:function(o){o.stopPropagation(),b(!1)},previewIsOpen:f,classes:s.classes,small:s.small})})}L.propTypes={attachmentUrl:s.string.isRequired,attachmentSize:s.number,displayName:s.string,fileName:s.string,size:s.oneOf([W.label,D.label]),classes:s.shape({}).isRequired,small:s.bool},L.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:D.label,small:!1};var U=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(L);export{U as default};
 //# sourceMappingURL=index.js.map

package/components/Attachment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(props.imageIsLoaded, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.setImageIsLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageIsLoaded && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          mainSrc={downloadLink}\n          imagePadding={50}\n          onAfterOpen={props.handleLightboxOpen}\n          onCloseRequest={props.handleLightboxClose}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n\n  const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n  const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={previewUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={downloadUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(props) {\n  const [isImageLoaded, setIsImageLoaded] = useState(false);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  };\n\n  const handleLightboxClose = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  };\n\n  const openLightbox = () => setIsLightboxOpen(true);\n  const setImageLoaded = () => setIsImageLoaded(true);\n  const openPreview = () => setIsPreviewOpen(true);\n  const closePreview = e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  };\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          setImageIsLoaded={setImageLoaded}\n          imageIsLoaded={isImageLoaded}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","alt","onLoad","setImageIsLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","mainSrc","imagePadding","onAfterOpen","handleLightboxOpen","onCloseRequest","handleLightboxClose","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","onClose","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","useState","_useState2","_slicedToArray","_useState","isImageLoaded","setIsImageLoaded","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","cAttachment","document","documentElement","addEventListener","passive","removeEventListener","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","stopPropagation","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","undefined","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"ssJAyBA,IAEMA,EAAUC,EAAK,KACfC,EAAUD,EAAK,KAEfE,EACG,CAAEC,MAAO,QAASC,MAAO,KAD5BF,EAEI,CAAEC,MAAO,SAAUC,MAAO,KAG9BC,EAAQ,CACZC,UAAW,SAACC,EAAeC,GAAI,MAAM,CACnCC,SAAU,OACVC,aAAc,EACdC,SAAU,SAGVC,UAAWJ,IAASN,EAAYC,MAAQD,EAAYE,MAAQF,EAAaE,MACzES,QAASN,EAAgB,UAAY,OACrCO,OAAQ,UACR,EACFC,oBAAqB,CACnBC,QAAS,qBACTC,OAA2B,oBAC3BP,aAAc,EACdD,SAAU,IACVS,MAAO,OAETC,iBAAkB,CAChBC,SAAU,WACVC,gBAAiBtB,EACjBW,aAAc,EACdY,UAAW,GACXC,OAAQ,IACRL,MAAO,MA6DLM,EAAkB,SAAAC,GACtB,IAAMC,EAAeC,EAAaF,EAAMG,qBAAuBH,EAAMI,cACrE,OACEC,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,QAASR,EAAMS,aAAcC,UAAWC,EAAOC,eAAeL,SACjE,CAAAM,EAAA,MAAA,CACE,cAAA,GAAAC,OArGQ,aAqG0B,UAClCC,IAAKd,EACLrB,MAAOA,EAAMC,UAAUmB,EAAMlB,cAAekB,EAAMjB,MAClDiC,IAAI,aACJC,OAAQjB,EAAMkB,mBAEhBL,EAAA,MAAA,CAAK,cAAA,GAAAC,OA3GK,aA2G8B,WAACJ,UAAWC,EAAOQ,wBAAwBZ,SACjFM,EAACO,EAAY,UAIfpB,EAAMlB,eACN+B,EAAA,MAAA,CAAKjC,MAAOA,EAAMc,iBAAiBa,SACjCM,EAACQ,EAAS,CACR,cAAA,GAAAP,OAnHM,aAmHkC,gBACxCJ,UAAWV,EAAMsB,QAAQC,cACzBC,UAAWhD,EACXiD,SAAS,YAKdzB,EAAM0B,gBACLb,EAACc,EAAW,CACVC,QAAS3B,EACT4B,aAAc,GACdC,YAAa9B,EAAM+B,mBACnBC,eAAgBhC,EAAMiC,wBAKhC,EAEMC,EAAiB,SAAAlC,GACrB,IAAMmC,EAAWC,EAAMC,iCAAiCrC,EAAMsC,aAAetC,EAAMI,eAE7EmC,EAAarC,EAAaF,EAAMG,mBAAoB,UACpDqC,EAActC,EAAaF,EAAMG,mBAAoB,cAErDsC,EAAuBC,EAAwBP,GAOrD,OACE9B,EAAA,MAAA,CAAKK,UAAWC,EAAOgC,uBAAuBpC,SAC5C,CAAAF,EAAA,MAAA,CACEK,UAAWkC,EACTjC,EAAOkC,+BACPJ,GAAwBzC,EAAMsB,QAAQwB,iBAExClE,MAAOA,EAAMU,oBACbkB,QAbwB,WACxBiC,GACJzC,EAAM+C,eAW6BxC,SAE9BkC,CAAAA,EACC5B,EAACmC,EAAmB,CAACtC,UAAWV,EAAMsB,QAAQ2B,sBAE9CpC,EAACqC,EAAY,CACXf,SAAUnC,EAAMsC,aAAetC,EAAMI,cACrCM,UAAWC,EAAOwC,uCAClBpE,KAAMiB,EAAMoD,MAAQ,GAAK,KAG7B/C,EAAA,MAAA,CAAKK,UAAWV,EAAMsB,QAAQ+B,eAAe9C,SAAA,CAC1CkC,GAAwB5B,EAAA,MAAA,CAAKH,UAAWV,EAAMsB,QAAQgC,QAAQ/C,SAAA,wBAC/DM,EAAA,MAAA,CACE,cAAA,GAAAC,OA1KM,aA0K2B,SACjCJ,UAAWkC,EACTjC,EAAO4C,uCACPd,GAAwBzC,EAAMsB,QAAQa,UACtC5B,SAEFM,EAAC2C,EAAU,CAACC,QAAQ,YAAYC,QAAM,EAAChD,UAAWV,EAAMsB,QAAQqC,oBAAoBpD,SACjF4B,SAIPtB,EAAC+C,EAAiB,CAChBC,QAAStB,EACTjB,QAAS,CACPwC,KAAM9D,EAAMsB,QAAQyC,WACpBC,MAAOC,EAAmBjE,EAAMsB,QAAQ4C,aAAelE,EAAMsB,QAAQ6C,QAEvEhC,SAAUA,EACViC,SAAUpE,EAAMqE,eAChBC,QAAStE,EAAMuE,aACfC,KAAMxE,EAAMyE,mBAGhB5D,EAAA,IAAA,CACE6D,SAAU1E,EAAMsC,YAChBqC,KAAMnC,EACN9B,UAAWC,EAAOiE,mCAAmCrE,SAErDM,EAACgE,EAAU,CACT,cAAA,GAAA/D,OAvMQ,aAuMmC,mBAC3CJ,UAAWV,EAAMsB,QAAQwD,aACzBC,KAAK,SAAQxE,SAEbM,EAACmE,EAAY,CAACjG,KAAM,GAAI2B,UAAWV,EAAMsB,QAAQwD,qBAK3D,EAIA,SAASG,EAAWjF,GAClB,IAA0CkF,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAlDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACMD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAApDC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GACEN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAAlDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCzD,EAAWnC,EAAMsC,aAAetC,EAAMI,eAAiBJ,EAAMmC,SAC7D6D,EAAUC,EAAW9D,GACrB+D,EAAUC,EAAWhE,GAGrBlC,EAAeC,GAAcF,EAAMI,eAAiBJ,EAAMmC,UAC1D/B,EAAgBJ,EAAMI,eAAiBH,EACvCmG,EAAmBC,GAAY,SAAAC,GAAC,OAAIA,EAAEC,gBAAgB,GAAE,IA6B9D,OAAIP,EAEAnF,EAAA,MAAA,CAAKH,UAAWC,EAAO6F,YAAYjG,SACjCM,EAACd,EAAe,CACdhB,KAAMiB,EAAMjB,KACZ0B,aAba,WAAH,OAASkF,GAAkB,EAAK,EAc1CxF,mBAAoBH,EAAMmC,SAC1B/B,cAAeJ,EAAMI,cACrBc,iBAfe,WAAH,OAASqE,GAAiB,EAAK,EAgB3CzG,cAAewG,EACf5D,eAAgBgE,EAChB3D,mBApCmB,WACrBkC,GAEFwC,SAASC,gBAAgBC,iBAAiB,YAAaP,EAAkB,CACvEQ,SAAS,KAiCP3E,oBA5BoB,WACtBgC,GAEFwC,SAASC,gBAAgBG,oBAAoB,YAAaT,GAE5DT,GAAkB,IAwBZrE,QAAStB,EAAMsB,YAKnB4E,GAAWY,EAAYC,QAAQ3G,GAE/BS,EAAA,MAAA,CAAKH,UAAWC,EAAO6F,YAAYjG,SACjCM,EAACiG,EAAW,CACV,cAAA,GAAAhG,OAnRQ,aAmR2B,WACnCJ,UAAWC,EAAOqG,uBAClBC,IAAK7G,EACL8G,OAAQ,CAAEC,KAAM,CAAEC,WAAY,CAAEC,QAAS,cACzCC,UAAQ,EACRxH,OAAQE,EAAMjB,OAASN,EAAYC,MAAQD,EAAYE,MAAQF,EAAaE,MAC5Ec,MAAO,SAMboB,EAAA,MAAA,CAAKH,UAAWC,EAAO6F,YAAYjG,SACjCM,EAACqB,EAAc,CACb9B,cAAeA,EACfD,mBAAoBH,EAAMmC,SAC1BkC,eAAgBrE,EAAMqE,eACtB/B,YAAatC,EAAMsC,YACnBS,YA9Cc,WAAH,OAASgD,GAAiB,EAAK,EA+C1CxB,aA9Ce,SAAA+B,GACnBA,EAAEiB,kBACFxB,GAAiB,IA6CbtB,cAAeqB,EACfxE,QAAStB,EAAMsB,QACf8B,MAAOpD,EAAMoD,SAIrB,CAEA6B,EAAWuC,UAAY,CACrBpH,cAAeqH,EAAUC,OAAOC,WAChCtD,eAAgBoD,EAAUG,OAC1BtF,YAAamF,EAAUC,OACvBvF,SAAUsF,EAAUC,OACpB3I,KAAM0I,EAAUI,MAAM,CAACpJ,EAAYC,MAAOD,EAAaC,QACvD4C,QAASmG,EAAUK,MAAM,CAAA,GAAIH,WAC7BvE,MAAOqE,EAAUM,MAGnB9C,EAAW+C,aAAe,CACxB1F,YAAa,KACbH,SAAU,KACVkC,oBAAgB4D,EAChBlJ,KAAMN,EAAaC,MACnB0E,OAAO,GAGT,IAAA8E,EAAeC,GA3RG,SAAAC,GAAK,MAAK,CAC1B7G,cAAe,CACb5B,SAAU,WACV0I,IAAK,MACLC,KAAM,MACNC,UAAW,yBAEbpE,OAAQ,CACN1E,MAAO,MACPK,OAAQ,MACRd,SAAU,OACVW,SAAU,YAEZuE,aAAc,CACZzE,MAAO,OACPK,OAAQ,OACRd,SAAU,OACVG,UAAW,OACXqJ,OAAQ,GAEVzE,WAAY,CAEVnE,gBAAiB,uBAEnBuC,SAAU,CACRjD,SAAU,SACVuJ,WAAY,SACZC,aAAc,WACdC,WAAY,KAEd7D,aAAc,CACZ8D,MAAOR,EAAMS,QAAQC,QAAQC,OAE/BjG,gBAAiB,CACflD,gBAAiBwI,EAAMS,QAAQC,QAAQE,OAEzC/F,oBAAqB,CACnBgG,YAAa,GACbC,SAAU,IAEZ7F,eAAgB,CACdjE,QAAS,OACT+J,cAAe,SACf1J,MAAO,QAET6D,QAAS,CACP7B,SAAU,GACVkH,WAAY,IACZlJ,MAAO,eAETkE,oBAAqB,CACnBlC,SAAU,GACVkH,WAAY,KAEf,GAqOcR,CAAsBlD"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(props.imageIsLoaded, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.setImageIsLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageIsLoaded && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          mainSrc={downloadLink}\n          imagePadding={50}\n          onAfterOpen={props.handleLightboxOpen}\n          onCloseRequest={props.handleLightboxClose}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n\n  const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n  const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={previewUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={downloadUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(props) {\n  const [isImageLoaded, setIsImageLoaded] = useState(false);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  };\n\n  const handleLightboxClose = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  };\n\n  const openLightbox = () => setIsLightboxOpen(true);\n  const setImageLoaded = () => setIsImageLoaded(true);\n  const openPreview = () => setIsPreviewOpen(true);\n  const closePreview = e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  };\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          setImageIsLoaded={setImageLoaded}\n          imageIsLoaded={isImageLoaded}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","alt","onLoad","setImageIsLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","mainSrc","imagePadding","onAfterOpen","handleLightboxOpen","onCloseRequest","handleLightboxClose","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","onClose","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","useState","_useState2","_slicedToArray","_useState","isImageLoaded","setIsImageLoaded","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","cAttachment","document","documentElement","addEventListener","passive","removeEventListener","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","stopPropagation","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","undefined","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}

package/components/Autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{useMemo as r,useState as i,useEffect as l}from"react";import a from"classnames";import{get as p,noop as u}from"lodash";import{makeStyles as c}from"@material-ui/core";import s from"@material-ui/lab/Autocomplete";import f from"@material-ui/icons/Close";import{Tooltip as m}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var d=function(o){return p(p(o.split('Create "'),"1","").split('"'),"0","")},h=c((function(o){return{root:{width:200},paper:{maxHeight:400,boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)",margin:0},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:o.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),x=function(p){var c=p.isCreatable,x=p.options,g=p.value,v=p.getOptionLabel,b=p.onInputChange,C=p.onChange,I=void 0===C?u:C,w=p.renderOption,L=p.classes,O=o(p,["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"]),S=h(),j=r((function(){return null==x?void 0:x.map((function(o){return c?v(o):o}))}),[x]),T=r((function(){return c?v(g)||"":g}),[g]),H=i(j),N=H[0],y=H[1],z=i(null),A=z[0],_=z[1];l((function(){y(j)}),[j]);return t(s,e({value:T,onChange:c?function(o,e){return function(o){if((null==o?void 0:o.includes('Create "'))&&v(o)===v(A)){_(null);var e=d(A);y(n(n([],j,!0),[e],!1)),I(e,!0)}else I(o,!1)}(e)}:I,onInputChange:c?function(o,e){return function(o){if(""===o)_(null),y(j);else if(j.find((function(e){return e===o}))){var e=j.filter((function(o){return!o.includes('Create "')}));y(e)}else{var t=function(o){return'Create "'.concat(o,'"')}(o);_(t),y(n(n([],j,!0),[t],!1))}}(e)}:b,options:N,getOptionLabel:c?function(o){return String(o)}:v,renderOption:c?function(o){var e,n=d(o);return t(m,{title:o,children:t("div",{className:a((e={},e[S.createLabel]=n&&o!==n,e),S.option,null==L?void 0:L.optionLabelClass),children:o})})}:w,classes:e({root:a(S.root,null==L?void 0:L.root),paper:a(S.paper,null==L?void 0:L.paper),popupIndicator:S.openIcon},L),closeIcon:(T||A)&&t(f,{className:S.closeIcon})},O))};export{x as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{jsx as n}from"react/jsx-runtime";import{useMemo as i,useState as p,useEffect as a}from"react";import l from"classnames";import{get as c,noop as u}from"lodash";import{makeStyles as s}from"@material-ui/core";import f from"@material-ui/lab/Autocomplete";import m from"@material-ui/icons/Close";import{Tooltip as b}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var h=["isCreatable","options","value","getOptionLabel","onInputChange","onChange","renderOption","classes"];function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function g(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var O=function(e){return c(c(e.split('Create "'),"1","").split('"'),"0","")},v=s((function(e){return{root:{width:200},paper:{maxHeight:400,boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)",margin:0},createLabel:{fontSize:"16px",lineHeight:"22.5px",color:e.palette.primary.main},openIcon:{marginLeft:5},option:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%"},closeIcon:{width:16,height:16}}})),x=function(c){var s=c.isCreatable,d=c.options,x=c.value,j=c.getOptionLabel,y=c.onInputChange,C=c.onChange,w=void 0===C?u:C,P=c.renderOption,I=c.classes,L=o(c,h),S=v(),T=i((function(){return null==d?void 0:d.map((function(e){return s?j(e):e}))}),[d]),D=i((function(){return s?j(x)||"":x}),[x]),A=p(T),E=t(A,2),H=E[0],N=E[1],k=p(null),z=t(k,2),W=z[0],q=z[1];a((function(){N(T)}),[T]);return n(f,g({value:D,onChange:s?function(e,t){return function(e){if(null!=e&&e.includes('Create "')&&j(e)===j(W)){q(null);var t=O(W);N([].concat(r(T),[t])),w(t,!0)}else w(e,!1)}(t)}:w,onInputChange:s?function(e,t){return function(e){if(""===e)q(null),N(T);else if(T.find((function(r){return r===e}))){var t=T.filter((function(e){return!e.includes('Create "')}));N(t)}else{var o=function(e){return'Create "'.concat(e,'"')}(e);q(o),N([].concat(r(T),[o]))}}(t)}:y,options:H,getOptionLabel:s?function(e){return String(e)}:j,renderOption:s?function(r){var t=O(r);return n(b,{title:r,children:n("div",{className:l(e({},S.createLabel,t&&r!==t),S.option,null==I?void 0:I.optionLabelClass),children:r})})}:P,classes:g({root:l(S.root,null==I?void 0:I.root),paper:l(S.paper,null==I?void 0:I.paper),popupIndicator:S.openIcon},I),closeIcon:(D||W)&&n(m,{className:S.closeIcon})},L))};export{x as default};
 //# sourceMappingURL=Autocomplete.js.map

package/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wDAAwD,oCAAuC;"}
+{"version":3,"file":"Autocomplete.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}