npm - @corva/ui - Versions diffs - 3.37.0-7 → 3.37.0-rc.0 - Mend

@corva/ui 3.37.0-7 → 3.37.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1119) hide show

package/components/AddComment/Popover.js.map CHANGED Viewed

	@@ -1 +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 \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  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":"~~omuBAUA~~,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"}
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 \n <Typography\n variant=\"caption\"\n color=\"primary\"\n className={classNames(classes.inputMain, classes.highlightedLabel)}\n >\n Enter\n </Typography>\n  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":"21yBAUA,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 CHANGED Viewed

@@ -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"../../../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.scss.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/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"../../../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"../../../clients/jsonApi/index.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"../../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"../../OffsetWellPickerV4/utils/apiCalls.js";import"../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../OffsetWellPickerV4/utils/index.js";import"../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../../styles/typography/index.js";import"../../../styles/counter/counter.module.scss.js";import"../../OffsetWellMap/OffsetWellMap.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,A=l({smallerView:j}),C=o();return p("div",{ref:C,children:[s,i||m(c,{userCompanyId:e,onChange:r,filePreviewWrapperClass:A.filePreviewWrapper,className:A.postInput,smallerView:j,onKeyDown:function(o){"Enter"!==o.key||o.shiftKey||a()||(o.preventDefault(),d(u))},suggestionsPortalHost:C.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 t}from"react";import{node as e,number as o,func as s,bool as i,shape as n}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/Lasso.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.scss.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/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"../../../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"../../../clients/jsonApi/index.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"../../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"zustand";import"../../OffsetWellPickerV5/stores/picker-props-store/PickerPropsStoreContext.js";import"../../OffsetWellPickerV5/constants.js";import"lodash/isEqual";import"../../OffsetWellPickerV5/stores/filter-store/FilterStoreContext.js";import"../../OffsetWellPickerV5/stores/view-store/ViewStoreContext.js";import"../../OffsetWellPickerV5/api/shared/dataFormatter.js";import"geolib";import"../../../utils/convert.js";import"../../OffsetWellPickerV5/utils/wellTransformations.js";import"react-virtualized";import"../../OffsetWellPickerV5/effects/useAssetsData.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../OffsetWellPickerV5/components/AppHeader/AppHeader.js";import"../../OffsetWellPickerV5/components/Filter/Filter.js";import"react-map-gl/mapbox";import"mapbox-gl/dist/mapbox-gl.css";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/components/RadiusInput/RadiusInput.module.css.js";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/components/MapControls/MapControls.module.css.js";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/components/WellTooltip/WellTooltip.module.css.js";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/components/LayerSwitcher/LayerSwitcher.module.css.js";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/components/LassoTip/LassoTip.module.css.js";import"@turf/circle";import"@turf/bbox";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.js";import"@mapbox/mapbox-gl-draw";import"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";import"../../OffsetWellPickerV5/components/Map/OffsetWellMap/OffsetWellMap.module.css.js";import"../../../config/mapbox/index.js";import"../../OffsetWellPickerV5/components/Map/WellsMap.module.css.js";import"../../OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.js";import"../../OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTableHead.js";import"../../OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js";import"../../OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../OffsetWellPickerV5/utils/index.js";import"../../OffsetWellPickerV5/OffsetWellPickerV5.module.css.js";import"../../OffsetWellPickerV5/components/OffsetWellsTable/OffsetWellsTable.module.css.js";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../../styles/typography/index.js";import"../../../styles/counter/counter.module.scss.js";import"../../OffsetWellPickerV4/utils/apiCalls.js";import"../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../OffsetWellPickerV4/constants.js";import"../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../OffsetWellPickerV4/utils/index.js";import"../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../OffsetWellMap/OffsetWellMap.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(t){return{width:"100%",marginLeft:0,maxHeight:t.smallerView?127:251}}});function j(e){var o=e.userCompanyId,s=e.startAdornment,i=e.endAdornment,n=e.customContent,r=e.setComment,j=e.smallerView,d=e.onSave,u=e.comment,A=l({smallerView:j}),C=t();return p("div",{ref:C,children:[s,n||m(c,{userCompanyId:o,onChange:r,filePreviewWrapperClass:A.filePreviewWrapper,className:A.postInput,smallerView:j,onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||a()||(t.preventDefault(),d(u))},suggestionsPortalHost:C.current,allowSuggestionsAboveCursor:!0}),i]})}j.propTypes={startAdornment:e,endAdornment:e,customContent:e,userCompanyId:o.isRequired,setComment:s,onSave:s,smallerView:i,comment:n()},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 CHANGED Viewed

	@@ -1 +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":"~~iovBAOA~~,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"}
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":"y8zBAOA,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/Handle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useRef as n,useEffect as c}from"react";import{Input as t}from"@material-ui/core";import r from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as e}from"./styles/handleStyles.js";import{getIsInputValueValid as m,getValidatedValue as l}from"./utils.js";import{HOVER_AREA_WIDTH_BY_DIMENSION as a,HOVER_AREA_HEIGHT as u,HORIZONTAL_ORIENTATION as d,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as I}from"./constants.js";import{LeftIcon as j,RightIcon as v}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{jsxs as h,jsx as f}from"react/jsx-runtime";var b=function(b){var A,F,C,R,g=b.value,H=b.orientation,w=b.placement,y=b.dimension,E=b.readOnly,N=b.onChange,O=b.min,k=b.max,x=b.displayFormatter,S=b.isInsideArrowsVisible,T=b.arrowsOutsideConfig,z=b.classes,P=b.minimal,G=b["data-testid"],M=i(!1),U=s(M,2),_=U[0],D=U[1],L=i(g),W=s(L,2),q=W[0],B=W[1],V=i(!1),K=s(V,2),X=K[0],Z=K[1],J=n(null),Q=H===d,Y=H===p,$=w===I,oo=(E||!X)&&Boolean(x),so=e({distance:null==T?void 0:T.distance,minimal:P,hoverAreaHeight:Q?a[y]:u,hoverAreaWidth:Q?u:a[y]}),io=function(o){if(!E){var s=Number(o);m(s)?N(l(s,O,k)):D(!0)}};return c((function(){B(g),_&&D(!1)}),[g]),h("div",{className:r(so.root,z.handleRoot,so[y],(A={},o(A,so.horizontalHeadRoot,Q&&$),o(A,so.horizontalTailRoot,Q&&!$),o(A,so.verticalHeadRoot,Y&&$),o(A,so.verticalTailRoot,Y&&!$),o(A,so.minimalHandleRoot,P),A)),children:[f(j,{size:16,className:r(so.leftArrow,(F={},o(F,so.reversedLeftArrow,Y),o(F,so.isInvisible,S&&!$||$&&(null==T?void 0:T.isLeftArrowInvisible)),F)),fill:"white"}),f("div",{className:r(so.handle,z.handle,(C={},o(C,so.horizontalHeadHandle,Q&&$),o(C,so.horizontalTailHandle,Q&&!$),o(C,so.verticalHeadHandle,Y&&$),o(C,so.verticalTailHandle,Y&&!$),o(C,so.minimalHandle,P),o(C,so.minimalVerticalHandle,P&&Y),C)),"data-testid":G,children:!P&&f(t,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:J,onKeyDown:function(o){var s=o.keyCode,i=o.target;13===s&&io(i.value)},onFocus:function(){Z(!0)},onBlur:function(o){var s=o.target;io(s.value),Z(!1)},classes:{root:r(so.inputRoot,_&&so.hasError)},value:oo?x(q):q,onChange:function(o){var s=o.target.value;(function(o){var s,i,n=null==o||null===(s=o.target)||void 0===s?void 0:s.value,c=n?parseFloat(n):0,t=c>=Number.MIN_SAFE_INTEGER&&c<Number.MAX_SAFE_INTEGER,r=null==o||null===(i=o.nativeEvent)||void 0===i?void 0:i.data,e=n.split(".").length-1;return!t||!(!r||"."===r||"-"===r||r>="0"&&r<="9")||e>1||"-"===r&&""===n})(o)||(B(s),_&&D(!1))},disableUnderline:!0,error:!(Number.isFinite(+q)&&+q>=O&&+q<=k)})}),f(v,{size:16,className:r(so.rightArrow,(R={},o(R,so.reversedRightArrow,Y),o(R,so.isInvisible,S&&$||!$&&(null==T?void 0:T.isRightArrowInvisible)),R)),fill:"white"})]})};export{b as Handle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useRef as n,useEffect as c}from"react";import{Input as t}from"@material-ui/core";import r from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as e}from"./styles/handleStyles.js";import{getIsInputValueValid as m,getValidatedValue as l}from"./utils.js";import{HOVER_AREA_WIDTH_BY_DIMENSION as a,HOVER_AREA_HEIGHT as u,HORIZONTAL_ORIENTATION as d,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as I}from"./constants.js";import{LeftIcon as j,RightIcon as v}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/Lasso.js";import{jsxs as h,jsx as f}from"react/jsx-runtime";var b=function(b){var A,F,C,R,g=b.value,H=b.orientation,w=b.placement,y=b.dimension,E=b.readOnly,N=b.onChange,O=b.min,k=b.max,x=b.displayFormatter,S=b.isInsideArrowsVisible,T=b.arrowsOutsideConfig,z=b.classes,P=b.minimal,G=b["data-testid"],M=i(!1),L=s(M,2),U=L[0],_=L[1],D=i(g),W=s(D,2),q=W[0],B=W[1],V=i(!1),K=s(V,2),X=K[0],Z=K[1],J=n(null),Q=H===d,Y=H===p,$=w===I,oo=(E||!X)&&Boolean(x),so=e({distance:null==T?void 0:T.distance,minimal:P,hoverAreaHeight:Q?a[y]:u,hoverAreaWidth:Q?u:a[y]}),io=function(o){if(!E){var s=Number(o);m(s)?N(l(s,O,k)):_(!0)}};return c((function(){B(g),U&&_(!1)}),[g]),h("div",{className:r(so.root,z.handleRoot,so[y],(A={},o(A,so.horizontalHeadRoot,Q&&$),o(A,so.horizontalTailRoot,Q&&!$),o(A,so.verticalHeadRoot,Y&&$),o(A,so.verticalTailRoot,Y&&!$),o(A,so.minimalHandleRoot,P),A)),children:[f(j,{size:16,className:r(so.leftArrow,(F={},o(F,so.reversedLeftArrow,Y),o(F,so.isInvisible,S&&!$||$&&(null==T?void 0:T.isLeftArrowInvisible)),F)),fill:"white"}),f("div",{className:r(so.handle,z.handle,(C={},o(C,so.horizontalHeadHandle,Q&&$),o(C,so.horizontalTailHandle,Q&&!$),o(C,so.verticalHeadHandle,Y&&$),o(C,so.verticalTailHandle,Y&&!$),o(C,so.minimalHandle,P),o(C,so.minimalVerticalHandle,P&&Y),C)),"data-testid":G,children:!P&&f(t,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:J,onKeyDown:function(o){var s=o.keyCode,i=o.target;13===s&&io(i.value)},onFocus:function(){Z(!0)},onBlur:function(o){var s=o.target;io(s.value),Z(!1)},classes:{root:r(so.inputRoot,U&&so.hasError)},value:oo?x(q):q,onChange:function(o){var s=o.target.value;(function(o){var s,i,n=null==o||null===(s=o.target)||void 0===s?void 0:s.value,c=n?parseFloat(n):0,t=c>=Number.MIN_SAFE_INTEGER&&c<Number.MAX_SAFE_INTEGER,r=null==o||null===(i=o.nativeEvent)||void 0===i?void 0:i.data,e=n.split(".").length-1;return!t||!(!r||"."===r||"-"===r||r>="0"&&r<="9")||e>1||"-"===r&&""===n})(o)||(B(s),U&&_(!1))},disableUnderline:!0,error:!(Number.isFinite(+q)&&+q>=O&&+q<=k)})}),f(v,{size:16,className:r(so.rightArrow,(R={},o(R,so.reversedRightArrow,Y),o(R,so.isInvisible,S&&$||!$&&(null==T?void 0:T.isRightArrowInvisible)),R)),fill:"white"})]})};export{b as Handle};
 //# sourceMappingURL=Handle.js.map

package/components/AdvancedSlider/Handle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define /\nimport { useEffect, useRef, useState } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char \|\| char === '.' \|\| char === '-' \|\| (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue \|\| !isValidChar \|\| pointCount > 1 \|\| isNotValidMinus;\n};\n\n/\ninterface HandleProps {\n value: number \| string;\n orientation: 'vertical' \| 'horizontal';\n placement: 'head' \| 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const [isFocused, setIsFocused] = useState(false);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n const showFormatedValue = (readOnly \|\| !isFocused) && Boolean(displayFormatter);\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n setIsFocused(false);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) \|\|\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={showFormatedValue ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) \|\|\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["Handle","_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","_useState6","_useState5","isFocused","setIsFocused","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","showFormatedValue","Boolean","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onFocus","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}
1	+ {"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define /\nimport { useEffect, useRef, useState } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char \|\| char === '.' \|\| char === '-' \|\| (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue \|\| !isValidChar \|\| pointCount > 1 \|\| isNotValidMinus;\n};\n\n/\ninterface HandleProps {\n value: number \| string;\n orientation: 'vertical' \| 'horizontal';\n placement: 'head' \| 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const [isFocused, setIsFocused] = useState(false);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n const showFormatedValue = (readOnly \|\| !isFocused) && Boolean(displayFormatter);\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n setIsFocused(false);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) \|\|\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={showFormatedValue ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) \|\|\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["Handle","_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","_useState6","_useState5","isFocused","setIsFocused","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","showFormatedValue","Boolean","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onFocus","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}

package/components/Attachment/index.js CHANGED Viewed

@@ -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 f from"../ImageViewer/index.js";import j from"../IconButton/index.js";import{isNativeDetected as g}from"../../utils/mobileDetect.js";import{getIsImage as I,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"../../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"../../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 y,Fragment as C}from"react/jsx-runtime";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import F from"../../utils/main.js";var A=l[200],P=l[400],S={label:"small",value:135},W={label:"medium",value:300},D={fileImage:function(o,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===S.label?S.value:W.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}},z=function(o){var t=w(o.attachmentFileName)||o.attachmentUrl;return y(C,{children:[y("div",{onClick:o.openLightbox,className:u.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:D.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:D.imagePlaceholder,children:x(r,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),o.lightboxIsOpen&&x(f,{mainSrc:t,imagePadding:50,onAfterOpen:o.handleLightboxOpen,onCloseRequest:o.handleLightboxClose})]})},R=function(o){var t=F.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),e=w(o.attachmentFileName,"inline"),s=w(o.attachmentFileName,"attachment"),i=b(t);return y("div",{className:u.cAttachmentFileWrapper,children:[y("div",{className:n(u.cAttachmentFileDownloadWrapper,i&&o.classes.disabledPreview),style:D.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}),y("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:g?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(j,{"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),f=o(h,2),j=f[0],b=f[1],N=s.displayName||s.attachmentUrl||s.fileName,y=I(N),C=v(N),F=w(!s.attachmentUrl&&s.fileName),A=s.attachmentUrl||F,P=e((function(o){return o.preventDefault()}),[]);return y?x("div",{className:u.cAttachment,children:x(z,{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(){g&&document.documentElement.addEventListener("touchmove",P,{passive:!1})},handleLightboxClose:function(){g&&document.documentElement.removeEventListener("touchmove",P),d(!1)},classes:s.classes})}):C&&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===S.label?S.value:W.value,width:null})}):x("div",{className:u.cAttachment,children:x(R,{attachmentUrl:A,attachmentFileName:s.fileName,attachmentSize:s.attachmentSize,displayName:s.displayName,openPreview:function(){return b(!0)},closePreview:function(o){o.stopPropagation(),b(!1)},previewIsOpen:j,classes:s.classes,small:s.small})})}L.propTypes={attachmentUrl:s.string.isRequired,attachmentSize:s.number,displayName:s.string,fileName:s.string,size:s.oneOf([S.label,W.label]),classes:s.shape({}).isRequired,small:s.bool},L.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:W.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 f from"../ImageViewer/index.js";import j from"../IconButton/index.js";import{isNativeDetected as g}from"../../utils/mobileDetect.js";import{getIsImage as I,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/Lasso.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"../../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 y,Fragment as C}from"react/jsx-runtime";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import F from"../../utils/main.js";var A=l[200],P=l[400],S={label:"small",value:135},W={label:"medium",value:300},D={fileImage:function(o,t){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:t===S.label?S.value:W.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}},z=function(o){var t=w(o.attachmentFileName)||o.attachmentUrl;return y(C,{children:[y("div",{onClick:o.openLightbox,className:u.cAttachmentImg,children:[x("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:D.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:D.imagePlaceholder,children:x(r,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),o.lightboxIsOpen&&x(f,{mainSrc:t,imagePadding:50,onAfterOpen:o.handleLightboxOpen,onCloseRequest:o.handleLightboxClose})]})},L=function(o){var t=F.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),e=w(o.attachmentFileName,"inline"),s=w(o.attachmentFileName,"attachment"),i=b(t);return y("div",{className:u.cAttachmentFileWrapper,children:[y("div",{className:n(u.cAttachmentFileDownloadWrapper,i&&o.classes.disabledPreview),style:D.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}),y("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:g?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(j,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:x(N,{size:24,className:o.classes.downloadIcon})})})]})};function R(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),f=o(h,2),j=f[0],b=f[1],N=s.displayName||s.attachmentUrl||s.fileName,y=I(N),C=v(N),F=w(!s.attachmentUrl&&s.fileName),A=s.attachmentUrl||F,P=e((function(o){return o.preventDefault()}),[]);return y?x("div",{className:u.cAttachment,children:x(z,{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(){g&&document.documentElement.addEventListener("touchmove",P,{passive:!1})},handleLightboxClose:function(){g&&document.documentElement.removeEventListener("touchmove",P),d(!1)},classes:s.classes})}):C&&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===S.label?S.value:W.value,width:null})}):x("div",{className:u.cAttachment,children:x(L,{attachmentUrl:A,attachmentFileName:s.fileName,attachmentSize:s.attachmentSize,displayName:s.displayName,openPreview:function(){return b(!0)},closePreview:function(o){o.stopPropagation(),b(!1)},previewIsOpen:j,classes:s.classes,small:s.small})})}R.propTypes={attachmentUrl:s.string.isRequired,attachmentSize:s.number,displayName:s.string,fileName:s.string,size:s.oneOf([S.label,W.label]),classes:s.shape({}).isRequired,small:s.bool},R.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:W.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}}}))(R);export{U as default};
 //# sourceMappingURL=index.js.map

package/components/Attachment/index.js.map CHANGED Viewed

	@@ -1 +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":"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"}
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":"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"}