@corva/ui 3.80.0-0 → 3.80.0-10

package/componentsV2/PadModeSelect/PadModeSelect.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import i from"classnames";import{useState as n,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as h}from"./PadModeSelect.constants.js";import{getSelectValue as v}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as O}from"./ColorAccent/ColorAccent.js";import P from"./PadModeSelect.scss.js";import"querystring";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as S}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{DownIcon as F,InfoIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";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 L(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var N="development"===process.env.NODE_ENV,w=function(D){var w,B,_,E,z,R,W,G,U,q=D.className,V=D.testId,J=S(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(w=K.package)||void 0===w||null===(B=w.manifest)||void 0===B?void 0:B.application)||{}).key,io=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(z=E.application)||void 0===z?void 0:z.ui)||{},no=io.enableSimulFracInPadSelect,co=io.completionAppType,eo=io.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(R=H.pad_frac_fleets)||void 0===R||null===(W=R.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===W?void 0:W.frac_fleet_lines)||[],po=t(null==Y||null===(G=Y.settingsByAsset)||void 0===G?void 0:G[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=v({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:no}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:no}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=n(!1),fo=s(Io,2),bo=fo[0],ho=fo[1],vo=c(null),go=e((function(){return ho((function(o){return!o}))}),[]),Co=!no&&mo.length>0,yo=e((function(s){ho(!1);var t=y(s),i=t.mode,n=t.assetId,c={mode:i};i===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(n,10)]):i===a.padLine&&(c.selectedLine=n);var e="local_corva_pad_mode_".concat(to,"_").concat(so);N&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",L(L({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:i(P.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:vo,className:P.menuButton,suffix:T(F,{className:i(P.menuButtonArrow,bo&&P.open)}),children:T(u,{testId:h.SelectedItemTestId,className:P.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:vo.current,open:bo,onClose:go,className:P.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,n=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(n||c),onClick:function(){return yo(s)},testId:"".concat(h.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(O,{color:p}),x(d,{size:12,color:"inherit",className:i(P.menuItemLabel,n&&P.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:h.MenuFooterTestId,size:12,color:"T6",className:P.simulFracMessage,children:[T(M,{size:16,className:P.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{w as PadModeSelect};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import i from"classnames";import{useState as n,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as h}from"./PadModeSelect.constants.js";import{getSelectValue as v}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as O}from"./ColorAccent/ColorAccent.js";import P from"./PadModeSelect.scss.js";import"querystring";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as S}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{DownIcon as F,InfoIcon as M}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";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 L(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var N="development"===process.env.NODE_ENV,w=function(D){var w,B,_,E,R,z,W,G,U,q=D.className,V=D.testId,J=S(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(w=K.package)||void 0===w||null===(B=w.manifest)||void 0===B?void 0:B.application)||{}).key,io=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(R=E.application)||void 0===R?void 0:R.ui)||{},no=io.enableSimulFracInPadSelect,co=io.completionAppType,eo=io.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(z=H.pad_frac_fleets)||void 0===z||null===(W=z.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===W?void 0:W.frac_fleet_lines)||[],po=t(null==Y||null===(G=Y.settingsByAsset)||void 0===G?void 0:G[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=v({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:no}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:no}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=n(!1),fo=s(Io,2),bo=fo[0],ho=fo[1],vo=c(null),go=e((function(){return ho((function(o){return!o}))}),[]),Co=!no&&mo.length>0,yo=e((function(s){ho(!1);var t=y(s),i=t.mode,n=t.assetId,c={mode:i};i===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(n,10)]):i===a.padLine&&(c.selectedLine=n);var e="local_corva_pad_mode_".concat(to,"_").concat(so);N&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",L(L({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:i(P.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:vo,className:P.menuButton,suffix:T(F,{className:i(P.menuButtonArrow,bo&&P.open)}),children:T(u,{testId:h.SelectedItemTestId,className:P.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:vo.current,open:bo,onClose:go,className:P.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,n=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(n||c),onClick:function(){return yo(s)},testId:"".concat(h.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(O,{color:p}),x(d,{size:12,color:"inherit",className:i(P.menuItemLabel,n&&P.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:h.MenuFooterTestId,size:12,color:"T6",className:P.simulFracMessage,children:[T(M,{size:16,className:P.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{w as PadModeSelect};
 //# sourceMappingURL=PadModeSelect.js.map

package/componentsV2/PadModeSelect/PadModeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n  className?: string;\n  testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n  const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n  const padId = appSettings?.padId;\n\n  const assetKey = getAssetKey(fracFleet, well, padId);\n  const { key: appKey } = app?.package?.manifest?.application || {};\n\n  const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n    app?.package?.manifest?.application?.ui || {};\n\n  const appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;\n\n  const fracFleetLines =\n    fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n      padId && padFracFleet.pad.id\n        ? padFracFleet.pad.id.toString() === padId.toString()\n        : padFracFleet.current\n    )?.frac_fleet_lines || [];\n\n  const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n    ? appSettings?.settingsByAsset?.[assetKey]\n    : getDefaultPadModeSetting(fracFleet, well, appType);\n\n  const value = getSelectValue({\n    fracFleetLines,\n    padModeSetting,\n    enableSimulFracInPadSelect,\n  });\n\n  const menuItems = useMenuItems({\n    completionAppType,\n    assets: wells,\n    fracFleetLines,\n    enableSimulFracInPadSelect,\n  });\n\n  const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n  const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const menuButtonRef = useRef<HTMLButtonElement>(null);\n  const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n  const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n  const handleChange = useCallback(\n    (value: string) => {\n      setMenuOpen(false);\n      const { mode, assetId } = parseMenuItemKey(value);\n\n      const padModeSetting: PadModeSetting = {\n        mode,\n      };\n\n      if (mode === PadMode.custom) {\n        padModeSetting.mode = PadMode.custom;\n        padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n      } else if (mode === PadMode.padLine) {\n        padModeSetting.selectedLine = assetId;\n      }\n\n      const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n      if (IS_LOCAL_ENV) {\n        localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n      }\n\n      onSettingChange('settingsByAsset', {\n        ...appSettings?.settingsByAsset,\n        [assetKey]: padModeSetting,\n      });\n    },\n    [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n  );\n\n  if (\n    well ||\n    isEmpty(wells) ||\n    !fracFleet ||\n    (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n  ) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      {value && (\n        <>\n          <Button\n            type={menuOpen ? 'chartColored' : 'chart'}\n            size=\"small\"\n            onClick={toggleMenu}\n            ref={menuButtonRef}\n            className={styles.menuButton}\n            suffix={\n              <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n            }\n          >\n            <TextMiddleTruncated\n              testId={PadModeSelectTestIds.SelectedItemTestId}\n              className={styles.buttonInner}\n            >\n              {selectedMenuItem?.label}\n            </TextMiddleTruncated>\n          </Button>\n\n          <Menu\n            anchorEl={menuButtonRef.current}\n            open={menuOpen}\n            onClose={toggleMenu}\n            className={styles.menu}\n            placement=\"bottom\"\n          >\n            <FracModeLabel fracFleetLines={fracFleetLines} />\n\n            {menuItems.map(\n              ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n                <Menu.Item\n                  size=\"medium\"\n                  key={key}\n                  disabled={\n                    disableActiveWellsInPadSelect &&\n                    status !== AssetStatus.active &&\n                    key !== COMPLETION_MODES.pad &&\n                    (isSubItem || isDisabled)\n                  }\n                  onClick={() => handleChange(key)}\n                  testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n                  selected={key === selectedMenuItem?.key}\n                >\n                  <ColorAccent color={customColor} />\n                  <Text\n                    size={12}\n                    color=\"inherit\"\n                    className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n                  >\n                    <TextMiddleTruncated>{label}</TextMiddleTruncated>\n                    {menuOpen && status === AssetStatus.active && !!assetId && (\n                      <MenuWellStreamStatus currentWellId={assetId} />\n                    )}\n                  </Text>\n                </Menu.Item>\n              )\n            )}\n\n            {showMenuFooter && (\n              <Text\n                testId={PadModeSelectTestIds.MenuFooterTestId}\n                size={12}\n                color=\"T6\"\n                className={styles.simulFracMessage}\n              >\n                <InfoIcon size={16} className={styles.simulFracIcon} />\n                Analytics apps show all wells in Pad Mode for Simulfracs\n              </Text>\n            )}\n          </Menu>\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}
+{"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n  className?: string;\n  testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n  const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n  const padId = appSettings?.padId;\n\n  const assetKey = getAssetKey(fracFleet, well, padId);\n  const { key: appKey } = app?.package?.manifest?.application || {};\n\n  const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n    app?.package?.manifest?.application?.ui || {};\n\n  const appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;\n\n  const fracFleetLines =\n    fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n      padId && padFracFleet.pad.id\n        ? padFracFleet.pad.id.toString() === padId.toString()\n        : padFracFleet.current\n    )?.frac_fleet_lines || [];\n\n  const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n    ? appSettings?.settingsByAsset?.[assetKey]\n    : getDefaultPadModeSetting(fracFleet, well, appType);\n\n  const value = getSelectValue({\n    fracFleetLines,\n    padModeSetting,\n    enableSimulFracInPadSelect,\n  });\n\n  const menuItems = useMenuItems({\n    completionAppType,\n    assets: wells,\n    fracFleetLines,\n    enableSimulFracInPadSelect,\n  });\n\n  const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n  const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n  const [menuOpen, setMenuOpen] = useState(false);\n  const menuButtonRef = useRef<HTMLButtonElement>(null);\n  const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n  const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n  const handleChange = useCallback(\n    (value: string) => {\n      setMenuOpen(false);\n      const { mode, assetId } = parseMenuItemKey(value);\n\n      const padModeSetting: PadModeSetting = {\n        mode,\n      };\n\n      if (mode === PadMode.custom) {\n        padModeSetting.mode = PadMode.custom;\n        padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n      } else if (mode === PadMode.padLine) {\n        padModeSetting.selectedLine = assetId;\n      }\n\n      const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n      if (IS_LOCAL_ENV) {\n        localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n      }\n\n      onSettingChange('settingsByAsset', {\n        ...appSettings?.settingsByAsset,\n        [assetKey]: padModeSetting,\n      });\n    },\n    [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n  );\n\n  if (\n    well ||\n    isEmpty(wells) ||\n    !fracFleet ||\n    (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n  ) {\n    return null;\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      {value && (\n        <>\n          <Button\n            type={menuOpen ? 'chartColored' : 'chart'}\n            size=\"small\"\n            onClick={toggleMenu}\n            ref={menuButtonRef}\n            className={styles.menuButton}\n            suffix={\n              <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n            }\n          >\n            <TextMiddleTruncated\n              testId={PadModeSelectTestIds.SelectedItemTestId}\n              className={styles.buttonInner}\n            >\n              {selectedMenuItem?.label}\n            </TextMiddleTruncated>\n          </Button>\n\n          <Menu\n            anchorEl={menuButtonRef.current}\n            open={menuOpen}\n            onClose={toggleMenu}\n            className={styles.menu}\n            placement=\"bottom\"\n          >\n            <FracModeLabel fracFleetLines={fracFleetLines} />\n\n            {menuItems.map(\n              ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n                <Menu.Item\n                  size=\"medium\"\n                  key={key}\n                  disabled={\n                    disableActiveWellsInPadSelect &&\n                    status !== AssetStatus.active &&\n                    key !== COMPLETION_MODES.pad &&\n                    (isSubItem || isDisabled)\n                  }\n                  onClick={() => handleChange(key)}\n                  testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n                  selected={key === selectedMenuItem?.key}\n                >\n                  <ColorAccent color={customColor} />\n                  <Text\n                    size={12}\n                    color=\"inherit\"\n                    className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n                  >\n                    <TextMiddleTruncated>{label}</TextMiddleTruncated>\n                    {menuOpen && status === AssetStatus.active && !!assetId && (\n                      <MenuWellStreamStatus currentWellId={assetId} />\n                    )}\n                  </Text>\n                </Menu.Item>\n              )\n            )}\n\n            {showMenuFooter && (\n              <Text\n                testId={PadModeSelectTestIds.MenuFooterTestId}\n                size={12}\n                color=\"T6\"\n                className={styles.simulFracMessage}\n              >\n                <InfoIcon size={16} className={styles.simulFracIcon} />\n                Analytics apps show all wells in Pad Mode for Simulfracs\n              </Text>\n            )}\n          </Menu>\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}

package/componentsV2/Popover/Popover.d.ts

@@ -55,6 +55,7 @@ export type PopoverProps = {
     type?: PaperProps['type'];
     className?: string;
     popperClassName?: string;
+    testId?: string;
 };
 export declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Popover.d.ts.map

package/componentsV2/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAS7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,yGAsInB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAS7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,OAAO,yGAwInB,CAAC"}

package/componentsV2/Popover/Popover.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as i}from"react";import{Grow as s}from"@material-ui/core";import c from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=t((function(e,t){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.closeOnBackdropClick,P=void 0===E||E,w=e.closeOnEscape,k=void 0===w||w,C=e.backdrop,M=void 0===C||C,N=e.anchorEl,S=e.preventScroll,x=void 0===S||S,D=e.placement,L=void 0===D?"bottom-start":D,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,I=e.container,K=e.animate,T=void 0===K||K,U=e.type,F=void 0===U?"popover":U,H=e.style,J=e.popperClassName,Q=o(null),V=o(new ResizeObserver((function(){var e;null===(e=Q.current)||void 0===e||e.scheduleUpdate()}))),W=n((function(){h&&P&&h("backdropClick")}),[h,P]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&k?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,k,O]),r((function(){return O&&x?m(document.body):function(){}}),[O,x]);var X=i((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),Y=null!=I?I:l(N);return f(v,{children:[M&&j(a,{open:O,className:u.root,container:Y,children:j("div",{className:u.backdrop,onClick:W})}),j(a,{open:O,anchorEl:N,placement:L,className:c(u.root,J),transition:!0,popperRef:Q,modifiers:X,container:Y,children:function(e){var o=e.TransitionProps;return j(s,y(y({},o),{},{timeout:T?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),V.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),V.current.disconnect()},children:j(p,{className:c(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:t,type:F,style:H,children:b})}))}})]})}));export{O as Popover};
+import e from"@babel/runtime/helpers/defineProperty";import{forwardRef as t,useRef as o,useCallback as n,useEffect as r,useMemo as s}from"react";import{Grow as i}from"@material-ui/core";import c from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Paper as p}from"../Paper/Paper.js";import{getDefaultPopperContainer as l}from"../utils.js";import{disableScroll as m}from"./utils.js";import u from"./Popover.scss.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"lodash";import"../../components/GradientManager/configuration/constants.js";import{DRAGGING_ATTRIBUTE as d}from"../../constants/attachments.js";import{jsxs as f,Fragment as v,jsx as j}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=t((function(e,t){var b=e.children,O=e.open,h=e.onClose,g=e.className,E=e.testId,P=e.closeOnBackdropClick,w=void 0===P||P,k=e.closeOnEscape,C=void 0===k||k,M=e.backdrop,N=void 0===M||M,S=e.anchorEl,x=e.preventScroll,D=void 0===x||x,L=e.placement,I=void 0===L?"bottom-start":L,A=e.onMouseLeave,R=e.onMouseEnter,q=e.flip,z=void 0===q||q,B=e.preventOverflow,G=void 0===B||B,K=e.container,T=e.animate,U=void 0===T||T,F=e.type,H=void 0===F?"popover":F,J=e.style,Q=e.popperClassName,V=o(null),W=o(new ResizeObserver((function(){var e;null===(e=V.current)||void 0===e||e.scheduleUpdate()}))),X=n((function(){h&&w&&h("backdropClick")}),[h,w]);r((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(d,"]")))return;null==h||h("escapeKey")}};return O&&C?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[h,C,O]),r((function(){return O&&D?m(document.body):function(){}}),[O,D]);var Y=s((function(){return{preventOverflow:{enabled:G,padding:0,boundariesElement:"viewport"},flip:{enabled:z}}}),[z,G]),Z=null!=K?K:l(S);return f(v,{children:[N&&j(a,{open:O,className:u.root,container:Z,children:j("div",{className:u.backdrop,onClick:X})}),j(a,{open:O,anchorEl:S,placement:I,className:c(u.root,Q),transition:!0,popperRef:V,modifiers:Y,container:Z,children:function(e){var o=e.TransitionProps;return j(i,y(y({},o),{},{timeout:U?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onEntered)||void 0===e||e.call.apply(e,[o].concat(n)),W.current.observe(n[0])},onExit:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];null==o||null===(e=o.onExit)||void 0===e||e.call.apply(e,[o].concat(n)),W.current.disconnect()},children:j(p,{className:c(u.paper,g),onMouseEnter:R,onMouseLeave:A,ref:t,testId:E,type:H,style:J,children:b})}))}})]})}));export{O as Popover};
 //# sourceMappingURL=Popover.js.map

package/componentsV2/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Escape hatch for when you need to pass dimensions/additional styles from JS\n   */\n  style?: CSSProperties;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n  popperClassName?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n      style,\n      popperClassName,\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={resolvedContainer}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={classNames(styles.root, popperClassName)}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={resolvedContainer}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                type={type}\n                style={style}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","style","popperClassName","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","classNames","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","paper"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Escape hatch for when you need to pass dimensions/additional styles from JS\n   */\n  style?: CSSProperties;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n  popperClassName?: string;\n  testId?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      testId,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n      style,\n      popperClassName,\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={resolvedContainer}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={classNames(styles.root, popperClassName)}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={resolvedContainer}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                testId={testId}\n                type={type}\n                style={style}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","testId","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","style","popperClassName","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","Popper","styles","root","onClick","classNames","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","paper"],"mappings":"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"}

package/componentsV2/TemplatesControl/PublishModal/PublishModal.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as i,useCallback as r}from"react";import{Collapse as s}from"@material-ui/core";import n from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as u}from"../../Text/Text.js";import{Autocomplete as d}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import h from"./PublishModal.scss.js";import"@babel/runtime/helpers/defineProperty";import"querystring";import"lodash";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{getPrograms as j,getRigs as f}from"../../../clients/jsonApi/index.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import b from"../../../effects/useLoadedData.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new n,x=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},P=function(t){return C(u,{size:16,className:h.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},S=function(t){var e=t.subTitle,o=t.title,i=t.controls,r=t.open,n=void 0!==r&&r;return v(T,{children:[C(u,{size:16,children:o}),C(u,{size:14,color:"T6",className:h.labelSubTitle,children:e}),i&&C(s,{in:n,children:i})]})},D=function(s){var n=s.onClose,u=s.open,g=s.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),F=A(),N=y().currentUser,R=(N=void 0===N?{}:N).company_id,I=e(g.name),w=t(I,2),z=w[0],L=w[1],M=e("company"),_=t(M,2),k=_[0],E=_[1],q=e([]),B=t(q,2),G=B[0],H=B[1],O=e([]),U=t(O,2),W=U[0],V=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===k,Z="programs"===k,$="rigs"===k,tt=l(z,D),et=b({initialData:[],initialLoading:!0,loadFn:j,getDataFromResponseFn:x}),ot=et.data,it=et.isLoading,rt=et.loadData,st=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:x}),nt=st.data,at=st.isLoading,mt=st.loadData,lt=o((function(){return{disabled:0===z.trim().length||!!tt||"programs"===k&&0===G.length||"rigs"===k&&0===W.length}}),[z,G.length,W.length,tt,k]);i((function(){Z&&!ot.length&&rt({per_page:1e3,fields:["program.name"],company_id:R})}),[R,Z,rt,ot.length]),i((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:R,search:Q})}),[R,$,mt,Q]),i((function(){u&&(V([]),H([]),E("company"))}),[u]);var pt=r((function(){"company"===k?F(g.id,z,{}):"programs"===k&&G.length?F(g.id,z,{programIds:G.map((function(t){return t.id}))}):"rigs"===k&&W.length&&F(g.id,z,{rigIds:W.map((function(t){return t.id}))}),n()}),[z,n,F,G,W,g.id,k]);return C(a,{title:"Confirm Template Publication",size:"medium",open:u,onClose:n,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:n,children:v("div",{className:h.root,children:[C(m,{label:"Template Name",value:z,onChange:L,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return E("company")},label:C(S,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return E("programs")},label:C(S,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(d,{label:"Select Programs",options:ot,loading:it,multiple:!0,value:G,onChange:H,renderSelected:P})})}),C(c,{checked:$,onChange:function(){return E("rigs")},label:C(S,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(d,{label:"Select Rigs",options:nt,loading:at,multiple:!0,value:W,onChange:V,onInputChange:X,renderSelected:P})})})]})})};export{D as PublishModal};
+import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as i,useCallback as r}from"react";import{Collapse as s}from"@material-ui/core";import n from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as u}from"../../Text/Text.js";import{Autocomplete as d}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import h from"./PublishModal.scss.js";import"@babel/runtime/helpers/defineProperty";import"querystring";import"lodash";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{getPrograms as j,getRigs as f}from"../../../clients/jsonApi/index.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import b from"../../../effects/useLoadedData.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new n,x=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},P=function(t){return C(u,{size:16,className:h.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},S=function(t){var e=t.subTitle,o=t.title,i=t.controls,r=t.open,n=void 0!==r&&r;return v(T,{children:[C(u,{size:16,children:o}),C(u,{size:14,color:"T6",className:h.labelSubTitle,children:e}),i&&C(s,{in:n,children:i})]})},D=function(s){var n=s.onClose,u=s.open,g=s.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),R=A(),F=y().currentUser,N=(F=void 0===F?{}:F).company_id,I=e(g.name),w=t(I,2),z=w[0],L=w[1],M=e("company"),_=t(M,2),k=_[0],q=_[1],E=e([]),B=t(E,2),G=B[0],H=B[1],O=e([]),U=t(O,2),W=U[0],V=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===k,Z="programs"===k,$="rigs"===k,tt=l(z,D),et=b({initialData:[],initialLoading:!0,loadFn:j,getDataFromResponseFn:x}),ot=et.data,it=et.isLoading,rt=et.loadData,st=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:x}),nt=st.data,at=st.isLoading,mt=st.loadData,lt=o((function(){return{disabled:0===z.trim().length||!!tt||"programs"===k&&0===G.length||"rigs"===k&&0===W.length}}),[z,G.length,W.length,tt,k]);i((function(){Z&&!ot.length&&rt({per_page:1e3,fields:["program.name"],company_id:N})}),[N,Z,rt,ot.length]),i((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:N,search:Q})}),[N,$,mt,Q]),i((function(){u&&(V([]),H([]),q("company"))}),[u]);var pt=r((function(){"company"===k?R(g.id,z,{}):"programs"===k&&G.length?R(g.id,z,{programIds:G.map((function(t){return t.id}))}):"rigs"===k&&W.length&&R(g.id,z,{rigIds:W.map((function(t){return t.id}))}),n()}),[z,n,R,G,W,g.id,k]);return C(a,{title:"Confirm Template Publication",size:"medium",open:u,onClose:n,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:n,children:v("div",{className:h.root,children:[C(m,{label:"Template Name",value:z,onChange:L,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return q("company")},label:C(S,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return q("programs")},label:C(S,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(d,{label:"Select Programs",options:ot,loading:it,multiple:!0,value:G,onChange:H,renderSelected:P})})}),C(c,{checked:$,onChange:function(){return q("rigs")},label:C(S,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(d,{label:"Select Rigs",options:nt,loading:at,multiple:!0,value:W,onChange:V,onInputChange:X,renderSelected:P})})})]})})};export{D as PublishModal};
 //# sourceMappingURL=PublishModal.js.map

package/componentsV2/TemplatesControl/PublishModal/PublishModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n  const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n  return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n  data: T[];\n  isLoading: boolean;\n  loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n  <Text size={16} className={styles.selected} tagName=\"div\">\n    <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n  </Text>\n);\n\ntype RadioLabelProps = {\n  title: ReactNode;\n  subTitle: ReactNode;\n  controls?: ReactNode;\n  open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n  <>\n    <Text size={16}>{title}</Text>\n    <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n      {subTitle}\n    </Text>\n    {controls && <Collapse in={open}>{controls}</Collapse>}\n  </>\n);\n\nexport type PublishModalProps = {\n  open: boolean;\n  onClose: () => void;\n  template: Template;\n};\n\ntype PublishTypes = 'company' | 'programs' | 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n  const { useAllTemplates, usePublishTemplate } = storeApi;\n  const allTemplates = useAllTemplates();\n  const publishTemplate = usePublishTemplate();\n\n  const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n  const [name, setName] = useState(template.name);\n  const [type, setType] = useState<PublishTypes>('company');\n  const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n  const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n  const [rigSearch, setRigSearch] = useState('');\n\n  const isCompanyType = type === 'company';\n  const isProgramType = type === 'programs';\n  const isRigsType = type === 'rigs';\n\n  const suggestedName = suggestName(name, allTemplates);\n\n  const {\n    data: programOptions,\n    isLoading: isLoadingPrograms,\n    loadData: loadPrograms,\n  } = useLoadedData({\n    initialData: [] as never,\n    initialLoading: true,\n    loadFn: getPrograms,\n    getDataFromResponseFn,\n  }) as unknown as UseLoadedReturnType;\n\n  const {\n    data: rigOptions,\n    isLoading: isLoadingRigs,\n    loadData: loadRigs,\n  } = useLoadedData({\n    initialData: [] as never,\n    initialLoading: true,\n    loadFn: getRigs,\n    getDataFromResponseFn,\n  }) as unknown as UseLoadedReturnType;\n\n  const primaryActionProps = useMemo(\n    () => ({\n      disabled:\n        name.trim().length === 0 ||\n        !!suggestedName ||\n        (type === 'programs' && selectedPrograms.length === 0) ||\n        (type === 'rigs' && selectedRigs.length === 0),\n    }),\n    [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n  );\n\n  useEffect(() => {\n    if (isProgramType && !programOptions.length) {\n      loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n    }\n  }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n  useEffect(() => {\n    if (isRigsType) {\n      loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n    }\n  }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n  useEffect(() => {\n    if (open) {\n      setSelectedRigs([]);\n      setSelectedPrograms([]);\n      setType('company');\n    }\n  }, [open]);\n\n  const publish = useCallback(() => {\n    if (type === 'company') {\n      publishTemplate(template.id, name, {});\n    } else if (type === 'programs' && selectedPrograms.length) {\n      publishTemplate(template.id, name, {\n        programIds: selectedPrograms.map(({ id }) => id),\n      });\n    } else if (type === 'rigs' && selectedRigs.length) {\n      publishTemplate(template.id, name, {\n        rigIds: selectedRigs.map(({ id }) => id),\n      });\n    }\n    onClose();\n  }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n  return (\n    <Modal\n      title=\"Confirm Template Publication\"\n      size=\"medium\"\n      open={open}\n      onClose={onClose}\n      primaryActionText=\"Publish\"\n      primaryActionHandler={publish}\n      primaryActionProps={primaryActionProps}\n      secondaryActionText=\"Cancel\"\n      secondaryActionHandler={onClose}\n    >\n      <div className={styles.root}>\n        <TextInput\n          label=\"Template Name\"\n          value={name}\n          onChange={setName}\n          status={suggestedName ? 'error' : undefined}\n          message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n        />\n\n        <Radio\n          checked={isCompanyType}\n          onChange={() => setType('company')}\n          label={\n            <RadioLabel\n              title=\"Entire Company\"\n              subTitle=\"It will be available to all company employees.\"\n            />\n          }\n        />\n\n        <Radio\n          checked={isProgramType}\n          onChange={() => setType('programs')}\n          label={\n            <RadioLabel\n              title=\"For Selected Programs Only\"\n              subTitle=\"Will be visible to employees with selected Programs only.\"\n              open={isProgramType}\n              controls={\n                <Autocomplete\n                  label=\"Select Programs\"\n                  options={programOptions}\n                  loading={isLoadingPrograms}\n                  multiple\n                  value={selectedPrograms}\n                  onChange={setSelectedPrograms}\n                  renderSelected={renderSelected}\n                />\n              }\n            />\n          }\n        />\n\n        <Radio\n          checked={isRigsType}\n          onChange={() => setType('rigs')}\n          label={\n            <RadioLabel\n              title=\"For Selected Rigs Only\"\n              subTitle=\"Visible only  when Rig is selected for all employees.\"\n              open={isRigsType}\n              controls={\n                <Autocomplete\n                  label=\"Select Rigs\"\n                  options={rigOptions}\n                  loading={isLoadingRigs}\n                  multiple\n                  value={selectedRigs}\n                  onChange={setSelectedRigs}\n                  onInputChange={setRigSearch}\n                  renderSelected={renderSelected}\n                />\n              }\n            />\n          }\n        />\n      </div>\n    </Modal>\n  );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}
+{"version":3,"file":"PublishModal.js","sources":["../../../../src/componentsV2/TemplatesControl/PublishModal/PublishModal.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport Jsona from 'jsona';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { Template } from '../types';\nimport { suggestName } from '../utils';\nimport { storeApi } from '../Store';\nimport { Radio } from '../../Radio';\nimport { Text } from '../../Text';\nimport { Autocomplete, AutocompleteProps } from '../../Autocomplete';\nimport { TextEndTruncated } from '../../TextEndTruncated';\n\nimport styles from './PublishModal.scss';\n\nimport { useAppCommons, useLoadedData } from '~/effects';\nimport { getPrograms, getRigs } from '~/clients/jsonApi';\n\ntype AutocompleteOption = { id: number; title: string };\n\nconst dataFormatter = new Jsona();\nconst getDataFromResponseFn = (data: object) => {\n  const parsed = dataFormatter.deserialize(data) as { id: string; name: string }[];\n  return parsed.map<AutocompleteOption>(({ id, name }) => ({ id: Number(id), title: name }));\n};\n\ntype UseLoadedReturnType<T = AutocompleteOption> = {\n  data: T[];\n  isLoading: boolean;\n  loadData: (options: object) => Promise<void>;\n};\n\nconst renderSelected: AutocompleteProps<AutocompleteOption, true>['renderSelected'] = options => (\n  <Text size={16} className={styles.selected} tagName=\"div\">\n    <TextEndTruncated>{options.map(({ option: { title } }) => title).join(', ')}</TextEndTruncated>\n  </Text>\n);\n\ntype RadioLabelProps = {\n  title: ReactNode;\n  subTitle: ReactNode;\n  controls?: ReactNode;\n  open?: boolean;\n};\n\nconst RadioLabel = ({ subTitle, title, controls, open = false }: RadioLabelProps) => (\n  <>\n    <Text size={16}>{title}</Text>\n    <Text size={14} color=\"T6\" className={styles.labelSubTitle}>\n      {subTitle}\n    </Text>\n    {controls && <Collapse in={open}>{controls}</Collapse>}\n  </>\n);\n\nexport type PublishModalProps = {\n  open: boolean;\n  onClose: () => void;\n  template: Template;\n};\n\ntype PublishTypes = 'company' | 'programs' | 'rigs';\n\nexport const PublishModal = ({ onClose, open, template }: PublishModalProps) => {\n  const { useAllTemplates, usePublishTemplate } = storeApi;\n  const allTemplates = useAllTemplates();\n  const publishTemplate = usePublishTemplate();\n\n  const { currentUser: { company_id: companyId } = {} } = useAppCommons();\n\n  const [name, setName] = useState(template.name);\n  const [type, setType] = useState<PublishTypes>('company');\n  const [selectedPrograms, setSelectedPrograms] = useState<AutocompleteOption[]>([]);\n  const [selectedRigs, setSelectedRigs] = useState<AutocompleteOption[]>([]);\n  const [rigSearch, setRigSearch] = useState('');\n\n  const isCompanyType = type === 'company';\n  const isProgramType = type === 'programs';\n  const isRigsType = type === 'rigs';\n\n  const suggestedName = suggestName(name, allTemplates);\n\n  const {\n    data: programOptions,\n    isLoading: isLoadingPrograms,\n    loadData: loadPrograms,\n  } = useLoadedData({\n    initialData: [] as never,\n    initialLoading: true,\n    loadFn: getPrograms,\n    getDataFromResponseFn,\n  }) as unknown as UseLoadedReturnType;\n\n  const {\n    data: rigOptions,\n    isLoading: isLoadingRigs,\n    loadData: loadRigs,\n  } = useLoadedData({\n    initialData: [] as never,\n    initialLoading: true,\n    loadFn: getRigs,\n    getDataFromResponseFn,\n  }) as unknown as UseLoadedReturnType;\n\n  const primaryActionProps = useMemo(\n    () => ({\n      disabled:\n        name.trim().length === 0 ||\n        !!suggestedName ||\n        (type === 'programs' && selectedPrograms.length === 0) ||\n        (type === 'rigs' && selectedRigs.length === 0),\n    }),\n    [name, selectedPrograms.length, selectedRigs.length, suggestedName, type]\n  );\n\n  useEffect(() => {\n    if (isProgramType && !programOptions.length) {\n      loadPrograms({ per_page: 1000, fields: ['program.name'], company_id: companyId });\n    }\n  }, [companyId, isProgramType, loadPrograms, programOptions.length]);\n\n  useEffect(() => {\n    if (isRigsType) {\n      loadRigs({ per_page: 200, fields: ['rig.name'], company_id: companyId, search: rigSearch });\n    }\n  }, [companyId, isRigsType, loadRigs, rigSearch]);\n\n  useEffect(() => {\n    if (open) {\n      setSelectedRigs([]);\n      setSelectedPrograms([]);\n      setType('company');\n    }\n  }, [open]);\n\n  const publish = useCallback(() => {\n    if (type === 'company') {\n      publishTemplate(template.id, name, {});\n    } else if (type === 'programs' && selectedPrograms.length) {\n      publishTemplate(template.id, name, {\n        programIds: selectedPrograms.map(({ id }) => id),\n      });\n    } else if (type === 'rigs' && selectedRigs.length) {\n      publishTemplate(template.id, name, {\n        rigIds: selectedRigs.map(({ id }) => id),\n      });\n    }\n    onClose();\n  }, [name, onClose, publishTemplate, selectedPrograms, selectedRigs, template.id, type]);\n\n  return (\n    <Modal\n      title=\"Confirm Template Publication\"\n      size=\"medium\"\n      open={open}\n      onClose={onClose}\n      primaryActionText=\"Publish\"\n      primaryActionHandler={publish}\n      primaryActionProps={primaryActionProps}\n      secondaryActionText=\"Cancel\"\n      secondaryActionHandler={onClose}\n    >\n      <div className={styles.root}>\n        <TextInput\n          label=\"Template Name\"\n          value={name}\n          onChange={setName}\n          status={suggestedName ? 'error' : undefined}\n          message={suggestedName && `Name should be unique. Try \"${suggestedName}\"`}\n        />\n\n        <Radio\n          checked={isCompanyType}\n          onChange={() => setType('company')}\n          label={\n            <RadioLabel\n              title=\"Entire Company\"\n              subTitle=\"It will be available to all company employees.\"\n            />\n          }\n        />\n\n        <Radio\n          checked={isProgramType}\n          onChange={() => setType('programs')}\n          label={\n            <RadioLabel\n              title=\"For Selected Programs Only\"\n              subTitle=\"Will be visible to employees with selected Programs only.\"\n              open={isProgramType}\n              controls={\n                <Autocomplete\n                  label=\"Select Programs\"\n                  options={programOptions}\n                  loading={isLoadingPrograms}\n                  multiple\n                  value={selectedPrograms}\n                  onChange={setSelectedPrograms}\n                  renderSelected={renderSelected}\n                />\n              }\n            />\n          }\n        />\n\n        <Radio\n          checked={isRigsType}\n          onChange={() => setType('rigs')}\n          label={\n            <RadioLabel\n              title=\"For Selected Rigs Only\"\n              subTitle=\"Visible only  when Rig is selected for all employees.\"\n              open={isRigsType}\n              controls={\n                <Autocomplete\n                  label=\"Select Rigs\"\n                  options={rigOptions}\n                  loading={isLoadingRigs}\n                  multiple\n                  value={selectedRigs}\n                  onChange={setSelectedRigs}\n                  onInputChange={setRigSearch}\n                  renderSelected={renderSelected}\n                />\n              }\n            />\n          }\n        />\n      </div>\n    </Modal>\n  );\n};\n"],"names":["dataFormatter","Jsona","getDataFromResponseFn","data","deserialize","map","_ref","id","name","Number","title","renderSelected","options","_jsx","Text","size","className","styles","selected","tagName","children","TextEndTruncated","_ref2","option","join","RadioLabel","_ref3","subTitle","controls","_ref3$open","open","_jsxs","_Fragment","color","labelSubTitle","Collapse","in","PublishModal","_ref4","onClose","template","useAllTemplates","storeApi","usePublishTemplate","allTemplates","publishTemplate","_useAppCommons$curren","useAppCommons","currentUser","companyId","company_id","_useState","useState","_useState2","_slicedToArray","setName","_useState4","_useState3","type","setType","_useState6","_useState5","selectedPrograms","setSelectedPrograms","_useState8","_useState7","selectedRigs","setSelectedRigs","_useState10","_useState9","rigSearch","setRigSearch","isCompanyType","isProgramType","isRigsType","suggestedName","suggestName","_ref5","useLoadedData","initialData","initialLoading","loadFn","getPrograms","programOptions","isLoadingPrograms","isLoading","loadPrograms","loadData","_ref6","getRigs","rigOptions","isLoadingRigs","loadRigs","primaryActionProps","useMemo","disabled","trim","length","useEffect","per_page","fields","search","publish","useCallback","programIds","_ref7","rigIds","_ref8","Modal","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","root","TextInput","label","value","onChange","status","undefined","message","concat","Radio","checked","Autocomplete","loading","multiple","onInputChange"],"mappings":"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"}

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import i from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as g}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useInfiniteScroll as b}from"../../../effects/useInfiniteScroll.js";import{Item as C}from"./Item.js";import v from"./ShareModal.scss.js";import"@icon-park/react/es/all";import{jsx as y,jsxs as P}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as O}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function x(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?A(Object(i),!0).forEach((function(s){n(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var S={order:"asc",sort:"first_name"},F=function(o){return o},D=function(o){var s=o.companyId,i=o.search,n=o.page,t=o.perPage;return f(x(x({},S),{},{companyId:s,page:n,perPage:t,search:i}))},M=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},k=function(n){var A=n.onClose,k=n.template,w=n.open,E=n.onShare,T=g().currentUser.company_id,R=k.shared_with,L=c(""),N=i(L,2),U=N[0],_=N[1],G=c(""),z=i(G,2),q=z[0],B=z[1],W=c(!1),H=i(W,2),K=H[0],Z=H[1],J=c([]),Q=i(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){_(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),_(""),B("")}),[Y]),so=q.trim(),io=r((function(){return{search:so,companyId:T}}),[so,T]),no=e((function(o){return X((function(i){return[].concat(s(i),[o]).toSorted(M)}))}),[]),to=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=b({filters:io,getParams:F,loadData:D}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!R||!R.length){o.next=9;break}return Z(!0),o.next=4,f(x(x({},S),{},{companyId:T,page:1,perPage:1e3,ids:R}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,R,T]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return y(l,{title:"Share “".concat(k.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:P("div",{className:v.wrapper,children:[y(j,{label:"",placeholder:"Search User...",type:"search",prefix:y(O,{}),spacing:"dense",onChange:$,value:U,onClear:oo}),P("div",{className:v.list,ref:po,children:[!K&&V.map((function(o,s){return P(p,{children:[s>0&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:to,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:P(p,{children:[(s>0||V.length>0)&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:no})]},o.id)})),y("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&y(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&y(d,{size:60})]})]})})};export{k as ShareModal};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/regenerator";import{useState as c,useMemo as r,useCallback as e,useEffect as m,Fragment as p}from"react";import{debounce as a,keyBy as u}from"lodash";import{Modal as l}from"../../Modal/Modal.js";import{TextInput as j}from"../../TextInput/TextInput.js";import{LoaderLogo as d}from"../../LoaderLogo/LoaderLogo.js";import{EmptyState as I}from"../../EmptyState/EmptyState.js";import{getUsers as f}from"../../../clients/jsonApi/index.js";import{Menu as h}from"../../Menu/Menu.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as g}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{useInfiniteScroll as b}from"../../../effects/useInfiniteScroll.js";import{Item as C}from"./Item.js";import v from"./ShareModal.scss.js";import"@icon-park/react/es/all";import{jsx as y,jsxs as P}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import{SearchOne as O}from"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";function A(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 x(o){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};s%2?A(Object(t),!0).forEach((function(s){i(o,s,t[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(t,s))}))}return o}var S={order:"asc",sort:"first_name"},F=function(o){return o},D=function(o){var s=o.companyId,t=o.search,i=o.page,n=o.perPage;return f(x(x({},S),{},{companyId:s,page:i,perPage:n,search:t}))},M=function(o,s){return o.first_name.localeCompare(s.first_name)||o.last_name.localeCompare(s.last_name)},k=function(i){var A=i.onClose,k=i.template,w=i.open,E=i.onShare,R=g().currentUser.company_id,T=k.shared_with,L=c(""),N=t(L,2),U=N[0],_=N[1],G=c(""),q=t(G,2),z=q[0],B=q[1],W=c(!1),H=t(W,2),K=H[0],Z=H[1],J=c([]),Q=t(J,2),V=Q[0],X=Q[1],Y=r((function(){return a(B,300)}),[]),$=e((function(o){_(o),Y(o)}),[Y]),oo=e((function(){Y.cancel(),_(""),B("")}),[Y]),so=z.trim(),to=r((function(){return{search:so,companyId:R}}),[so,R]),io=e((function(o){return X((function(t){return[].concat(s(t),[o]).toSorted(M)}))}),[]),no=e((function(o){return X((function(s){return s.filter((function(s){return s.id!==o.id}))}))}),[]),co=e((function(){return E(V.map((function(o){return o.id})))}),[E,V]),ro=b({filters:to,getParams:F,loadData:D}),eo=ro.data,mo=ro.loadMoreElementRef,po=ro.containerElementRef,ao=ro.isLoading;m((function(){var s=function(){var s=o(n.mark((function o(){var s;return n.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(!T||!T.length){o.next=9;break}return Z(!0),o.next=4,f(x(x({},S),{},{companyId:R,page:1,perPage:1e3,ids:T}));case 4:s=o.sent,X(s),Z(!1),o.next=10;break;case 9:X([]);case 10:case"end":return o.stop()}}),o)})));return function(){return s.apply(this,arguments)}}();w&&s()}),[w,T,R]),m((function(){w&&oo()}),[oo,w]);var uo=r((function(){return u(V,"id")}),[V]),lo=r((function(){return{disabled:K}}),[K]);return y(l,{title:"Share “".concat(k.name,"”"),open:w,onClose:A,primaryActionText:"Share",primaryActionHandler:co,primaryActionProps:lo,secondaryActionText:"Cancel",secondaryActionHandler:A,size:"medium",children:P("div",{className:v.wrapper,children:[y(j,{label:"",placeholder:"Search User...",type:"search",prefix:y(O,{}),spacing:"dense",onChange:$,value:U,onClear:oo}),P("div",{className:v.list,ref:po,children:[!K&&V.map((function(o,s){return P(p,{children:[s>0&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:no,isSelected:!0})]},o.id)})),eo.map((function(o,s){return uo[o.id]?null:P(p,{children:[(s>0||V.length>0)&&y(h.Divider,{className:v.divider}),y(C,{user:o,onClick:io})]},o.id)})),y("div",{ref:mo}),!ao&&0===eo.length&&0===V.length&&y(I,{title:"No users found",image:"nothingFound"}),(ao||K)&&y(d,{size:60})]})]})})};export{k as ShareModal};
 //# sourceMappingURL=ShareModal.js.map

package/componentsV2/TemplatesControl/ShareModal/ShareModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n  order: 'asc',\n  sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n  getUsers({\n    ...defaultParams,\n    companyId,\n    page,\n    perPage,\n    search,\n  }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n  a.first_name.localeCompare(b.first_name) || a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n  open: boolean;\n  onClose: () => void;\n  template: Template;\n  onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n  const {\n    currentUser: { company_id: companyId },\n  } = useAppCommons() as { currentUser: User };\n  const { shared_with: sharedWith } = template;\n\n  const [search, setSearch] = useState('');\n  const [filterSearch, setFilterSearch] = useState('');\n  const [isLoadingShared, setIsLoadingShared] = useState(false);\n  const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n  const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n  const onSearchChange = useCallback(\n    (value: string) => {\n      setSearch(value);\n      debouncedSetSearchForFilter(value);\n    },\n    [debouncedSetSearchForFilter]\n  );\n\n  const clearSearch = useCallback(() => {\n    debouncedSetSearchForFilter.cancel();\n    setSearch('');\n    setFilterSearch('');\n  }, [debouncedSetSearchForFilter]);\n\n  const trimmedFilterSearch = filterSearch.trim();\n  const filters = useMemo(\n    () => ({ search: trimmedFilterSearch, companyId }),\n    [trimmedFilterSearch, companyId]\n  );\n\n  const selectUser = useCallback(\n    (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n    []\n  );\n\n  const deselectUser = useCallback(\n    (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n    []\n  );\n\n  const onActualShare = useCallback(\n    () => onShare(selectedUsers.map(({ id }) => id)),\n    [onShare, selectedUsers]\n  );\n\n  const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n    filters,\n    getParams,\n    loadData,\n  });\n\n  useEffect(() => {\n    const loadInitial = async () => {\n      if (sharedWith && sharedWith.length) {\n        setIsLoadingShared(true);\n\n        const users = await getUsers({\n          ...defaultParams,\n          companyId,\n          page: 1,\n          perPage: 1000,\n          ids: sharedWith,\n        });\n\n        setSelectedUsers(users);\n        setIsLoadingShared(false);\n      } else {\n        setSelectedUsers([]);\n      }\n    };\n\n    if (open) {\n      loadInitial();\n    }\n  }, [open, sharedWith, companyId]);\n\n  useEffect(() => {\n    if (open) {\n      clearSearch();\n    }\n  }, [clearSearch, open]);\n\n  const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n  const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n  return (\n    <Modal\n      title={`Share “${template.name}”`}\n      open={open}\n      onClose={onClose}\n      primaryActionText=\"Share\"\n      primaryActionHandler={onActualShare}\n      primaryActionProps={primaryActionProps}\n      secondaryActionText=\"Cancel\"\n      secondaryActionHandler={onClose}\n      size=\"medium\"\n    >\n      <div className={styles.wrapper}>\n        <TextInput\n          label=\"\"\n          placeholder=\"Search User...\"\n          type=\"search\"\n          prefix={<SearchOne />}\n          spacing=\"dense\"\n          onChange={onSearchChange}\n          value={search}\n          onClear={clearSearch}\n        />\n        <div className={styles.list} ref={containerElementRef}>\n          {!isLoadingShared &&\n            selectedUsers.map((user, index) => (\n              <Fragment key={user.id}>\n                {index > 0 && <Menu.Divider className={styles.divider} />}\n                <Item user={user} onClick={deselectUser} isSelected />\n              </Fragment>\n            ))}\n\n          {data.map((user, index) =>\n            !selectedUsersMap[user.id] ? (\n              <Fragment key={user.id}>\n                {(index > 0 || selectedUsers.length > 0) && (\n                  <Menu.Divider className={styles.divider} />\n                )}\n                <Item user={user} onClick={selectUser} />\n              </Fragment>\n            ) : null\n          )}\n\n          <div ref={loadMoreElementRef} />\n\n          {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n            <EmptyState title=\"No users found\" image=\"nothingFound\" />\n          )}\n\n          {(isLoading || isLoadingShared) && <LoaderLogo size={60} />}\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}
+{"version":3,"file":"ShareModal.js","sources":["../../../../src/componentsV2/TemplatesControl/ShareModal/ShareModal.tsx"],"sourcesContent":["import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport { debounce, keyBy } from 'lodash';\n\nimport { Modal } from '../../Modal';\nimport { TextInput } from '../../TextInput';\nimport { LoaderLogo } from '../../LoaderLogo';\nimport { EmptyState } from '../../EmptyState';\nimport { getUsers } from '../../../clients/jsonApi';\nimport { Menu } from '../../Menu';\nimport { Template } from '../types';\nimport { useAppCommons, useInfiniteScroll, UseInfiniteScrollGetParamsArg } from '../../../effects';\n\nimport { User } from './types';\nimport { Item } from './Item';\n\nimport styles from './ShareModal.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Filters = { search: string; companyId: number };\n\nconst defaultParams = {\n  order: 'asc',\n  sort: 'first_name',\n};\n\nconst getParams = (params: UseInfiniteScrollGetParamsArg<Filters>) => params;\n\nconst loadData = ({ companyId, search, page, perPage }: UseInfiniteScrollGetParamsArg<Filters>) =>\n  getUsers({\n    ...defaultParams,\n    companyId,\n    page,\n    perPage,\n    search,\n  }) as Promise<User[]>;\n\nconst sortUsers = (a: User, b: User) =>\n  a.first_name.localeCompare(b.first_name) || a.last_name.localeCompare(b.last_name);\n\nexport type ShareModalProps = {\n  open: boolean;\n  onClose: () => void;\n  template: Template;\n  onShare: (ids: number[]) => void;\n};\n\nexport const ShareModal = ({ onClose, template, open, onShare }: ShareModalProps) => {\n  const {\n    currentUser: { company_id: companyId },\n  } = useAppCommons() as { currentUser: User };\n  const { shared_with: sharedWith } = template;\n\n  const [search, setSearch] = useState('');\n  const [filterSearch, setFilterSearch] = useState('');\n  const [isLoadingShared, setIsLoadingShared] = useState(false);\n  const [selectedUsers, setSelectedUsers] = useState<User[]>([]);\n\n  const debouncedSetSearchForFilter = useMemo(() => debounce(setFilterSearch, 300), []);\n\n  const onSearchChange = useCallback(\n    (value: string) => {\n      setSearch(value);\n      debouncedSetSearchForFilter(value);\n    },\n    [debouncedSetSearchForFilter]\n  );\n\n  const clearSearch = useCallback(() => {\n    debouncedSetSearchForFilter.cancel();\n    setSearch('');\n    setFilterSearch('');\n  }, [debouncedSetSearchForFilter]);\n\n  const trimmedFilterSearch = filterSearch.trim();\n  const filters = useMemo(\n    () => ({ search: trimmedFilterSearch, companyId }),\n    [trimmedFilterSearch, companyId]\n  );\n\n  const selectUser = useCallback(\n    (user: User) => setSelectedUsers(users => [...users, user].toSorted(sortUsers)),\n    []\n  );\n\n  const deselectUser = useCallback(\n    (user: User) => setSelectedUsers(users => users.filter(({ id }) => id !== user.id)),\n    []\n  );\n\n  const onActualShare = useCallback(\n    () => onShare(selectedUsers.map(({ id }) => id)),\n    [onShare, selectedUsers]\n  );\n\n  const { data, loadMoreElementRef, containerElementRef, isLoading } = useInfiniteScroll({\n    filters,\n    getParams,\n    loadData,\n  });\n\n  useEffect(() => {\n    const loadInitial = async () => {\n      if (sharedWith && sharedWith.length) {\n        setIsLoadingShared(true);\n\n        const users = await getUsers({\n          ...defaultParams,\n          companyId,\n          page: 1,\n          perPage: 1000,\n          ids: sharedWith,\n        });\n\n        setSelectedUsers(users);\n        setIsLoadingShared(false);\n      } else {\n        setSelectedUsers([]);\n      }\n    };\n\n    if (open) {\n      loadInitial();\n    }\n  }, [open, sharedWith, companyId]);\n\n  useEffect(() => {\n    if (open) {\n      clearSearch();\n    }\n  }, [clearSearch, open]);\n\n  const selectedUsersMap = useMemo(() => keyBy(selectedUsers, 'id'), [selectedUsers]);\n\n  const primaryActionProps = useMemo(() => ({ disabled: isLoadingShared }), [isLoadingShared]);\n\n  return (\n    <Modal\n      title={`Share “${template.name}”`}\n      open={open}\n      onClose={onClose}\n      primaryActionText=\"Share\"\n      primaryActionHandler={onActualShare}\n      primaryActionProps={primaryActionProps}\n      secondaryActionText=\"Cancel\"\n      secondaryActionHandler={onClose}\n      size=\"medium\"\n    >\n      <div className={styles.wrapper}>\n        <TextInput\n          label=\"\"\n          placeholder=\"Search User...\"\n          type=\"search\"\n          prefix={<SearchOne />}\n          spacing=\"dense\"\n          onChange={onSearchChange}\n          value={search}\n          onClear={clearSearch}\n        />\n        <div className={styles.list} ref={containerElementRef}>\n          {!isLoadingShared &&\n            selectedUsers.map((user, index) => (\n              <Fragment key={user.id}>\n                {index > 0 && <Menu.Divider className={styles.divider} />}\n                <Item user={user} onClick={deselectUser} isSelected />\n              </Fragment>\n            ))}\n\n          {data.map((user, index) =>\n            !selectedUsersMap[user.id] ? (\n              <Fragment key={user.id}>\n                {(index > 0 || selectedUsers.length > 0) && (\n                  <Menu.Divider className={styles.divider} />\n                )}\n                <Item user={user} onClick={selectUser} />\n              </Fragment>\n            ) : null\n          )}\n\n          <div ref={loadMoreElementRef} />\n\n          {!isLoading && data.length === 0 && selectedUsers.length === 0 && (\n            <EmptyState title=\"No users found\" image=\"nothingFound\" />\n          )}\n\n          {(isLoading || isLoadingShared) && <LoaderLogo size={60} />}\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"names":["defaultParams","order","sort","getParams","params","loadData","_ref","companyId","search","page","perPage","getUsers","sortUsers","a","b","first_name","localeCompare","last_name","ShareModal","_ref2","onClose","template","open","onShare","useAppCommons","currentUser","company_id","sharedWith","shared_with","useState","_useState2","_slicedToArray","_useState","setSearch","_useState4","_useState3","filterSearch","setFilterSearch","_useState6","_useState5","isLoadingShared","setIsLoadingShared","_useState8","_useState7","selectedUsers","setSelectedUsers","debouncedSetSearchForFilter","useMemo","debounce","onSearchChange","useCallback","value","clearSearch","cancel","trimmedFilterSearch","trim","filters","selectUser","user","users","concat","_toConsumableArray","toSorted","deselectUser","filter","_ref4","id","onActualShare","map","_ref5","_useInfiniteScroll","useInfiniteScroll","data","loadMoreElementRef","containerElementRef","isLoading","useEffect","loadInitial","_ref6","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","length","ids","sent","stop","apply","this","arguments","selectedUsersMap","keyBy","primaryActionProps","disabled","_jsx","Modal","title","name","primaryActionText","primaryActionHandler","secondaryActionText","secondaryActionHandler","size","children","_jsxs","className","styles","wrapper","TextInput","label","placeholder","type","prefix","SearchOne","spacing","onChange","onClear","list","ref","index","Fragment","Menu","Divider","divider","Item","onClick","isSelected","EmptyState","image","LoaderLogo"],"mappings":"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"}

package/componentsV2/TemplatesControl/Store/hooks/useCopyTemplate.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/regenerator";import{useCallback as o}from"react";import{setBusy as e,getAllTemplates as r,addTemplate as i,findTemplate as n,ensureTemplateSettings as m}from"../utils.js";import{Action as a}from"../../types.js";import{suggestName as p,getMetadataForCopyOrExport as l}from"../../utils.js";import{useGet as c}from"./sharedHooks.js";import{useCloseTemplateMenu as u}from"./useCloseTemplateMenu.js";import{useSelectTemplate as j}from"./useSelectTemplate.js";import"../../../../components/UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"lodash";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as d}from"../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";var f=function(f){var g=c("set"),b=c("get"),h=u(),v=j();return o(t(s.mark((function t(){var o,c,u,j,x;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(h(),!(o=n(b,f))){t.next=20;break}return t.next=5,m(b,g,o);case 5:return c=t.sent,u=e(g,o.id,a.SaveSettings),t.prev=7,j=p(c.name,r(b))||c.name,t.next=11,i(b,g,{name:j,settings:b().templateSettings||c.settings,metadata:l(c)});case 11:x=t.sent,d('"'.concat(c.name,'" template was copied!')),v(x.id),t.next=19;break;case 16:t.prev=16,t.t0=t.catch(7),console.error(t.t0);case 19:u();case 20:case"end":return t.stop()}}),t,null,[[7,16]])}))),[h,b,g,v,f])};export{f as useCopyTemplate};
+import t from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/regenerator";import{useCallback as e}from"react";import{setBusy as o,getAllTemplates as r,addTemplate as i,findTemplate as n,ensureTemplateSettings as m}from"../utils.js";import{Action as a}from"../../types.js";import{suggestName as p,getMetadataForCopyOrExport as l}from"../../utils.js";import{useGet as c}from"./sharedHooks.js";import{useCloseTemplateMenu as u}from"./useCloseTemplateMenu.js";import{useSelectTemplate as j}from"./useSelectTemplate.js";import"../../../../components/UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"lodash";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as d}from"../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../clients/jsonApi/index.js";import"../../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";var f=function(f){var g=c("set"),b=c("get"),h=u(),v=j();return e(t(s.mark((function t(){var e,c,u,j,x;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(h(),!(e=n(b,f))){t.next=20;break}return t.next=5,m(b,g,e);case 5:return c=t.sent,u=o(g,e.id,a.SaveSettings),t.prev=7,j=p(c.name,r(b))||c.name,t.next=11,i(b,g,{name:j,settings:b().templateSettings||c.settings,metadata:l(c)});case 11:x=t.sent,d('"'.concat(c.name,'" template was copied!')),v(x.id),t.next=19;break;case 16:t.prev=16,t.t0=t.catch(7),console.error(t.t0);case 19:u();case 20:case"end":return t.stop()}}),t,null,[[7,16]])}))),[h,b,g,v,f])};export{f as useCopyTemplate};
 //# sourceMappingURL=useCopyTemplate.js.map

package/componentsV2/TemplatesControl/Store/hooks/useCopyTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyTemplate.js","sources":["../../../../../src/componentsV2/TemplatesControl/Store/hooks/useCopyTemplate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport {\n  addTemplate,\n  ensureTemplateSettings,\n  findTemplate,\n  getAllTemplates,\n  setBusy,\n} from '../utils';\nimport { Action, TemplateData } from '../../types';\nimport { getMetadataForCopyOrExport, suggestName } from '../../utils';\n\nimport { useGet } from './sharedHooks';\nimport { useCloseTemplateMenu } from './useCloseTemplateMenu';\nimport { useSelectTemplate } from './useSelectTemplate';\n\nimport { showSuccessNotification } from '~/utils';\n\nexport const useCopyTemplate = <T extends TemplateData>(templateId?: number) => {\n  const set = useGet<T, 'set'>('set');\n  const get = useGet<T, 'get'>('get');\n  const closeTemplateMenu = useCloseTemplateMenu();\n  const setCurrentTemplateId = useSelectTemplate();\n\n  return useCallback(async () => {\n    closeTemplateMenu();\n\n    const targetTemplate = findTemplate(get, templateId);\n\n    if (targetTemplate) {\n      const fullTargetTemplate = await ensureTemplateSettings(get, set, targetTemplate);\n\n      const clearBusy = setBusy(set, targetTemplate.id, Action.SaveSettings);\n      try {\n        const newName =\n          suggestName(fullTargetTemplate.name, getAllTemplates<T>(get)) || fullTargetTemplate.name;\n\n        const newTemplate = await addTemplate(get, set, {\n          name: newName,\n          settings: get().templateSettings || fullTargetTemplate.settings,\n          metadata: getMetadataForCopyOrExport(fullTargetTemplate),\n        });\n\n        showSuccessNotification(`\"${fullTargetTemplate.name}\" template was copied!`);\n\n        setCurrentTemplateId(newTemplate.id);\n      } catch (e) {\n        console.error(e);\n      }\n\n      clearBusy();\n    }\n  }, [closeTemplateMenu, get, set, setCurrentTemplateId, templateId]);\n};\n"],"names":["useCopyTemplate","templateId","set","useGet","get","closeTemplateMenu","useCloseTemplateMenu","setCurrentTemplateId","useSelectTemplate","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","targetTemplate","fullTargetTemplate","clearBusy","newName","newTemplate","wrap","_context","prev","next","findTemplate","ensureTemplateSettings","sent","setBusy","id","Action","SaveSettings","suggestName","name","getAllTemplates","addTemplate","settings","templateSettings","metadata","getMetadataForCopyOrExport","showSuccessNotification","t0","console","error","stop"],"mappings":"shFAkBaA,EAAkB,SAAyBC,GACtD,IAAMC,EAAMC,EAAiB,OACvBC,EAAMD,EAAiB,OACvBE,EAAoBC,IACpBC,EAAuBC,IAE7B,OAAOC,EAAYC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,EAAAQ,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAGmC,GAFpDjB,MAEMS,EAAiBS,EAAanB,EAAKH,IAEvB,CAAAmB,EAAAE,KAAA,GAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EACiBE,EAAuBpB,EAAKF,EAAKY,GAAe,KAAA,EAKW,OALtFC,EAAkBK,EAAAK,KAElBT,EAAYU,EAAQxB,EAAKY,EAAea,GAAIC,EAAOC,cAAaT,EAAAC,KAAA,EAE9DJ,EACJa,EAAYf,EAAmBgB,KAAMC,EAAmB5B,KAASW,EAAmBgB,KAAIX,EAAAE,KAAA,GAEhEW,EAAY7B,EAAKF,EAAK,CAC9C6B,KAAMd,EACNiB,SAAU9B,IAAM+B,kBAAoBpB,EAAmBmB,SACvDE,SAAUC,EAA2BtB,KACrC,KAAA,GAJIG,EAAWE,EAAAK,KAMjBa,EAA4BvB,IAAAA,OAAAA,EAAmBgB,KAA6B,2BAE5ExB,EAAqBW,EAAYS,IAAIP,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAmB,GAAAnB,EAAA,MAAA,GAErCoB,QAAQC,MAAQrB,EAAAmB,IAAC,KAAA,GAGnBvB,IAAY,KAAA,GAAA,IAAA,MAAA,OAAAI,EAAAsB,OAAA,GAAA7B,EAAA,KAAA,CAAA,CAAA,EAAA,KAAA,KAEb,CAACR,EAAmBD,EAAKF,EAAKK,EAAsBN,GACzD"}
+{"version":3,"file":"useCopyTemplate.js","sources":["../../../../../src/componentsV2/TemplatesControl/Store/hooks/useCopyTemplate.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport {\n  addTemplate,\n  ensureTemplateSettings,\n  findTemplate,\n  getAllTemplates,\n  setBusy,\n} from '../utils';\nimport { Action, TemplateData } from '../../types';\nimport { getMetadataForCopyOrExport, suggestName } from '../../utils';\n\nimport { useGet } from './sharedHooks';\nimport { useCloseTemplateMenu } from './useCloseTemplateMenu';\nimport { useSelectTemplate } from './useSelectTemplate';\n\nimport { showSuccessNotification } from '~/utils';\n\nexport const useCopyTemplate = <T extends TemplateData>(templateId?: number) => {\n  const set = useGet<T, 'set'>('set');\n  const get = useGet<T, 'get'>('get');\n  const closeTemplateMenu = useCloseTemplateMenu();\n  const setCurrentTemplateId = useSelectTemplate();\n\n  return useCallback(async () => {\n    closeTemplateMenu();\n\n    const targetTemplate = findTemplate(get, templateId);\n\n    if (targetTemplate) {\n      const fullTargetTemplate = await ensureTemplateSettings(get, set, targetTemplate);\n\n      const clearBusy = setBusy(set, targetTemplate.id, Action.SaveSettings);\n      try {\n        const newName =\n          suggestName(fullTargetTemplate.name, getAllTemplates<T>(get)) || fullTargetTemplate.name;\n\n        const newTemplate = await addTemplate(get, set, {\n          name: newName,\n          settings: get().templateSettings || fullTargetTemplate.settings,\n          metadata: getMetadataForCopyOrExport(fullTargetTemplate),\n        });\n\n        showSuccessNotification(`\"${fullTargetTemplate.name}\" template was copied!`);\n\n        setCurrentTemplateId(newTemplate.id);\n      } catch (e) {\n        console.error(e);\n      }\n\n      clearBusy();\n    }\n  }, [closeTemplateMenu, get, set, setCurrentTemplateId, templateId]);\n};\n"],"names":["useCopyTemplate","templateId","set","useGet","get","closeTemplateMenu","useCloseTemplateMenu","setCurrentTemplateId","useSelectTemplate","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","targetTemplate","fullTargetTemplate","clearBusy","newName","newTemplate","wrap","_context","prev","next","findTemplate","ensureTemplateSettings","sent","setBusy","id","Action","SaveSettings","suggestName","name","getAllTemplates","addTemplate","settings","templateSettings","metadata","getMetadataForCopyOrExport","showSuccessNotification","t0","console","error","stop"],"mappings":"skFAkBaA,EAAkB,SAAyBC,GACtD,IAAMC,EAAMC,EAAiB,OACvBC,EAAMD,EAAiB,OACvBE,EAAoBC,IACpBC,EAAuBC,IAE7B,OAAOC,EAAYC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,EAAAQ,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAGmC,GAFpDjB,MAEMS,EAAiBS,EAAanB,EAAKH,IAEvB,CAAAmB,EAAAE,KAAA,GAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EACiBE,EAAuBpB,EAAKF,EAAKY,GAAe,KAAA,EAKW,OALtFC,EAAkBK,EAAAK,KAElBT,EAAYU,EAAQxB,EAAKY,EAAea,GAAIC,EAAOC,cAAaT,EAAAC,KAAA,EAE9DJ,EACJa,EAAYf,EAAmBgB,KAAMC,EAAmB5B,KAASW,EAAmBgB,KAAIX,EAAAE,KAAA,GAEhEW,EAAY7B,EAAKF,EAAK,CAC9C6B,KAAMd,EACNiB,SAAU9B,IAAM+B,kBAAoBpB,EAAmBmB,SACvDE,SAAUC,EAA2BtB,KACrC,KAAA,GAJIG,EAAWE,EAAAK,KAMjBa,EAA4BvB,IAAAA,OAAAA,EAAmBgB,KAA6B,2BAE5ExB,EAAqBW,EAAYS,IAAIP,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAmB,GAAAnB,EAAA,MAAA,GAErCoB,QAAQC,MAAQrB,EAAAmB,IAAC,KAAA,GAGnBvB,IAAY,KAAA,GAAA,IAAA,MAAA,OAAAI,EAAAsB,OAAA,GAAA7B,EAAA,KAAA,CAAA,CAAA,EAAA,KAAA,KAEb,CAACR,EAAmBD,EAAKF,EAAKK,EAAsBN,GACzD"}