@corva/ui 3.73.0-7 → 3.73.0-8

package/components/AssetEditorV2/index.d.ts

@@ -1,46 +1,30 @@
 import PropTypes from 'prop-types';
 declare function AppSettingsAssetEditor({ appKey, appType, className, company, defaultValue, secondaryDefaultValue, disabled, isHiddenTitle, isNullable, label, onSettingsChange: propsOnSettingsChange, primaryAssetFields, secondaryAssetFields, isExtendedSelect, isRequiredAssetId, settings, isVisibleMultipleAssetsToggle, assetsLimit, isDisabledSecondaryAssetSelect, isDrillingPlatformApp, secondaryAssetHelpText, onChange, elementsClassNames, }: {
-    appKey: any;
+    appKey?: null | undefined;
     appType: any;
-    assetsLimit: any;
+    assetsLimit?: null | undefined;
     className: any;
     company: any;
     defaultValue: any;
     disabled: any;
-    elementsClassNames: any;
-    isDisabledSecondaryAssetSelect: any;
+    elementsClassNames?: {} | undefined;
+    isDisabledSecondaryAssetSelect?: boolean | undefined;
     isDrillingPlatformApp: any;
     isExtendedSelect: any;
-    isHiddenTitle: any;
-    isNullable: any;
+    isHiddenTitle?: boolean | undefined;
+    isNullable?: boolean | undefined;
     isRequiredAssetId: any;
-    isVisibleMultipleAssetsToggle: any;
-    label: any;
-    onChange: any;
+    isVisibleMultipleAssetsToggle?: boolean | undefined;
+    label?: string | undefined;
+    onChange?: ((...args: any[]) => void) | undefined;
     onSettingsChange: any;
-    primaryAssetFields: any;
-    secondaryAssetFields: any;
-    secondaryAssetHelpText: any;
+    primaryAssetFields?: any[] | undefined;
+    secondaryAssetFields?: any[] | undefined;
+    secondaryAssetHelpText?: null | undefined;
     secondaryDefaultValue: any;
     settings: any;
 }): import("react").JSX.Element;
 declare namespace AppSettingsAssetEditor {
-    var defaultProps: {
-        assetsLimit: null;
-        label: string;
-        isNullable: boolean;
-        defaultValue: undefined;
-        secondaryDefaultValue: undefined;
-        isHiddenTitle: boolean;
-        appKey: null;
-        isVisibleMultipleAssetsToggle: boolean;
-        isDisabledSecondaryAssetSelect: boolean;
-        primaryAssetFields: never[];
-        secondaryAssetFields: never[];
-        secondaryAssetHelpText: null;
-        onChange: (...args: any[]) => void;
-        elementsClassNames: {};
-    };
     var propTypes: {
         assetsLimit: PropTypes.Requireable<number>;
         settings: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;

package/components/AssetEditorV2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditorV2/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAoBH,EAC9B,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,KAAK,EACL,gBAAgB,EAAE,qBAAqB,EACvC,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,6BAA6B,EAC7B,WAAW,EACX,8BAA8B,EAC9B,qBAAqB,EACrB,sBAAsB,EACtB,QAAQ,EACR,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0Sc,sBAAsB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AssetEditorV2/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;wCAoBH,EAC9B,MAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,aAAqB,EACrB,UAAkB,EAClB,KAAyB,EACzB,gBAAgB,EAAE,qBAAqB,EACvC,kBAA2E,EAC3E,oBAA+E,EAC/E,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,6BAAqC,EACrC,WAAkB,EAClB,8BAAsC,EACtC,qBAAqB,EACrB,sBAA6B,EAC7B,QAAsD,EACtD,kBAA2E,GAC5E;;;;;;;;;;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8Rc,sBAAsB"}

package/components/AssetEditorV2/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a,useRef as r,useEffect as n}from"react";import i from"prop-types";import{get as l,isEmpty as o,noop as p}from"lodash";import c from"classnames";import{makeStyles as d}from"@material-ui/core";import u from"./components/PrimaryAssetSelect.js";import m from"./components/SecondaryAssetSelect.js";import"./components/SelectItem.js";import y from"./components/MultipleAssetsToggle.js";import f from"./components/PrimaryAssetSelectV2.js";import{ACTIVE_ASSETS_ID as g,ACTIVE_ASSET_ID as A}from"./constants.js";import{getPrimaryAssetFields as b}from"./utils/index.js";import"../../constants/goals.js";import{PAD_GROUP as v,FRAC_FLEET_GROUP as h}from"../../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{ASSET_TYPES as j}from"../../constants/assetTypes.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{jsxs as I,jsx as S}from"react/jsx-runtime";function T(e,s){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);s&&(a=a.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),t.push.apply(t,a)}return t}function O(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){s(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(a,s))}))}return e}var C=d({title:{fontWeight:400,fontSize:20,margin:"24px 0 16px"}}),P=function(i){var p=i.appKey,d=i.appType,T=i.className,P=i.company,N=i.defaultValue,D=i.secondaryDefaultValue,V=i.disabled,F=i.isHiddenTitle,w=i.isNullable,x=i.label,R=i.onSettingsChange,_=i.primaryAssetFields,q=i.secondaryAssetFields,E=i.isExtendedSelect,H=i.isRequiredAssetId,K=i.settings,L=i.isVisibleMultipleAssetsToggle,M=i.assetsLimit,G=i.isDisabledSecondaryAssetSelect,W=i.isDrillingPlatformApp,k=i.secondaryAssetHelpText,z=i.onChange,B=i.elementsClassNames,J=l(d,["primaryAsset","assetType","type"]),Q=l(d,["primaryAsset","assetType","id"]),U=l(d,["primaryAsset","assetType","label"]),X=l(d,["primaryAsset","groups"]),Y=l(d,["secondaryAsset"],!1),Z=l(d,["secondaryAsset","assetType","type"]),$=l(d,["secondaryAsset","assetType","id"]),ee=l(d,["secondaryAsset","assetType","label"]),se=l(K,Q),te=se?Number(se):null,ae=l(K,$)?Number(l(K,$)):D||null,re=a({id:te||N}),ne=t(re,2),ie=ne[0],le=ne[1],oe=a(ae),pe=t(oe,2),ce=pe[0],de=pe[1],ue=a(!1),me=t(ue,2),ye=me[0],fe=me[1],ge=a(),Ae=t(ge,2),be=Ae[0],ve=Ae[1],he=a(!1),je=t(he,2),Ie=je[0],Se=je[1],Te=r(!1),Oe=function(){for(var e=arguments.length,s=new Array(e),t=0;t<e;t++)s[t]=arguments[t];R.apply(void 0,s.concat([Te.current]))},Ce=C(),Pe=J===j.rig.type||J===j.intervention_unit.type?f:u,Ne=W&&null!=ie&&ie.assetId?null==ie?void 0:ie.assetId:null==ie?void 0:ie.id,De=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};le(t),de(null),fe(!1);var a=(s(e={},Q,null),s(e,$,null),s(e,"assets",null),e);Oe(a)},Ve=Y&&(Ie?Boolean(ie.length)&&!ye:(null==ie?void 0:ie.id)&&!ye);return n((function(){o(K)&&De(Ie&&[])}),[K]),I("div",{className:c(Ce.main,T),children:[!F&&S("div",{className:c(Ce.title,B.title),children:"Asset"}),L&&S(y,{onChange:function(e){Te.current=!!e,Se(e),De(e&&[])},className:B.multiAssetSwitch,checked:Ie}),S("div",{className:B.primaryAssetSelect,children:S(Pe,{appKey:p,assetType:J,company:P,currentOption:ie,currentValue:null==ie?void 0:ie.id,"data-testid":"".concat("DC_AppSettingsAssetEditor","_primaryAssetEditorAutocomplete"),isSecondaryAssetPresent:Y,defaultValue:N,disableClearable:!w,disabled:V,isNullable:w,isRequiredAssetId:H,label:x,multiple:Ie,onChange:function(t){if(z({primary:t}),Ie)!function(t){var a,r;if(!(t.length>M)){var n=(null===(a=t[0])||void 0===a?void 0:a.group)===v.name,i=(null===(r=t[0])||void 0===r?void 0:r.group)===h.name,l=1===t.length&&n,o=1===t.length&&i;if(l?(fe(!0),ve(v)):o&&ve(h),n){le(t);var p=null==t?void 0:t.reduce((function(s,t){var a=t.parentFracFleetId,r=t.id,n={fracFleetId:a,padId:r};return E&&(n.assetId=a,n.replacedPadId=r),a?[].concat(e(s),[n]):s}),[]);Oe({assets:p})}else{le(t);var c=t.reduce((function(t,a){var r=s({},"".concat(a.type,"Id"),a.id);return H&&(r.assetId=a.assetId),E&&(r.assetId=a.assetId||a.id),[].concat(e(t),[r])}),[]);Oe({assets:c})}}}(t);else{var a=t.id,r=t.type,n=t.parentFracFleetId;if(a)if(r!==j.pad.type){le(t),de(null);var i=s({},Q,a);H&&(i.assetId=t.assetId),$&&(i[$]=null),Oe(i),fe(!1)}else{var l;le(t),fe(!0),de(a);var o=(s(l={},j.frac_fleet.id,Number(n)),s(l,j.pad.id,a),l);Oe(o)}}},setCurrentOption:le,selectedGroup:be,onGroupChange:function(e){ve(e),De(Ie&&[])},onGroupReset:function(){ve(null),De(Ie&&[])},groups:X,onInputReset:De,onActiveAssetIdChange:function(e){le((function(s){return O(O({},s),{},{activeWellId:e})}))},isDrillingPlatformApp:W,assetFields:b(J,_,W)})}),Ve&&I("div",{className:B.secondaryAssetSelect,children:[k,S(m,{assetFields:Z===j.pad.type?[].concat(e(q),["pad.active","pad.current"]):q,activeWellId:null==ie?void 0:ie.activeWellId,appKey:p,assetType:Z,company:P,currentValue:ce,"data-testid":"".concat("DC_AppSettingsAssetEditor","_secondaryAutoComplete"),defaultValue:Ie?g:A,disabled:Ie||G||V,isDrillingPlatformApp:W,isNullable:w,isRequiredAssetId:H,onChange:function(e){var t=e.id,a=e.assetId,r=e.name;z({secondary:{name:r}}),de(t);var n=t===A?null:t,i=s({},$,n);H&&Z===j.well.type?Oe(O(O({},i),{},{replacedAssetId:W?n:a})):Oe(i)},parentAssetId:Ne,parentAssetType:W?"parent_asset_id":J,primaryAssetLabel:U,secondaryAssetLabel:ee})]})]})};P.defaultProps={assetsLimit:null,label:"Choose An Asset",isNullable:!1,defaultValue:void 0,secondaryDefaultValue:void 0,isHiddenTitle:!1,appKey:null,isVisibleMultipleAssetsToggle:!1,isDisabledSecondaryAssetSelect:!1,primaryAssetFields:[],secondaryAssetFields:[],secondaryAssetHelpText:null,onChange:p,elementsClassNames:{}},P.propTypes={assetsLimit:i.number,settings:i.shape({}).isRequired,appType:i.shape({}).isRequired,defaultValue:i.any,secondaryDefaultValue:i.any,onSettingsChange:i.func.isRequired,label:i.string,isNullable:i.bool,isHiddenTitle:i.bool,appKey:i.string,isVisibleMultipleAssetsToggle:i.bool,isDisabledSecondaryAssetSelect:i.bool,primaryAssetFields:i.arrayOf(i.shape({})),secondaryAssetFields:i.arrayOf(i.shape({})),secondaryAssetHelpText:i.oneOfType([i.element,i.string]),onChange:i.func,elementsClassNames:i.shape({title:i.string,multiAssetSwitch:i.string,primaryAssetSelect:i.string,secondaryAssetSelect:i.string})};export{P as default};
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as n,useEffect as a}from"react";import i from"prop-types";import{get as o,isEmpty as l,noop as p}from"lodash";import d from"classnames";import{makeStyles as c}from"@material-ui/core";import u from"./components/PrimaryAssetSelect.js";import m from"./components/SecondaryAssetSelect.js";import"./components/SelectItem.js";import y from"./components/MultipleAssetsToggle.js";import f from"./components/PrimaryAssetSelectV2.js";import{ACTIVE_ASSETS_ID as g,ACTIVE_ASSET_ID as v}from"./constants.js";import{getPrimaryAssetFields as A}from"./utils/index.js";import"../../constants/goals.js";import{PAD_GROUP as b,FRAC_FLEET_GROUP as h}from"../../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{ASSET_TYPES as j}from"../../constants/assetTypes.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{jsxs as I,jsx as S}from"react/jsx-runtime";function O(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,r)}return s}function T(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?O(Object(r),!0).forEach((function(s){t(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=c({title:{fontWeight:400,fontSize:20,margin:"24px 0 16px"}}),P=function(i){var p=i.appKey,c=void 0===p?null:p,O=i.appType,P=i.className,w=i.company,x=i.defaultValue,R=i.secondaryDefaultValue,_=i.disabled,q=i.isHiddenTitle,E=void 0!==q&&q,G=i.isNullable,H=void 0!==G&&G,K=i.label,L=void 0===K?"Choose An Asset":K,M=i.onSettingsChange,W=i.primaryAssetFields,k=void 0===W?N:W,z=i.secondaryAssetFields,B=void 0===z?D:z,J=i.isExtendedSelect,Q=i.isRequiredAssetId,U=i.settings,X=i.isVisibleMultipleAssetsToggle,Y=void 0!==X&&X,Z=i.assetsLimit,$=void 0===Z?null:Z,ee=i.isDisabledSecondaryAssetSelect,te=void 0!==ee&&ee,se=i.isDrillingPlatformApp,re=i.secondaryAssetHelpText,ne=void 0===re?null:re,ae=i.onChange,ie=void 0===ae?F:ae,oe=i.elementsClassNames,le=void 0===oe?V:oe,pe=o(O,["primaryAsset","assetType","type"]),de=o(O,["primaryAsset","assetType","id"]),ce=o(O,["primaryAsset","assetType","label"]),ue=o(O,["primaryAsset","groups"]),me=o(O,["secondaryAsset"],!1),ye=o(O,["secondaryAsset","assetType","type"]),fe=o(O,["secondaryAsset","assetType","id"]),ge=o(O,["secondaryAsset","assetType","label"]),ve=o(U,de),Ae=ve?Number(ve):null,be=o(U,fe)?Number(o(U,fe)):R||null,he=r({id:Ae||x}),je=s(he,2),Ie=je[0],Se=je[1],Oe=r(be),Te=s(Oe,2),Ce=Te[0],Pe=Te[1],Ne=r(!1),De=s(Ne,2),Fe=De[0],Ve=De[1],we=r(),xe=s(we,2),Re=xe[0],_e=xe[1],qe=r(!1),Ee=s(qe,2),Ge=Ee[0],He=Ee[1],Ke=n(!1),Le=function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];M.apply(void 0,t.concat([Ke.current]))},Me=C(),We=pe===j.rig.type||pe===j.intervention_unit.type?f:u,ke=se&&null!=Ie&&Ie.assetId?null==Ie?void 0:Ie.assetId:null==Ie?void 0:Ie.id,ze=function(){var e,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Se(s),Pe(null),Ve(!1);var r=(t(e={},de,null),t(e,fe,null),t(e,"assets",null),e);Le(r)},Be=me&&(Ge?Boolean(Ie.length)&&!Fe:(null==Ie?void 0:Ie.id)&&!Fe);return a((function(){l(U)&&ze(Ge&&[])}),[U]),I("div",{className:d(Me.main,P),children:[!E&&S("div",{className:d(Me.title,le.title),children:"Asset"}),Y&&S(y,{onChange:function(e){Ke.current=!!e,He(e),ze(e&&[])},className:le.multiAssetSwitch,checked:Ge}),S("div",{className:le.primaryAssetSelect,children:S(We,{appKey:c,assetType:pe,company:w,currentOption:Ie,currentValue:null==Ie?void 0:Ie.id,"data-testid":"".concat("DC_AppSettingsAssetEditor","_primaryAssetEditorAutocomplete"),isSecondaryAssetPresent:me,defaultValue:x,disableClearable:!H,disabled:_,isNullable:H,isRequiredAssetId:Q,label:L,multiple:Ge,onChange:function(s){if(ie({primary:s}),Ge)!function(s){var r,n;if(!(s.length>$)){var a=(null===(r=s[0])||void 0===r?void 0:r.group)===b.name,i=(null===(n=s[0])||void 0===n?void 0:n.group)===h.name,o=1===s.length&&a,l=1===s.length&&i;if(o?(Ve(!0),_e(b)):l&&_e(h),a){Se(s);var p=null==s?void 0:s.reduce((function(t,s){var r=s.parentFracFleetId,n=s.id,a={fracFleetId:r,padId:n};return J&&(a.assetId=r,a.replacedPadId=n),r?[].concat(e(t),[a]):t}),[]);Le({assets:p})}else{Se(s);var d=s.reduce((function(s,r){var n=t({},"".concat(r.type,"Id"),r.id);return Q&&(n.assetId=r.assetId),J&&(n.assetId=r.assetId||r.id),[].concat(e(s),[n])}),[]);Le({assets:d})}}}(s);else{var r=s.id,n=s.type,a=s.parentFracFleetId;if(r)if(n!==j.pad.type){Se(s),Pe(null);var i=t({},de,r);Q&&(i.assetId=s.assetId),fe&&(i[fe]=null),Le(i),Ve(!1)}else{var o;Se(s),Ve(!0),Pe(r);var l=(t(o={},j.frac_fleet.id,Number(a)),t(o,j.pad.id,r),o);Le(l)}}},setCurrentOption:Se,selectedGroup:Re,onGroupChange:function(e){_e(e),ze(Ge&&[])},onGroupReset:function(){_e(null),ze(Ge&&[])},groups:ue,onInputReset:ze,onActiveAssetIdChange:function(e){Se((function(t){return T(T({},t),{},{activeWellId:e})}))},isDrillingPlatformApp:se,assetFields:A(pe,k,se)})}),Be&&I("div",{className:le.secondaryAssetSelect,children:[ne,S(m,{assetFields:ye===j.pad.type?[].concat(e(B),["pad.active","pad.current"]):B,activeWellId:null==Ie?void 0:Ie.activeWellId,appKey:c,assetType:ye,company:w,currentValue:Ce,"data-testid":"".concat("DC_AppSettingsAssetEditor","_secondaryAutoComplete"),defaultValue:Ge?g:v,disabled:Ge||te||_,isDrillingPlatformApp:se,isNullable:H,isRequiredAssetId:Q,onChange:function(e){var s=e.id,r=e.assetId,n=e.name;ie({secondary:{name:n}}),Pe(s);var a=s===v?null:s,i=t({},fe,a);Q&&ye===j.well.type?Le(T(T({},i),{},{replacedAssetId:se?a:r})):Le(i)},parentAssetId:ke,parentAssetType:se?"parent_asset_id":pe,primaryAssetLabel:ce,secondaryAssetLabel:ge})]})]})},N=[],D=[],F=p,V={};P.propTypes={assetsLimit:i.number,settings:i.shape({}).isRequired,appType:i.shape({}).isRequired,defaultValue:i.any,secondaryDefaultValue:i.any,onSettingsChange:i.func.isRequired,label:i.string,isNullable:i.bool,isHiddenTitle:i.bool,appKey:i.string,isVisibleMultipleAssetsToggle:i.bool,isDisabledSecondaryAssetSelect:i.bool,primaryAssetFields:i.arrayOf(i.shape({})),secondaryAssetFields:i.arrayOf(i.shape({})),secondaryAssetHelpText:i.oneOfType([i.element,i.string]),onChange:i.func,elementsClassNames:i.shape({title:i.string,multiAssetSwitch:i.string,primaryAssetSelect:i.string,secondaryAssetSelect:i.string})};export{P as default};
 //# sourceMappingURL=index.js.map

package/components/AssetEditorV2/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/AssetEditorV2/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PrimaryAssetSelect, PrimaryAssetSelectV2, SecondaryAssetSelect } from './components';\nimport { ACTIVE_ASSET_ID, ACTIVE_ASSETS_ID } from './constants';\nimport MultipleAssetsToggle from './components/MultipleAssetsToggle';\nimport { getPrimaryAssetFields } from './utils';\n\nimport { ASSET_TYPES } from '~/constants';\nimport { FRAC_FLEET_GROUP, PAD_GROUP } from '~/constants/segment';\n\nconst useStyles = makeStyles({\n  title: { fontWeight: 400, fontSize: 20, margin: '24px 0 16px' },\n});\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\nconst PARENT_ASSET_ID = 'parent_asset_id';\n\nconst AppSettingsAssetEditor = ({\n  appKey,\n  appType,\n  className,\n  company,\n  defaultValue,\n  secondaryDefaultValue,\n  disabled,\n  isHiddenTitle,\n  isNullable,\n  label,\n  onSettingsChange: propsOnSettingsChange,\n  primaryAssetFields,\n  secondaryAssetFields,\n  isExtendedSelect,\n  isRequiredAssetId,\n  settings,\n  isVisibleMultipleAssetsToggle,\n  assetsLimit,\n  isDisabledSecondaryAssetSelect,\n  isDrillingPlatformApp,\n  secondaryAssetHelpText,\n  onChange,\n  elementsClassNames,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const primaryAssetLabel = get(appType, ['primaryAsset', 'assetType', 'label']);\n  const primaryAssetSelectGroups = get(appType, ['primaryAsset', 'groups']);\n\n  const isSecondaryAssetPresent = get(appType, ['secondaryAsset'], false);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const secondaryAssetLabel = get(appType, ['secondaryAsset', 'assetType', 'label']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n  const initialPrimaryAssetId = currentValue ? Number(currentValue) : null;\n  const initialSecondaryAssetId = get(settings, secondaryAssetIdType)\n    ? Number(get(settings, secondaryAssetIdType))\n    : secondaryDefaultValue || null;\n  const [primaryAsset, setPrimaryAsset] = useState({ id: initialPrimaryAssetId || defaultValue });\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(initialSecondaryAssetId);\n  const [isPadSelectedAsPrimaryAsset, setIsPadSelectedAsPrimaryAsset] = useState(false);\n  const [selectedGroup, setSelectedGroup] = useState();\n  const [isMultipleAssets, setIsMultipleAssets] = useState(false);\n  const isMultipleAssetsRef = useRef(false);\n  const onSettingsChange = (...args) => {\n    propsOnSettingsChange(...args, isMultipleAssetsRef.current);\n  };\n\n  const styles = useStyles();\n\n  const PrimaryAssetSelectComponent =\n    primaryAssetType === ASSET_TYPES.rig.type ||\n    primaryAssetType === ASSET_TYPES.intervention_unit.type\n      ? PrimaryAssetSelectV2\n      : PrimaryAssetSelect;\n\n  const parentAssetId =\n    isDrillingPlatformApp && primaryAsset?.assetId ? primaryAsset?.assetId : primaryAsset?.id;\n\n  const onSecondaryAssetChange = ({ id, assetId, name }) => {\n    onChange({ secondary: { name } });\n    setSecondaryAssetId(id);\n    const secondaryAssetId = id === ACTIVE_ASSET_ID ? null : id;\n    const assetSettings = { [secondaryAssetIdType]: secondaryAssetId };\n\n    if (isRequiredAssetId && secondaryAssetType === ASSET_TYPES.well.type) {\n      onSettingsChange({\n        ...assetSettings,\n        replacedAssetId: isDrillingPlatformApp ? secondaryAssetId : assetId,\n      });\n      return;\n    }\n\n    onSettingsChange(assetSettings);\n  };\n\n  const onMultipleAssetChange = selected => {\n    if (selected.length > assetsLimit) return;\n\n    const isPadSelected = selected[0]?.group === PAD_GROUP.name;\n    const isFracFleetSelected = selected[0]?.group === FRAC_FLEET_GROUP.name;\n    const isFirstPadSelected = selected.length === 1 && isPadSelected;\n    const isFirstFracFleetSelected = selected.length === 1 && isFracFleetSelected;\n\n    if (isFirstPadSelected) {\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSelectedGroup(PAD_GROUP);\n    } else if (isFirstFracFleetSelected) {\n      setSelectedGroup(FRAC_FLEET_GROUP);\n    }\n\n    if (isPadSelected) {\n      setPrimaryAsset(selected);\n      const assetsSetting = selected?.reduce((acc, { parentFracFleetId, id }) => {\n        const settings = {\n          fracFleetId: parentFracFleetId,\n          padId: id,\n        };\n\n        if (isExtendedSelect) {\n          settings.assetId = parentFracFleetId;\n          settings.replacedPadId = id;\n        }\n        return parentFracFleetId ? [...acc, settings] : acc;\n      }, []);\n\n      onSettingsChange({\n        assets: assetsSetting,\n      });\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    const assetsSetting = selected.reduce((acc, asset) => {\n      const settings = { [`${asset.type}Id`]: asset.id };\n      if (isRequiredAssetId) {\n        settings.assetId = asset.assetId;\n      }\n      if (isExtendedSelect) {\n        settings.assetId = asset.assetId || asset.id;\n      }\n      return [...acc, settings];\n    }, []);\n    onSettingsChange({\n      assets: assetsSetting,\n    });\n  };\n\n  const onPrimaryAssetChange = selected => {\n    onChange({ primary: selected });\n    if (isMultipleAssets) {\n      onMultipleAssetChange(selected);\n      return;\n    }\n    const { id, type, parentFracFleetId } = selected;\n    if (!id) return;\n    if (type === ASSET_TYPES.pad.type) {\n      setPrimaryAsset(selected);\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSecondaryAssetId(id);\n      const assetSetting = {\n        [ASSET_TYPES.frac_fleet.id]: Number(parentFracFleetId),\n        [ASSET_TYPES.pad.id]: id,\n      };\n      onSettingsChange(assetSetting);\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    setSecondaryAssetId(null);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (isRequiredAssetId) assetSetting.assetId = selected.assetId;\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n    setIsPadSelectedAsPrimaryAsset(false);\n  };\n\n  const handlePrimaryAssetReset = (defaultValue = {}) => {\n    setPrimaryAsset(defaultValue);\n    setSecondaryAssetId(null);\n\n    setIsPadSelectedAsPrimaryAsset(false);\n    const assetSetting = {\n      [primaryAssetIdType]: null,\n      [secondaryAssetIdType]: null,\n      assets: null,\n    };\n    onSettingsChange(assetSetting);\n  };\n\n  const handleMultipleAssetsChange = checked => {\n    isMultipleAssetsRef.current = !!checked;\n    setIsMultipleAssets(checked);\n    handlePrimaryAssetReset(checked && []);\n  };\n\n  const handleGroupChange = newGroup => {\n    setSelectedGroup(newGroup);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const handleGroupReset = () => {\n    setSelectedGroup(null);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const secondaryAssetSelectIsVisible =\n    isSecondaryAssetPresent &&\n    (isMultipleAssets\n      ? Boolean(primaryAsset.length) && !isPadSelectedAsPrimaryAsset\n      : primaryAsset?.id && !isPadSelectedAsPrimaryAsset);\n\n  useEffect(() => {\n    if (isEmpty(settings)) {\n      handlePrimaryAssetReset(isMultipleAssets && []);\n    }\n  }, [settings]);\n\n  return (\n    <div className={classNames(styles.main, className)}>\n      {!isHiddenTitle && (\n        <div className={classNames(styles.title, elementsClassNames.title)}>Asset</div>\n      )}\n      {isVisibleMultipleAssetsToggle && (\n        <MultipleAssetsToggle\n          onChange={handleMultipleAssetsChange}\n          className={elementsClassNames.multiAssetSwitch}\n          checked={isMultipleAssets}\n        />\n      )}\n      <div className={elementsClassNames.primaryAssetSelect}>\n        <PrimaryAssetSelectComponent\n          appKey={appKey}\n          assetType={primaryAssetType}\n          company={company}\n          currentOption={primaryAsset}\n          currentValue={primaryAsset?.id}\n          data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n          isSecondaryAssetPresent={isSecondaryAssetPresent}\n          defaultValue={defaultValue}\n          disableClearable={!isNullable}\n          disabled={disabled}\n          isNullable={isNullable}\n          isRequiredAssetId={isRequiredAssetId}\n          label={label}\n          multiple={isMultipleAssets}\n          onChange={onPrimaryAssetChange}\n          setCurrentOption={setPrimaryAsset}\n          selectedGroup={selectedGroup}\n          onGroupChange={handleGroupChange}\n          onGroupReset={handleGroupReset}\n          groups={primaryAssetSelectGroups}\n          onInputReset={handlePrimaryAssetReset}\n          onActiveAssetIdChange={activeAssetId => {\n            setPrimaryAsset(primaryAsset => ({ ...primaryAsset, activeWellId: activeAssetId }));\n          }}\n          isDrillingPlatformApp={isDrillingPlatformApp}\n          assetFields={getPrimaryAssetFields(\n            primaryAssetType,\n            primaryAssetFields,\n            isDrillingPlatformApp\n          )}\n        />\n      </div>\n      {secondaryAssetSelectIsVisible && (\n        <div className={elementsClassNames.secondaryAssetSelect}>\n          {secondaryAssetHelpText}\n          <SecondaryAssetSelect\n            assetFields={\n              secondaryAssetType === ASSET_TYPES.pad.type\n                ? [...secondaryAssetFields, 'pad.active', 'pad.current']\n                : secondaryAssetFields\n            }\n            activeWellId={primaryAsset?.activeWellId}\n            appKey={appKey}\n            assetType={secondaryAssetType}\n            company={company}\n            currentValue={secondaryAssetId}\n            data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n            defaultValue={isMultipleAssets ? ACTIVE_ASSETS_ID : ACTIVE_ASSET_ID}\n            disabled={isMultipleAssets || isDisabledSecondaryAssetSelect || disabled}\n            isDrillingPlatformApp={isDrillingPlatformApp}\n            isNullable={isNullable}\n            isRequiredAssetId={isRequiredAssetId}\n            onChange={onSecondaryAssetChange}\n            parentAssetId={parentAssetId}\n            parentAssetType={isDrillingPlatformApp ? PARENT_ASSET_ID : primaryAssetType}\n            primaryAssetLabel={primaryAssetLabel}\n            secondaryAssetLabel={secondaryAssetLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppSettingsAssetEditor.defaultProps = {\n  assetsLimit: null,\n  label: 'Choose An Asset',\n  isNullable: false,\n  defaultValue: undefined,\n  secondaryDefaultValue: undefined,\n  isHiddenTitle: false,\n  appKey: null,\n  isVisibleMultipleAssetsToggle: false,\n  isDisabledSecondaryAssetSelect: false,\n  primaryAssetFields: [],\n  secondaryAssetFields: [],\n  secondaryAssetHelpText: null,\n  onChange: noop,\n  elementsClassNames: {},\n};\n\nAppSettingsAssetEditor.propTypes = {\n  assetsLimit: PropTypes.number,\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  secondaryDefaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  isHiddenTitle: PropTypes.bool,\n  appKey: PropTypes.string,\n  isVisibleMultipleAssetsToggle: PropTypes.bool,\n  isDisabledSecondaryAssetSelect: PropTypes.bool,\n  primaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetHelpText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  onChange: PropTypes.func,\n  elementsClassNames: PropTypes.shape({\n    title: PropTypes.string,\n    multiAssetSwitch: PropTypes.string,\n    primaryAssetSelect: PropTypes.string,\n    secondaryAssetSelect: PropTypes.string,\n  }),\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["useStyles","makeStyles","title","fontWeight","fontSize","margin","AppSettingsAssetEditor","_ref","appKey","appType","className","company","defaultValue","secondaryDefaultValue","disabled","isHiddenTitle","isNullable","label","propsOnSettingsChange","onSettingsChange","primaryAssetFields","secondaryAssetFields","isExtendedSelect","isRequiredAssetId","settings","isVisibleMultipleAssetsToggle","assetsLimit","isDisabledSecondaryAssetSelect","isDrillingPlatformApp","secondaryAssetHelpText","onChange","elementsClassNames","primaryAssetType","get","primaryAssetIdType","primaryAssetLabel","primaryAssetSelectGroups","isSecondaryAssetPresent","secondaryAssetType","secondaryAssetIdType","secondaryAssetLabel","currentValue","initialPrimaryAssetId","Number","initialSecondaryAssetId","_useState","useState","id","_useState2","_slicedToArray","primaryAsset","setPrimaryAsset","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isPadSelectedAsPrimaryAsset","setIsPadSelectedAsPrimaryAsset","_useState7","_useState8","selectedGroup","setSelectedGroup","_useState10","_useState9","isMultipleAssets","setIsMultipleAssets","isMultipleAssetsRef","useRef","_len","arguments","length","args","Array","_key","concat","current","styles","PrimaryAssetSelectComponent","ASSET_TYPES","rig","type","intervention_unit","PrimaryAssetSelectV2","PrimaryAssetSelect","parentAssetId","assetId","handlePrimaryAssetReset","_assetSetting4","undefined","assetSetting","_defineProperty","secondaryAssetSelectIsVisible","Boolean","useEffect","isEmpty","_jsxs","classNames","main","children","_jsx","MultipleAssetsToggle","checked","multiAssetSwitch","primaryAssetSelect","assetType","currentOption","disableClearable","multiple","selected","primary","_selected$","_selected$2","isPadSelected","group","PAD_GROUP","name","isFracFleetSelected","FRAC_FLEET_GROUP","isFirstPadSelected","isFirstFracFleetSelected","assetsSetting","reduce","acc","_ref3","parentFracFleetId","fracFleetId","padId","replacedPadId","assets","asset","onMultipleAssetChange","pad","_assetSetting2","frac_fleet","setCurrentOption","onGroupChange","newGroup","onGroupReset","groups","onInputReset","onActiveAssetIdChange","activeAssetId","_objectSpread","activeWellId","assetFields","getPrimaryAssetFields","secondaryAssetSelect","SecondaryAssetSelect","_toConsumableArray","ACTIVE_ASSETS_ID","ACTIVE_ASSET_ID","_ref2","secondary","assetSettings","well","replacedAssetId","parentAssetType","defaultProps","noop","propTypes","PropTypes","number","shape","isRequired","any","func","string","bool","arrayOf","oneOfType","element"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/AssetEditorV2/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PrimaryAssetSelect, PrimaryAssetSelectV2, SecondaryAssetSelect } from './components';\nimport { ACTIVE_ASSET_ID, ACTIVE_ASSETS_ID } from './constants';\nimport MultipleAssetsToggle from './components/MultipleAssetsToggle';\nimport { getPrimaryAssetFields } from './utils';\n\nimport { ASSET_TYPES } from '~/constants';\nimport { FRAC_FLEET_GROUP, PAD_GROUP } from '~/constants/segment';\n\nconst useStyles = makeStyles({\n  title: { fontWeight: 400, fontSize: 20, margin: '24px 0 16px' },\n});\n\nconst PAGE_NAME = 'DC_AppSettingsAssetEditor';\nconst PARENT_ASSET_ID = 'parent_asset_id';\n\nconst AppSettingsAssetEditor = ({\n  appKey = null,\n  appType,\n  className,\n  company,\n  defaultValue,\n  secondaryDefaultValue,\n  disabled,\n  isHiddenTitle = false,\n  isNullable = false,\n  label = 'Choose An Asset',\n  onSettingsChange: propsOnSettingsChange,\n  primaryAssetFields = DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS,\n  secondaryAssetFields = DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS,\n  isExtendedSelect,\n  isRequiredAssetId,\n  settings,\n  isVisibleMultipleAssetsToggle = false,\n  assetsLimit = null,\n  isDisabledSecondaryAssetSelect = false,\n  isDrillingPlatformApp,\n  secondaryAssetHelpText = null,\n  onChange = DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE,\n  elementsClassNames = DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES,\n}) => {\n  const primaryAssetType = get(appType, ['primaryAsset', 'assetType', 'type']);\n  const primaryAssetIdType = get(appType, ['primaryAsset', 'assetType', 'id']);\n  const primaryAssetLabel = get(appType, ['primaryAsset', 'assetType', 'label']);\n  const primaryAssetSelectGroups = get(appType, ['primaryAsset', 'groups']);\n\n  const isSecondaryAssetPresent = get(appType, ['secondaryAsset'], false);\n\n  const secondaryAssetType = get(appType, ['secondaryAsset', 'assetType', 'type']);\n  const secondaryAssetIdType = get(appType, ['secondaryAsset', 'assetType', 'id']);\n  const secondaryAssetLabel = get(appType, ['secondaryAsset', 'assetType', 'label']);\n\n  const currentValue = get(settings, primaryAssetIdType);\n  const initialPrimaryAssetId = currentValue ? Number(currentValue) : null;\n  const initialSecondaryAssetId = get(settings, secondaryAssetIdType)\n    ? Number(get(settings, secondaryAssetIdType))\n    : secondaryDefaultValue || null;\n  const [primaryAsset, setPrimaryAsset] = useState({ id: initialPrimaryAssetId || defaultValue });\n\n  const [secondaryAssetId, setSecondaryAssetId] = useState(initialSecondaryAssetId);\n  const [isPadSelectedAsPrimaryAsset, setIsPadSelectedAsPrimaryAsset] = useState(false);\n  const [selectedGroup, setSelectedGroup] = useState();\n  const [isMultipleAssets, setIsMultipleAssets] = useState(false);\n  const isMultipleAssetsRef = useRef(false);\n  const onSettingsChange = (...args) => {\n    propsOnSettingsChange(...args, isMultipleAssetsRef.current);\n  };\n\n  const styles = useStyles();\n\n  const PrimaryAssetSelectComponent =\n    primaryAssetType === ASSET_TYPES.rig.type ||\n    primaryAssetType === ASSET_TYPES.intervention_unit.type\n      ? PrimaryAssetSelectV2\n      : PrimaryAssetSelect;\n\n  const parentAssetId =\n    isDrillingPlatformApp && primaryAsset?.assetId ? primaryAsset?.assetId : primaryAsset?.id;\n\n  const onSecondaryAssetChange = ({ id, assetId, name }) => {\n    onChange({ secondary: { name } });\n    setSecondaryAssetId(id);\n    const secondaryAssetId = id === ACTIVE_ASSET_ID ? null : id;\n    const assetSettings = { [secondaryAssetIdType]: secondaryAssetId };\n\n    if (isRequiredAssetId && secondaryAssetType === ASSET_TYPES.well.type) {\n      onSettingsChange({\n        ...assetSettings,\n        replacedAssetId: isDrillingPlatformApp ? secondaryAssetId : assetId,\n      });\n      return;\n    }\n\n    onSettingsChange(assetSettings);\n  };\n\n  const onMultipleAssetChange = selected => {\n    if (selected.length > assetsLimit) return;\n\n    const isPadSelected = selected[0]?.group === PAD_GROUP.name;\n    const isFracFleetSelected = selected[0]?.group === FRAC_FLEET_GROUP.name;\n    const isFirstPadSelected = selected.length === 1 && isPadSelected;\n    const isFirstFracFleetSelected = selected.length === 1 && isFracFleetSelected;\n\n    if (isFirstPadSelected) {\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSelectedGroup(PAD_GROUP);\n    } else if (isFirstFracFleetSelected) {\n      setSelectedGroup(FRAC_FLEET_GROUP);\n    }\n\n    if (isPadSelected) {\n      setPrimaryAsset(selected);\n      const assetsSetting = selected?.reduce((acc, { parentFracFleetId, id }) => {\n        const settings = {\n          fracFleetId: parentFracFleetId,\n          padId: id,\n        };\n\n        if (isExtendedSelect) {\n          settings.assetId = parentFracFleetId;\n          settings.replacedPadId = id;\n        }\n        return parentFracFleetId ? [...acc, settings] : acc;\n      }, []);\n\n      onSettingsChange({\n        assets: assetsSetting,\n      });\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    const assetsSetting = selected.reduce((acc, asset) => {\n      const settings = { [`${asset.type}Id`]: asset.id };\n      if (isRequiredAssetId) {\n        settings.assetId = asset.assetId;\n      }\n      if (isExtendedSelect) {\n        settings.assetId = asset.assetId || asset.id;\n      }\n      return [...acc, settings];\n    }, []);\n    onSettingsChange({\n      assets: assetsSetting,\n    });\n  };\n\n  const onPrimaryAssetChange = selected => {\n    onChange({ primary: selected });\n    if (isMultipleAssets) {\n      onMultipleAssetChange(selected);\n      return;\n    }\n    const { id, type, parentFracFleetId } = selected;\n    if (!id) return;\n    if (type === ASSET_TYPES.pad.type) {\n      setPrimaryAsset(selected);\n      setIsPadSelectedAsPrimaryAsset(true);\n      setSecondaryAssetId(id);\n      const assetSetting = {\n        [ASSET_TYPES.frac_fleet.id]: Number(parentFracFleetId),\n        [ASSET_TYPES.pad.id]: id,\n      };\n      onSettingsChange(assetSetting);\n      return;\n    }\n\n    setPrimaryAsset(selected);\n    setSecondaryAssetId(null);\n    const assetSetting = { [primaryAssetIdType]: id };\n    if (isRequiredAssetId) assetSetting.assetId = selected.assetId;\n    if (secondaryAssetIdType) assetSetting[secondaryAssetIdType] = null;\n    onSettingsChange(assetSetting);\n    setIsPadSelectedAsPrimaryAsset(false);\n  };\n\n  const handlePrimaryAssetReset = (defaultValue = {}) => {\n    setPrimaryAsset(defaultValue);\n    setSecondaryAssetId(null);\n\n    setIsPadSelectedAsPrimaryAsset(false);\n    const assetSetting = {\n      [primaryAssetIdType]: null,\n      [secondaryAssetIdType]: null,\n      assets: null,\n    };\n    onSettingsChange(assetSetting);\n  };\n\n  const handleMultipleAssetsChange = checked => {\n    isMultipleAssetsRef.current = !!checked;\n    setIsMultipleAssets(checked);\n    handlePrimaryAssetReset(checked && []);\n  };\n\n  const handleGroupChange = newGroup => {\n    setSelectedGroup(newGroup);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const handleGroupReset = () => {\n    setSelectedGroup(null);\n    handlePrimaryAssetReset(isMultipleAssets && []);\n  };\n\n  const secondaryAssetSelectIsVisible =\n    isSecondaryAssetPresent &&\n    (isMultipleAssets\n      ? Boolean(primaryAsset.length) && !isPadSelectedAsPrimaryAsset\n      : primaryAsset?.id && !isPadSelectedAsPrimaryAsset);\n\n  useEffect(() => {\n    if (isEmpty(settings)) {\n      handlePrimaryAssetReset(isMultipleAssets && []);\n    }\n  }, [settings]);\n\n  return (\n    <div className={classNames(styles.main, className)}>\n      {!isHiddenTitle && (\n        <div className={classNames(styles.title, elementsClassNames.title)}>Asset</div>\n      )}\n      {isVisibleMultipleAssetsToggle && (\n        <MultipleAssetsToggle\n          onChange={handleMultipleAssetsChange}\n          className={elementsClassNames.multiAssetSwitch}\n          checked={isMultipleAssets}\n        />\n      )}\n      <div className={elementsClassNames.primaryAssetSelect}>\n        <PrimaryAssetSelectComponent\n          appKey={appKey}\n          assetType={primaryAssetType}\n          company={company}\n          currentOption={primaryAsset}\n          currentValue={primaryAsset?.id}\n          data-testid={`${PAGE_NAME}_primaryAssetEditorAutocomplete`}\n          isSecondaryAssetPresent={isSecondaryAssetPresent}\n          defaultValue={defaultValue}\n          disableClearable={!isNullable}\n          disabled={disabled}\n          isNullable={isNullable}\n          isRequiredAssetId={isRequiredAssetId}\n          label={label}\n          multiple={isMultipleAssets}\n          onChange={onPrimaryAssetChange}\n          setCurrentOption={setPrimaryAsset}\n          selectedGroup={selectedGroup}\n          onGroupChange={handleGroupChange}\n          onGroupReset={handleGroupReset}\n          groups={primaryAssetSelectGroups}\n          onInputReset={handlePrimaryAssetReset}\n          onActiveAssetIdChange={activeAssetId => {\n            setPrimaryAsset(primaryAsset => ({ ...primaryAsset, activeWellId: activeAssetId }));\n          }}\n          isDrillingPlatformApp={isDrillingPlatformApp}\n          assetFields={getPrimaryAssetFields(\n            primaryAssetType,\n            primaryAssetFields,\n            isDrillingPlatformApp\n          )}\n        />\n      </div>\n      {secondaryAssetSelectIsVisible && (\n        <div className={elementsClassNames.secondaryAssetSelect}>\n          {secondaryAssetHelpText}\n          <SecondaryAssetSelect\n            assetFields={\n              secondaryAssetType === ASSET_TYPES.pad.type\n                ? [...secondaryAssetFields, 'pad.active', 'pad.current']\n                : secondaryAssetFields\n            }\n            activeWellId={primaryAsset?.activeWellId}\n            appKey={appKey}\n            assetType={secondaryAssetType}\n            company={company}\n            currentValue={secondaryAssetId}\n            data-testid={`${PAGE_NAME}_secondaryAutoComplete`}\n            defaultValue={isMultipleAssets ? ACTIVE_ASSETS_ID : ACTIVE_ASSET_ID}\n            disabled={isMultipleAssets || isDisabledSecondaryAssetSelect || disabled}\n            isDrillingPlatformApp={isDrillingPlatformApp}\n            isNullable={isNullable}\n            isRequiredAssetId={isRequiredAssetId}\n            onChange={onSecondaryAssetChange}\n            parentAssetId={parentAssetId}\n            parentAssetType={isDrillingPlatformApp ? PARENT_ASSET_ID : primaryAssetType}\n            primaryAssetLabel={primaryAssetLabel}\n            secondaryAssetLabel={secondaryAssetLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS = [];\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS = [];\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE = noop;\nconst DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES = {};\n\nAppSettingsAssetEditor.propTypes = {\n  assetsLimit: PropTypes.number,\n  settings: PropTypes.shape({}).isRequired,\n  appType: PropTypes.shape({}).isRequired,\n  defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  secondaryDefaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n  onSettingsChange: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  isNullable: PropTypes.bool,\n  isHiddenTitle: PropTypes.bool,\n  appKey: PropTypes.string,\n  isVisibleMultipleAssetsToggle: PropTypes.bool,\n  isDisabledSecondaryAssetSelect: PropTypes.bool,\n  primaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetFields: PropTypes.arrayOf(PropTypes.shape({})),\n  secondaryAssetHelpText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  onChange: PropTypes.func,\n  elementsClassNames: PropTypes.shape({\n    title: PropTypes.string,\n    multiAssetSwitch: PropTypes.string,\n    primaryAssetSelect: PropTypes.string,\n    secondaryAssetSelect: PropTypes.string,\n  }),\n};\n\nexport default AppSettingsAssetEditor;\n"],"names":["useStyles","makeStyles","title","fontWeight","fontSize","margin","AppSettingsAssetEditor","_ref","_ref$appKey","appKey","appType","className","company","defaultValue","secondaryDefaultValue","disabled","_ref$isHiddenTitle","isHiddenTitle","_ref$isNullable","isNullable","_ref$label","label","propsOnSettingsChange","onSettingsChange","_ref$primaryAssetFiel","primaryAssetFields","DEFAULT_APP_SETTINGS_ASSET_EDITOR_PRIMARY_ASSET_FIELDS","_ref$secondaryAssetFi","secondaryAssetFields","DEFAULT_APP_SETTINGS_ASSET_EDITOR_SECONDARY_ASSET_FIELDS","isExtendedSelect","isRequiredAssetId","settings","_ref$isVisibleMultipl","isVisibleMultipleAssetsToggle","_ref$assetsLimit","assetsLimit","_ref$isDisabledSecond","isDisabledSecondaryAssetSelect","isDrillingPlatformApp","_ref$secondaryAssetHe","secondaryAssetHelpText","_ref$onChange","onChange","DEFAULT_APP_SETTINGS_ASSET_EDITOR_ON_CHANGE","_ref$elementsClassNam","elementsClassNames","DEFAULT_APP_SETTINGS_ASSET_EDITOR_ELEMENTS_CLASS_NAMES","primaryAssetType","get","primaryAssetIdType","primaryAssetLabel","primaryAssetSelectGroups","isSecondaryAssetPresent","secondaryAssetType","secondaryAssetIdType","secondaryAssetLabel","currentValue","initialPrimaryAssetId","Number","initialSecondaryAssetId","_useState","useState","id","_useState2","_slicedToArray","primaryAsset","setPrimaryAsset","_useState4","_useState3","secondaryAssetId","setSecondaryAssetId","_useState6","_useState5","isPadSelectedAsPrimaryAsset","setIsPadSelectedAsPrimaryAsset","_useState7","_useState8","selectedGroup","setSelectedGroup","_useState10","_useState9","isMultipleAssets","setIsMultipleAssets","isMultipleAssetsRef","useRef","_len","arguments","length","args","Array","_key","concat","current","styles","PrimaryAssetSelectComponent","ASSET_TYPES","rig","type","intervention_unit","PrimaryAssetSelectV2","PrimaryAssetSelect","parentAssetId","assetId","handlePrimaryAssetReset","_assetSetting4","undefined","assetSetting","_defineProperty","secondaryAssetSelectIsVisible","Boolean","useEffect","isEmpty","_jsxs","classNames","main","children","_jsx","MultipleAssetsToggle","checked","multiAssetSwitch","primaryAssetSelect","assetType","currentOption","disableClearable","multiple","selected","primary","_selected$","_selected$2","isPadSelected","group","PAD_GROUP","name","isFracFleetSelected","FRAC_FLEET_GROUP","isFirstPadSelected","isFirstFracFleetSelected","assetsSetting","reduce","acc","_ref3","parentFracFleetId","fracFleetId","padId","replacedPadId","assets","asset","onMultipleAssetChange","pad","_assetSetting2","frac_fleet","setCurrentOption","onGroupChange","newGroup","onGroupReset","groups","onInputReset","onActiveAssetIdChange","activeAssetId","_objectSpread","activeWellId","assetFields","getPrimaryAssetFields","secondaryAssetSelect","SecondaryAssetSelect","_toConsumableArray","ACTIVE_ASSETS_ID","ACTIVE_ASSET_ID","_ref2","secondary","assetSettings","well","replacedAssetId","parentAssetType","noop","propTypes","PropTypes","number","shape","isRequired","any","func","string","bool","arrayOf","oneOfType","element"],"mappings":"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"}

package/components/Attachment/index.d.ts

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferProps<{
     attachmentUrl: PropTypes.Validator<string>;
     attachmentSize: PropTypes.Requireable<number>;
     displayName: PropTypes.Requireable<string>;
@@ -7,20 +7,6 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     size: PropTypes.Requireable<string>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     small: PropTypes.Requireable<boolean>;
-}>, PropTypes.RequiredKeys<{
-    attachmentUrl: PropTypes.Validator<string>;
-    attachmentSize: PropTypes.Requireable<number>;
-    displayName: PropTypes.Requireable<string>;
-    fileName: PropTypes.Requireable<string>;
-    size: PropTypes.Requireable<string>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    small: PropTypes.Requireable<boolean>;
-}>> & {
-    attachmentSize?: number | null | undefined;
-    displayName?: string | null | undefined;
-    fileName?: string | null | undefined;
-    size?: string | null | undefined;
-    small?: boolean | null | undefined;
-} & {}, "attachmentSize" | "attachmentUrl" | "displayName" | "fileName" | "size" | "small"> & import("@material-ui/styles").StyledComponentProps<"caption" | "dialog" | "dialogRoot" | "disabledPreview" | "downloadIcon" | "fileName" | "imageIconRoot" | "nativeDialog" | "titleContainer" | "unavailableFileIcon" | "unavailableFileName">>;
+}>, "attachmentSize" | "attachmentUrl" | "displayName" | "fileName" | "size" | "small"> & import("@material-ui/styles").StyledComponentProps<"caption" | "dialog" | "dialogRoot" | "disabledPreview" | "downloadIcon" | "fileName" | "imageIconRoot" | "nativeDialog" | "titleContainer" | "unavailableFileIcon" | "unavailableFileName">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/Attachment/index.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useCallback as i}from"react";import t from"prop-types";import n from"react-player";import e from"classnames";import{withStyles as c}from"@material-ui/core/styles";import{Typography as a}from"@material-ui/core";import m from"@material-ui/icons/Image";import r from"@material-ui/icons/Fullscreen";import l from"@material-ui/core/colors/grey";import p from"../NewDocumentViewer/NewDocumentViewer.js";import{UnavailableFileIcon as u}from"../NewDocumentViewer/icons/UnavailableFileIcon.js";import{ImageViewer as d}from"../../componentsV2/ImageViewer/ImageViewer.js";import h from"./styles.css.js";import j from"../FileTypeIcon.js";import I from"../IconButton/index.js";import{isNativeDetected as g}from"../../utils/mobileDetect.js";import{getIsImage as f,getIsVideo as v}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as b}from"../../utils/filePreview.js";import{DownloadIcon as C}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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../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/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"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 N from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import w from"../../utils/main.js";import{jsx as y,jsxs as x,Fragment as A}from"react/jsx-runtime";var F=l[200],P=l[400],D={label:"small",value:135},O={label:"medium",value:300},S={fileImage:function(o,s){return{maxWidth:"100%",borderRadius:4,overflow:"hidden",maxHeight:s===D.label?D.value:O.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:F,borderRadius:3,marginTop:10,height:135,width:135}},W=function(o){var s,i,t=N(o.attachmentFileName)||o.attachmentUrl;return x(A,{children:[x("div",{onClick:o.openLightbox,className:h.cAttachmentImg,children:[y("img",{"data-testid":"".concat("Attachment","_image"),src:t,style:S.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),y("div",{"data-testid":"".concat("Attachment","_button"),className:h.cAttachmentImgPreviwBtn,children:y(r,{})})]}),!o.imageDimensions&&y("div",{style:S.imagePlaceholder,children:y(m,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:P,fontSize:"large"})}),o.lightboxIsOpen&&y(d,{src:t,onClose:o.handleLightboxClose,onOpen:o.handleLightboxOpen,width:null===(s=o.imageDimensions)||void 0===s?void 0:s.width,height:null===(i=o.imageDimensions)||void 0===i?void 0:i.height})]})},z=function(o){var s=w.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),i=N(o.attachmentFileName,"inline"),t=N(o.attachmentFileName,"attachment"),n=b(s);return x("div",{className:h.cAttachmentFileWrapper,children:[x("div",{className:e(h.cAttachmentFileDownloadWrapper,n&&o.classes.disabledPreview),style:S.fileDownloadWrapper,onClick:function(){n||o.openPreview()},children:[n?y(u,{className:o.classes.unavailableFileIcon}):y(j,{fileName:o.displayName||o.attachmentUrl,className:h.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),x("div",{className:o.classes.titleContainer,children:[n&&y("div",{className:o.classes.caption,children:"Preview unavailable"}),y("div",{"data-testid":"".concat("Attachment","_name"),className:e(h.cAttachmentFileDownloadWrapperFileName,n&&o.classes.fileName),children:y(a,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),y(p,{fileUrl:i,classes:{root:o.classes.dialogRoot,paper:g?o.classes.nativeDialog:o.classes.dialog},fileName:s,fileSize:o.attachmentSize,onClose:o.closePreview,open:o.previewIsOpen})]}),y("a",{download:o.displayName,href:t,className:h.cAttachmentFileDownloadWrapperForm,children:y(I,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:y(C,{size:24,className:o.classes.downloadIcon})})})]})};function R(t){var e=s(void 0),c=o(e,2),a=c[0],m=c[1],r=s(!1),l=o(r,2),p=l[0],u=l[1],d=s(!1),j=o(d,2),I=j[0],b=j[1],C=t.displayName||t.attachmentUrl||t.fileName,w=f(C),x=v(C),A=N(!t.attachmentUrl&&t.fileName),F=t.attachmentUrl||A,P=i((function(o){return o.preventDefault()}),[]),S=i((function(){g&&document.documentElement.addEventListener("touchmove",P,{passive:!1})}),[P]),R=i((function(){g&&document.documentElement.removeEventListener("touchmove",P),u(!1)}),[P]),U=i((function(){return u(!0)}),[]),L=i((function(o){var s=o.currentTarget,i=s.naturalWidth,t=s.naturalHeight;m({width:i,height:t})}),[]),k=i((function(){return b(!0)}),[]),E=i((function(o){o.stopPropagation(),b(!1)}),[]);return w?y("div",{className:h.cAttachment,children:y(W,{size:t.size,openLightbox:U,attachmentFileName:t.fileName,attachmentUrl:t.attachmentUrl,onImageLoaded:L,imageDimensions:a,lightboxIsOpen:p,handleLightboxOpen:S,handleLightboxClose:R,classes:t.classes})}):x&&n.canPlay(F)?y("div",{className:h.cAttachment,children:y(n,{"data-testid":"".concat("Attachment","_player"),className:h.cAttachmentReactPlayer,url:F,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:t.size===D.label?D.value:O.value,width:null})}):y("div",{className:h.cAttachment,children:y(z,{attachmentUrl:F,attachmentFileName:t.fileName,attachmentSize:t.attachmentSize,displayName:t.displayName,openPreview:k,closePreview:E,previewIsOpen:I,classes:t.classes,small:t.small})})}R.propTypes={attachmentUrl:t.string.isRequired,attachmentSize:t.number,displayName:t.string,fileName:t.string,size:t.oneOf([D.label,O.label]),classes:t.shape({}).isRequired,small:t.bool},R.defaultProps={displayName:null,fileName:null,attachmentSize:void 0,size:O.label,small:!1};var U=c((function(o){return{imageIconRoot:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},dialog:{width:"95%",height:"95%",maxWidth:"100%",position:"relative"},nativeDialog:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",margin:0},dialogRoot:{backgroundColor:"rgba(0, 0, 0, 0.85)"},fileName:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400},downloadIcon:{color:o.palette.primary.text3},disabledPreview:{backgroundColor:o.palette.primary.text9},unavailableFileIcon:{marginRight:12,minWidth:32},titleContainer:{display:"flex",flexDirection:"column",width:"100%"},caption:{fontSize:12,fontWeight:400,width:"fit-content"},unavailableFileName:{fontSize:12,fontWeight:400}}}))(R);export{U as default};
+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 a from"classnames";import{withStyles as r}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 I from"./styles.css.js";import f from"../FileTypeIcon.js";import g from"../IconButton/index.js";import{isNativeDetected as v}from"../../utils/mobileDetect.js";import{getIsImage as b,getIsVideo as w}from"../../utils/fileExtension.js";import{getIsPreviewUnavailable as y}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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../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"immutable";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 C from"../../effects/useSignedURL.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import O from"../../utils/main.js";import{jsx as P,jsxs as x,Fragment as A}from"react/jsx-runtime";var F=["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=C(o.attachmentFileName)||o.attachmentUrl;return x(A,{children:[x("div",{onClick:o.openLightbox,className:I.cAttachmentImg,children:[P("img",{"data-testid":"".concat("Attachment","_image"),src:i,style:L.fileImage(!!o.imageDimensions,o.size),alt:"Attachment",onLoad:o.onImageLoaded}),P("div",{"data-testid":"".concat("Attachment","_button"),className:I.cAttachmentImgPreviwBtn,children:P(p,{})})]}),!o.imageDimensions&&P("div",{style:L.imagePlaceholder,children:P(l,{"data-testid":"".concat("Attachment","_placeholder"),className:o.classes.imageIconRoot,htmlColor:W,fontSize:"large"})}),o.lightboxIsOpen&&P(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=O.getFileNameWithExtensionFromPath(o.displayName||o.attachmentUrl),t=C(o.attachmentFileName,"inline"),i=C(o.attachmentFileName,"attachment"),e=y(s);return x("div",{className:I.cAttachmentFileWrapper,children:[x("div",{className:a(I.cAttachmentFileDownloadWrapper,e&&o.classes.disabledPreview),style:L.fileDownloadWrapper,onClick:function(){e||o.openPreview()},children:[e?P(h,{className:o.classes.unavailableFileIcon}):P(f,{fileName:o.displayName||o.attachmentUrl,className:I.cAttachmentFileDownloadWrapperFileIcon,size:o.small?25:50}),x("div",{className:o.classes.titleContainer,children:[e&&P("div",{className:o.classes.caption,children:"Preview unavailable"}),P("div",{"data-testid":"".concat("Attachment","_name"),className:a(I.cAttachmentFileDownloadWrapperFileName,e&&o.classes.fileName),children:P(m,{variant:"subtitle2",noWrap:!0,className:o.classes.unavailableFileName,children:s})})]}),P(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})]}),P("a",{download:o.displayName,href:i,className:I.cAttachmentFileDownloadWrapperForm,children:P(g,{"data-testid":"".concat("Attachment","_downloadButton"),className:o.classes.downloadIcon,type:"submit",children:P(N,{size:24,className:o.classes.downloadIcon})})})]})};function T(s){var n=s.displayName,a=void 0===n?null:n,r=s.fileName,m=void 0===r?null:r,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,f=S(S({},t(s,F)),{},{displayName:a,fileName:m,attachmentSize:p,size:d,small:j}),g=i(void 0),y=o(g,2),N=y[0],O=y[1],x=i(!1),A=o(x,2),D=A[0],z=A[1],W=i(!1),L=o(W,2),T=L[0],M=L[1],V=f.displayName||f.attachmentUrl||f.fileName,B=b(V),q=w(V),G=C(!f.attachmentUrl&&f.fileName),_=f.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;O({width:t,height:i})}),[]),X=e((function(){return M(!0)}),[]),Y=e((function(o){o.stopPropagation(),M(!1)}),[]);return B?P("div",{className:I.cAttachment,children:P(k,{size:f.size,openLightbox:J,attachmentFileName:f.fileName,attachmentUrl:f.attachmentUrl,onImageLoaded:Q,imageDimensions:N,lightboxIsOpen:D,handleLightboxOpen:K,handleLightboxClose:Z,classes:f.classes})}):q&&c.canPlay(_)?P("div",{className:I.cAttachment,children:P(c,{"data-testid":"".concat("Attachment","_player"),className:I.cAttachmentReactPlayer,url:_,config:{file:{attributes:{preload:"metadata"}}},controls:!0,height:f.size===R.label?R.value:U.value,width:null})}):P("div",{className:I.cAttachment,children:P(E,{attachmentUrl:_,attachmentFileName:f.fileName,attachmentSize:f.attachmentSize,displayName:f.displayName,openPreview:X,closePreview:Y,previewIsOpen:T,classes:f.classes,small:f.small})})}T.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 M=r((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}}}))(T);export{M as default};
 //# sourceMappingURL=index.js.map

package/components/Attachment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { 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(props) {\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\nAttachment.defaultProps = {\n  displayName: null,\n  fileName: null,\n  attachmentSize: undefined,\n  size: SIZES.medium.label,\n  small: false,\n};\n\nexport default withStyles(muiStyles)(Attachment);\n"],"names":["grey200","grey","grey400","SIZES","label","value","style","fileImage","imageIsLoaded","size","maxWidth","borderRadius","overflow","maxHeight","display","cursor","fileDownloadWrapper","padding","border","width","imagePlaceholder","position","backgroundColor","marginTop","height","ImageAttachment","props","_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","useState","undefined","_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","defaultProps","Attachment$1","withStyles","theme","top","left","transform","margin","whiteSpace","textOverflow","fontWeight","color","palette","primary","text3","text9","marginRight","minWidth","flexDirection"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Attachment/index.js"],"sourcesContent":["import { 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/components/Map/Map.d.ts

@@ -1,11 +1,11 @@
 import 'mapbox-gl/dist/mapbox-gl.css';
 declare function WellsMap({ subjectWell, wells, offsetWells, radius, subjectWellMarkerSize, wellMarkerSize, coordsDataPath, }: {
-    coordsDataPath: any;
-    offsetWells: any;
+    coordsDataPath?: string | undefined;
+    offsetWells?: null | undefined;
     radius: any;
-    subjectWell: any;
-    subjectWellMarkerSize: any;
-    wellMarkerSize: any;
+    subjectWell?: null | undefined;
+    subjectWellMarkerSize?: number | undefined;
+    wellMarkerSize?: number | undefined;
     wells: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WellsMap>;

package/components/BICOffsetPickerDialog/components/Map/Map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA2CtC,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,cAAc,EACd,cAAc,GACf;;;;;;;;CAAA,+BAmOA"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"names":[],"mappings":"AAUA,OAAO,8BAA8B,CAAC;AA2CtC,iBAAS,QAAQ,CAAC,EAChB,WAAkB,EAClB,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,qBAAkE,EAClE,cAAmD,EACnD,cAAgD,GACjD;;;;;;;;CAAA,+BAmOA"}

package/components/BICOffsetPickerDialog/components/Map/Map.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as o,useMemo as n,useEffect as a,createElement as l}from"react";import u from"prop-types";import{get as i}from"lodash";import c from"./Map.css.js";import{mapbox as s}from"../../../../utils/index.js";import{createAdaptiveRoot as d}from"../../../../utils/createAdaptiveRoot.js";import"../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as f}from"react/jsx-runtime";import m from"mapbox-gl";var v=s.isValidCoordinates,y=[29.749907,-95.358421],g="wells-highlight",h={type:"FeatureCollection",features:[]},w=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function b(r){var u=r.subjectWell,s=r.wells,b=r.offsetWells,x=r.radius,S=r.subjectWellMarkerSize,j=r.wellMarkerSize,M=r.coordsDataPath,C=t(null),D=t(null),F=t(null),P=t(null),W=t(null),k=t(null),z=t(),L=o(!1),B=e(L,2),I=B[0],R=B[1],T=n((function(){return u&&i(u,M)}),[u,M]);a((function(){if(p){D.current=new m.Map({container:C.current,style:"mapbox://styles/mapbox/dark-v9",center:w(y),zoom:1,attributionControl:!1,scrollZoom:!1}),D.current.addControl(new m.NavigationControl({showCompass:!1}),"bottom-right"),D.current.on("load",(function(){D.current.addSource("radius-circle",{type:"geojson",data:h}),D.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),D.current.addSource("wells",{type:"geojson",data:h}),D.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),D.current.addSource(g,{type:"geojson",data:h}),D.current.addLayer({id:g,type:"circle",source:g,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),R(!0)}));var e=D.current;return function(){var r;null===(r=W.current)||void 0===r||r.unmount(),W.current=null,k.current=null,e.remove(),D.current=null,F.current=null}}}),[]),a((function(){if(D.current&&I)if(T){var r=function(r,t){for(var o=e(r,2),n=o[0],a=o[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,u=[],i=t/(111320*Math.cos(n*Math.PI/180)),c=t/110574,s=0;s<=l;s+=1){var d=s/l*(2*Math.PI);u.push([a+i*Math.cos(d),n+c*Math.sin(d)])}return u}(T,1609.34*x);D.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}})}else D.current.getSource("radius-circle").setData(h)}),[x,T,I]);return a((function(){var e;if(D.current&&I){var r=z.current;z.current=s,null===(e=P.current)||void 0===e||e.remove(),D.current.getSource(g).setData(h);var t=b.map((function(e){return e.id})),o=[],n={},a=new m.LngLatBounds;s.forEach((function(e){var r=i(e,M);if(r&&v(r)){var l=u&&u.id===e.id,c=t.includes(e.id),s=l?S:j,d=l||c?1:.3;n[e.id]=e,a.extend(w(r)),o.push({type:"Feature",geometry:{type:"Point",coordinates:w(r)},properties:{wellId:e.id,radius:s,opacity:d}})}})),D.current.getSource("wells").setData({type:"FeatureCollection",features:o}),F.current=o.length?a:null;var c=D.current,p=null,y=function(e){c.getCanvas().style.cursor="pointer";var r=n[e.features[0].properties.wellId];if(r&&r.id!==p){p=r.id;var t=i(r,M);k.current||(k.current=document.createElement("div"),W.current=d(k.current)),W.current.render(l((function(e){var r=e.well;return f("div",{style:{color:"#fff",background:"##414141"},children:f("span",{style:{fontSize:"11px",lineHeight:"16px"},children:i(r,"name")})})}),{well:r})),P.current||(P.current=new m.Popup({closeButton:!1,maxWidth:"none"})),P.current.setLngLat(w(t)).setDOMContent(k.current).addTo(c),function(e,r){D.current.getSource(g).setData({type:"Feature",geometry:{type:"Point",coordinates:w(e)},properties:{radius:3*r}})}(t,e.features[0].properties.radius)}},x=function(){var e;p=null,c.getCanvas().style.cursor="",c.getSource(g).setData(h),null===(e=P.current)||void 0===e||e.remove()},C=function(e){null!=e&&e.point&&c.queryRenderedFeatures(e.point,{layers:[g]}).length||x()};return c.on("mousemove","wells",y),c.on("mouseleave","wells",C),c.on("mouseleave",g,x),setTimeout((function(){D.current&&F.current&&s!==r&&D.current.fitBounds(F.current)}),500),function(){c.off("mousemove","wells",y),c.off("mouseleave","wells",C),c.off("mouseleave",g,x)}}}),[u,s,b,I]),f("div",{className:c.map,children:f("div",{className:c.mapMain,ref:C})})}b.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,coordsDataPath:u.string},b.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var x=r(b);export{x as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useRef as t,useState as o,useMemo as n,useEffect as i,createElement as u}from"react";import a from"prop-types";import{get as l}from"lodash";import c from"./Map.css.js";import{mapbox as s}from"../../../../utils/index.js";import{createAdaptiveRoot as d}from"../../../../utils/createAdaptiveRoot.js";import"../../../../config/mapboxGl/index.js";import{IS_MAPBOX_ENABLED as p}from"../../../../config/mapbox/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsx as f}from"react/jsx-runtime";import m from"mapbox-gl";var v=s.isValidCoordinates,y=[29.749907,-95.358421],g="wells-highlight",h={type:"FeatureCollection",features:[]},w=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function b(r){var a=r.subjectWell,s=void 0===a?null:a,b=r.wells,j=r.offsetWells,C=void 0===j?null:j,M=r.radius,D=r.subjectWellMarkerSize,F=void 0===D?x:D,P=r.wellMarkerSize,L=void 0===P?S:P,W=r.coordsDataPath,k=void 0===W?"settings.top_hole.coordinates":W,z=t(null),B=t(null),I=t(null),R=t(null),T=t(null),q=t(null),N=t(),O=o(!1),A=e(O,2),E=A[0],G=A[1],H=n((function(){return s&&l(s,k)}),[s,k]);i((function(){if(p){B.current=new m.Map({container:z.current,style:"mapbox://styles/mapbox/dark-v9",center:w(y),zoom:1,attributionControl:!1,scrollZoom:!1}),B.current.addControl(new m.NavigationControl({showCompass:!1}),"bottom-right"),B.current.on("load",(function(){B.current.addSource("radius-circle",{type:"geojson",data:h}),B.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),B.current.addSource("wells",{type:"geojson",data:h}),B.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":["get","opacity"]}}),B.current.addSource(g,{type:"geojson",data:h}),B.current.addLayer({id:g,type:"circle",source:g,paint:{"circle-radius":["get","radius"],"circle-color":"#FFC107","circle-opacity":.2}}),G(!0)}));var e=B.current;return function(){var r;null===(r=T.current)||void 0===r||r.unmount(),T.current=null,q.current=null,e.remove(),B.current=null,I.current=null}}}),[]),i((function(){if(B.current&&E)if(H){var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],l=t/(111320*Math.cos(n*Math.PI/180)),c=t/110574,s=0;s<=u;s+=1){var d=s/u*(2*Math.PI);a.push([i+l*Math.cos(d),n+c*Math.sin(d)])}return a}(H,1609.34*M);B.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}})}else B.current.getSource("radius-circle").setData(h)}),[M,H,E]);return i((function(){var e;if(B.current&&E){var r=N.current;N.current=b,null===(e=R.current)||void 0===e||e.remove(),B.current.getSource(g).setData(h);var t=C.map((function(e){return e.id})),o=[],n={},i=new m.LngLatBounds;b.forEach((function(e){var r=l(e,k);if(r&&v(r)){var u=s&&s.id===e.id,a=t.includes(e.id),c=u?F:L,d=u||a?1:.3;n[e.id]=e,i.extend(w(r)),o.push({type:"Feature",geometry:{type:"Point",coordinates:w(r)},properties:{wellId:e.id,radius:c,opacity:d}})}})),B.current.getSource("wells").setData({type:"FeatureCollection",features:o}),I.current=o.length?i:null;var a=B.current,c=null,p=function(e){a.getCanvas().style.cursor="pointer";var r=n[e.features[0].properties.wellId];if(r&&r.id!==c){c=r.id;var t=l(r,k);q.current||(q.current=document.createElement("div"),T.current=d(q.current)),T.current.render(u((function(e){var r=e.well;return f("div",{style:{color:"#fff",background:"##414141"},children:f("span",{style:{fontSize:"11px",lineHeight:"16px"},children:l(r,"name")})})}),{well:r})),R.current||(R.current=new m.Popup({closeButton:!1,maxWidth:"none"})),R.current.setLngLat(w(t)).setDOMContent(q.current).addTo(a),function(e,r){B.current.getSource(g).setData({type:"Feature",geometry:{type:"Point",coordinates:w(e)},properties:{radius:3*r}})}(t,e.features[0].properties.radius)}},y=function(){var e;c=null,a.getCanvas().style.cursor="",a.getSource(g).setData(h),null===(e=R.current)||void 0===e||e.remove()},x=function(e){null!=e&&e.point&&a.queryRenderedFeatures(e.point,{layers:[g]}).length||y()};return a.on("mousemove","wells",p),a.on("mouseleave","wells",x),a.on("mouseleave",g,y),setTimeout((function(){B.current&&I.current&&b!==r&&B.current.fitBounds(I.current)}),500),function(){a.off("mousemove","wells",p),a.off("mouseleave","wells",x),a.off("mouseleave",g,y)}}}),[s,b,C,E]),f("div",{className:c.map,children:f("div",{className:c.mapMain,ref:z})})}b.propTypes={subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWells:a.arrayOf(a.shape({})),radius:a.number.isRequired,subjectWellMarkerSize:a.number,wellMarkerSize:a.number,coordsDataPath:a.string};var x=8,S=5,j=r(b);export{j as default};
 //# sourceMappingURL=Map.js.map