@corva/ui 3.53.0-1 → 3.53.0-3

package/cjs-bundle/components/Attachment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Attachment/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport ImageIcon from '@material-ui/icons/Image';\nimport FullSizeIcon from '@material-ui/icons/Fullscreen';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { NewDocumentViewer } from '../NewDocumentViewer';\nimport { UnavailableFileIcon } from '../NewDocumentViewer/icons/UnavailableFileIcon';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport ImageViewer from '~components/ImageViewer';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsVideo, getIsImage } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main'; // question here\n\nconst PAGE_NAME = 'Attachment';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst SIZES = {\n  small: { label: 'small', value: 135 },\n  medium: { label: 'medium', value: 300 },\n};\n\nconst style = {\n  fileImage: (imageIsLoaded, size) => ({\n    maxWidth: '100%',\n    borderRadius: 4,\n    overflow: 'hidden',\n    // NOTE: Makes one-line comment with image fits into comments container. Equals to\n    // imagePlaceholder height\n    maxHeight: size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value,\n    display: imageIsLoaded ? 'initial' : 'none',\n    cursor: 'pointer',\n  }),\n  fileDownloadWrapper: {\n    padding: '10px 10px 10px 5px',\n    border: `1px solid #616161`,\n    borderRadius: 3,\n    maxWidth: 500, // NOTE: Corresponds to react-player max width\n    width: '75%',\n  },\n  imagePlaceholder: {\n    position: 'relative',\n    backgroundColor: grey200,\n    borderRadius: 3,\n    marginTop: 10,\n    height: 135,\n    width: 135,\n  },\n};\n\nconst muiStyles = theme => ({\n  imageIconRoot: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  dialog: {\n    width: '95%',\n    height: '95%',\n    maxWidth: '100%',\n    position: 'relative',\n  },\n  nativeDialog: {\n    width: '100%',\n    height: '100%',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    margin: 0,\n  },\n  dialogRoot: {\n    // NOTE: Make background color similar to lightbox\n    backgroundColor: 'rgba(0, 0, 0, 0.85)',\n  },\n  fileName: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    fontWeight: 400,\n  },\n  downloadIcon: {\n    color: theme.palette.primary.text3,\n  },\n  disabledPreview: {\n    backgroundColor: theme.palette.primary.text9,\n  },\n  unavailableFileIcon: {\n    marginRight: 12,\n    minWidth: 32,\n  },\n  titleContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n  },\n  caption: {\n    fontSize: 12,\n    fontWeight: 400,\n    width: 'fit-content',\n  },\n  unavailableFileName: {\n    fontSize: 12,\n    fontWeight: 400,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst ImageAttachment = props => {\n  const downloadLink = useSignedURL(props.attachmentFileName) || props.attachmentUrl;\n  return (\n    <>\n      <div onClick={props.openLightbox} className={styles.cAttachmentImg}>\n        <img\n          data-testid={`${PAGE_NAME}_image`}\n          src={downloadLink}\n          style={style.fileImage(props.imageIsLoaded, props.size)}\n          alt=\"Attachment\"\n          onLoad={props.setImageIsLoaded}\n        />\n        <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n          <FullSizeIcon />\n        </div>\n      </div>\n\n      {!props.imageIsLoaded && (\n        <div style={style.imagePlaceholder}>\n          <ImageIcon\n            data-testid={`${PAGE_NAME}_placeholder`}\n            className={props.classes.imageIconRoot}\n            htmlColor={grey400}\n            fontSize=\"large\"\n          />\n        </div>\n      )}\n\n      {props.lightboxIsOpen && (\n        <ImageViewer\n          mainSrc={downloadLink}\n          imagePadding={50}\n          onAfterOpen={props.handleLightboxOpen}\n          onCloseRequest={props.handleLightboxClose}\n        />\n      )}\n    </>\n  );\n};\n\nconst FileAttachment = props => {\n  const fileName = utils.getFileNameWithExtensionFromPath(props.displayName || props.attachmentUrl);\n\n  const previewUrl = useSignedURL(props.attachmentFileName, 'inline');\n  const downloadUrl = useSignedURL(props.attachmentFileName, 'attachment');\n\n  const isPreviewUnavailable = getIsPreviewUnavailable(fileName);\n\n  const handleFilePreviewOpen = () => {\n    if (isPreviewUnavailable) return;\n    props.openPreview();\n  };\n\n  return (\n    <div className={styles.cAttachmentFileWrapper}>\n      <div\n        className={classNames(\n          styles.cAttachmentFileDownloadWrapper,\n          isPreviewUnavailable && props.classes.disabledPreview\n        )}\n        style={style.fileDownloadWrapper}\n        onClick={handleFilePreviewOpen}\n      >\n        {isPreviewUnavailable ? (\n          <UnavailableFileIcon className={props.classes.unavailableFileIcon} />\n        ) : (\n          <FileTypeIcon\n            fileName={props.displayName || props.attachmentUrl}\n            className={styles.cAttachmentFileDownloadWrapperFileIcon}\n            size={props.small ? 25 : 50}\n          />\n        )}\n        <div className={props.classes.titleContainer}>\n          {isPreviewUnavailable && <div className={props.classes.caption}>Preview unavailable</div>}\n          <div\n            data-testid={`${PAGE_NAME}_name`}\n            className={classNames(\n              styles.cAttachmentFileDownloadWrapperFileName,\n              isPreviewUnavailable && props.classes.fileName\n            )}\n          >\n            <Typography variant=\"subtitle2\" noWrap className={props.classes.unavailableFileName}>\n              {fileName}\n            </Typography>\n          </div>\n        </div>\n        <NewDocumentViewer\n          fileUrl={previewUrl}\n          classes={{\n            root: props.classes.dialogRoot,\n            paper: isNativeDetected ? props.classes.nativeDialog : props.classes.dialog,\n          }}\n          fileName={fileName}\n          fileSize={props.attachmentSize}\n          onClose={props.closePreview}\n          open={props.previewIsOpen}\n        />\n      </div>\n      <a\n        download={props.displayName}\n        href={downloadUrl}\n        className={styles.cAttachmentFileDownloadWrapperForm}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_downloadButton`}\n          className={props.classes.downloadIcon}\n          type=\"submit\"\n        >\n          <DownloadIcon size={24} className={props.classes.downloadIcon} />\n        </IconButton>\n      </a>\n    </div>\n  );\n};\n\n/* eslint-enable react/prop-types */\n\nfunction Attachment(props) {\n  const [isImageLoaded, setIsImageLoaded] = useState(false);\n  const [isLightboxOpen, setIsLightboxOpen] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const fileName = props.displayName || props.attachmentUrl || props.fileName;\n  const isImage = getIsImage(fileName);\n  const isVideo = getIsVideo(fileName);\n\n  // Don't fetch download link if attachmentUrl is provided\n  const downloadLink = useSignedURL(!props.attachmentUrl && props.fileName);\n  const attachmentUrl = props.attachmentUrl || downloadLink;\n  const preventIOSScroll = useCallback(e => e.preventDefault(), []);\n\n  // NOTE: iOS WebView has a bug when background content of React Modal is scrollable\n  // Source: https://github.com/reactjs/react-modal/issues/369\n  const handleLightboxOpen = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'hidden';\n      document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n        passive: false,\n      });\n    }\n  };\n\n  const handleLightboxClose = () => {\n    if (isNativeDetected) {\n      // document.documentElement.style.overflowY = 'visible';\n      document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n    }\n    setIsLightboxOpen(false);\n  };\n\n  const openLightbox = () => setIsLightboxOpen(true);\n  const setImageLoaded = () => setIsImageLoaded(true);\n  const openPreview = () => setIsPreviewOpen(true);\n  const closePreview = e => {\n    e.stopPropagation();\n    setIsPreviewOpen(false);\n  };\n\n  if (isImage)\n    return (\n      <div className={styles.cAttachment}>\n        <ImageAttachment\n          size={props.size}\n          openLightbox={openLightbox}\n          attachmentFileName={props.fileName}\n          attachmentUrl={props.attachmentUrl}\n          setImageIsLoaded={setImageLoaded}\n          imageIsLoaded={isImageLoaded}\n          lightboxIsOpen={isLightboxOpen}\n          handleLightboxOpen={handleLightboxOpen}\n          handleLightboxClose={handleLightboxClose}\n          classes={props.classes}\n        />\n      </div>\n    );\n\n  if (isVideo && ReactPlayer.canPlay(attachmentUrl))\n    return (\n      <div className={styles.cAttachment}>\n        <ReactPlayer\n          data-testid={`${PAGE_NAME}_player`}\n          className={styles.cAttachmentReactPlayer}\n          url={attachmentUrl}\n          config={{ file: { attributes: { preload: 'metadata' } } }}\n          controls\n          height={props.size === SIZES.small.label ? SIZES.small.value : SIZES.medium.value}\n          width={null}\n        />\n      </div>\n    );\n\n  return (\n    <div className={styles.cAttachment}>\n      <FileAttachment\n        attachmentUrl={attachmentUrl}\n        attachmentFileName={props.fileName}\n        attachmentSize={props.attachmentSize}\n        displayName={props.displayName}\n        openPreview={openPreview}\n        closePreview={closePreview}\n        previewIsOpen={isPreviewOpen}\n        classes={props.classes}\n        small={props.small}\n      />\n    </div>\n  );\n}\n\nAttachment.propTypes = {\n  attachmentUrl: PropTypes.string.isRequired,\n  attachmentSize: PropTypes.number,\n  displayName: PropTypes.string,\n  fileName: PropTypes.string,\n  size: PropTypes.oneOf([SIZES.small.label, SIZES.medium.label]),\n  classes: PropTypes.shape({}).isRequired,\n  small: PropTypes.bool,\n};\n\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","jsxs","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","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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"}
+{"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","jsxs","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","jsx","concat","src","alt","onLoad","setImageIsLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","mainSrc","imagePadding","onAfterOpen","handleLightboxOpen","onCloseRequest","handleLightboxClose","FileAttachment","fileName","utils","getFileNameWithExtensionFromPath","displayName","previewUrl","downloadUrl","isPreviewUnavailable","getIsPreviewUnavailable","cAttachmentFileWrapper","classNames","cAttachmentFileDownloadWrapper","disabledPreview","openPreview","UnavailableFileIcon","unavailableFileIcon","FileTypeIcon","cAttachmentFileDownloadWrapperFileIcon","small","titleContainer","caption","cAttachmentFileDownloadWrapperFileName","Typography","variant","noWrap","unavailableFileName","NewDocumentViewer","fileUrl","root","dialogRoot","paper","isNativeDetected","nativeDialog","dialog","fileSize","attachmentSize","onClose","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","useState","_useState2","_slicedToArray","_useState","isImageLoaded","setIsImageLoaded","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","cAttachment","document","documentElement","addEventListener","passive","removeEventListener","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","stopPropagation","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","defaultProps","undefined","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),a=require("react-router"),i=require("lodash/get"),l=require("@material-ui/core"),o=require("@material-ui/icons/Close"),n=require("./AssetTypesSection.js"),s=require("./AssetResultSection.js"),u=require("./effects/useAssetsData.js"),c=require("./constants.js"),p=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(e),x=d(r),h=d(i),m=d(o),C=l.withStyles((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(l.Tooltip),y=l.makeStyles((function(e){return{wrapper:{width:"472px",display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),g=function(e){var r=e.onClickAsset,a=e.company,i=t.useState(null),o=f.default(i,2),d=o[0],x=o[1],g=t.useState(null),A=f.default(g,2),b=A[0],j=A[1],I=t.useState(1),S=f.default(I,2),v=S[0],w=S[1],q=y(),R=t.useRef(),D=u.useAssetsData(b,d,v,a),E=f.default(D,2),k=E[0],T=E[1];return p.jsxs("div",{className:q.wrapper,children:[p.jsx("div",{className:q.inputWrapper,children:p.jsxs("div",{className:q.searchInput,children:[d&&p.jsx(l.Chip,{"data-not-migrated-muichip":!0,classes:{root:q.selectedChip,deleteIcon:q.selectedChipDeleteIcon},label:h.default(c.SEARCH_CATEGORIES,[d,"labelPlural"],"Assets"),deleteIcon:p.jsx(m.default,{}),onDelete:function(){x(null),w(1)}}),p.jsx(l.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:R,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:b||"",placeholder:"Search ".concat(h.default(c.SEARCH_CATEGORIES,[d,"labelPlural"],"assets"),"..."),onChange:function(e){var t=e.target.value;j(t),w(1)},onKeyUp:function(e){var t=e.target.value,r=e.keyCode,a=c.CATEGORY_KEY_VALUES.find((function(e){var r=f.default(e,2);return r[0],r[1].autoCategorizedKey===t.trim().toLowerCase()}));if(a&&(13===r||32===r))return j(""),x(a[0]),void w(1);""===t&&8===r&&(x(null),w(1))}}),p.jsx(C,{title:"Clear",children:p.jsx(m.default,{className:d||b?q.selectedChipDeleteIcon:q.disabledIcon,onClick:function(){R.current.focus(),j(""),x(null),w(1)}})})]})}),!d&&!b&&p.jsx(n,{onClickAssetType:function(e){R.current.focus(),x(e),w(1)}}),(d||b)&&p.jsx(s,{loading:k,page:v,groupedAssets:T,onClickAsset:r,onScrollReached:function(e){"top"===e&&v>1&&w((function(e){return e-1})),"bottom"===e&&w((function(e){return e+1}))}})]})};g.propTypes={company:x.default.number.isRequired,onClickAsset:x.default.func.isRequired};var A=a.withRouter(g);module.exports=A;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),a=require("lodash/get"),l=require("@material-ui/core"),i=require("@material-ui/icons/Close"),n=require("./AssetTypesSection.js"),o=require("./AssetResultSection.js"),s=require("./effects/useAssetsData.js"),u=require("./constants.js"),c=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(e),f=p(r),x=p(a),h=p(i),m=l.withStyles((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(l.Tooltip),C=l.makeStyles((function(e){return{wrapper:{width:"472px",display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),y=function(e){var r=e.onClickAsset,a=e.company,i=t.useState(null),p=d.default(i,2),f=p[0],y=p[1],g=t.useState(null),A=d.default(g,2),b=A[0],j=A[1],I=t.useState(1),S=d.default(I,2),v=S[0],w=S[1],q=C(),R=t.useRef(),D=s.useAssetsData(b,f,v,a),E=d.default(D,2),k=E[0],T=E[1];return c.jsxs("div",{className:q.wrapper,children:[c.jsx("div",{className:q.inputWrapper,children:c.jsxs("div",{className:q.searchInput,children:[f&&c.jsx(l.Chip,{"data-not-migrated-muichip":!0,classes:{root:q.selectedChip,deleteIcon:q.selectedChipDeleteIcon},label:x.default(u.SEARCH_CATEGORIES,[f,"labelPlural"],"Assets"),deleteIcon:c.jsx(h.default,{}),onDelete:function(){y(null),w(1)}}),c.jsx(l.Input,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:R,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:b||"",placeholder:"Search ".concat(x.default(u.SEARCH_CATEGORIES,[f,"labelPlural"],"assets"),"..."),onChange:function(e){var t=e.target.value;j(t),w(1)},onKeyUp:function(e){var t=e.target.value,r=e.keyCode,a=u.CATEGORY_KEY_VALUES.find((function(e){var r=d.default(e,2);return r[0],r[1].autoCategorizedKey===t.trim().toLowerCase()}));if(a&&(13===r||32===r))return j(""),y(a[0]),void w(1);""===t&&8===r&&(y(null),w(1))}}),c.jsx(m,{title:"Clear",children:c.jsx(h.default,{className:f||b?q.selectedChipDeleteIcon:q.disabledIcon,onClick:function(){R.current.focus(),j(""),y(null),w(1)}})})]})}),!f&&!b&&c.jsx(n,{onClickAssetType:function(e){R.current.focus(),y(e),w(1)}}),(f||b)&&c.jsx(o,{loading:k,page:v,groupedAssets:T,onClickAsset:r,onScrollReached:function(e){"top"===e&&v>1&&w((function(e){return e-1})),"bottom"===e&&w((function(e){return e+1}))}})]})};y.propTypes={company:f.default.number.isRequired,onClickAsset:f.default.func.isRequired},module.exports=y;
 //# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router';\nimport get from 'lodash/get';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\nimport { useAssetsData } from './effects';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: '472px',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nconst AutoCompleteAssetSearch = ({ onClickAsset, company }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles();\n  const searchInputRef = useRef();\n\n  const [loading, groupedAssets] = useAssetsData(searchKey, assetType, page, company);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    searchInputRef.current.focus();\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <Chip\n              data-not-migrated-muichip\n              classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n              label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n              deleteIcon={<CloseIcon />}\n              onDelete={handleDeleteAssetType}\n            />\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder={`Search ${get(\n              SEARCH_CATEGORIES,\n              [assetType, 'labelPlural'],\n              'assets'\n            )}...`}\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          loading={loading}\n          page={page}\n          groupedAssets={groupedAssets}\n          onClickAsset={onClickAsset}\n          onScrollReached={handleScrollReached}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\nexport default withRouter(AutoCompleteAssetSearch);\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref","onClickAsset","company","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","_jsxs","className","children","_jsx","jsx","jsxs","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","value","placeholder","onChange","_ref2","target","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref3","_ref4","autoCategorizedKey","trim","toLowerCase","title","onClick","current","focus","AssetTypesSection","onClickAssetType","key","AssetResultSection","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","func","withRouter"],"mappings":"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"}
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\nimport { useAssetsData } from './effects';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: '472px',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n}));\n\nconst AutoCompleteAssetSearch = ({ onClickAsset, company }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles();\n  const searchInputRef = useRef();\n\n  const [loading, groupedAssets] = useAssetsData(searchKey, assetType, page, company);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    searchInputRef.current.focus();\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <Chip\n              data-not-migrated-muichip\n              classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n              label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n              deleteIcon={<CloseIcon />}\n              onDelete={handleDeleteAssetType}\n            />\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder={`Search ${get(\n              SEARCH_CATEGORIES,\n              [assetType, 'labelPlural'],\n              'assets'\n            )}...`}\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          loading={loading}\n          page={page}\n          groupedAssets={groupedAssets}\n          onClickAsset={onClickAsset}\n          onScrollReached={handleScrollReached}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\nexport default AutoCompleteAssetSearch;\n"],"names":["StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","_ref","onClickAsset","company","useState","_useState2","_slicedToArray","_useState","assetType","setAssetType","_useState4","_useState3","searchKey","setSearchKey","_useState6","_useState5","page","setPage","classes","searchInputRef","useRef","useAssetsData","_useAssetsData2","_useAssetsData","loading","groupedAssets","_jsxs","className","children","_jsx","jsx","jsxs","Chip","root","deleteIcon","label","get","SEARCH_CATEGORIES","CloseIcon","onDelete","Input","concat","inputRef","autoFocus","disableUnderline","fullWidth","value","placeholder","onChange","_ref2","target","onKeyUp","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","_ref3","_ref4","autoCategorizedKey","trim","toLowerCase","title","onClick","current","focus","AssetTypesSection","onClickAssetType","key","AssetResultSection","onScrollReached","position","prev","propTypes","PropTypes","number","isRequired","func"],"mappings":"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"}

package/cjs-bundle/components/BICOffsetPickerDialog/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/typeof"),r=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),n=require("react"),o=require("prop-types"),i=require("lodash"),c=require("classnames"),u=require("@material-ui/core"),a=require("@material-ui/icons"),l=require("./components/Map/index.js"),p=require("./components/WellSection/index.js"),d=require("./effects/index.js"),m=require("./constants.js"),q=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../utils/mobileDetect.js"),require("../IconButton/index.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../Modal/CorvaModal.css.js"),require("uuid"),require("../IconMenu/index.js"),require("../StyledMenuItem/index.js"),require("../AppIcon/AppIcon.js"),require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../utils/index.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../Icons/AnnotationIcon.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../Toaster/Toaster.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../AssetEditor/index.js"),require("../AssetEditorV2/index.js"),require("../AppVersionsSelect/AppVersionsSelect.js");var j=require("../LoadingIndicator/LoadingIndicator.js");require("../Typography.js"),require("../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../CollapsableSidebar.js"),require("../DateTimePicker/index.js"),require("../DatePicker/index.js"),require("../ErrorBoundary/ErrorBoundary.js"),require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../SlateFormattedText/SlateFormattedText.js"),require("../SlateFormattedText/RenderElements.js"),require("slate"),require("../EmptyState/EmptyState.js"),require("../ParameterCharts/ParameterCharts.js"),require("../ParameterCharts/AddEditTrack.js"),require("../ChartActionsList/ChartActionsList.js"),require("../CopyToClipboard/CopyToClipboard.js"),require("../AssetEditor/AssetEditorAutocomplete.js"),require("../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../SettingEditors/ColorEditor/style.css.js"),require("../SettingEditors/DropdownEditor/index.js"),require("../SwitchControl/index.js"),require("../ColorPicker/ColorPicker.js"),require("../Chart/components/ChartButton.js"),require("../Chart/components/ChartButtons.js"),require("../Chart/components/ChartWrapper.js"),require("../Chart/components/AxisDropdown.js"),require("../Chart/components/ChartSelect.js"),require("../Chart/components/buttons/DragToZoomButton.js"),require("../Chart/components/buttons/ZoomInButton.js"),require("../Chart/components/buttons/ZoomOutButton.js"),require("../Chart/components/buttons/PanButton.js"),require("../Chart/components/buttons/ResetZoomButton.js"),require("../Chart/components/buttons/HideAxesButton.js"),require("../Chart/components/buttons/ChartTypeButton.js"),require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../TruncatedText/index.js"),require("../MiddleTruncatedText/MiddleTruncatedText.js"),require("../RangeSlider/constants.js"),require("../RangeSlider/Input.css.js"),require("../RangeSlider/RangeSlider.css.js"),require("../AdvancedSlider/AdvancedSlider.js"),require("../Breadcrumbs/index.js"),require("../VirtualizedTable/index.js"),require("../EmptyView/EmptyView.js"),require("../EmptyView/EmptyAppView/EmptyAppView.js"),require("../Button/components/Button/index.js"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js"),require("../ContextMenuItem/index.js"),require("../FolderMenuItem/index.js"),require("../EditableItem/EditableItem/index.js"),require("../EditableItem/EditableItemWithBadge/index.js"),require("../Checkbox/index.js"),require("../FolderMenuItemWithLinks/index.js"),require("../TextField/index.js"),require("../Chip/index.js"),require("../Counter/index.js"),require("../AnchorsList/AnchorsList.js"),require("../Select/index.js"),require("../Select/SelectFilterBy.js"),require("../CustomSelect/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ResizableTable/ResizableTable.js"),require("../GradientPicker/GradientPicker.js"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@material-ui/icons/AddCircle"),require("../GradientManager/GradientPreview/GradientPreview.js"),require("../GradientManager/GradientSelect.styles.js"),require("../GradientManager/GradientManager.styles.js"),require("../Drillstring/BHASchematic.js"),require("../Drillstring/BHATable/index.js"),require("../Drillstring/BHAComponentIcon.js"),require("../Drillstring/BHAComponentDetail/index.js"),require("../Drillstring/BHATileIcon.js"),require("../Drillstring/BHATile/BHATile.js"),require("../Drillstring/BHAList/BHAList.js"),require("../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../Casing/CasingTable/index.js"),require("../Casing/CasingComponentIcon.js"),require("../Casing/CasingTileIcon.js"),require("../Casing/CasingTableV2/CasingTableV2.js"),require("../Casing/CasingTile/CasingTile.js"),require("../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../WellSummary/WellSummaryItemLabel.js"),require("../WellSummary/WellSummaryItemTitle.js"),require("../WellSummary/WellSummaryItemValue.js"),require("../WellSummary/ActivitySummaryChart.js"),require("../WellSummary/FracWirelineTimeChart.js"),require("../OffsetWellButton/OffsetWellButton.js");var C=require("../OffsetWellPickerV2/OffsetWellPickerDialog.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../OffsetWellPickerV3/index.js"),require("../OffsetWellChips/Chip.js"),require("../OffsetWellChips/ChipsContainer.js"),require("../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js"),require("../OffsetWellMap/OffsetWellMap.js"),require("@material-ui/core/Snackbar"),require("../Notifications/Toast.js"),require("../Notifications/Notifications.scss.js"),require("../ConfirmationDialog.js"),require("../TextLink/index.js"),require("../Avatar/index.js"),require("../Template/TemplatePopover/index.js"),require("../Template/TemplateSharingDialog/index.js"),require("../MenuItem/index.js"),require("../MiddleTruncate/MiddleTruncate.js"),require("../PinnableFilters/PinnableFilters.js"),require("../HeaderLayout/HeaderLayout.js"),require("../PadOffsetsPicker/PadOffsetsPicker.js"),require("../PadOffsetsPicker/OffsetAssetChip.js"),require("../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../PadOffsetsPicker/StagesSelector.js"),require("../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../Table/TableToolbar/TableToolbar.js"),require("../Table/TableContainer/TableContainer.js"),require("../Table/TableCell/TableCell.js"),require("../Table/TablePagination/TablePagination.js"),require("../Table/TablePaginationActions/TablePaginationActions.js"),require("../Tooltip/ScrollableTooltip.js"),require("../PriceInput/PriceInput.js"),require("../LabelsCounter/LabelsCounter.js"),require("../Stepper/Stepper.js"),require("../Stepper/Step/Step.js"),require("../Stepper/StepsWrapper.js"),require("../Comment/CommentIcon/index.js"),require("../FilesLoader/FilesLoader.js"),require("../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../SearchInput/index.js"),require("../FeedItem/FeedItem.js"),require("../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../PostInput/PostInput.js"),require("../KeyboardDateTimePicker.js"),require("../AddComment/Popover.js"),require("../AddComment/Popup.js"),require("../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../StageDesignVActual/ComparisonHeader.js"),require("../StageDesignVActual/ComparisonRow.js"),require("../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../EmbeddedApp/EmbeddedApp.js"),require("../Autocomplete/Autocomplete.js"),require("../DocumentViewer/DocumentViewer.js"),require("../ColorPickerPalette/ColorPickerPalette.js"),require("../Search/Search.js"),require("../Search/components/Listbox.js"),require("../Search/components/Paper.js"),require("../Search/components/RecentSearches.js"),require("../Search/components/Groups.js"),require("../Search/components/SelectAllListItem.js"),require("../StatusBadge/index.js"),require("../Attachment/index.js"),require("../EmojiIconButton.js"),require("../FileUploadIconButton.js"),require("../FilePreview/index.js"),require("../FailedFileUploading.js"),require("../UserMention/index.js"),require("../CommentsInfo/index.js"),require("../CommentInput/index.js"),require("../Comment/index.js"),require("../CommentLoader.js"),require("../AssetNameLabel/AssetStatusBadge.js"),require("../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../AssetEditorV2/components/SelectItem.js"),require("../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../EChartsWrapper/EChartsWrapper.js"),require("../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../GoogleDocsViewer/index.js"),require("../NewDocumentViewer/effects/useFileContent.js"),require("../NewDocumentViewer/styles.js"),require("../FilesLoaderV2/styles.js"),require("../FilesDropzone/styles.js"),require("../FilesProcessor/styles.js"),require("../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../Formula/useFormulaStyles.js"),require("../Formula/RootXIcon.js"),require("../Formula/FormulaTextEditor.js"),require("../Formula/CloseSuggestion.js"),require("../Formula/SuggestionsMenu.js");var f=A(e),g=A(r),I=A(s),S=A(t),V=A(o),b=A(c);function h(e,r){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),s.push.apply(s,t)}return s}function v(e){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?h(Object(s),!0).forEach((function(r){S.default(e,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(s,r))}))}return e}var x=u.makeStyles((function(e){return{paper:{width:"552px"},dialogTitles:{display:"flex",flexDirection:"column"},titleContent:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},title:{fontSize:"20px",color:e.palette.primary.text1},description:{fontSize:"16px",fontWeight:"normal",color:e.palette.primary.text6,marginTop:16},closeIconButton:{fontSize:"20px",padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:e.palette.primary.text6},topShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",top:"155px",zIndex:2},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActions:{display:"flex",justifyContent:"flex-end",paddingTop:8,paddingBottom:8},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column",overflowX:"hidden"},buttonContainer:{display:"flex",gap:"16px"}}}));function D(e,r){var s=e.find((function(e){return e.id===r}));return i.get(s,"name")||"-"}function T(e,r){var s=e.find((function(e){return e.id===r}));return i.get(s,"rigName")||"-"}function P(e,r){return"well"===e.value?"Best Wells":"area"===e.value?"Area Offsets":"Best ".concat(e.value,"section"===r?" Wells":' " Wells')}function y(e){return e.map((function(e){return v(v({},e),{},{wells:e.wells.sort((function(e,r){return e.name<r.name?-1:e.name>r.name?1:0}))})}))}function B(e){var r=i.get(e,"bicWellIds")||[],s=i.get(e,"manualWellIds")||[],t=i.get(e,"selectedWellIds")||[];return i.uniq(r.concat(s).concat(t))}function F(e){var r=e.defaultSubjectWell,s=e.offsetSetting,t=e.currentUser,o=e.isOpen,c=e.onClose,A=e.onSave,S=e.addWellsUsabilityInfo,V=e.unusableWellAlarm,h=n.useState(!1),F=I.default(h,2),W=F[0],k=F[1],E=x({scrolling:W}),L=n.useRef(null),w=n.useRef(!0),O=n.useState(i.get(r,"companyId")||i.get(s,"companyId")||+i.get(t,"company_id")),M=I.default(O,2),H=M[0],R=M[1],G=n.useState(i.get(r,"asset_id")||i.get(s,"subjectWellId")||null),N=I.default(G,2),U=N[0],z=N[1],_=d.useWells(H,o),Z=d.useFetchBicWellsData(U,o),X=n.useState([]),K=I.default(X,2),J=K[0],Q=K[1],$=n.useState(!1),Y=I.default($,2),ee=Y[0],re=Y[1],se=n.useState(s),te=I.default(se,2),ne=te[0],oe=te[1],ie=n.useState(!1),ce=I.default(ie,2),ue=ce[0],ae=ce[1],le=n.useMemo((function(){if(_){var e=B(ne);return _.filter((function(r){return e.find((function(e){return e===i.get(r,"id")}))}))}return[]}),[_,ne]);n.useEffect((function(){o&&(R(i.get(r,"companyId")||i.get(s,"companyId")||+i.get(t,"company_id")),z(i.get(r,"asset_id")||i.get(s,"subjectWellId")||null),oe(s),ae(!1),w.current=!0)}),[s,o]),n.useEffect((function(){if(o&&_&&w.current){var e,r=i.get(ne,"selectedWellIds")||[],s=i.get(ne,"manualWellIds")||[],t=i.get(ne,"bicWellIds")||[],n=r.concat(s),c=n.filter((function(e){return _.find((function(r){return r.id===e}))})).map((function(e){return{id:e,checked:!0,name:D(_,e),rigName:T(_,e),kind:r.includes(e)?"advanced":"manual"}}));if(Z&&Z.filters&&Z.result){var u,a=[],l=[{name:"Wells within Area",value:"area"}].concat(g.default(i.get(Z,["filters","filterTabs"]))),p=(null===(u=Z.filters)||void 0===u?void 0:u.filterMode)||"holeSize",d=i.uniq(l);e=[{name:"Search Results",wells:c,expanded:ue}].concat(g.default(d.map((function(e){var r;return{name:P(e,p),wells:(null===(r=Z.result[e.value])||void 0===r?void 0:r.filter((function(e){return _.find((function(r){return r.id===e}))})).map((function(e){var r="object"===f.default(e)?e.id:e;return a.push(r),{id:r,checked:!1,name:D(_,r),rigName:T(_,r),kind:"best"}})))||[],expanded:!1}}))))}else e=[{name:"Search Results",wells:c,expanded:ue}].concat(g.default(m.DEFAULT_WELL_SECTIONS));var q=e.map((function(e){var r=e.wells.map((function(e){return i.includes(t,e.id)||i.includes(n,e.id)?v(v({},e),{},{checked:!0}):v({},e)}));return v(v({},e),{},{wells:r})}));Q(y(q))}}),[o,_,Z,ne]);var pe=n.useCallback((function(){return B(ne).length}),[ne]),de=n.useCallback((function(){return(i.get(ne,"bicWellIds")||[]).length})),me=n.useRef(null),qe=!_;return q.jsxs(q.Fragment,{children:[q.jsxs(u.Dialog,{onBackdropClick:c,onEscapeKeyDown:c,open:o,classes:{paper:E.paper},children:[q.jsx(u.DialogTitle,{children:q.jsxs("div",{className:E.dialogTitles,children:[q.jsxs("div",{className:E.titleContent,children:[q.jsx(u.Typography,{className:E.title,children:"Select Offset Wells"}),q.jsx(u.Tooltip,{title:"Close",children:q.jsx(u.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:E.closeIconButton,onClick:c,children:q.jsx(a.Close,{className:E.closeIcon})})})]}),q.jsx("div",{className:E.description,children:"Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."})]})}),W&&q.jsx("div",{className:E.topShadow}),q.jsx(u.DialogContent,{className:E.dialogContent,ref:L,onScroll:function(){k(!0),clearTimeout(me.current),me.current=setTimeout((function(){k(!1)}),1e3)},children:qe?q.jsx(j,{fullscreen:!1}):q.jsxs(q.Fragment,{children:[q.jsx(l,{wells:le,offsetWells:le}),q.jsx(p,{company:H,wellSections:J,getWellName:D,onChangeWellSections:function(e){var r=y(e);Q(r),ae(r[0].expanded);var s=[],t=[],n=[];r.forEach((function(e){e.wells.forEach((function(e){e.checked&&"advanced"===e.kind&&s.push(e.id),e.checked&&"manual"===e.kind&&t.push(e.id),e.checked&&"best"===e.kind&&n.push(e.id)}))}));var o=s.concat(t).concat(n),c=v(v({},ne),{},{selectedWellIds:i.uniq(s),manualWellIds:i.uniq(t),bicWellIds:i.uniq(n),resultWellIds:i.uniq(o)});oe(c),w.current=!1},onExploreMode:function(){re(!0)}})]})}),q.jsx("div",{className:E.bottomShadow}),q.jsx(u.DialogActions,{className:b.default(E.dialogActions),children:q.jsxs("div",{className:E.buttonContainer,children:[q.jsx(u.Button,{"data-testid":"".concat("BICOffsetPickerDialog","_cancel"),onClick:c,color:"primary",children:"Cancel"}),q.jsxs(u.Button,{"data-testid":"".concat("BICOffsetPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=B(ne),r=_.filter((function(r){return i.includes(e,r.id)})),s=v(v({},ne),{},{companyId:+H,resultWellIds:e});re(!1),A(s,r)},children:["Add (",pe(),")"]})]})})]}),ee&&q.jsx(C,{defaultSubjectWellId:i.get(r,"asset_id"),companyId:+H,offsetSetting:ne,currentUser:t,addWellsUsabilityInfo:S,unusableWellAlarm:V,isAdvancedSearch:!0,bestCount:de(),isOpen:ee,onClose:function(){re(!1)},onSave:function(e){var s=e;r||(i.isEqual(U,i.get(s,"subjectWellId"))&&i.isEqual(H,i.get(s,"companyId"))||(s=v(v({},s),{},{bicWellIds:[],manualWellIds:[],resultWellIds:[]})),z(i.get(s,"subjectWellId")),R(i.get(s,"companyId")));var t=i.get(s,"manualWellIds")||[],n=i.get(s,"selectedWellIds")||[];t=t.filter((function(e){return!n.includes(e)})),s=v(v({},s),{},{manualWellIds:t}),oe(s),w.current=!0,ae(!0),re(!1)}})]})}F.propTypes={defaultSubjectWell:V.default.shape({}),offsetSetting:V.default.shape({subjectWellId:V.default.number,companyId:V.default.number}),currentUser:V.default.shape({}),isOpen:V.default.bool.isRequired,onClose:V.default.func.isRequired,onSave:V.default.func.isRequired,addWellsUsabilityInfo:V.default.func,unusableWellAlarm:V.default.string},F.defaultProps={defaultSubjectWell:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",offsetSetting:{},currentUser:{}},module.exports=F;
+"use strict";var e=require("@babel/runtime/helpers/typeof"),r=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/defineProperty"),n=require("react"),o=require("prop-types"),i=require("lodash"),c=require("classnames"),u=require("@material-ui/core"),a=require("@material-ui/icons"),l=require("./components/Map/index.js"),p=require("./components/WellSection/index.js"),d=require("./effects/index.js"),m=require("./constants.js"),q=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../utils/mobileDetect.js"),require("../IconButton/index.js"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../Modal/CorvaModal.css.js"),require("uuid"),require("../IconMenu/index.js"),require("../StyledMenuItem/index.js"),require("../AppIcon/AppIcon.js"),require("../DevCenter/AppHeader/AppHeader.js"),require("../DevCenter/AppSideBar/AppSideBar.js"),require("../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("../DevCenter/AppContext.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("query-string"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../utils/index.js"),require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../Icons/AnnotationIcon.js"),require("../Annotations/components/AnnotationsList/index.js"),require("../Annotations/components/LastAnnotation/index.js"),require("../Annotations/AnnotationsContext.js"),require("../Toaster/Toaster.js"),require("../HelpCenter/HelpCenterIcon.js"),require("../DevCenter/NavigationBar/NavigationBar.js"),require("../DevCenter/SideBar/SideBar.js"),require("../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../AssetEditor/index.js"),require("../AssetEditorV2/index.js"),require("../AppVersionsSelect/AppVersionsSelect.js");var j=require("../LoadingIndicator/LoadingIndicator.js");require("../Typography.js"),require("../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../CollapsableSidebar.js"),require("../DateTimePicker/index.js"),require("../DatePicker/index.js"),require("../ErrorBoundary/ErrorBoundary.js"),require("../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../SlateFormattedText/SlateFormattedText.js"),require("../SlateFormattedText/RenderElements.js"),require("slate"),require("../EmptyState/EmptyState.js"),require("../ParameterCharts/ParameterCharts.js"),require("../ParameterCharts/AddEditTrack.js"),require("../ChartActionsList/ChartActionsList.js"),require("../CopyToClipboard/CopyToClipboard.js"),require("../AssetEditor/AssetEditorAutocomplete.js"),require("../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../SettingEditors/ColorEditor/style.css.js"),require("../SettingEditors/DropdownEditor/index.js"),require("../SwitchControl/index.js"),require("../ColorPicker/ColorPicker.js"),require("../Chart/components/ChartButton.js"),require("../Chart/components/ChartButtons.js"),require("../Chart/components/ChartWrapper.js"),require("../Chart/components/AxisDropdown.js"),require("../Chart/components/ChartSelect.js"),require("../Chart/components/buttons/DragToZoomButton.js"),require("../Chart/components/buttons/ZoomInButton.js"),require("../Chart/components/buttons/ZoomOutButton.js"),require("../Chart/components/buttons/PanButton.js"),require("../Chart/components/buttons/ResetZoomButton.js"),require("../Chart/components/buttons/HideAxesButton.js"),require("../Chart/components/buttons/ChartTypeButton.js"),require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../TruncatedText/index.js"),require("../MiddleTruncatedText/MiddleTruncatedText.js"),require("../RangeSlider/constants.js"),require("../RangeSlider/Input.css.js"),require("../RangeSlider/RangeSlider.css.js"),require("../AdvancedSlider/AdvancedSlider.js"),require("../Breadcrumbs/index.js"),require("../VirtualizedTable/index.js"),require("../EmptyView/EmptyView.js"),require("../EmptyView/EmptyAppView/EmptyAppView.js"),require("../Button/components/Button/index.js"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js"),require("../ContextMenuItem/index.js"),require("../FolderMenuItem/index.js"),require("../EditableItem/EditableItem/index.js"),require("../EditableItem/EditableItemWithBadge/index.js"),require("../Checkbox/index.js"),require("../FolderMenuItemWithLinks/index.js"),require("../TextField/index.js"),require("../Chip/index.js"),require("../Counter/index.js"),require("../AnchorsList/AnchorsList.js"),require("../Select/index.js"),require("../Select/SelectFilterBy.js"),require("../CustomSelect/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ResizableTable/ResizableTable.js"),require("../GradientPicker/GradientPicker.js"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@material-ui/icons/AddCircle"),require("../GradientManager/GradientPreview/GradientPreview.js"),require("../GradientManager/GradientSelect.styles.js"),require("../GradientManager/GradientManager.styles.js"),require("../Drillstring/BHASchematic.js"),require("../Drillstring/BHATable/index.js"),require("../Drillstring/BHAComponentIcon.js"),require("../Drillstring/BHAComponentDetail/index.js"),require("../Drillstring/BHATileIcon.js"),require("../Drillstring/BHATile/BHATile.js"),require("../Drillstring/BHAList/BHAList.js"),require("../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../Casing/CasingTable/index.js"),require("../Casing/CasingComponentIcon.js"),require("../Casing/CasingTileIcon.js"),require("../Casing/CasingTableV2/CasingTableV2.js"),require("../Casing/CasingTile/CasingTile.js"),require("../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../WellSummary/WellSummaryItemLabel.js"),require("../WellSummary/WellSummaryItemTitle.js"),require("../WellSummary/WellSummaryItemValue.js"),require("../WellSummary/ActivitySummaryChart.js"),require("../WellSummary/FracWirelineTimeChart.js"),require("../OffsetWellButton/OffsetWellButton.js");var C=require("../OffsetWellPickerV2/OffsetWellPickerDialog.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../OffsetWellPickerV3/index.js"),require("../OffsetWellChips/Chip.js"),require("../OffsetWellChips/ChipsContainer.js"),require("../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js"),require("../OffsetWellMap/OffsetWellMap.js"),require("@material-ui/core/Snackbar"),require("../Notifications/Toast.js"),require("../Notifications/Notifications.scss.js"),require("../ConfirmationDialog.js"),require("../TextLink/index.js"),require("../Avatar/index.js"),require("../Template/TemplatePopover/index.js"),require("../Template/TemplateSharingDialog/index.js"),require("../MenuItem/index.js"),require("../MiddleTruncate/MiddleTruncate.js"),require("../PinnableFilters/PinnableFilters.js"),require("../HeaderLayout/HeaderLayout.js"),require("../PadOffsetsPicker/PadOffsetsPicker.js"),require("../PadOffsetsPicker/OffsetAssetChip.js"),require("../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../PadOffsetsPicker/StagesSelector.js"),require("../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../Table/TableToolbar/TableToolbar.js"),require("../Table/TableContainer/TableContainer.js"),require("../Table/TableCell/TableCell.js"),require("../Table/TablePagination/TablePagination.js"),require("../Table/TablePaginationActions/TablePaginationActions.js"),require("../Tooltip/ScrollableTooltip.js"),require("../PriceInput/PriceInput.js"),require("../LabelsCounter/LabelsCounter.js"),require("../Stepper/Stepper.js"),require("../Stepper/Step/Step.js"),require("../Stepper/StepsWrapper.js"),require("../Comment/CommentIcon/index.js"),require("../FilesLoader/FilesLoader.js"),require("../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../SearchInput/index.js"),require("../FeedItem/FeedItem.js"),require("../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../PostInput/PostInput.js"),require("../KeyboardDateTimePicker.js"),require("../AddComment/Popover.js"),require("../AddComment/Popup.js"),require("../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../StageDesignVActual/ComparisonHeader.js"),require("../StageDesignVActual/ComparisonRow.js"),require("../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../EmbeddedApp/EmbeddedApp.js"),require("../Autocomplete/Autocomplete.js"),require("../DocumentViewer/DocumentViewer.js"),require("../ColorPickerPalette/ColorPickerPalette.js"),require("../Search/Search.js"),require("../Search/components/Listbox.js"),require("../Search/components/Paper.js"),require("../Search/components/RecentSearches.js"),require("../Search/components/Groups.js"),require("../Search/components/SelectAllListItem.js"),require("../StatusBadge/index.js"),require("../Attachment/index.js"),require("../EmojiIconButton.js"),require("../FileUploadIconButton.js"),require("../FilePreview/index.js"),require("../FailedFileUploading.js"),require("../UserMention/index.js"),require("../CommentsInfo/index.js"),require("../CommentInput/index.js"),require("../Comment/index.js"),require("../CommentLoader.js"),require("../AssetNameLabel/AssetStatusBadge.js"),require("../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../AssetEditorV2/components/SelectItem.js"),require("../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../EChartsWrapper/EChartsWrapper.js"),require("../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../GoogleDocsViewer/index.js"),require("../NewDocumentViewer/effects/useFileContent.js"),require("../NewDocumentViewer/styles.js"),require("../FilesLoaderV2/styles.js"),require("../FilesDropzone/styles.js"),require("../FilesProcessor/styles.js"),require("../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../Formula/useFormulaStyles.js"),require("../Formula/RootXIcon.js"),require("../Formula/FormulaTextEditor.js"),require("../Formula/CloseSuggestion.js"),require("../Formula/SuggestionsMenu.js");var f=A(e),g=A(r),I=A(s),S=A(t),V=A(o),b=A(c);function h(e,r){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),s.push.apply(s,t)}return s}function v(e){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?h(Object(s),!0).forEach((function(r){S.default(e,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(s,r))}))}return e}var x=u.makeStyles((function(e){return{paper:{width:"552px"},dialogTitles:{display:"flex",flexDirection:"column"},titleContent:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},title:{fontSize:"20px",color:e.palette.primary.text1},description:{fontSize:"16px",fontWeight:"normal",color:e.palette.primary.text6,marginTop:16},closeIconButton:{fontSize:"20px",padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:e.palette.primary.text6},topShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",top:"155px",zIndex:2},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActions:{display:"flex",justifyContent:"flex-end",paddingTop:8,paddingBottom:8},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column",overflowX:"hidden"},buttonContainer:{display:"flex",gap:"16px"}}}));function D(e,r){var s=e.find((function(e){return e.id===r}));return i.get(s,"name")||"-"}function T(e,r){var s=e.find((function(e){return e.id===r}));return i.get(s,"rigName")||"-"}function P(e,r){return"well"===e.value?"Best Wells":"area"===e.value?"Area Offsets":"Best ".concat(e.value,"section"===r?" Wells":' " Wells')}function y(e){return e.map((function(e){return v(v({},e),{},{wells:e.wells.sort((function(e,r){return e.name<r.name?-1:e.name>r.name?1:0}))})}))}function B(e){var r=i.get(e,"bicWellIds")||[],s=i.get(e,"manualWellIds")||[],t=i.get(e,"selectedWellIds")||[];return i.uniq(r.concat(s).concat(t))}function F(e){var r=e.defaultSubjectWell,s=e.offsetSetting,t=e.currentUser,o=e.isOpen,c=e.onClose,A=e.onSave,S=e.addWellsUsabilityInfo,V=e.unusableWellAlarm,h=n.useState(!1),F=I.default(h,2),W=F[0],k=F[1],E=x({scrolling:W}),L=n.useRef(null),w=n.useRef(!0),O=n.useState(i.get(r,"companyId")||i.get(s,"companyId")||+i.get(t,"company_id")),M=I.default(O,2),H=M[0],R=M[1],G=n.useState(i.get(r,"asset_id")||i.get(s,"subjectWellId")||null),N=I.default(G,2),U=N[0],z=N[1],_=d.useWells(H,o),Z=d.useFetchBicWellsData(U,o),X=n.useState([]),K=I.default(X,2),J=K[0],Q=K[1],$=n.useState(!1),Y=I.default($,2),ee=Y[0],re=Y[1],se=n.useState(s),te=I.default(se,2),ne=te[0],oe=te[1],ie=n.useState(!1),ce=I.default(ie,2),ue=ce[0],ae=ce[1],le=n.useMemo((function(){if(_){var e=B(ne);return _.filter((function(r){return e.find((function(e){return e===i.get(r,"id")}))}))}return[]}),[_,ne]);n.useEffect((function(){o&&(R(i.get(r,"companyId")||i.get(s,"companyId")||+i.get(t,"company_id")),z(i.get(r,"asset_id")||i.get(s,"subjectWellId")||null),oe(s),ae(!1),w.current=!0)}),[s,o]),n.useEffect((function(){if(o&&_&&w.current){var e,r=i.get(ne,"selectedWellIds")||[],s=i.get(ne,"manualWellIds")||[],t=i.get(ne,"bicWellIds")||[],n=r.concat(s),c=n.filter((function(e){return _.find((function(r){return r.id===e}))})).map((function(e){return{id:e,checked:!0,name:D(_,e),rigName:T(_,e),kind:r.includes(e)?"advanced":"manual"}}));if(Z&&Z.filters&&Z.result){var u,a=[],l=[{name:"Wells within Area",value:"area"}].concat(g.default(i.get(Z,["filters","filterTabs"]))),p=(null===(u=Z.filters)||void 0===u?void 0:u.filterMode)||"holeSize",d=i.uniq(l);e=[{name:"Search Results",wells:c,expanded:ue}].concat(g.default(d.map((function(e){var r;return{name:P(e,p),wells:(null===(r=Z.result[e.value])||void 0===r?void 0:r.filter((function(e){return _.find((function(r){return r.id===e}))})).map((function(e){var r="object"===f.default(e)?e.id:e;return a.push(r),{id:r,checked:!1,name:D(_,r),rigName:T(_,r),kind:"best"}})))||[],expanded:!1}}))))}else e=[{name:"Search Results",wells:c,expanded:ue}].concat(g.default(m.DEFAULT_WELL_SECTIONS));var q=e.map((function(e){var r=e.wells.map((function(e){return i.includes(t,e.id)||i.includes(n,e.id)?v(v({},e),{},{checked:!0}):v({},e)}));return v(v({},e),{},{wells:r})}));Q(y(q))}}),[o,_,Z,ne]);var pe=n.useCallback((function(){return B(ne).length}),[ne]),de=n.useCallback((function(){return(i.get(ne,"bicWellIds")||[]).length})),me=n.useRef(null),qe=!_;return q.jsxs(q.Fragment,{children:[q.jsxs(u.Dialog,{onBackdropClick:c,onEscapeKeyDown:c,open:o,classes:{paper:E.paper},children:[q.jsx(u.DialogTitle,{children:q.jsxs("div",{className:E.dialogTitles,children:[q.jsxs("div",{className:E.titleContent,children:[q.jsx(u.Typography,{className:E.title,children:"Select Offset Wells"}),q.jsx(u.Tooltip,{title:"Close",children:q.jsx(u.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:E.closeIconButton,onClick:c,children:q.jsx(a.Close,{className:E.closeIcon})})})]}),q.jsx("div",{className:E.description,children:"Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."})]})}),W&&q.jsx("div",{className:E.topShadow}),q.jsx(u.DialogContent,{className:E.dialogContent,ref:L,onScroll:function(){k(!0),clearTimeout(me.current),me.current=setTimeout((function(){k(!1)}),1e3)},children:qe?q.jsx(j,{fullscreen:!1}):q.jsxs(q.Fragment,{children:[q.jsx(l,{wells:le,offsetWells:le}),q.jsx(p,{company:H,wellSections:J,getWellName:D,onChangeWellSections:function(e){var r=y(e);Q(r),ae(r[0].expanded);var s=[],t=[],n=[];r.forEach((function(e){e.wells.forEach((function(e){e.checked&&"advanced"===e.kind&&s.push(e.id),e.checked&&"manual"===e.kind&&t.push(e.id),e.checked&&"best"===e.kind&&n.push(e.id)}))}));var o=s.concat(t).concat(n),c=v(v({},ne),{},{selectedWellIds:i.uniq(s),manualWellIds:i.uniq(t),bicWellIds:i.uniq(n),resultWellIds:i.uniq(o)});oe(c),w.current=!1},onExploreMode:function(){re(!0)}})]})}),q.jsx("div",{className:E.bottomShadow}),q.jsx(u.DialogActions,{className:b.default(E.dialogActions),children:q.jsxs("div",{className:E.buttonContainer,children:[q.jsx(u.Button,{"data-testid":"".concat("BICOffsetPickerDialog","_cancel"),onClick:c,color:"primary",children:"Cancel"}),q.jsxs(u.Button,{"data-testid":"".concat("BICOffsetPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=B(ne),r=_.filter((function(r){return i.includes(e,r.id)})),s=v(v({},ne),{},{companyId:+H,resultWellIds:e});re(!1),A(s,r)},children:["Add (",pe(),")"]})]})})]}),ee&&q.jsx(C,{defaultSubjectWellId:i.get(r,"asset_id"),companyId:+H,offsetSetting:ne,currentUser:t,addWellsUsabilityInfo:S,unusableWellAlarm:V,isAdvancedSearch:!0,bestCount:de(),isOpen:ee,onClose:function(){re(!1)},onSave:function(e){var s=e;r||(i.isEqual(U,i.get(s,"subjectWellId"))&&i.isEqual(H,i.get(s,"companyId"))||(s=v(v({},s),{},{bicWellIds:[],manualWellIds:[],resultWellIds:[]})),z(i.get(s,"subjectWellId")),R(i.get(s,"companyId")));var t=i.get(s,"manualWellIds")||[],n=i.get(s,"selectedWellIds")||[];t=t.filter((function(e){return!n.includes(e)})),s=v(v({},s),{},{manualWellIds:t}),oe(s),w.current=!0,ae(!0),re(!1)}})]})}F.propTypes={defaultSubjectWell:V.default.shape({}),offsetSetting:V.default.shape({subjectWellId:V.default.number,companyId:V.default.number}),currentUser:V.default.shape({}),isOpen:V.default.bool.isRequired,onClose:V.default.func.isRequired,onSave:V.default.func.isRequired,addWellsUsabilityInfo:V.default.func,unusableWellAlarm:V.default.string},F.defaultProps={defaultSubjectWell:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",offsetSetting:{},currentUser:{}},module.exports=F;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/BICOffsetPickerDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/BICOffsetPickerDialog/index.js"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, uniq, includes, isEqual } from 'lodash';\nimport classnames from 'classnames';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport WellsMap from './components/Map';\nimport WellSection from './components/WellSection';\nimport { useWells, useFetchBicWellsData } from './effects';\nimport { DEFAULT_WELL_SECTIONS } from './constants';\n\nimport { LoadingIndicator, OffsetWellPickerV2 } from '~/components';\n\nconst PAGE_NAME = 'BICOffsetPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: '552px',\n  },\n  dialogTitles: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  titleContent: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: '20px',\n    color: theme.palette.primary.text1,\n  },\n  description: {\n    fontSize: '16px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    marginTop: 16,\n  },\n  closeIconButton: {\n    fontSize: '20px',\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n  },\n  topShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    top: '155px',\n    zIndex: 2,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActions: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\n  },\n  buttonContainer: {\n    display: 'flex',\n    gap: '16px',\n  },\n}));\n\nfunction getWellName(wells, wellId) {\n  const well = wells.find(item => item.id === wellId);\n  return get(well, 'name') || '-';\n}\n\nfunction getRigName(wells, wellId) {\n  const well = wells.find(item => item.id === wellId);\n  return get(well, 'rigName') || '-';\n}\n\nfunction getSectionName(area, filterMode) {\n  if (area.value === 'well') return 'Best Wells';\n  else if (area.value === 'area') return 'Area Offsets';\n  else if (filterMode === 'section') return `Best ${area.value} Wells`;\n  return `Best ${area.value} \" Wells`;\n}\n\nfunction sortWells(sections) {\n  const sortedWells = sections.map(section => ({\n    ...section,\n    wells: section.wells.sort((a, b) => {\n      if (a.name < b.name) return -1;\n      if (a.name > b.name) return 1;\n      return 0;\n    }),\n  }));\n  return sortedWells;\n}\n\nfunction getResultWellIds(offsetSetting) {\n  const bicWellIds = get(offsetSetting, 'bicWellIds') || [];\n  const manualWellIds = get(offsetSetting, 'manualWellIds') || [];\n  const selectedWellIds = get(offsetSetting, 'selectedWellIds') || [];\n  const resultWellIds = uniq(bicWellIds.concat(manualWellIds).concat(selectedWellIds));\n  return resultWellIds;\n}\n\nfunction BICOffsetPickerDialog({\n  defaultSubjectWell,\n  offsetSetting,\n  currentUser,\n  isOpen,\n  onClose,\n  onSave,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n}) {\n  const [scrolling, setScrolling] = useState(false);\n  const classes = useStyles({ scrolling });\n  const dialogContentRef = useRef(null);\n  const loadingRef = useRef(true);\n  const [companyId, setCompanyId] = useState(\n    get(defaultSubjectWell, 'companyId') ||\n      get(offsetSetting, 'companyId') ||\n      +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null\n  );\n  const wells = useWells(companyId, isOpen);\n  const bicData = useFetchBicWellsData(subjectWellId, isOpen);\n  const [wellSections, setWellSections] = useState([]);\n  const [isOpenOffsetDialog, setIsOpenOffsetsDialog] = useState(false);\n  const [interimOffsetSetting, setInterimOffsetSetting] = useState(offsetSetting);\n  const [expandedSearchResult, setExpandedSearchResult] = useState(false);\n  const offsetWells = useMemo(() => {\n    if (wells) {\n      const resultWellIds = getResultWellIds(interimOffsetSetting);\n      const data = wells.filter(well => resultWellIds.find(id => id === get(well, 'id')));\n      return data;\n    }\n    return [];\n  }, [wells, interimOffsetSetting]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setCompanyId(\n        get(defaultSubjectWell, 'companyId') ||\n          get(offsetSetting, 'companyId') ||\n          +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(\n        get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null\n      );\n      setInterimOffsetSetting(offsetSetting);\n      setExpandedSearchResult(false);\n      loadingRef.current = true;\n    }\n  }, [offsetSetting, isOpen]);\n\n  // NOTE: update well section wells data\n  useEffect(() => {\n    if (!isOpen || !wells || !loadingRef.current) return;\n\n    const selectedWellIds = get(interimOffsetSetting, 'selectedWellIds') || [];\n    const manualWellIds = get(interimOffsetSetting, 'manualWellIds') || [];\n    const bicWellIds = get(interimOffsetSetting, 'bicWellIds') || [];\n\n    // Make Search Results Tab\n    const allManualWellIds = selectedWellIds.concat(manualWellIds);\n    const searchResults = allManualWellIds\n      .filter(id => wells.find(well => well.id === id))\n      .map(id => {\n        return {\n          id,\n          checked: true,\n          name: getWellName(wells, id),\n          rigName: getRigName(wells, id),\n          kind: selectedWellIds.includes(id) ? 'advanced' : 'manual',\n        };\n      });\n\n    // Make Best Wells Tabs\n    let mergedSections;\n    if (!bicData || !bicData.filters || !bicData.result) {\n      mergedSections = [\n        { name: 'Search Results', wells: searchResults, expanded: expandedSearchResult },\n        ...DEFAULT_WELL_SECTIONS,\n      ];\n    } else {\n      const bestWellIds = [];\n      const filteredTabs = [\n        { name: 'Wells within Area', value: 'area' },\n        ...get(bicData, ['filters', 'filterTabs']),\n      ];\n      const filterMode = bicData.filters?.filterMode || 'holeSize';\n      const tabs = uniq(filteredTabs);\n      mergedSections = [\n        { name: 'Search Results', wells: searchResults, expanded: expandedSearchResult },\n        ...tabs.map(area => {\n          return {\n            name: getSectionName(area, filterMode),\n            wells:\n              bicData.result[area.value]\n                ?.filter(id => wells.find(well => well.id === id))\n                .map(item => {\n                  const id = typeof item === 'object' ? item.id : item;\n                  bestWellIds.push(id);\n                  return {\n                    id,\n                    checked: false,\n                    name: getWellName(wells, id),\n                    rigName: getRigName(wells, id),\n                    kind: 'best',\n                  };\n                }) || [],\n            expanded: false,\n          };\n        }),\n      ];\n    }\n\n    // Check if any best well is checked\n    const sectionsData = mergedSections.map(section => {\n      const data = section.wells.map(item => {\n        if (includes(bicWellIds, item.id) || includes(allManualWellIds, item.id)) {\n          return {\n            ...item,\n            checked: true,\n          };\n        } else {\n          return { ...item };\n        }\n      });\n      return {\n        ...section,\n        wells: data,\n      };\n    });\n    // Sort by name\n    setWellSections(sortWells(sectionsData));\n  }, [isOpen, wells, bicData, interimOffsetSetting]);\n\n  // NOTE: BIC Wells\n  const handleChangeWellSections = sections => {\n    const sortedSections = sortWells(sections);\n    setWellSections(sortedSections);\n    setExpandedSearchResult(sortedSections[0].expanded);\n\n    const newSelectedWellIds = [];\n    const newManualWellIds = [];\n    const newBicWellIds = [];\n    sortedSections.forEach(section => {\n      section.wells.forEach(well => {\n        if (well.checked && well.kind === 'advanced') newSelectedWellIds.push(well.id);\n        if (well.checked && well.kind === 'manual') newManualWellIds.push(well.id);\n        if (well.checked && well.kind === 'best') newBicWellIds.push(well.id);\n      });\n    });\n    const newResultWellIds = newSelectedWellIds.concat(newManualWellIds).concat(newBicWellIds);\n    const newOffsetSetting = {\n      ...interimOffsetSetting,\n      selectedWellIds: uniq(newSelectedWellIds),\n      manualWellIds: uniq(newManualWellIds),\n      bicWellIds: uniq(newBicWellIds),\n      resultWellIds: uniq(newResultWellIds),\n    };\n    setInterimOffsetSetting(newOffsetSetting);\n    loadingRef.current = false;\n  };\n\n  const handleCloseAdvancedWells = () => {\n    setIsOpenOffsetsDialog(false);\n  };\n\n  const handleAddAdvancedWells = newOffsetSetting => {\n    let offsetSettings = newOffsetSetting;\n    if (!defaultSubjectWell) {\n      if (\n        !isEqual(subjectWellId, get(offsetSettings, 'subjectWellId')) ||\n        !isEqual(companyId, get(offsetSettings, 'companyId'))\n      ) {\n        offsetSettings = {\n          ...offsetSettings,\n          bicWellIds: [],\n          manualWellIds: [],\n          resultWellIds: [],\n        };\n      }\n      setSubjectWellId(get(offsetSettings, 'subjectWellId'));\n      setCompanyId(get(offsetSettings, 'companyId'));\n    }\n\n    let manualWellIds = get(offsetSettings, 'manualWellIds') || [];\n    const selectedWellIds = get(offsetSettings, 'selectedWellIds') || [];\n    manualWellIds = manualWellIds.filter(id => !selectedWellIds.includes(id));\n    offsetSettings = {\n      ...offsetSettings,\n      manualWellIds,\n    };\n    setInterimOffsetSetting(offsetSettings);\n    loadingRef.current = true;\n    setExpandedSearchResult(true);\n    setIsOpenOffsetsDialog(false);\n  };\n\n  const handleOpenAdvancedDialog = () => {\n    setIsOpenOffsetsDialog(true);\n  };\n\n  const handleAdd = () => {\n    const resultWellIds = getResultWellIds(interimOffsetSetting);\n\n    const allOffsetWells = wells.filter(well => includes(resultWellIds, well.id));\n    const newOffsetSetting = {\n      ...interimOffsetSetting,\n      companyId: +companyId,\n      resultWellIds,\n    };\n\n    setIsOpenOffsetsDialog(false);\n    onSave(newOffsetSetting, allOffsetWells);\n  };\n\n  const getResultCount = useCallback(() => {\n    const resultWellIds = getResultWellIds(interimOffsetSetting);\n    return resultWellIds.length;\n  }, [interimOffsetSetting]);\n\n  const getBestCount = useCallback(() => {\n    const bicWellIds = get(interimOffsetSetting, 'bicWellIds') || [];\n    return bicWellIds.length;\n  });\n  const scrollTimeoutRef = useRef(null);\n\n  const handleScroll = () => {\n    setScrolling(true);\n    clearTimeout(scrollTimeoutRef.current);\n    scrollTimeoutRef.current = setTimeout(() => {\n      setScrolling(false);\n    }, 1000);\n  };\n\n  const isLoading = !wells;\n\n  return (\n    <>\n      <Dialog\n        onBackdropClick={onClose}\n        onEscapeKeyDown={onClose}\n        open={isOpen}\n        classes={{ paper: classes.paper }}\n      >\n        <DialogTitle>\n          <div className={classes.dialogTitles}>\n            <div className={classes.titleContent}>\n              <Typography className={classes.title}>Select Offset Wells</Typography>\n              <Tooltip title=\"Close\">\n                <IconButton\n                  data-not-migrated-muiiconbutton\n                  aria-label=\"close\"\n                  className={classes.closeIconButton}\n                  onClick={onClose}\n                >\n                  <CloseIcon className={classes.closeIcon} />\n                </IconButton>\n              </Tooltip>\n            </div>\n            <div className={classes.description}>\n              Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well\n              Selection Application.\n            </div>\n          </div>\n        </DialogTitle>\n        {scrolling && <div className={classes.topShadow} />}\n        <DialogContent\n          className={classes.dialogContent}\n          ref={dialogContentRef}\n          onScroll={handleScroll}\n        >\n          {!isLoading ? (\n            <>\n              <WellsMap wells={offsetWells} offsetWells={offsetWells} />\n              <WellSection\n                company={companyId}\n                wellSections={wellSections}\n                getWellName={getWellName}\n                onChangeWellSections={handleChangeWellSections}\n                onExploreMode={handleOpenAdvancedDialog}\n              />\n            </>\n          ) : (\n            <LoadingIndicator fullscreen={false} />\n          )}\n        </DialogContent>\n        <div className={classes.bottomShadow} />\n        <DialogActions className={classnames(classes.dialogActions)}>\n          <div className={classes.buttonContainer}>\n            <Button data-testid={`${PAGE_NAME}_cancel`} onClick={onClose} color=\"primary\">\n              Cancel\n            </Button>\n            <Button\n              data-testid={`${PAGE_NAME}_add`}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleAdd}\n            >\n              Add ({getResultCount()})\n            </Button>\n          </div>\n        </DialogActions>\n      </Dialog>\n\n      {isOpenOffsetDialog && (\n        <OffsetWellPickerV2\n          defaultSubjectWellId={get(defaultSubjectWell, 'asset_id')}\n          companyId={+companyId}\n          offsetSetting={interimOffsetSetting}\n          currentUser={currentUser}\n          addWellsUsabilityInfo={addWellsUsabilityInfo}\n          unusableWellAlarm={unusableWellAlarm}\n          isAdvancedSearch\n          bestCount={getBestCount()}\n          isOpen={isOpenOffsetDialog}\n          onClose={handleCloseAdvancedWells}\n          onSave={handleAddAdvancedWells}\n        />\n      )}\n    </>\n  );\n}\n\nBICOffsetPickerDialog.propTypes = {\n  defaultSubjectWell: PropTypes.shape({}),\n  offsetSetting: PropTypes.shape({\n    subjectWellId: PropTypes.number,\n    companyId: PropTypes.number,\n  }),\n  currentUser: PropTypes.shape({}),\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  addWellsUsabilityInfo: PropTypes.func, // update offset wells usability info in specific apps (\"is_usable\" field)\n  unusableWellAlarm: PropTypes.string,\n};\n\nBICOffsetPickerDialog.defaultProps = {\n  defaultSubjectWell: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  offsetSetting: {},\n  currentUser: {},\n};\n\nexport default BICOffsetPickerDialog;\n"],"names":["useStyles","makeStyles","theme","paper","width","dialogTitles","display","flexDirection","titleContent","justifyContent","alignItems","title","fontSize","color","palette","primary","text1","description","fontWeight","text6","marginTop","closeIconButton","padding","closeIcon","topShadow","height","backgroundImage","concat","background","b9","position","top","zIndex","bottomShadow","bottom","dialogActions","paddingTop","paddingBottom","dialogActionsSmallScreen","paddingRight","dialogContent","overflowX","buttonContainer","gap","getWellName","wells","wellId","well","find","item","id","get","getRigName","getSectionName","area","filterMode","value","sortWells","sections","map","section","_objectSpread","sort","a","b","name","getResultWellIds","offsetSetting","bicWellIds","manualWellIds","selectedWellIds","uniq","BICOffsetPickerDialog","_ref","defaultSubjectWell","currentUser","isOpen","onClose","onSave","addWellsUsabilityInfo","unusableWellAlarm","useState","_useState2","_slicedToArray","_useState","scrolling","setScrolling","classes","dialogContentRef","useRef","loadingRef","_useState4","_useState3","companyId","setCompanyId","_useState5","_useState6","subjectWellId","setSubjectWellId","useWells","bicData","useFetchBicWellsData","_useState8","_useState7","wellSections","setWellSections","_useState10","_useState9","isOpenOffsetDialog","setIsOpenOffsetsDialog","_useState12","_useState11","interimOffsetSetting","setInterimOffsetSetting","_useState14","_useState13","expandedSearchResult","setExpandedSearchResult","offsetWells","useMemo","resultWellIds","filter","useEffect","current","mergedSections","allManualWellIds","searchResults","checked","rigName","kind","includes","filters","result","_bicData$filters","bestWellIds","filteredTabs","_toConsumableArray","tabs","expanded","_bicData$result$area$","_typeof","push","DEFAULT_WELL_SECTIONS","sectionsData","data","getResultCount","useCallback","length","getBestCount","scrollTimeoutRef","isLoading","_jsxs","_Fragment","children","Dialog","onBackdropClick","onEscapeKeyDown","open","_jsx","DialogTitle","jsxs","className","Typography","Tooltip","IconButton","onClick","CloseIcon","jsx","DialogContent","ref","onScroll","clearTimeout","setTimeout","LoadingIndicator","fullscreen","WellsMap","WellSection","company","onChangeWellSections","sortedSections","newSelectedWellIds","newManualWellIds","newBicWellIds","forEach","newResultWellIds","newOffsetSetting","onExploreMode","DialogActions","classnames","Button","variant","allOffsetWells","OffsetWellPickerV2","defaultSubjectWellId","isAdvancedSearch","bestCount","offsetSettings","isEqual","propTypes","PropTypes","shape","number","bool","isRequired","func","string","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/BICOffsetPickerDialog/index.js"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, uniq, includes, isEqual } from 'lodash';\nimport classnames from 'classnames';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nimport WellsMap from './components/Map';\nimport WellSection from './components/WellSection';\nimport { useWells, useFetchBicWellsData } from './effects';\nimport { DEFAULT_WELL_SECTIONS } from './constants';\n\nimport { LoadingIndicator, OffsetWellPickerV2 } from '~/components';\n\nconst PAGE_NAME = 'BICOffsetPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: '552px',\n  },\n  dialogTitles: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  titleContent: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: '20px',\n    color: theme.palette.primary.text1,\n  },\n  description: {\n    fontSize: '16px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    marginTop: 16,\n  },\n  closeIconButton: {\n    fontSize: '20px',\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n  },\n  topShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    top: '155px',\n    zIndex: 2,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActions: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\n  },\n  buttonContainer: {\n    display: 'flex',\n    gap: '16px',\n  },\n}));\n\nfunction getWellName(wells, wellId) {\n  const well = wells.find(item => item.id === wellId);\n  return get(well, 'name') || '-';\n}\n\nfunction getRigName(wells, wellId) {\n  const well = wells.find(item => item.id === wellId);\n  return get(well, 'rigName') || '-';\n}\n\nfunction getSectionName(area, filterMode) {\n  if (area.value === 'well') return 'Best Wells';\n  else if (area.value === 'area') return 'Area Offsets';\n  else if (filterMode === 'section') return `Best ${area.value} Wells`;\n  return `Best ${area.value} \" Wells`;\n}\n\nfunction sortWells(sections) {\n  const sortedWells = sections.map(section => ({\n    ...section,\n    wells: section.wells.sort((a, b) => {\n      if (a.name < b.name) return -1;\n      if (a.name > b.name) return 1;\n      return 0;\n    }),\n  }));\n  return sortedWells;\n}\n\nfunction getResultWellIds(offsetSetting) {\n  const bicWellIds = get(offsetSetting, 'bicWellIds') || [];\n  const manualWellIds = get(offsetSetting, 'manualWellIds') || [];\n  const selectedWellIds = get(offsetSetting, 'selectedWellIds') || [];\n  const resultWellIds = uniq(bicWellIds.concat(manualWellIds).concat(selectedWellIds));\n  return resultWellIds;\n}\n\nfunction BICOffsetPickerDialog({\n  defaultSubjectWell,\n  offsetSetting,\n  currentUser,\n  isOpen,\n  onClose,\n  onSave,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n}) {\n  const [scrolling, setScrolling] = useState(false);\n  const classes = useStyles({ scrolling });\n  const dialogContentRef = useRef(null);\n  const loadingRef = useRef(true);\n  const [companyId, setCompanyId] = useState(\n    get(defaultSubjectWell, 'companyId') ||\n      get(offsetSetting, 'companyId') ||\n      +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null\n  );\n  const wells = useWells(companyId, isOpen);\n  const bicData = useFetchBicWellsData(subjectWellId, isOpen);\n  const [wellSections, setWellSections] = useState([]);\n  const [isOpenOffsetDialog, setIsOpenOffsetsDialog] = useState(false);\n  const [interimOffsetSetting, setInterimOffsetSetting] = useState(offsetSetting);\n  const [expandedSearchResult, setExpandedSearchResult] = useState(false);\n  const offsetWells = useMemo(() => {\n    if (wells) {\n      const resultWellIds = getResultWellIds(interimOffsetSetting);\n      const data = wells.filter(well => resultWellIds.find(id => id === get(well, 'id')));\n      return data;\n    }\n    return [];\n  }, [wells, interimOffsetSetting]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setCompanyId(\n        get(defaultSubjectWell, 'companyId') ||\n          get(offsetSetting, 'companyId') ||\n          +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(\n        get(defaultSubjectWell, 'asset_id') || get(offsetSetting, 'subjectWellId') || null\n      );\n      setInterimOffsetSetting(offsetSetting);\n      setExpandedSearchResult(false);\n      loadingRef.current = true;\n    }\n  }, [offsetSetting, isOpen]);\n\n  // NOTE: update well section wells data\n  useEffect(() => {\n    if (!isOpen || !wells || !loadingRef.current) return;\n\n    const selectedWellIds = get(interimOffsetSetting, 'selectedWellIds') || [];\n    const manualWellIds = get(interimOffsetSetting, 'manualWellIds') || [];\n    const bicWellIds = get(interimOffsetSetting, 'bicWellIds') || [];\n\n    // Make Search Results Tab\n    const allManualWellIds = selectedWellIds.concat(manualWellIds);\n    const searchResults = allManualWellIds\n      .filter(id => wells.find(well => well.id === id))\n      .map(id => {\n        return {\n          id,\n          checked: true,\n          name: getWellName(wells, id),\n          rigName: getRigName(wells, id),\n          kind: selectedWellIds.includes(id) ? 'advanced' : 'manual',\n        };\n      });\n\n    // Make Best Wells Tabs\n    let mergedSections;\n    if (!bicData || !bicData.filters || !bicData.result) {\n      mergedSections = [\n        { name: 'Search Results', wells: searchResults, expanded: expandedSearchResult },\n        ...DEFAULT_WELL_SECTIONS,\n      ];\n    } else {\n      const bestWellIds = [];\n      const filteredTabs = [\n        { name: 'Wells within Area', value: 'area' },\n        ...get(bicData, ['filters', 'filterTabs']),\n      ];\n      const filterMode = bicData.filters?.filterMode || 'holeSize';\n      const tabs = uniq(filteredTabs);\n      mergedSections = [\n        { name: 'Search Results', wells: searchResults, expanded: expandedSearchResult },\n        ...tabs.map(area => {\n          return {\n            name: getSectionName(area, filterMode),\n            wells:\n              bicData.result[area.value]\n                ?.filter(id => wells.find(well => well.id === id))\n                .map(item => {\n                  const id = typeof item === 'object' ? item.id : item;\n                  bestWellIds.push(id);\n                  return {\n                    id,\n                    checked: false,\n                    name: getWellName(wells, id),\n                    rigName: getRigName(wells, id),\n                    kind: 'best',\n                  };\n                }) || [],\n            expanded: false,\n          };\n        }),\n      ];\n    }\n\n    // Check if any best well is checked\n    const sectionsData = mergedSections.map(section => {\n      const data = section.wells.map(item => {\n        if (includes(bicWellIds, item.id) || includes(allManualWellIds, item.id)) {\n          return {\n            ...item,\n            checked: true,\n          };\n        } else {\n          return { ...item };\n        }\n      });\n      return {\n        ...section,\n        wells: data,\n      };\n    });\n    // Sort by name\n    setWellSections(sortWells(sectionsData));\n  }, [isOpen, wells, bicData, interimOffsetSetting]);\n\n  // NOTE: BIC Wells\n  const handleChangeWellSections = sections => {\n    const sortedSections = sortWells(sections);\n    setWellSections(sortedSections);\n    setExpandedSearchResult(sortedSections[0].expanded);\n\n    const newSelectedWellIds = [];\n    const newManualWellIds = [];\n    const newBicWellIds = [];\n    sortedSections.forEach(section => {\n      section.wells.forEach(well => {\n        if (well.checked && well.kind === 'advanced') newSelectedWellIds.push(well.id);\n        if (well.checked && well.kind === 'manual') newManualWellIds.push(well.id);\n        if (well.checked && well.kind === 'best') newBicWellIds.push(well.id);\n      });\n    });\n    const newResultWellIds = newSelectedWellIds.concat(newManualWellIds).concat(newBicWellIds);\n    const newOffsetSetting = {\n      ...interimOffsetSetting,\n      selectedWellIds: uniq(newSelectedWellIds),\n      manualWellIds: uniq(newManualWellIds),\n      bicWellIds: uniq(newBicWellIds),\n      resultWellIds: uniq(newResultWellIds),\n    };\n    setInterimOffsetSetting(newOffsetSetting);\n    loadingRef.current = false;\n  };\n\n  const handleCloseAdvancedWells = () => {\n    setIsOpenOffsetsDialog(false);\n  };\n\n  const handleAddAdvancedWells = newOffsetSetting => {\n    let offsetSettings = newOffsetSetting;\n    if (!defaultSubjectWell) {\n      if (\n        !isEqual(subjectWellId, get(offsetSettings, 'subjectWellId')) ||\n        !isEqual(companyId, get(offsetSettings, 'companyId'))\n      ) {\n        offsetSettings = {\n          ...offsetSettings,\n          bicWellIds: [],\n          manualWellIds: [],\n          resultWellIds: [],\n        };\n      }\n      setSubjectWellId(get(offsetSettings, 'subjectWellId'));\n      setCompanyId(get(offsetSettings, 'companyId'));\n    }\n\n    let manualWellIds = get(offsetSettings, 'manualWellIds') || [];\n    const selectedWellIds = get(offsetSettings, 'selectedWellIds') || [];\n    manualWellIds = manualWellIds.filter(id => !selectedWellIds.includes(id));\n    offsetSettings = {\n      ...offsetSettings,\n      manualWellIds,\n    };\n    setInterimOffsetSetting(offsetSettings);\n    loadingRef.current = true;\n    setExpandedSearchResult(true);\n    setIsOpenOffsetsDialog(false);\n  };\n\n  const handleOpenAdvancedDialog = () => {\n    setIsOpenOffsetsDialog(true);\n  };\n\n  const handleAdd = () => {\n    const resultWellIds = getResultWellIds(interimOffsetSetting);\n\n    const allOffsetWells = wells.filter(well => includes(resultWellIds, well.id));\n    const newOffsetSetting = {\n      ...interimOffsetSetting,\n      companyId: +companyId,\n      resultWellIds,\n    };\n\n    setIsOpenOffsetsDialog(false);\n    onSave(newOffsetSetting, allOffsetWells);\n  };\n\n  const getResultCount = useCallback(() => {\n    const resultWellIds = getResultWellIds(interimOffsetSetting);\n    return resultWellIds.length;\n  }, [interimOffsetSetting]);\n\n  const getBestCount = useCallback(() => {\n    const bicWellIds = get(interimOffsetSetting, 'bicWellIds') || [];\n    return bicWellIds.length;\n  });\n  const scrollTimeoutRef = useRef(null);\n\n  const handleScroll = () => {\n    setScrolling(true);\n    clearTimeout(scrollTimeoutRef.current);\n    scrollTimeoutRef.current = setTimeout(() => {\n      setScrolling(false);\n    }, 1000);\n  };\n\n  const isLoading = !wells;\n\n  return (\n    <>\n      <Dialog\n        onBackdropClick={onClose}\n        onEscapeKeyDown={onClose}\n        open={isOpen}\n        classes={{ paper: classes.paper }}\n      >\n        <DialogTitle>\n          <div className={classes.dialogTitles}>\n            <div className={classes.titleContent}>\n              <Typography className={classes.title}>Select Offset Wells</Typography>\n              <Tooltip title=\"Close\">\n                <IconButton\n                  data-not-migrated-muiiconbutton\n                  aria-label=\"close\"\n                  className={classes.closeIconButton}\n                  onClick={onClose}\n                >\n                  <CloseIcon className={classes.closeIcon} />\n                </IconButton>\n              </Tooltip>\n            </div>\n            <div className={classes.description}>\n              Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well\n              Selection Application.\n            </div>\n          </div>\n        </DialogTitle>\n        {scrolling && <div className={classes.topShadow} />}\n        <DialogContent\n          className={classes.dialogContent}\n          ref={dialogContentRef}\n          onScroll={handleScroll}\n        >\n          {!isLoading ? (\n            <>\n              <WellsMap wells={offsetWells} offsetWells={offsetWells} />\n              <WellSection\n                company={companyId}\n                wellSections={wellSections}\n                getWellName={getWellName}\n                onChangeWellSections={handleChangeWellSections}\n                onExploreMode={handleOpenAdvancedDialog}\n              />\n            </>\n          ) : (\n            <LoadingIndicator fullscreen={false} />\n          )}\n        </DialogContent>\n        <div className={classes.bottomShadow} />\n        <DialogActions className={classnames(classes.dialogActions)}>\n          <div className={classes.buttonContainer}>\n            <Button data-testid={`${PAGE_NAME}_cancel`} onClick={onClose} color=\"primary\">\n              Cancel\n            </Button>\n            <Button\n              data-testid={`${PAGE_NAME}_add`}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleAdd}\n            >\n              Add ({getResultCount()})\n            </Button>\n          </div>\n        </DialogActions>\n      </Dialog>\n\n      {isOpenOffsetDialog && (\n        <OffsetWellPickerV2\n          defaultSubjectWellId={get(defaultSubjectWell, 'asset_id')}\n          companyId={+companyId}\n          offsetSetting={interimOffsetSetting}\n          currentUser={currentUser}\n          addWellsUsabilityInfo={addWellsUsabilityInfo}\n          unusableWellAlarm={unusableWellAlarm}\n          isAdvancedSearch\n          bestCount={getBestCount()}\n          isOpen={isOpenOffsetDialog}\n          onClose={handleCloseAdvancedWells}\n          onSave={handleAddAdvancedWells}\n        />\n      )}\n    </>\n  );\n}\n\nBICOffsetPickerDialog.propTypes = {\n  defaultSubjectWell: PropTypes.shape({}),\n  offsetSetting: PropTypes.shape({\n    subjectWellId: PropTypes.number,\n    companyId: PropTypes.number,\n  }),\n  currentUser: PropTypes.shape({}),\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  addWellsUsabilityInfo: PropTypes.func, // update offset wells usability info in specific apps (\"is_usable\" field)\n  unusableWellAlarm: PropTypes.string,\n};\n\nBICOffsetPickerDialog.defaultProps = {\n  defaultSubjectWell: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  offsetSetting: {},\n  currentUser: {},\n};\n\nexport default BICOffsetPickerDialog;\n"],"names":["useStyles","makeStyles","theme","paper","width","dialogTitles","display","flexDirection","titleContent","justifyContent","alignItems","title","fontSize","color","palette","primary","text1","description","fontWeight","text6","marginTop","closeIconButton","padding","closeIcon","topShadow","height","backgroundImage","concat","background","b9","position","top","zIndex","bottomShadow","bottom","dialogActions","paddingTop","paddingBottom","dialogActionsSmallScreen","paddingRight","dialogContent","overflowX","buttonContainer","gap","getWellName","wells","wellId","well","find","item","id","get","getRigName","getSectionName","area","filterMode","value","sortWells","sections","map","section","_objectSpread","sort","a","b","name","getResultWellIds","offsetSetting","bicWellIds","manualWellIds","selectedWellIds","uniq","BICOffsetPickerDialog","_ref","defaultSubjectWell","currentUser","isOpen","onClose","onSave","addWellsUsabilityInfo","unusableWellAlarm","useState","_useState2","_slicedToArray","_useState","scrolling","setScrolling","classes","dialogContentRef","useRef","loadingRef","_useState4","_useState3","companyId","setCompanyId","_useState5","_useState6","subjectWellId","setSubjectWellId","useWells","bicData","useFetchBicWellsData","_useState8","_useState7","wellSections","setWellSections","_useState10","_useState9","isOpenOffsetDialog","setIsOpenOffsetsDialog","_useState12","_useState11","interimOffsetSetting","setInterimOffsetSetting","_useState14","_useState13","expandedSearchResult","setExpandedSearchResult","offsetWells","useMemo","resultWellIds","filter","useEffect","current","mergedSections","allManualWellIds","searchResults","checked","rigName","kind","includes","filters","result","_bicData$filters","bestWellIds","filteredTabs","_toConsumableArray","tabs","expanded","_bicData$result$area$","_typeof","push","DEFAULT_WELL_SECTIONS","sectionsData","data","getResultCount","useCallback","length","getBestCount","scrollTimeoutRef","isLoading","_jsxs","_Fragment","children","Dialog","onBackdropClick","onEscapeKeyDown","open","_jsx","DialogTitle","jsxs","className","Typography","Tooltip","IconButton","onClick","CloseIcon","jsx","DialogContent","ref","onScroll","clearTimeout","setTimeout","LoadingIndicator","fullscreen","WellsMap","WellSection","company","onChangeWellSections","sortedSections","newSelectedWellIds","newManualWellIds","newBicWellIds","forEach","newResultWellIds","newOffsetSetting","onExploreMode","DialogActions","classnames","Button","variant","allOffsetWells","OffsetWellPickerV2","defaultSubjectWellId","isAdvancedSearch","bestCount","offsetSettings","isEqual","propTypes","PropTypes","shape","number","bool","isRequired","func","string","defaultProps"],"mappings":"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"}

package/cjs-bundle/components/Breadcrumbs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react/jsx-runtime"),r=require("@material-ui/core"),c=require("classnames"),n=require("react-router"),i=require("react");require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js");var t=require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),u=require("../TruncatedText/index.js"),a=require("../../icons/iconParkIcons.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var m=l(e),j=l(s),q=l(c),d=["pathItems","withBackIcon","classes"],I=["container"];function p(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}return o}function h(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?p(Object(o),!0).forEach((function(s){m.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var f=r.makeStyles((function(e){return{container:{display:"flex",gap:"0px 8px",fontSize:"0.8125rem"},pathPart:{cursor:"pointer",color:e.palette.primary.text6,"&:hover":{textDecoration:"underline"}},lastPathPart:{color:e.palette.primary.text1,"&:hover":{textDecoration:"underline"}},iconLink:{display:"flex",alignItems:"center",color:e.palette.primary.text6,"&:hover":{textDecoration:"underline"}}}}));module.exports=function(e){var s=e.pathItems,c=e.withBackIcon,l=e.classes,p=void 0===l?{}:l,x=j.default(e,d),b=p.container,v=j.default(p,I),O=f();return o.jsx(r.Breadcrumbs,h(h({classes:h({li:q.default(O.container,b)},v)},x),{},{children:s.map((function(e,s,r){return o.jsxs(i.Fragment,{children:[0===s&&c&&o.jsx(n.Link,{to:e.href,className:O.iconLink,children:o.jsx(a.LeftIcon,{size:"small"})}),o.jsx(u,{children:o.jsx(t.UniversalLink,{className:q.default(O.pathPart,m.default({},O.lastPathPart,s===r.length-1&&!c)),"data-testid":"Breadcrumbs_".concat(e.text),href:e.href,children:e.text},e.text)})]},e.href)}))}))};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react/jsx-runtime"),r=require("@material-ui/core"),c=require("classnames"),n=require("react-router-dom"),i=require("react");require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js");var t=require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");require("query-string");var u=require("../TruncatedText/index.js"),a=require("../../icons/iconParkIcons.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js");var m=l(e),j=l(s),q=l(c),d=["pathItems","withBackIcon","classes"],I=["container"];function p(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}return o}function h(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?p(Object(o),!0).forEach((function(s){m.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var f=r.makeStyles((function(e){return{container:{display:"flex",gap:"0px 8px",fontSize:"0.8125rem"},pathPart:{cursor:"pointer",color:e.palette.primary.text6,"&:hover":{textDecoration:"underline"}},lastPathPart:{color:e.palette.primary.text1,"&:hover":{textDecoration:"underline"}},iconLink:{display:"flex",alignItems:"center",color:e.palette.primary.text6,"&:hover":{textDecoration:"underline"}}}}));module.exports=function(e){var s=e.pathItems,c=e.withBackIcon,l=e.classes,p=void 0===l?{}:l,x=j.default(e,d),b=p.container,v=j.default(p,I),O=f();return o.jsx(r.Breadcrumbs,h(h({classes:h({li:q.default(O.container,b)},v)},x),{},{children:s.map((function(e,s,r){return o.jsxs(i.Fragment,{children:[0===s&&c&&o.jsx(n.Link,{to:e.href,className:O.iconLink,children:o.jsx(a.LeftIcon,{size:"small"})}),o.jsx(u,{children:o.jsx(t.UniversalLink,{className:q.default(O.pathPart,m.default({},O.lastPathPart,s===r.length-1&&!c)),"data-testid":"Breadcrumbs_".concat(e.text),href:e.href,children:e.text},e.text)})]},e.href)}))}))};
 //# sourceMappingURL=index.js.map