npm - @corva/ui - Versions diffs - 3.78.0-1 → 3.78.0-11 - Mend

@corva/ui 3.78.0-1 → 3.78.0-11

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

Files changed (584) hide show

package/components/Attachment/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as i,useCallback as e}from"react";import n from"prop-types";import c from"react-player";import r from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as m}from"@material-ui/core";import l from"@material-ui/icons/Image";import p from"@material-ui/icons/Fullscreen";import u from"@material-ui/core/colors/grey";import d from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as h}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import{ImageViewer as j}from"../../componentsV2/ImageViewer/ImageViewer.js";import f from"./styles.css.js";import I from"../FileTypeIcon.js";import g from"../IconButton/index.js";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import{getIsImage as b,getIsVideo as y}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as C}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import w from"../../effects/useSignedURL.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import P from"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import{jsx as O,jsxs as F,Fragment as A}from"react/jsx-runtime";var x=["displayName","fileName","attachmentSize","size","small"];function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){s(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=u[200],W=u[400],R={label:"small",value:135},U={label:"medium",value:300},L={fileImage:function(o,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===R.label?R.value:U.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:z,borderRadius:3,marginTop:10,height:135,width:135}},k=function(o){var s,t,i=w(o.attachmentFileName)||o.attachmentUrl;return F(A,{children:[F("div",{onClick:o.openLightbox,className:f.cAttachmentImg,children:[O("img",{"data-testid":"".concat("Attachment","_image"),src:i,style:L.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),O("div",{"data-testid":"".concat("Attachment","_button"),className:f.cAttachmentImgPreviwBtn,children:O(p,{})})]}),!o.imageDimensions&&O("div",{style:L.imagePlaceholder,children:O(l,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:W,fontSize:"large"})}),o.lightboxIsOpen&&O(j,{src:i,onClose:o.handleLightboxClose,onOpen:o.handleLightboxOpen,width:null===(s=o.imageDimensions)||void 0===s?void 0:s.width,height:null===(t=o.imageDimensions)||void 0===t?void 0:t.height})]})},E=function(o){var s=P.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),t=w(o.attachmentFileName,"inline"),i=w(o.attachmentFileName,"attachment"),e=C(s);return F("div",{className:f.cAttachmentFileWrapper,children:[F("div",{className:r(f.cAttachmentFileDownloadWrapper,e&&o.classes.disabledPreview),style:L.fileDownloadWrapper,onClick:function(){e||o.openPreview()},children:[e?O(h,{className:o.classes.unavailableFileIcon}):O(I,{fileName:o.displayName||o.attachmentUrl,className:f.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),F("div",{className:o.classes.titleContainer,children:[e&&O("div",{className:o.classes.caption,children:"Preview unavailable"}),O("div",{"data-testid":"".concat("Attachment","_name"),className:r(f.cAttachmentFileDownloadWrapperFileName,e&&o.classes.fileName),children:O(m,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),O(d,{fileUrl:t,classes:{root:o.classes.dialogRoot,paper:v?o.classes.nativeDialog:o.classes.dialog},fileName:s,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),O("a",{download:o.displayName,href:i,className:f.cAttachmentFileDownloadWrapperForm,children:O(g,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:O(N,{size:24,className:o.classes.downloadIcon})})})]})};function M(s){var n=s.displayName,r=void 0===n?null:n,a=s.fileName,m=void 0===a?null:a,l=s.attachmentSize,p=void 0===l?void 0:l,u=s.size,d=void 0===u?U.label:u,h=s.small,j=void 0!==h&&h,I=S(S({},t(s,x)),{},{displayName:r,fileName:m,attachmentSize:p,size:d,small:j}),g=i(void 0),C=o(g,2),N=C[0],P=C[1],F=i(!1),A=o(F,2),D=A[0],z=A[1],W=i(!1),L=o(W,2),M=L[0],T=L[1],V=I.displayName||I.attachmentUrl||I.fileName,B=b(V),q=y(V),G=w(!I.attachmentUrl&&I.fileName),_=I.attachmentUrl||G,H=e((function(o){return o.preventDefault()}),[]),K=e((function(){v&&document.documentElement.addEventListener("touchmove",H,{passive:!1})}),[H]),Z=e((function(){v&&document.documentElement.removeEventListener("touchmove",H),z(!1)}),[H]),J=e((function(){return z(!0)}),[]),Q=e((function(o){var s=o.currentTarget,t=s.naturalWidth,i=s.naturalHeight;P({width:t,height:i})}),[]),X=e((function(){return T(!0)}),[]),Y=e((function(o){o.stopPropagation(),T(!1)}),[]);return B?O("div",{className:f.cAttachment,children:O(k,{size:I.size,openLightbox:J,attachmentFileName:I.fileName,attachmentUrl:I.attachmentUrl,onImageLoaded:Q,imageDimensions:N,lightboxIsOpen:D,handleLightboxOpen:K,handleLightboxClose:Z,classes:I.classes})}):q&&c.canPlay(_)?O("div",{className:f.cAttachment,children:O(c,{"data-testid":"".concat("Attachment","_player"),className:f.cAttachmentReactPlayer,url:_,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:I.size===R.label?R.value:U.value,width:null})}):O("div",{className:f.cAttachment,children:O(E,{attachmentUrl:_,attachmentFileName:I.fileName,attachmentSize:I.attachmentSize,displayName:I.displayName,openPreview:X,closePreview:Y,previewIsOpen:M,classes:I.classes,small:I.small})})}M.propTypes={attachmentUrl:n.string.isRequired,attachmentSize:n.number,displayName:n.string,fileName:n.string,size:n.oneOf([R.label,U.label]),classes:n.shape({}).isRequired,small:n.bool};var T=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(M);export{T as default};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useState as i,useCallback as e}from"react";import n from"prop-types";import c from"react-player";import r from"classnames";import{withStyles as a}from"@material-ui/core/styles";import{Typography as m}from"@material-ui/core";import l from"@material-ui/icons/Image";import p from"@material-ui/icons/Fullscreen";import u from"@material-ui/core/colors/grey";import d from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as h}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import{ImageViewer as j}from"../../componentsV2/ImageViewer/ImageViewer.js";import f from"./styles.css.js";import I from"../FileTypeIcon.js";import g from"../IconButton/index.js";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import{getIsImage as b,getIsVideo as y}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as C}from"../../utils/filePreview.js";import{DownloadIcon as N}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import w from"../../effects/useSignedURL.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import P from"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import{jsx as O,jsxs as F,Fragment as A}from"react/jsx-runtime";var x=["displayName","fileName","attachmentSize","size","small"];function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function S(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){s(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=u[200],W=u[400],R={label:"small",value:135},U={label:"medium",value:300},L={fileImage:function(o,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===R.label?R.value:U.value,display:o?"initial":"none",cursor:"pointer"}},fileDownloadWrapper:{padding:"10px 10px 10px 5px",border:"1px solid #616161",borderRadius:3,maxWidth:500,width:"75%"},imagePlaceholder:{position:"relative",backgroundColor:z,borderRadius:3,marginTop:10,height:135,width:135}},k=function(o){var s,t,i=w(o.attachmentFileName)||o.attachmentUrl;return F(A,{children:[F("div",{onClick:o.openLightbox,className:f.cAttachmentImg,children:[O("img",{"data-testid":"".concat("Attachment","_image"),src:i,style:L.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),O("div",{"data-testid":"".concat("Attachment","_button"),className:f.cAttachmentImgPreviwBtn,children:O(p,{})})]}),!o.imageDimensions&&O("div",{style:L.imagePlaceholder,children:O(l,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:W,fontSize:"large"})}),o.lightboxIsOpen&&O(j,{src:i,onClose:o.handleLightboxClose,onOpen:o.handleLightboxOpen,width:null===(s=o.imageDimensions)||void 0===s?void 0:s.width,height:null===(t=o.imageDimensions)||void 0===t?void 0:t.height})]})},E=function(o){var s=P.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),t=w(o.attachmentFileName,"inline"),i=w(o.attachmentFileName,"attachment"),e=C(s);return F("div",{className:f.cAttachmentFileWrapper,children:[F("div",{className:r(f.cAttachmentFileDownloadWrapper,e&&o.classes.disabledPreview),style:L.fileDownloadWrapper,onClick:function(){e||o.openPreview()},children:[e?O(h,{className:o.classes.unavailableFileIcon}):O(I,{fileName:o.displayName||o.attachmentUrl,className:f.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),F("div",{className:o.classes.titleContainer,children:[e&&O("div",{className:o.classes.caption,children:"Preview unavailable"}),O("div",{"data-testid":"".concat("Attachment","_name"),className:r(f.cAttachmentFileDownloadWrapperFileName,e&&o.classes.fileName),children:O(m,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),O(d,{fileUrl:t,classes:{root:o.classes.dialogRoot,paper:v?o.classes.nativeDialog:o.classes.dialog},fileName:s,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),O("a",{download:o.displayName,href:i,className:f.cAttachmentFileDownloadWrapperForm,children:O(g,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:O(N,{size:24,className:o.classes.downloadIcon})})})]})};function M(s){var n=s.displayName,r=void 0===n?null:n,a=s.fileName,m=void 0===a?null:a,l=s.attachmentSize,p=void 0===l?void 0:l,u=s.size,d=void 0===u?U.label:u,h=s.small,j=void 0!==h&&h,I=S(S({},t(s,x)),{},{displayName:r,fileName:m,attachmentSize:p,size:d,small:j}),g=i(void 0),C=o(g,2),N=C[0],P=C[1],F=i(!1),A=o(F,2),D=A[0],z=A[1],W=i(!1),L=o(W,2),M=L[0],T=L[1],V=I.displayName||I.attachmentUrl||I.fileName,B=b(V),q=y(V),G=w(!I.attachmentUrl&&I.fileName),_=I.attachmentUrl||G,H=e((function(o){return o.preventDefault()}),[]),K=e((function(){v&&document.documentElement.addEventListener("touchmove",H,{passive:!1})}),[H]),Z=e((function(){v&&document.documentElement.removeEventListener("touchmove",H),z(!1)}),[H]),J=e((function(){return z(!0)}),[]),Q=e((function(o){var s=o.currentTarget,t=s.naturalWidth,i=s.naturalHeight;P({width:t,height:i})}),[]),X=e((function(){return T(!0)}),[]),Y=e((function(o){o.stopPropagation(),T(!1)}),[]);return B?O("div",{className:f.cAttachment,children:O(k,{size:I.size,openLightbox:J,attachmentFileName:I.fileName,attachmentUrl:I.attachmentUrl,onImageLoaded:Q,imageDimensions:N,lightboxIsOpen:D,handleLightboxOpen:K,handleLightboxClose:Z,classes:I.classes})}):q&&c.canPlay(_)?O("div",{className:f.cAttachment,children:O(c,{"data-testid":"".concat("Attachment","_player"),className:f.cAttachmentReactPlayer,url:_,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:I.size===R.label?R.value:U.value,width:null})}):O("div",{className:f.cAttachment,children:O(E,{attachmentUrl:_,attachmentFileName:I.fileName,attachmentSize:I.attachmentSize,displayName:I.displayName,openPreview:X,closePreview:Y,previewIsOpen:M,classes:I.classes,small:I.small})})}M.propTypes={attachmentUrl:n.string.isRequired,attachmentSize:n.number,displayName:n.string,fileName:n.string,size:n.oneOf([R.label,U.label]),classes:n.shape({}).isRequired,small:n.bool};var T=a((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(M);export{T as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } 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';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\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\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.imageDimensions, props.size)}\n alt=\"Attachment\"\n onLoad={props.onImageLoaded}\n />\n <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n <FullSizeIcon />\n </div>\n </div>\n\n {!props.imageDimensions && (\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 src={downloadLink}\n onClose={props.handleLightboxClose}\n onOpen={props.handleLightboxOpen}\n width={props.imageDimensions?.width}\n height={props.imageDimensions?.height}\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(rawProps) {\n const {\n displayName = null,\n fileName: attachmentFileName = null,\n attachmentSize = undefined,\n size = SIZES.medium.label,\n small = false,\n ...otherProps\n } = rawProps;\n const props = {\n ...otherProps,\n displayName,\n fileName: attachmentFileName,\n attachmentSize,\n size,\n small,\n };\n\n const [imageDimensions, setImageDimensions] = useState(undefined);\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 = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'hidden';\n document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n passive: false,\n });\n }\n }, [preventIOSScroll]);\n\n const handleLightboxClose = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'visible';\n document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n }\n setIsLightboxOpen(false);\n }, [preventIOSScroll]);\n\n const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n const onImageLoaded = useCallback(e => {\n const { naturalWidth, naturalHeight } = e.currentTarget;\n setImageDimensions({ width: naturalWidth, height: naturalHeight });\n }, []);\n const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n const closePreview = useCallback(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 onImageLoaded={onImageLoaded}\n imageDimensions={imageDimensions}\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\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","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","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","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","rawProps","_rawProps$displayName","_rawProps$fileName","_rawProps$attachmentS","undefined","_rawProps$size","_rawProps$small","_excluded","useState","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { useCallback, useState } 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';\nimport { ImageViewer } from '../../componentsV2/ImageViewer';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~components/FileTypeIcon';\nimport IconButton from '~components/IconButton';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIsImage, getIsVideo } from '~/utils/fileExtension';\nimport { getIsPreviewUnavailable } from '~/utils/filePreview';\nimport { DownloadIcon } from '~/icons';\nimport { useSignedURL } from '~/effects';\nimport utils from '~utils/main';\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\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.imageDimensions, props.size)}\n alt=\"Attachment\"\n onLoad={props.onImageLoaded}\n />\n <div data-testid={`${PAGE_NAME}_button`} className={styles.cAttachmentImgPreviwBtn}>\n <FullSizeIcon />\n </div>\n </div>\n\n {!props.imageDimensions && (\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 src={downloadLink}\n onClose={props.handleLightboxClose}\n onOpen={props.handleLightboxOpen}\n width={props.imageDimensions?.width}\n height={props.imageDimensions?.height}\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(rawProps) {\n const {\n displayName = null,\n fileName: attachmentFileName = null,\n attachmentSize = undefined,\n size = SIZES.medium.label,\n small = false,\n ...otherProps\n } = rawProps;\n const props = {\n ...otherProps,\n displayName,\n fileName: attachmentFileName,\n attachmentSize,\n size,\n small,\n };\n\n const [imageDimensions, setImageDimensions] = useState(undefined);\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 = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'hidden';\n document.documentElement.addEventListener('touchmove', preventIOSScroll, {\n passive: false,\n });\n }\n }, [preventIOSScroll]);\n\n const handleLightboxClose = useCallback(() => {\n if (isNativeDetected) {\n // document.documentElement.style.overflowY = 'visible';\n document.documentElement.removeEventListener('touchmove', preventIOSScroll);\n }\n setIsLightboxOpen(false);\n }, [preventIOSScroll]);\n\n const openLightbox = useCallback(() => setIsLightboxOpen(true), []);\n const onImageLoaded = useCallback(e => {\n const { naturalWidth, naturalHeight } = e.currentTarget;\n setImageDimensions({ width: naturalWidth, height: naturalHeight });\n }, []);\n const openPreview = useCallback(() => setIsPreviewOpen(true), []);\n const closePreview = useCallback(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 onImageLoaded={onImageLoaded}\n imageDimensions={imageDimensions}\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\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","_props$imageDimension","_props$imageDimension2","downloadLink","useSignedURL","attachmentFileName","attachmentUrl","_jsxs","_Fragment","children","onClick","openLightbox","className","styles","cAttachmentImg","_jsx","concat","src","imageDimensions","alt","onLoad","onImageLoaded","cAttachmentImgPreviwBtn","FullSizeIcon","ImageIcon","classes","imageIconRoot","htmlColor","fontSize","lightboxIsOpen","ImageViewer","onClose","handleLightboxClose","onOpen","handleLightboxOpen","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","closePreview","open","previewIsOpen","download","href","cAttachmentFileDownloadWrapperForm","IconButton","downloadIcon","type","DownloadIcon","Attachment","rawProps","_rawProps$displayName","_rawProps$fileName","_rawProps$attachmentS","undefined","_rawProps$size","_rawProps$small","_excluded","useState","_useState2","_slicedToArray","_useState","setImageDimensions","_useState4","_useState3","isLightboxOpen","setIsLightboxOpen","_useState6","_useState5","isPreviewOpen","setIsPreviewOpen","isImage","getIsImage","isVideo","getIsVideo","preventIOSScroll","useCallback","e","preventDefault","document","documentElement","addEventListener","passive","removeEventListener","currentTarget","naturalWidth","naturalHeight","stopPropagation","cAttachment","ReactPlayer","canPlay","cAttachmentReactPlayer","url","config","file","attributes","preload","controls","propTypes","PropTypes","string","isRequired","number","oneOf","shape","bool","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}

package/components/BICOffsetPickerDialog/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as i,useRef as n,useMemo as r,useEffect as p,useCallback as m}from"react";import c from"prop-types";import{get as a,uniq as l,includes as d,isEqual as j}from"lodash";import u from"classnames";import{makeStyles as C,Dialog as I,DialogTitle as A,Typography as f,Tooltip as h,IconButton as g,DialogContent as S,DialogActions as v,Button as V}from"@material-ui/core";import{Close as b}from"@material-ui/icons";import F from"./components/Map/index.js";import T from"./components/WellSection/index.js";import{useWells as x,useFetchBicWellsData as P}from"./effects/index.js";import{DEFAULT_WELL_SECTIONS as D}from"./constants.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as y,Fragment as k,jsx as B}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../clients/jsonApi/index.js";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"../EmptyState/EmptyState.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../config/theme/index.js";import"../../hocs/withAssetEditorLockHOC.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../Button/components/Button/index.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../ConfirmationDialog.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/utils.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"../StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../Icons/AnnotationIcon.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../Toaster/Toaster.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import W from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.scss.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../OffsetWellButton/OffsetWellButton.js";import w from"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../OffsetWellMap/WellTooltip.module.css.js";import"../OffsetWellMap/OffsetWellMap.module.css.js";import"../../config/mapboxGl/index.js";import"../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../LinkedText/LinkedText.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";function E(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function O(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?E(Object(o),!0).forEach((function(t){s(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):E(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var L=C((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 M(e,t){var o=e.find((function(e){return e.id===t}));return a(o,"name")||"-"}function H(e,t){var o=e.find((function(e){return e.id===t}));return a(o,"rigName")||"-"}function R(e,t){return"well"===e.value?"Best Wells":"area"===e.value?"Area Offsets":"Best ".concat(e.value,"section"===t?" Wells":' " Wells')}function N(e){return e.map((function(e){return O(O({},e),{},{wells:e.wells.sort((function(e,t){return e.name<t.name?-1:e.name>t.name?1:0}))})}))}function G(e){var t=a(e,"bicWellIds")||[],o=a(e,"manualWellIds")||[],s=a(e,"selectedWellIds")||[];return l(t.concat(o).concat(s))}function q(s){var c=s.defaultSubjectWell,C=void 0===c?null:c,E=s.offsetSetting,q=void 0===E?U:E,_=s.currentUser,K=void 0===_?z:_,X=s.isOpen,J=s.onClose,Q=s.onSave,Z=s.addWellsUsabilityInfo,$=void 0===Z?null:Z,Y=s.unusableWellAlarm,ee=void 0===Y?"Unable to add":Y,te=i(!1),oe=o(te,2),se=oe[0],ie=oe[1],ne=L({scrolling:se}),re=n(null),pe=n(!0),me=i(a(C,"companyId")||a(q,"companyId")||+a(K,"company_id")),ce=o(me,2),ae=ce[0],le=ce[1],de=i(a(C,"asset_id")||a(q,"subjectWellId")||null),je=o(de,2),ue=je[0],Ce=je[1],Ie=x(ae,X),Ae=P(ue,X),fe=i([]),he=o(fe,2),ge=he[0],Se=he[1],ve=i(!1),Ve=o(ve,2),be=Ve[0],Fe=Ve[1],Te=i(q),xe=o(Te,2),Pe=xe[0],De=xe[1],ye=i(!1),ke=o(ye,2),Be=ke[0],We=ke[1],we=r((function(){if(Ie){var e=G(Pe);return Ie.filter((function(t){return e.find((function(e){return e===a(t,"id")}))}))}return[]}),[Ie,Pe]);p((function(){X&&(le(a(C,"companyId")||a(q,"companyId")||+a(K,"company_id")),Ce(a(C,"asset_id")||a(q,"subjectWellId")||null),De(q),We(!1),pe.current=!0)}),[q,X]),p((function(){if(X&&Ie&&pe.current){var o,s=a(Pe,"selectedWellIds")||[],i=a(Pe,"manualWellIds")||[],n=a(Pe,"bicWellIds")||[],r=s.concat(i),p=r.filter((function(e){return Ie.find((function(t){return t.id===e}))})).map((function(e){return{id:e,checked:!0,name:M(Ie,e),rigName:H(Ie,e),kind:s.includes(e)?"advanced":"manual"}}));if(Ae&&Ae.filters&&Ae.result){var m,c=[],j=[{name:"Wells within Area",value:"area"}].concat(t(a(Ae,["filters","filterTabs"]))),u=(null===(m=Ae.filters)||void 0===m?void 0:m.filterMode)||"holeSize",C=l(j);o=[{name:"Search Results",wells:p,expanded:Be}].concat(t(C.map((function(t){var o;return{name:R(t,u),wells:(null===(o=Ae.result[t.value])||void 0===o?void 0:o.filter((function(e){return Ie.find((function(t){return t.id===e}))})).map((function(t){var o="object"===e(t)?t.id:t;return c.push(o),{id:o,checked:!1,name:M(Ie,o),rigName:H(Ie,o),kind:"best"}})))||[],expanded:!1}}))))}else o=[{name:"Search Results",wells:p,expanded:Be}].concat(t(D));var I=o.map((function(e){var t=e.wells.map((function(e){return d(n,e.id)||d(r,e.id)?O(O({},e),{},{checked:!0}):O({},e)}));return O(O({},e),{},{wells:t})}));Se(N(I))}}),[X,Ie,Ae,Pe]);var Ee=m((function(){return G(Pe).length}),[Pe]),Oe=m((function(){return(a(Pe,"bicWellIds")||[]).length}),[]),Le=n(null),Me=!Ie;return y(k,{children:[y(I,{onBackdropClick:J,onEscapeKeyDown:J,open:X,classes:{paper:ne.paper},children:[B(A,{children:y("div",{className:ne.dialogTitles,children:[y("div",{className:ne.titleContent,children:[B(f,{className:ne.title,children:"Select Offset Wells"}),B(h,{title:"Close",children:B(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ne.closeIconButton,onClick:J,children:B(b,{className:ne.closeIcon})})})]}),B("div",{className:ne.description,children:"Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."})]})}),se&&B("div",{className:ne.topShadow}),B(S,{className:ne.dialogContent,ref:re,onScroll:function(){ie(!0),clearTimeout(Le.current),Le.current=setTimeout((function(){ie(!1)}),1e3)},children:Me?B(W,{fullscreen:!1}):y(k,{children:[B(F,{wells:we,offsetWells:we}),B(T,{company:ae,wellSections:ge,getWellName:M,onChangeWellSections:function(e){var t=N(e);Se(t),We(t[0].expanded);var o=[],s=[],i=[];t.forEach((function(e){e.wells.forEach((function(e){e.checked&&"advanced"===e.kind&&o.push(e.id),e.checked&&"manual"===e.kind&&s.push(e.id),e.checked&&"best"===e.kind&&i.push(e.id)}))}));var n=o.concat(s).concat(i),r=O(O({},Pe),{},{selectedWellIds:l(o),manualWellIds:l(s),bicWellIds:l(i),resultWellIds:l(n)});De(r),pe.current=!1},onExploreMode:function(){Fe(!0)}})]})}),B("div",{className:ne.bottomShadow}),B(v,{className:u(ne.dialogActions),children:y("div",{className:ne.buttonContainer,children:[B(V,{"data-testid":"".concat("BICOffsetPickerDialog","_cancel"),onClick:J,color:"primary",children:"Cancel"}),y(V,{"data-testid":"".concat("BICOffsetPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=G(Pe),t=Ie.filter((function(t){return d(e,t.id)})),o=O(O({},Pe),{},{companyId:+ae,resultWellIds:e});Fe(!1),Q(o,t)},children:["Add (",Ee(),")"]})]})})]}),be&&B(w,{defaultSubjectWellId:a(C,"asset_id"),companyId:+ae,offsetSetting:Pe,currentUser:K,addWellsUsabilityInfo:$,unusableWellAlarm:ee,isAdvancedSearch:!0,bestCount:Oe(),isOpen:be,onClose:function(){Fe(!1)},onSave:function(e){var t=e;C||(j(ue,a(t,"subjectWellId"))&&j(ae,a(t,"companyId"))||(t=O(O({},t),{},{bicWellIds:[],manualWellIds:[],resultWellIds:[]})),Ce(a(t,"subjectWellId")),le(a(t,"companyId")));var o=a(t,"manualWellIds")||[],s=a(t,"selectedWellIds")||[];o=o.filter((function(e){return!s.includes(e)})),t=O(O({},t),{},{manualWellIds:o}),De(t),pe.current=!0,We(!0),Fe(!1)}})]})}q.propTypes={defaultSubjectWell:c.shape({}),offsetSetting:c.shape({subjectWellId:c.number,companyId:c.number}),currentUser:c.shape({}),isOpen:c.bool.isRequired,onClose:c.func.isRequired,onSave:c.func.isRequired,addWellsUsabilityInfo:c.func,unusableWellAlarm:c.string};var U={},z={};export{q as default};
+import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useMemo as r,useEffect as p,useCallback as m}from"react";import c from"prop-types";import{get as a,uniq as l,includes as d,isEqual as j}from"lodash";import u from"classnames";import{makeStyles as C,Dialog as I,DialogTitle as A,Typography as f,Tooltip as h,IconButton as g,DialogContent as S,DialogActions as V,Button as v}from"@material-ui/core";import{Close as b}from"@material-ui/icons";import F from"./components/Map/index.js";import T from"./components/WellSection/index.js";import{useWells as x,useFetchBicWellsData as P}from"./effects/index.js";import{DEFAULT_WELL_SECTIONS as D}from"./constants.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as y,Fragment as k,jsx as B}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../clients/jsonApi/index.js";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"../EmptyState/EmptyState.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../config/theme/index.js";import"../../hocs/withAssetEditorLockHOC.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../Button/components/Button/index.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../ConfirmationDialog.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/utils.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../clients/subscriptions/subscriptions-client.factory.js";import"../StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../Icons/AnnotationIcon.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../Toaster/Toaster.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import W from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.scss.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../OffsetWellButton/OffsetWellButton.js";import w from"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../OffsetWellMap/WellTooltip.module.css.js";import"../OffsetWellMap/OffsetWellMap.module.css.js";import"../../config/mapboxGl/index.js";import"../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../LinkedText/LinkedText.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";function E(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function O(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?E(Object(o),!0).forEach((function(t){s(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):E(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var L=C((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 M(e,t){var o=e.find((function(e){return e.id===t}));return a(o,"name")||"-"}function H(e,t){var o=e.find((function(e){return e.id===t}));return a(o,"rigName")||"-"}function R(e,t){return"well"===e.value?"Best Wells":"area"===e.value?"Area Offsets":"Best ".concat(e.value,"section"===t?" Wells":' " Wells')}function N(e){return e.map((function(e){return O(O({},e),{},{wells:e.wells.sort((function(e,t){return e.name<t.name?-1:e.name>t.name?1:0}))})}))}function G(e){var t=a(e,"bicWellIds")||[],o=a(e,"manualWellIds")||[],s=a(e,"selectedWellIds")||[];return l(t.concat(o).concat(s))}function q(s){var c=s.defaultSubjectWell,C=void 0===c?null:c,E=s.offsetSetting,q=void 0===E?U:E,_=s.currentUser,K=void 0===_?z:_,X=s.isOpen,J=s.onClose,Q=s.onSave,Z=s.addWellsUsabilityInfo,$=void 0===Z?null:Z,Y=s.unusableWellAlarm,ee=void 0===Y?"Unable to add":Y,te=n(!1),oe=o(te,2),se=oe[0],ne=oe[1],ie=L({scrolling:se}),re=i(null),pe=i(!0),me=n(a(C,"companyId")||a(q,"companyId")||+a(K,"company_id")),ce=o(me,2),ae=ce[0],le=ce[1],de=n(a(C,"asset_id")||a(q,"subjectWellId")||null),je=o(de,2),ue=je[0],Ce=je[1],Ie=x(ae,X),Ae=P(ue,X),fe=n([]),he=o(fe,2),ge=he[0],Se=he[1],Ve=n(!1),ve=o(Ve,2),be=ve[0],Fe=ve[1],Te=n(q),xe=o(Te,2),Pe=xe[0],De=xe[1],ye=n(!1),ke=o(ye,2),Be=ke[0],We=ke[1],we=r((function(){if(Ie){var e=G(Pe);return Ie.filter((function(t){return e.find((function(e){return e===a(t,"id")}))}))}return[]}),[Ie,Pe]);p((function(){X&&(le(a(C,"companyId")||a(q,"companyId")||+a(K,"company_id")),Ce(a(C,"asset_id")||a(q,"subjectWellId")||null),De(q),We(!1),pe.current=!0)}),[q,X]),p((function(){if(X&&Ie&&pe.current){var o,s=a(Pe,"selectedWellIds")||[],n=a(Pe,"manualWellIds")||[],i=a(Pe,"bicWellIds")||[],r=s.concat(n),p=r.filter((function(e){return Ie.find((function(t){return t.id===e}))})).map((function(e){return{id:e,checked:!0,name:M(Ie,e),rigName:H(Ie,e),kind:s.includes(e)?"advanced":"manual"}}));if(Ae&&Ae.filters&&Ae.result){var m,c=[],j=[{name:"Wells within Area",value:"area"}].concat(t(a(Ae,["filters","filterTabs"]))),u=(null===(m=Ae.filters)||void 0===m?void 0:m.filterMode)||"holeSize",C=l(j);o=[{name:"Search Results",wells:p,expanded:Be}].concat(t(C.map((function(t){var o;return{name:R(t,u),wells:(null===(o=Ae.result[t.value])||void 0===o?void 0:o.filter((function(e){return Ie.find((function(t){return t.id===e}))})).map((function(t){var o="object"===e(t)?t.id:t;return c.push(o),{id:o,checked:!1,name:M(Ie,o),rigName:H(Ie,o),kind:"best"}})))||[],expanded:!1}}))))}else o=[{name:"Search Results",wells:p,expanded:Be}].concat(t(D));var I=o.map((function(e){var t=e.wells.map((function(e){return d(i,e.id)||d(r,e.id)?O(O({},e),{},{checked:!0}):O({},e)}));return O(O({},e),{},{wells:t})}));Se(N(I))}}),[X,Ie,Ae,Pe]);var Ee=m((function(){return G(Pe).length}),[Pe]),Oe=m((function(){return(a(Pe,"bicWellIds")||[]).length}),[]),Le=i(null),Me=!Ie;return y(k,{children:[y(I,{onBackdropClick:J,onEscapeKeyDown:J,open:X,classes:{paper:ie.paper},children:[B(A,{children:y("div",{className:ie.dialogTitles,children:[y("div",{className:ie.titleContent,children:[B(f,{className:ie.title,children:"Select Offset Wells"}),B(h,{title:"Close",children:B(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:ie.closeIconButton,onClick:J,children:B(b,{className:ie.closeIcon})})})]}),B("div",{className:ie.description,children:"Quickly add all of the Best-In-Class Wells per section selected from the Offsets Well Selection Application."})]})}),se&&B("div",{className:ie.topShadow}),B(S,{className:ie.dialogContent,ref:re,onScroll:function(){ne(!0),clearTimeout(Le.current),Le.current=setTimeout((function(){ne(!1)}),1e3)},children:Me?B(W,{fullscreen:!1}):y(k,{children:[B(F,{wells:we,offsetWells:we}),B(T,{company:ae,wellSections:ge,getWellName:M,onChangeWellSections:function(e){var t=N(e);Se(t),We(t[0].expanded);var o=[],s=[],n=[];t.forEach((function(e){e.wells.forEach((function(e){e.checked&&"advanced"===e.kind&&o.push(e.id),e.checked&&"manual"===e.kind&&s.push(e.id),e.checked&&"best"===e.kind&&n.push(e.id)}))}));var i=o.concat(s).concat(n),r=O(O({},Pe),{},{selectedWellIds:l(o),manualWellIds:l(s),bicWellIds:l(n),resultWellIds:l(i)});De(r),pe.current=!1},onExploreMode:function(){Fe(!0)}})]})}),B("div",{className:ie.bottomShadow}),B(V,{className:u(ie.dialogActions),children:y("div",{className:ie.buttonContainer,children:[B(v,{"data-testid":"".concat("BICOffsetPickerDialog","_cancel"),onClick:J,color:"primary",children:"Cancel"}),y(v,{"data-testid":"".concat("BICOffsetPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=G(Pe),t=Ie.filter((function(t){return d(e,t.id)})),o=O(O({},Pe),{},{companyId:+ae,resultWellIds:e});Fe(!1),Q(o,t)},children:["Add (",Ee(),")"]})]})})]}),be&&B(w,{defaultSubjectWellId:a(C,"asset_id"),companyId:+ae,offsetSetting:Pe,currentUser:K,addWellsUsabilityInfo:$,unusableWellAlarm:ee,isAdvancedSearch:!0,bestCount:Oe(),isOpen:be,onClose:function(){Fe(!1)},onSave:function(e){var t=e;C||(j(ue,a(t,"subjectWellId"))&&j(ae,a(t,"companyId"))||(t=O(O({},t),{},{bicWellIds:[],manualWellIds:[],resultWellIds:[]})),Ce(a(t,"subjectWellId")),le(a(t,"companyId")));var o=a(t,"manualWellIds")||[],s=a(t,"selectedWellIds")||[];o=o.filter((function(e){return!s.includes(e)})),t=O(O({},t),{},{manualWellIds:o}),De(t),pe.current=!0,We(!0),Fe(!1)}})]})}q.propTypes={defaultSubjectWell:c.shape({}),offsetSetting:c.shape({subjectWellId:c.number,companyId:c.number}),currentUser:c.shape({}),isOpen:c.bool.isRequired,onClose:c.func.isRequired,onSave:c.func.isRequired,addWellsUsabilityInfo:c.func,unusableWellAlarm:c.string};var U={},z={};export{q as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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 = null,\n offsetSetting = DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING,\n currentUser = DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER,\n isOpen,\n onClose,\n onSave,\n addWellsUsabilityInfo = null,\n unusableWellAlarm = 'Unable to add',\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\nconst DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING = {};\nconst DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER = {};\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","_ref$defaultSubjectWe","defaultSubjectWell","_ref$offsetSetting","DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING","_ref$currentUser","currentUser","DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER","isOpen","onClose","onSave","_ref$addWellsUsabilit","addWellsUsabilityInfo","_ref$unusableWellAlar","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","className","Typography","Tooltip","IconButton","onClick","CloseIcon","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"],"mappings":"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"}
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 = null,\n offsetSetting = DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING,\n currentUser = DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER,\n isOpen,\n onClose,\n onSave,\n addWellsUsabilityInfo = null,\n unusableWellAlarm = 'Unable to add',\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\nconst DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING = {};\nconst DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER = {};\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","_ref$defaultSubjectWe","defaultSubjectWell","_ref$offsetSetting","DEFAULT_BICOFFSET_PICKER_DIALOG_OFFSET_SETTING","_ref$currentUser","currentUser","DEFAULT_BICOFFSET_PICKER_DIALOG_CURRENT_USER","isOpen","onClose","onSave","_ref$addWellsUsabilit","addWellsUsabilityInfo","_ref$unusableWellAlar","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","className","Typography","Tooltip","IconButton","onClick","CloseIcon","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"],"mappings":"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"}