@corva/ui 3.75.0-10 → 3.75.0-12

package/componentsV2/AppHeader/AppAssets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","useAssetLabels","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","useAssetLabels","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}

package/componentsV2/AppHeader/V3/Actions/Actions.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useMemo as r,useEffect as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{Popover as f}from"../../../Popover/Popover.js";import{AppSettings as C}from"../../../AppSettings/AppSettings.js";import"../../../AppSettings/AppSettings.constants.js";import{useAppSettingPinning as h}from"../../../AppSettings/AppSettingsPinningContext.js";import{useAppSize as g}from"../../../AppSizeProvider/AppSizeProvider.js";import{HideInNativeApp as b}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as v}from"./Actions.constants.js";import y from"./Actions.scss.js";import{CollapseIcon as S,ExpandIcon as A,CloseSmallIcon as O,MoreOneIcon as P,MessageIcon as B,SettingTwoIcon as k}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as M}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import x from"../../../../effects/useOutsideClick.js";import"immutable";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/index.js";import"uuid";import"jsona";import"../../../../utils/env.js";import"../../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.js";import{useAppCommentsMode as F,useSetAppCommentsMode as w}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as T}from"../../../../utils/mobileDetect.js";import{jsx as z,jsxs as D,Fragment as E}from"react/jsx-runtime";function N(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function W(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var R=function(o){return!!o&&"object"===n(o)&&"title"in o},U=function(s){var n=s.additionalActions,N=s.showComments,U=s.disableSettings,G=s.rootRef,q=s.hideSettingsUnderMore,L=I(),H=L.maximized,K=L.setMaximized,Z=L.appSettingsComponent,J=L.isExpanded,Q=L.isBrowserFullscreen,V=L.enterBrowserFullscreen,X=L.exitBrowserFullscreen,Y=L.isSeparateWindow,$=L.openSeparateWindow,_=L.closeSeparateWindow,oo=F(),so=w(),to=i(!1),no=t(to,2),io=no[0],co=no[1],eo=c(null),ro=c(null),mo=c(null),po=i(!0),lo=t(po,2),uo=lo[0],ao=lo[1],jo=i(!1),Io=t(jo,2),fo=Io[0],Co=Io[1],ho=c(null),go=c(!1),bo=c(null),vo=h(),yo=vo.isPinned,So=vo.close,Ao=vo.open,Oo=vo.isPopoverOpen,Po=vo.animatePopover,Bo=e((function(){So(!1)}),[So]),ko=(g()||{}).height,Mo=!!Z&&!U,xo=r((function(){return{maxHeight:"".concat(ko,"px")}}),[ko]),Fo=e((function(){co((function(o){return!o}))}),[]),wo=e((function(){so((function(o){return!o}))}),[so]),To=e((function(){go.current=!1,Co(!1)}),[]),zo=e((function(){ao(!1),To(),Y?null==_||_():Q?null==X||X():K(!H)}),[To,_,X,Q,Y,H,K]),Do=Y?"Close Separate Window":J?"Restore":"Maximize",Eo=e((function(){ho.current&&(clearTimeout(ho.current),ho.current=null)}),[]),No=e((function(){!J&&V&&(Eo(),ho.current=setTimeout((function(){go.current=!0,Co(!0)}),500))}),[Eo,V,J]);m((function(){return Eo}),[Eo]);var Wo=e((function(){go.current?go.current=!1:zo()}),[zo]),Ro=e((function(){To(),null==$||$()}),[To,$]),Uo=e((function(){To(),null==V||V()}),[To,V]);m((function(){ao(!0)}),[J]);var Go=r((function(){if(T)return[];var s=function(o){return function(){Fo(),null==o||o()}},t=(n||[]).filter(R).map((function(o){return W(W({},o),{},{onClick:s(o.onClick)})})),i={icon:z(B,{}),onClick:s(wo),title:oo?"Close Comments Mode":"Add Comment"},c={title:Do,onClick:s(zo),icon:z(J?S:A,{})},e={title:"Settings",onClick:s(Ao),icon:z(k,{})};return[].concat(o(t),o(N?[i]:[]),o(q&&Mo?[e]:[]),[c])}),[n,oo,q,J,Do,Ao,Mo,N,wo,zo,Fo]);x(bo,Bo,[mo.current,'[role="tooltip"]','[role="presentation"]']);var qo=Go.length>1,Lo=z(u,{size:"small",type:"tertiaryBg",ref:ro,onClick:Wo,onMouseDown:No,onMouseUp:Eo,onMouseLeave:Eo,className:qo?y.fullscreenButton:void 0,testId:J?v.CollapseButtonTestId:v.ExpandButtonTestId,children:z(J?S:A,{})});return D(E,{children:[z(b,{children:null==n?void 0:n.map((function(o,s){return R(o)?z(a,{title:o.title,children:z(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(y.additionalActionButton),testId:v.AdditionalActionItemTestId,children:o.icon})},s):z(p,{children:o},s)}))}),z(b,{children:N&&z(a,{title:oo?"Close Comments Mode":"Add Comment",children:z(u,{size:"small",type:oo?"secondaryBg":"tertiaryBg",onClick:wo,className:qo?y.commentButton:void 0,testId:oo?v.CloseCommentButtonTestId:v.AddMessageButtonTestId,children:oo?z(O,{}):z(M,{fill:"currentColor"})})})}),Mo&&z(d,{ref:mo,closeSettings:Bo,className:q&&!T?y.settingsHiddenUnderMore:void 0}),D(b,{children:[uo?z(a,{title:Do,children:Lo}):Lo,ro.current&&D(j,{anchorEl:ro.current,open:fo,onClose:To,placement:"bottom-end",children:[z(j.Item,{onClick:zo,testId:v.MaximizeItemTestId,children:"Maximize"}),z(j.Item,{onClick:Uo,testId:v.BrowserFullscreenItemTestId,children:"Full Screen"}),z(j.Item,{onClick:Ro,testId:v.SeparateWindowItemTestId,children:"Separate Window"})]})]}),D(b,{children:[qo&&z(a,{title:"More",children:z(u,{type:io||q&&Oo?"secondaryBg":"tertiaryBg",className:y.moreButton,ref:eo,onClick:Fo,size:"small",children:z(P,{})})}),qo&&eo.current&&z(j,{anchorEl:eo.current,open:io,onClose:Fo,placement:"bottom-end",children:Go.map((function(o,s){return z(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]}),Mo&&G.current&&!yo&&z(f,{open:Oo,placement:"bottom-end",anchorEl:G.current,onClose:Bo,className:y.settingsPopover,preventScroll:!1,backdrop:!1,animate:Po,children:z(C,{rootStyles:xo,ref:bo,onClose:Bo})})]})};export{U as Actions};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useMemo as r,useEffect as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{Popover as f}from"../../../Popover/Popover.js";import{AppSettings as C}from"../../../AppSettings/AppSettings.js";import"../../../AppSettings/AppSettings.constants.js";import{useAppSettingPinning as h}from"../../../AppSettings/AppSettingsPinningContext.js";import{useAppSize as g}from"../../../AppSizeProvider/AppSizeProvider.js";import{HideInNativeApp as b}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as v}from"./Actions.constants.js";import y from"./Actions.scss.js";import{CollapseIcon as S,ExpandIcon as A,CloseSmallIcon as O,MoreOneIcon as P,MessageIcon as B,SettingTwoIcon as k}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as F}from"../../../../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/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import M from"../../../../effects/useOutsideClick.js";import"immutable";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/index.js";import"uuid";import"jsona";import"../../../../utils/env.js";import"../../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.js";import{useAppCommentsMode as x,useSetAppCommentsMode as w}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as T}from"../../../../utils/mobileDetect.js";import{jsx as z,jsxs as D,Fragment as E}from"react/jsx-runtime";function N(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function R(o){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){s(o,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(t,s))}))}return o}var W=function(o){return!!o&&"object"===t(o)&&"title"in o},U=function(s){var t=s.additionalActions,N=s.showComments,U=s.disableSettings,G=s.rootRef,q=s.hideSettingsUnderMore,L=I(),H=L.maximized,K=L.setMaximized,Z=L.appSettingsComponent,J=L.isExpanded,Q=L.isBrowserFullscreen,V=L.enterBrowserFullscreen,X=L.exitBrowserFullscreen,Y=L.isSeparateWindow,$=L.openSeparateWindow,_=L.closeSeparateWindow,oo=x(),so=w(),no=i(!1),to=n(no,2),io=to[0],co=to[1],eo=c(null),ro=c(null),mo=c(null),po=i(!0),lo=n(po,2),uo=lo[0],ao=lo[1],jo=i(!1),Io=n(jo,2),fo=Io[0],Co=Io[1],ho=c(null),go=c(!1),bo=c(null),vo=h(),yo=vo.isPinned,So=vo.close,Ao=vo.open,Oo=vo.isPopoverOpen,Po=vo.animatePopover,Bo=e((function(){So(!1)}),[So]),ko=(g()||{}).height,Fo=!!Z&&!U,Mo=r((function(){return{maxHeight:"".concat(ko,"px")}}),[ko]),xo=e((function(){co((function(o){return!o}))}),[]),wo=e((function(){so((function(o){return!o}))}),[so]),To=e((function(){go.current=!1,Co(!1)}),[]),zo=e((function(){ao(!1),To(),Y?null==_||_():Q?null==X||X():K(!H)}),[To,_,X,Q,Y,H,K]),Do=Y?"Close Separate Window":J?"Restore":"Maximize",Eo=e((function(){ho.current&&(clearTimeout(ho.current),ho.current=null)}),[]),No=e((function(){!J&&V&&(Eo(),ho.current=setTimeout((function(){go.current=!0,Co(!0)}),500))}),[Eo,V,J]);m((function(){return Eo}),[Eo]);var Ro=e((function(){go.current?go.current=!1:zo()}),[zo]),Wo=e((function(){To(),null==$||$()}),[To,$]),Uo=e((function(){To(),null==V||V()}),[To,V]);m((function(){ao(!0)}),[J]);var Go=r((function(){if(T)return[];var s=function(o){return function(){xo(),null==o||o()}},n=(t||[]).filter(W).map((function(o){return R(R({},o),{},{onClick:s(o.onClick)})})),i={icon:z(B,{}),onClick:s(wo),title:oo?"Close Comments Mode":"Add Comment"},c={title:Do,onClick:s(zo),icon:z(J?S:A,{})},e={title:"Settings",onClick:s(Ao),icon:z(k,{})};return[].concat(o(n),o(N?[i]:[]),o(q&&Fo?[e]:[]),[c])}),[t,oo,q,J,Do,Ao,Fo,N,wo,zo,xo]);M(bo,Bo,[mo.current,'[role="tooltip"]','[role="presentation"]']);var qo=Go.length>1,Lo=z(u,{size:"small",type:"tertiaryBg",ref:ro,onClick:Ro,onMouseDown:No,onMouseUp:Eo,onMouseLeave:Eo,className:qo?y.fullscreenButton:void 0,testId:J?v.CollapseButtonTestId:v.ExpandButtonTestId,children:z(J?S:A,{})});return D(E,{children:[z(b,{children:null==t?void 0:t.map((function(o,s){return W(o)?z(a,{title:o.title,children:z(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(y.additionalActionButton),testId:v.AdditionalActionItemTestId,children:o.icon})},s):z(p,{children:o},s)}))}),z(b,{children:N&&z(a,{title:oo?"Close Comments Mode":"Add Comment",children:z(u,{size:"small",type:oo?"secondaryBg":"tertiaryBg",onClick:wo,className:qo?y.commentButton:void 0,testId:oo?v.CloseCommentButtonTestId:v.AddMessageButtonTestId,children:oo?z(O,{}):z(F,{fill:"currentColor"})})})}),Fo&&z(d,{ref:mo,closeSettings:Bo,className:q&&!T?y.settingsHiddenUnderMore:void 0}),D(b,{children:[uo?z(a,{title:Do,children:Lo}):Lo,ro.current&&D(j,{anchorEl:ro.current,open:fo,onClose:To,placement:"bottom-end",children:[z(j.Item,{onClick:zo,testId:v.MaximizeItemTestId,children:"Maximize"}),z(j.Item,{onClick:Uo,testId:v.BrowserFullscreenItemTestId,children:"Full Screen"}),z(j.Item,{onClick:Wo,testId:v.SeparateWindowItemTestId,children:"Separate Window"})]})]}),D(b,{children:[qo&&z(a,{title:"More",children:z(u,{type:io||q&&Oo?"secondaryBg":"tertiaryBg",className:y.moreButton,ref:eo,onClick:xo,size:"small",children:z(P,{})})}),qo&&eo.current&&z(j,{anchorEl:eo.current,open:io,onClose:xo,placement:"bottom-end",children:Go.map((function(o,s){return z(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]}),Fo&&G.current&&!yo&&z(f,{open:Oo,placement:"bottom-end",anchorEl:G.current,onClose:Bo,className:y.settingsPopover,preventScroll:!1,backdrop:!1,animate:Po,children:z(C,{rootStyles:Mo,ref:bo,onClose:Bo})})]})};export{U as Actions};
 //# sourceMappingURL=Actions.js.map

package/componentsV2/AppHeader/V3/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Fragment,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n  AddMessageCustomIcon,\n  CloseSmallIcon,\n  CollapseIcon,\n  ExpandIcon,\n  MessageIcon,\n  MoreOneIcon,\n  SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n  rootRef: RefObject<HTMLDivElement>;\n  additionalActions?: AdditionalAction[];\n  showComments?: boolean;\n  disableSettings?: boolean;\n  hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n  !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n  additionalActions,\n  showComments,\n  disableSettings,\n  rootRef,\n  hideSettingsUnderMore,\n}: ActionsProps) => {\n  const {\n    maximized,\n    setMaximized,\n    appSettingsComponent,\n    isExpanded,\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n  } = useAppCommonsInternal();\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsMode = useSetAppCommentsMode();\n  const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n  const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n  const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n  const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n  const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isLongPressRef = useRef(false);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n  const closeSettings = useCallback(() => {\n    close(false);\n  }, [close]);\n  const { height } = useAppSize() || {};\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n  const toggleMoreMenu = useCallback(() => {\n    setMoreMenuOpen(value => !value);\n  }, []);\n\n  const toggleCommentsMode = useCallback(() => {\n    setCommentsMode(value => !value);\n  }, [setCommentsMode]);\n\n  const closeModesMenu = useCallback(() => {\n    isLongPressRef.current = false;\n    setIsModesMenuOpen(false);\n  }, []);\n\n  const toggleMaximized = useCallback(() => {\n    setShowMaximizeTooltip(false);\n    closeModesMenu();\n\n    if (isSeparateWindow) {\n      closeSeparateWindow?.();\n      return;\n    }\n\n    if (isBrowserFullscreen) {\n      exitBrowserFullscreen?.();\n      return;\n    }\n\n    setMaximized(!maximized);\n  }, [\n    closeModesMenu,\n    closeSeparateWindow,\n    exitBrowserFullscreen,\n    isBrowserFullscreen,\n    isSeparateWindow,\n    maximized,\n    setMaximized,\n  ]);\n\n  const maximizeTooltip = isSeparateWindow\n    ? 'Close Separate Window'\n    : isExpanded\n    ? 'Restore'\n    : 'Maximize';\n\n  const cancelLongPress = useCallback(() => {\n    if (longPressTimerRef.current) {\n      clearTimeout(longPressTimerRef.current);\n      longPressTimerRef.current = null;\n    }\n  }, []);\n\n  const handleMaximizeMouseDown = useCallback(() => {\n    if (isExpanded || !enterBrowserFullscreen) return;\n\n    cancelLongPress();\n    longPressTimerRef.current = setTimeout(() => {\n      isLongPressRef.current = true;\n      setIsModesMenuOpen(true);\n    }, LONG_PRESS_DELAY_MS);\n  }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n  useEffect(() => cancelLongPress, [cancelLongPress]);\n\n  const handleMaximizeClick = useCallback(() => {\n    if (isLongPressRef.current) {\n      isLongPressRef.current = false;\n      return;\n    }\n\n    toggleMaximized();\n  }, [toggleMaximized]);\n\n  const handleSeparateWindowClick = useCallback(() => {\n    closeModesMenu();\n    openSeparateWindow?.();\n  }, [closeModesMenu, openSeparateWindow]);\n\n  const handleBrowserFullscreenClick = useCallback(() => {\n    closeModesMenu();\n    enterBrowserFullscreen?.();\n  }, [closeModesMenu, enterBrowserFullscreen]);\n\n  useEffect(() => {\n    setShowMaximizeTooltip(true);\n  }, [isExpanded]);\n\n  const menuActionItems = useMemo(() => {\n    if (isInsideNewMobileApp) return [];\n\n    const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n      toggleMoreMenu();\n      handler?.();\n    };\n\n    const objectActions = (additionalActions || [])\n      .filter(isActionObject)\n      .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n    const commentItem: AdditionalActionObject = {\n      icon: <MessageIcon />,\n      onClick: getOnClick(toggleCommentsMode),\n      title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n    };\n\n    const maximizeItem: AdditionalActionObject = {\n      title: maximizeTooltip,\n      onClick: getOnClick(toggleMaximized),\n      icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n    };\n\n    const settingsItem = {\n      title: 'Settings',\n      onClick: getOnClick(open),\n      icon: <SettingTwoIcon />,\n    };\n\n    return [\n      ...objectActions,\n      ...(showComments ? [commentItem] : []),\n      ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n      maximizeItem,\n    ];\n  }, [\n    additionalActions,\n    commentsEnabled,\n    hideSettingsUnderMore,\n    isExpanded,\n    maximizeTooltip,\n    open,\n    settingsVisible,\n    showComments,\n    toggleCommentsMode,\n    toggleMaximized,\n    toggleMoreMenu,\n  ]);\n\n  useOutsideClick(popoverContentRef, closeSettings, [\n    settingsButtonRef.current,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  // Show menu only if there's something there besides the fullscreen item\n  const hasMenu = menuActionItems.length > 1;\n\n  const maximizeButton = (\n    <ButtonIcon\n      size=\"small\"\n      type=\"tertiaryBg\"\n      ref={maximizeButtonRef}\n      onClick={handleMaximizeClick}\n      onMouseDown={handleMaximizeMouseDown}\n      onMouseUp={cancelLongPress}\n      onMouseLeave={cancelLongPress}\n      className={hasMenu ? styles.fullscreenButton : undefined}\n      testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n    >\n      {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n    </ButtonIcon>\n  );\n\n  return (\n    <>\n      <HideInNativeApp>\n        {additionalActions?.map((action, index) =>\n          !isActionObject(action) ? (\n            <Fragment key={index}>{action}</Fragment>\n          ) : (\n            <Tooltip title={action.title} key={index}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiary\"\n                onClick={action.onClick}\n                className={classNames(styles.additionalActionButton)}\n                testId={ActionsTestIds.AdditionalActionItemTestId}\n              >\n                {action.icon}\n              </ButtonIcon>\n            </Tooltip>\n          )\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {showComments && (\n          <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n            <ButtonIcon\n              size=\"small\"\n              type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n              onClick={toggleCommentsMode}\n              className={hasMenu ? styles.commentButton : undefined}\n              testId={\n                commentsEnabled\n                  ? ActionsTestIds.CloseCommentButtonTestId\n                  : ActionsTestIds.AddMessageButtonTestId\n              }\n            >\n              {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n            </ButtonIcon>\n          </Tooltip>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && (\n        <SettingsButton\n          ref={settingsButtonRef}\n          closeSettings={closeSettings}\n          className={\n            hideSettingsUnderMore && !isInsideNewMobileApp\n              ? styles.settingsHiddenUnderMore\n              : undefined\n          }\n        />\n      )}\n\n      {/* \n      Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n      and we change actual \"fullscreen\" status of an app.\n      So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n      */}\n      <HideInNativeApp>\n        {showMaximizeTooltip ? (\n          <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n        ) : (\n          maximizeButton\n        )}\n\n        {maximizeButtonRef.current && (\n          <Menu\n            anchorEl={maximizeButtonRef.current}\n            open={isModesMenuOpen}\n            onClose={closeModesMenu}\n            placement=\"bottom-end\"\n          >\n            <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n              Maximize\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleBrowserFullscreenClick}\n              testId={ActionsTestIds.BrowserFullscreenItemTestId}\n            >\n              Full Screen\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleSeparateWindowClick}\n              testId={ActionsTestIds.SeparateWindowItemTestId}\n            >\n              Separate Window\n            </Menu.Item>\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {hasMenu && (\n          <Tooltip title=\"More\">\n            <ButtonIcon\n              type={\n                moreMenuOpen || (hideSettingsUnderMore && isPopoverOpen)\n                  ? 'secondaryBg'\n                  : 'tertiaryBg'\n              }\n              className={styles.moreButton}\n              ref={moreButtonRef}\n              onClick={toggleMoreMenu}\n              size=\"small\"\n            >\n              <MoreOneIcon />\n            </ButtonIcon>\n          </Tooltip>\n        )}\n\n        {hasMenu && moreButtonRef.current && (\n          <Menu\n            anchorEl={moreButtonRef.current}\n            open={moreMenuOpen}\n            onClose={toggleMoreMenu}\n            placement=\"bottom-end\"\n          >\n            {menuActionItems.map((item, index) => (\n              <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n                {item.title}\n              </Menu.Item>\n            ))}\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && rootRef.current && !isPinned && (\n        <Popover\n          open={isPopoverOpen}\n          placement=\"bottom-end\"\n          anchorEl={rootRef.current}\n          onClose={closeSettings}\n          className={styles.settingsPopover}\n          preventScroll={false}\n          backdrop={false}\n          animate={animatePopover}\n        >\n          <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Fragment,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n  AddMessageCustomIcon,\n  CloseSmallIcon,\n  CollapseIcon,\n  ExpandIcon,\n  MessageIcon,\n  MoreOneIcon,\n  SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n  rootRef: RefObject<HTMLDivElement>;\n  additionalActions?: AdditionalAction[];\n  showComments?: boolean;\n  disableSettings?: boolean;\n  hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n  !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n  additionalActions,\n  showComments,\n  disableSettings,\n  rootRef,\n  hideSettingsUnderMore,\n}: ActionsProps) => {\n  const {\n    maximized,\n    setMaximized,\n    appSettingsComponent,\n    isExpanded,\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n  } = useAppCommonsInternal();\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsMode = useSetAppCommentsMode();\n  const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n  const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n  const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n  const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n  const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isLongPressRef = useRef(false);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n  const closeSettings = useCallback(() => {\n    close(false);\n  }, [close]);\n  const { height } = useAppSize() || {};\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n  const toggleMoreMenu = useCallback(() => {\n    setMoreMenuOpen(value => !value);\n  }, []);\n\n  const toggleCommentsMode = useCallback(() => {\n    setCommentsMode(value => !value);\n  }, [setCommentsMode]);\n\n  const closeModesMenu = useCallback(() => {\n    isLongPressRef.current = false;\n    setIsModesMenuOpen(false);\n  }, []);\n\n  const toggleMaximized = useCallback(() => {\n    setShowMaximizeTooltip(false);\n    closeModesMenu();\n\n    if (isSeparateWindow) {\n      closeSeparateWindow?.();\n      return;\n    }\n\n    if (isBrowserFullscreen) {\n      exitBrowserFullscreen?.();\n      return;\n    }\n\n    setMaximized(!maximized);\n  }, [\n    closeModesMenu,\n    closeSeparateWindow,\n    exitBrowserFullscreen,\n    isBrowserFullscreen,\n    isSeparateWindow,\n    maximized,\n    setMaximized,\n  ]);\n\n  const maximizeTooltip = isSeparateWindow\n    ? 'Close Separate Window'\n    : isExpanded\n    ? 'Restore'\n    : 'Maximize';\n\n  const cancelLongPress = useCallback(() => {\n    if (longPressTimerRef.current) {\n      clearTimeout(longPressTimerRef.current);\n      longPressTimerRef.current = null;\n    }\n  }, []);\n\n  const handleMaximizeMouseDown = useCallback(() => {\n    if (isExpanded || !enterBrowserFullscreen) return;\n\n    cancelLongPress();\n    longPressTimerRef.current = setTimeout(() => {\n      isLongPressRef.current = true;\n      setIsModesMenuOpen(true);\n    }, LONG_PRESS_DELAY_MS);\n  }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n  useEffect(() => cancelLongPress, [cancelLongPress]);\n\n  const handleMaximizeClick = useCallback(() => {\n    if (isLongPressRef.current) {\n      isLongPressRef.current = false;\n      return;\n    }\n\n    toggleMaximized();\n  }, [toggleMaximized]);\n\n  const handleSeparateWindowClick = useCallback(() => {\n    closeModesMenu();\n    openSeparateWindow?.();\n  }, [closeModesMenu, openSeparateWindow]);\n\n  const handleBrowserFullscreenClick = useCallback(() => {\n    closeModesMenu();\n    enterBrowserFullscreen?.();\n  }, [closeModesMenu, enterBrowserFullscreen]);\n\n  useEffect(() => {\n    setShowMaximizeTooltip(true);\n  }, [isExpanded]);\n\n  const menuActionItems = useMemo(() => {\n    if (isInsideNewMobileApp) return [];\n\n    const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n      toggleMoreMenu();\n      handler?.();\n    };\n\n    const objectActions = (additionalActions || [])\n      .filter(isActionObject)\n      .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n    const commentItem: AdditionalActionObject = {\n      icon: <MessageIcon />,\n      onClick: getOnClick(toggleCommentsMode),\n      title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n    };\n\n    const maximizeItem: AdditionalActionObject = {\n      title: maximizeTooltip,\n      onClick: getOnClick(toggleMaximized),\n      icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n    };\n\n    const settingsItem = {\n      title: 'Settings',\n      onClick: getOnClick(open),\n      icon: <SettingTwoIcon />,\n    };\n\n    return [\n      ...objectActions,\n      ...(showComments ? [commentItem] : []),\n      ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n      maximizeItem,\n    ];\n  }, [\n    additionalActions,\n    commentsEnabled,\n    hideSettingsUnderMore,\n    isExpanded,\n    maximizeTooltip,\n    open,\n    settingsVisible,\n    showComments,\n    toggleCommentsMode,\n    toggleMaximized,\n    toggleMoreMenu,\n  ]);\n\n  useOutsideClick(popoverContentRef, closeSettings, [\n    settingsButtonRef.current,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  // Show menu only if there's something there besides the fullscreen item\n  const hasMenu = menuActionItems.length > 1;\n\n  const maximizeButton = (\n    <ButtonIcon\n      size=\"small\"\n      type=\"tertiaryBg\"\n      ref={maximizeButtonRef}\n      onClick={handleMaximizeClick}\n      onMouseDown={handleMaximizeMouseDown}\n      onMouseUp={cancelLongPress}\n      onMouseLeave={cancelLongPress}\n      className={hasMenu ? styles.fullscreenButton : undefined}\n      testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n    >\n      {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n    </ButtonIcon>\n  );\n\n  return (\n    <>\n      <HideInNativeApp>\n        {additionalActions?.map((action, index) =>\n          !isActionObject(action) ? (\n            <Fragment key={index}>{action}</Fragment>\n          ) : (\n            <Tooltip title={action.title} key={index}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiary\"\n                onClick={action.onClick}\n                className={classNames(styles.additionalActionButton)}\n                testId={ActionsTestIds.AdditionalActionItemTestId}\n              >\n                {action.icon}\n              </ButtonIcon>\n            </Tooltip>\n          )\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {showComments && (\n          <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n            <ButtonIcon\n              size=\"small\"\n              type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n              onClick={toggleCommentsMode}\n              className={hasMenu ? styles.commentButton : undefined}\n              testId={\n                commentsEnabled\n                  ? ActionsTestIds.CloseCommentButtonTestId\n                  : ActionsTestIds.AddMessageButtonTestId\n              }\n            >\n              {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n            </ButtonIcon>\n          </Tooltip>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && (\n        <SettingsButton\n          ref={settingsButtonRef}\n          closeSettings={closeSettings}\n          className={\n            hideSettingsUnderMore && !isInsideNewMobileApp\n              ? styles.settingsHiddenUnderMore\n              : undefined\n          }\n        />\n      )}\n\n      {/* \n      Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n      and we change actual \"fullscreen\" status of an app.\n      So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n      */}\n      <HideInNativeApp>\n        {showMaximizeTooltip ? (\n          <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n        ) : (\n          maximizeButton\n        )}\n\n        {maximizeButtonRef.current && (\n          <Menu\n            anchorEl={maximizeButtonRef.current}\n            open={isModesMenuOpen}\n            onClose={closeModesMenu}\n            placement=\"bottom-end\"\n          >\n            <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n              Maximize\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleBrowserFullscreenClick}\n              testId={ActionsTestIds.BrowserFullscreenItemTestId}\n            >\n              Full Screen\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleSeparateWindowClick}\n              testId={ActionsTestIds.SeparateWindowItemTestId}\n            >\n              Separate Window\n            </Menu.Item>\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {hasMenu && (\n          <Tooltip title=\"More\">\n            <ButtonIcon\n              type={\n                moreMenuOpen || (hideSettingsUnderMore && isPopoverOpen)\n                  ? 'secondaryBg'\n                  : 'tertiaryBg'\n              }\n              className={styles.moreButton}\n              ref={moreButtonRef}\n              onClick={toggleMoreMenu}\n              size=\"small\"\n            >\n              <MoreOneIcon />\n            </ButtonIcon>\n          </Tooltip>\n        )}\n\n        {hasMenu && moreButtonRef.current && (\n          <Menu\n            anchorEl={moreButtonRef.current}\n            open={moreMenuOpen}\n            onClose={toggleMoreMenu}\n            placement=\"bottom-end\"\n          >\n            {menuActionItems.map((item, index) => (\n              <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n                {item.title}\n              </Menu.Item>\n            ))}\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && rootRef.current && !isPinned && (\n        <Popover\n          open={isPopoverOpen}\n          placement=\"bottom-end\"\n          anchorEl={rootRef.current}\n          onClose={closeSettings}\n          className={styles.settingsPopover}\n          preventScroll={false}\n          backdrop={false}\n          animate={animatePopover}\n        >\n          <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"classnames";import{useState as t,useRef as i,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as a}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as l}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as I}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as j}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as A}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as C}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as y}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as M,SettingOneIcon as x,HelpIcon as D,DeleteFourIcon as P}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import S from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/get";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/completion.js";import"../../../../constants/streamSourceType.js";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/toConsumableArray";import{jsx as E,jsxs as z,Fragment as q}from"react/jsx-runtime";function w(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function R(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var B=function(o){var w,B,L,U,H=o.asset,G=o.className,Y=o.dqData,W=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=T(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,no=Q.secondaryMenuItems,to=Q.appName,io=Q.layoutEnvironment,eo=Q.isInsideNewMobileApp,co=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=t(!1),ao=s(po,2),lo=ao[0],uo=ao[1],Io=i(),jo=i(),fo=i(null),ho=i(null),vo=t(!1),Ao=s(vo,2),Co=Ao[0],bo=Ao[1],go=i(null),To=e((function(){return uo((function(o){return!o}))}),[]),yo=e((function(){return bo((function(o){return!o}))}),[]),Oo=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!0)}),300)}),[]),No=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,To,[fo.current]);var Mo=(H instanceof Array&&H.length>0||!!H)&&!Y&&!eo,xo=F({isDCApp:Mo,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),Do=Y||xo,Po=(Mo||!!Y)&&!eo,ko=(null==Do||null===(w=Do.wellnessAlerts)||void 0===w?void 0:w.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(W),Fo=e((function(){yo(),null==oo||oo()}),[oo,yo]),Eo=e((function(){yo(),null==so||so()}),[so,yo]),zo=t(!1),qo=s(zo,2),wo=qo[0],Ro=qo[1],Bo=e((function(){yo(),Ro(!0)}),[yo]),Lo=e((function(){Ro(!1)}),[]),Uo=c((function(){return[].concat(no||[]).concat(Z||[]).map((function(o){return R(R({},o),{},{onClick:function(){var s;yo(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[no,Z,yo]),Ho="asset"===(null==io?void 0:io.type),Go=h(X)===g.COMPLETION,Yo=!(ro||K||mo||Ho&&Go),Wo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||to;return eo?E("div",{className:n(N.root,G),children:E("div",{className:N.title,children:E(a,{className:n(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:n(N.root,G),style:J,children:[Po&&E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.dqBadge,onClick:To,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(l,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:n(N.titleChevron,Co&&N.titleChevronOpen),children:E(M,{size:16})}),ref:go,onClick:yo,children:E(a,{className:n(N.titleText,Po&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(I,{open:lo,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:To,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(j,{anchorEl:go.current,open:Co,className:N.menuRoot,onClose:yo,children:[z(y,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(a,{testId:O.MenuAppNameTestId,children:to})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Yo&&E(j.Item,{size:"large",disableClickEffect:!0,className:n(N.menuItem,N.assetMenuItem),children:E(A,{title:z("div",{className:N.accordionTitle,children:[E(x,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),co&&z(q,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(P,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(q,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Wo&&E(v,{size:12,color:"T6",children:Wo})]})]})]}),E(C,{open:wo,onClose:Lo})]})};export{B as AppTitle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"classnames";import{useState as t,useRef as i,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as a}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as l}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as I}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as j}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as A}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as C}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as y}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as M,SettingOneIcon as x,HelpIcon as D,DeleteFourIcon as P}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../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/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import S from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/get";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/completion.js";import"../../../../constants/streamSourceType.js";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/toConsumableArray";import{jsx as E,jsxs as z,Fragment as R}from"react/jsx-runtime";function q(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function w(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?q(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var B=function(o){var q,B,L,U,H=o.asset,G=o.className,Y=o.dqData,W=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=T(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,no=Q.secondaryMenuItems,to=Q.appName,io=Q.layoutEnvironment,eo=Q.isInsideNewMobileApp,co=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=t(!1),ao=s(po,2),lo=ao[0],uo=ao[1],Io=i(),jo=i(),fo=i(null),ho=i(null),vo=t(!1),Ao=s(vo,2),Co=Ao[0],bo=Ao[1],go=i(null),To=e((function(){return uo((function(o){return!o}))}),[]),yo=e((function(){return bo((function(o){return!o}))}),[]),Oo=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!0)}),300)}),[]),No=e((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,To,[fo.current]);var Mo=(H instanceof Array&&H.length>0||!!H)&&!Y&&!eo,xo=F({isDCApp:Mo,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),Do=Y||xo,Po=(Mo||!!Y)&&!eo,ko=(null==Do||null===(q=Do.wellnessAlerts)||void 0===q?void 0:q.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(W),Fo=e((function(){yo(),null==oo||oo()}),[oo,yo]),Eo=e((function(){yo(),null==so||so()}),[so,yo]),zo=t(!1),Ro=s(zo,2),qo=Ro[0],wo=Ro[1],Bo=e((function(){yo(),wo(!0)}),[yo]),Lo=e((function(){wo(!1)}),[]),Uo=c((function(){return[].concat(no||[]).concat(Z||[]).map((function(o){return w(w({},o),{},{onClick:function(){var s;yo(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[no,Z,yo]),Ho="asset"===(null==io?void 0:io.type),Go=h(X)===g.COMPLETION,Yo=!(ro||K||mo||Ho&&Go),Wo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||to;return eo?E("div",{className:n(N.root,G),children:E("div",{className:N.title,children:E(a,{className:n(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:n(N.root,G),style:J,children:[Po&&E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.dqBadge,onClick:To,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(l,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:n(N.titleChevron,Co&&N.titleChevronOpen),children:E(M,{size:16})}),ref:go,onClick:yo,children:E(a,{className:n(N.titleText,Po&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(I,{open:lo,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:To,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(j,{anchorEl:go.current,open:Co,className:N.menuRoot,onClose:yo,children:[z(y,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(a,{testId:O.MenuAppNameTestId,children:to})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Yo&&E(j.Item,{size:"large",disableClickEffect:!0,className:n(N.menuItem,N.assetMenuItem),children:E(A,{title:z("div",{className:N.accordionTitle,children:[E(x,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),co&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(P,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(R,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Wo&&E(v,{size:12,color:"T6",children:Wo})]})]})]}),E(C,{open:qo,onClose:Lo})]})};export{B as AppTitle};
 //# sourceMappingURL=AppTitle.js.map

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n  asset?: Asset | Asset[];\n  className?: string;\n  dqData?: UseWellnessAlertsReturnType;\n  lastUpdate?: number | string | Date;\n  title?: ReactNode;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n  style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n  if (lastUpdate) {\n    if (typeof lastUpdate === 'number') {\n      // Detecting unix timestamp (no milliseconds)\n      const now = Date.now();\n\n      if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n        return moment.unix(lastUpdate);\n      }\n\n      return moment(lastUpdate);\n    } else {\n      return moment(lastUpdate);\n    }\n  }\n\n  return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n  asset,\n  className,\n  dqData,\n  lastUpdate,\n  title,\n  disableAssetSelector,\n  titleMenuActions,\n  style,\n}: AppTitleProps) => {\n  const {\n    app,\n    appId,\n    maximized,\n    toggleAnnotationsList,\n    onHelpCenterClick,\n    secondaryMenuItems,\n    appName,\n    layoutEnvironment,\n    isInsideNewMobileApp,\n    removeApp,\n    disableAppAssetSelection,\n    isMultiRig,\n  } = useAppCommonsInternal();\n  const [isDqOpen, setIsDqOpen] = useState(false);\n  const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n  const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n  const dqIconRef = useRef<HTMLDivElement>(null);\n  const dqContentRef = useRef<HTMLDivElement>(null);\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n  const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n  const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n  const onDqMouseEnter = useCallback(() => {\n    clearTimeout(dqMouseEnterTimerRef.current);\n    clearTimeout(dqMouseLeaveTimerRef.current);\n    dqMouseEnterTimerRef.current = setTimeout(() => {\n      setIsDqOpen(true);\n    }, DqMouseEnterTimeout);\n  }, []);\n\n  const onDqMouseLeave = useCallback(() => {\n    clearTimeout(dqMouseEnterTimerRef.current);\n    clearTimeout(dqMouseLeaveTimerRef.current);\n    dqMouseEnterTimerRef.current = setTimeout(() => {\n      setIsDqOpen(false);\n    }, DqMouseLeaveTimeout);\n  }, []);\n\n  useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n  const hasDqAsset = (asset instanceof Array && asset.length > 0) || !!asset;\n  const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: shouldLoadDQ,\n    appId,\n    multiRigAssets:\n      asset instanceof Array\n        ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n        : undefined,\n    asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n\n  const wellnessData = dqData || ownWellnessData;\n  const hasDQ = (shouldLoadDQ || !!dqData) && !isInsideNewMobileApp;\n  const alertsData = wellnessData?.wellnessAlerts?.alertsData || {};\n  const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n  const onAddAnnotation = useCallback(() => {\n    toggleMenu();\n    toggleAnnotationsList?.();\n  }, [toggleAnnotationsList, toggleMenu]);\n\n  const onGoToHelpCenter = useCallback(() => {\n    toggleMenu();\n    onHelpCenterClick?.();\n  }, [onHelpCenterClick, toggleMenu]);\n\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n  const onDeleteApp = useCallback(() => {\n    toggleMenu();\n    setIsDeleteModalOpen(true);\n  }, [toggleMenu]);\n\n  const onCloseDeleteModal = useCallback(() => {\n    setIsDeleteModalOpen(false);\n  }, []);\n\n  const additionalItems = useMemo(() => {\n    return ([] as TitleMenuAction[])\n      .concat(secondaryMenuItems || [])\n      .concat(titleMenuActions || [])\n      .map(item => ({\n        ...item,\n        onClick: () => {\n          toggleMenu();\n          item.onClick?.();\n        },\n      }));\n  }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n  const isAssetPage = layoutEnvironment?.type === 'asset';\n  const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n  const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n  const isAssetSelectorDisabled =\n    disableAppAssetSelection || disableAssetSelector || isMultiRig || isAssetPageCompletionApp;\n  const hasAssetSelector = !isAssetSelectorDisabled;\n  const lastUpdateString = lastUpdateMoment?.isValid()\n    ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n    : undefined;\n  const actualTitle = title || appName;\n\n  if (isInsideNewMobileApp) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <div className={styles.title}>\n          <TextEndTruncated\n            className={classNames(styles.titleText)}\n            testId={AppTitleTestIds.AppNameTestId}\n          >\n            {actualTitle}\n          </TextEndTruncated>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={style}>\n      {hasDQ && (\n        <DqStatusIcon\n          statusBadgeIconType={wellnessData.statusBadgeIconType}\n          className={styles.dqBadge}\n          onClick={toggleDq}\n          onMouseEnter={onDqMouseEnter}\n          onMouseLeave={onDqMouseLeave}\n          ref={dqIconRef}\n        />\n      )}\n\n      <Button\n        type=\"tertiary\"\n        size=\"small\"\n        className={styles.title}\n        suffix={\n          <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n            <DownIcon size={16} />\n          </div>\n        }\n        ref={menuButtonRef}\n        onClick={toggleMenu}\n      >\n        <TextEndTruncated\n          className={classNames(styles.titleText, hasDQ && styles.withDq)}\n          testId={AppTitleTestIds.AppNameTestId}\n        >\n          {actualTitle}\n        </TextEndTruncated>\n      </Button>\n\n      <AppDqPopover\n        open={isDqOpen}\n        anchorEl={dqIconRef.current}\n        placement=\"bottom-start\"\n        alertsData={alertsData}\n        onClose={toggleDq}\n        contentRef={dqContentRef}\n        onMouseEnter={onDqMouseEnter}\n        onMouseLeave={onDqMouseLeave}\n      />\n\n      <Menu\n        anchorEl={menuButtonRef.current}\n        open={isMenuOpen}\n        className={styles.menuRoot}\n        onClose={toggleMenu}\n      >\n        <UniversalLink\n          href={`/app-store/app/${app?.app?.id}`}\n          className={styles.menuHeader}\n          data-testid={AppTitleTestIds.AppStoreLinkTestId}\n        >\n          <AppIcon\n            data-testid={AppTitleTestIds.AppIconTestId}\n            className={styles.appIcon}\n            segment={[getAppSegment(app)]}\n            iconUrl={app?.app?.icon?.url}\n            height={40}\n            width={40}\n          />\n\n          <div className={styles.menuHeaderText}>\n            <Text>\n              <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n                {appName}\n              </TextEndTruncated>\n            </Text>\n            <Text size={12} color=\"T6\">\n              Open in Appstore\n            </Text>\n          </div>\n        </UniversalLink>\n        <div className={styles.divider} />\n\n        {hasAssetSelector && (\n          <Menu.Item\n            size=\"large\"\n            disableClickEffect\n            className={classNames(styles.menuItem, styles.assetMenuItem)}\n          >\n            <Accordion\n              title={\n                <div className={styles.accordionTitle}>\n                  <SettingOneIcon size={24} className={styles.accordionIcon} />\n                  Change Asset\n                </div>\n              }\n              iconPosition=\"end\"\n              titleHover={false}\n              testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n            >\n              <AssetSelector />\n            </Accordion>\n          </Menu.Item>\n        )}\n\n        {additionalItems?.map((item, index) => {\n          return (\n            <Fragment key={index}>\n              <div className={styles.divider} />\n              <Menu.Item\n                className={styles.menuItem}\n                size=\"large\"\n                onClick={item.onClick}\n                prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n                testId={AppTitleTestIds.AdditionalSelectionTestId}\n              >\n                {item.title}\n              </Menu.Item>\n            </Fragment>\n          );\n        })}\n        {onHelpCenterClick && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<HelpIcon />}\n              onClick={onGoToHelpCenter}\n              testId={AppTitleTestIds.HelpCenterLinkTestId}\n            >\n              Help Center\n            </Menu.Item>\n          </>\n        )}\n        {toggleAnnotationsList && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n              onClick={onAddAnnotation}\n              testId={AppTitleTestIds.AnnotationsTestId}\n            >\n              Add Annotation\n            </Menu.Item>\n          </>\n        )}\n        {removeApp && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<DeleteFourIcon />}\n              type=\"destructive\"\n              onClick={onDeleteApp}\n              testId={AppTitleTestIds.RemoveAppTestId}\n            >\n              Remove App\n            </Menu.Item>\n          </>\n        )}\n        {lastUpdateMoment?.isValid() && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.footer}>\n              <DqStatusIcon\n                statusBadgeIconType={wellnessData.statusBadgeIconType}\n                className={styles.footerDqBadge}\n                ref={dqIconRef}\n              />\n              {lastUpdateString && (\n                <Text size={12} color=\"T6\">\n                  {lastUpdateString}\n                </Text>\n              )}\n            </div>\n          </>\n        )}\n      </Menu>\n\n      <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n    </div>\n  );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}
+{"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n  asset?: Asset | Asset[];\n  className?: string;\n  dqData?: UseWellnessAlertsReturnType;\n  lastUpdate?: number | string | Date;\n  title?: ReactNode;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n  style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n  if (lastUpdate) {\n    if (typeof lastUpdate === 'number') {\n      // Detecting unix timestamp (no milliseconds)\n      const now = Date.now();\n\n      if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n        return moment.unix(lastUpdate);\n      }\n\n      return moment(lastUpdate);\n    } else {\n      return moment(lastUpdate);\n    }\n  }\n\n  return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n  asset,\n  className,\n  dqData,\n  lastUpdate,\n  title,\n  disableAssetSelector,\n  titleMenuActions,\n  style,\n}: AppTitleProps) => {\n  const {\n    app,\n    appId,\n    maximized,\n    toggleAnnotationsList,\n    onHelpCenterClick,\n    secondaryMenuItems,\n    appName,\n    layoutEnvironment,\n    isInsideNewMobileApp,\n    removeApp,\n    disableAppAssetSelection,\n    isMultiRig,\n  } = useAppCommonsInternal();\n  const [isDqOpen, setIsDqOpen] = useState(false);\n  const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n  const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n  const dqIconRef = useRef<HTMLDivElement>(null);\n  const dqContentRef = useRef<HTMLDivElement>(null);\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n  const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n  const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n  const onDqMouseEnter = useCallback(() => {\n    clearTimeout(dqMouseEnterTimerRef.current);\n    clearTimeout(dqMouseLeaveTimerRef.current);\n    dqMouseEnterTimerRef.current = setTimeout(() => {\n      setIsDqOpen(true);\n    }, DqMouseEnterTimeout);\n  }, []);\n\n  const onDqMouseLeave = useCallback(() => {\n    clearTimeout(dqMouseEnterTimerRef.current);\n    clearTimeout(dqMouseLeaveTimerRef.current);\n    dqMouseEnterTimerRef.current = setTimeout(() => {\n      setIsDqOpen(false);\n    }, DqMouseLeaveTimeout);\n  }, []);\n\n  useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n  const hasDqAsset = (asset instanceof Array && asset.length > 0) || !!asset;\n  const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: shouldLoadDQ,\n    appId,\n    multiRigAssets:\n      asset instanceof Array\n        ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n        : undefined,\n    asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n\n  const wellnessData = dqData || ownWellnessData;\n  const hasDQ = (shouldLoadDQ || !!dqData) && !isInsideNewMobileApp;\n  const alertsData = wellnessData?.wellnessAlerts?.alertsData || {};\n  const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n  const onAddAnnotation = useCallback(() => {\n    toggleMenu();\n    toggleAnnotationsList?.();\n  }, [toggleAnnotationsList, toggleMenu]);\n\n  const onGoToHelpCenter = useCallback(() => {\n    toggleMenu();\n    onHelpCenterClick?.();\n  }, [onHelpCenterClick, toggleMenu]);\n\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n  const onDeleteApp = useCallback(() => {\n    toggleMenu();\n    setIsDeleteModalOpen(true);\n  }, [toggleMenu]);\n\n  const onCloseDeleteModal = useCallback(() => {\n    setIsDeleteModalOpen(false);\n  }, []);\n\n  const additionalItems = useMemo(() => {\n    return ([] as TitleMenuAction[])\n      .concat(secondaryMenuItems || [])\n      .concat(titleMenuActions || [])\n      .map(item => ({\n        ...item,\n        onClick: () => {\n          toggleMenu();\n          item.onClick?.();\n        },\n      }));\n  }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n  const isAssetPage = layoutEnvironment?.type === 'asset';\n  const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n  const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n  const isAssetSelectorDisabled =\n    disableAppAssetSelection || disableAssetSelector || isMultiRig || isAssetPageCompletionApp;\n  const hasAssetSelector = !isAssetSelectorDisabled;\n  const lastUpdateString = lastUpdateMoment?.isValid()\n    ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n    : undefined;\n  const actualTitle = title || appName;\n\n  if (isInsideNewMobileApp) {\n    return (\n      <div className={classNames(styles.root, className)}>\n        <div className={styles.title}>\n          <TextEndTruncated\n            className={classNames(styles.titleText)}\n            testId={AppTitleTestIds.AppNameTestId}\n          >\n            {actualTitle}\n          </TextEndTruncated>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={classNames(styles.root, className)} style={style}>\n      {hasDQ && (\n        <DqStatusIcon\n          statusBadgeIconType={wellnessData.statusBadgeIconType}\n          className={styles.dqBadge}\n          onClick={toggleDq}\n          onMouseEnter={onDqMouseEnter}\n          onMouseLeave={onDqMouseLeave}\n          ref={dqIconRef}\n        />\n      )}\n\n      <Button\n        type=\"tertiary\"\n        size=\"small\"\n        className={styles.title}\n        suffix={\n          <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n            <DownIcon size={16} />\n          </div>\n        }\n        ref={menuButtonRef}\n        onClick={toggleMenu}\n      >\n        <TextEndTruncated\n          className={classNames(styles.titleText, hasDQ && styles.withDq)}\n          testId={AppTitleTestIds.AppNameTestId}\n        >\n          {actualTitle}\n        </TextEndTruncated>\n      </Button>\n\n      <AppDqPopover\n        open={isDqOpen}\n        anchorEl={dqIconRef.current}\n        placement=\"bottom-start\"\n        alertsData={alertsData}\n        onClose={toggleDq}\n        contentRef={dqContentRef}\n        onMouseEnter={onDqMouseEnter}\n        onMouseLeave={onDqMouseLeave}\n      />\n\n      <Menu\n        anchorEl={menuButtonRef.current}\n        open={isMenuOpen}\n        className={styles.menuRoot}\n        onClose={toggleMenu}\n      >\n        <UniversalLink\n          href={`/app-store/app/${app?.app?.id}`}\n          className={styles.menuHeader}\n          data-testid={AppTitleTestIds.AppStoreLinkTestId}\n        >\n          <AppIcon\n            data-testid={AppTitleTestIds.AppIconTestId}\n            className={styles.appIcon}\n            segment={[getAppSegment(app)]}\n            iconUrl={app?.app?.icon?.url}\n            height={40}\n            width={40}\n          />\n\n          <div className={styles.menuHeaderText}>\n            <Text>\n              <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n                {appName}\n              </TextEndTruncated>\n            </Text>\n            <Text size={12} color=\"T6\">\n              Open in Appstore\n            </Text>\n          </div>\n        </UniversalLink>\n        <div className={styles.divider} />\n\n        {hasAssetSelector && (\n          <Menu.Item\n            size=\"large\"\n            disableClickEffect\n            className={classNames(styles.menuItem, styles.assetMenuItem)}\n          >\n            <Accordion\n              title={\n                <div className={styles.accordionTitle}>\n                  <SettingOneIcon size={24} className={styles.accordionIcon} />\n                  Change Asset\n                </div>\n              }\n              iconPosition=\"end\"\n              titleHover={false}\n              testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n            >\n              <AssetSelector />\n            </Accordion>\n          </Menu.Item>\n        )}\n\n        {additionalItems?.map((item, index) => {\n          return (\n            <Fragment key={index}>\n              <div className={styles.divider} />\n              <Menu.Item\n                className={styles.menuItem}\n                size=\"large\"\n                onClick={item.onClick}\n                prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n                testId={AppTitleTestIds.AdditionalSelectionTestId}\n              >\n                {item.title}\n              </Menu.Item>\n            </Fragment>\n          );\n        })}\n        {onHelpCenterClick && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<HelpIcon />}\n              onClick={onGoToHelpCenter}\n              testId={AppTitleTestIds.HelpCenterLinkTestId}\n            >\n              Help Center\n            </Menu.Item>\n          </>\n        )}\n        {toggleAnnotationsList && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n              onClick={onAddAnnotation}\n              testId={AppTitleTestIds.AnnotationsTestId}\n            >\n              Add Annotation\n            </Menu.Item>\n          </>\n        )}\n        {removeApp && (\n          <>\n            <div className={styles.divider} />\n            <Menu.Item\n              className={styles.menuItem}\n              size=\"large\"\n              prefix={<DeleteFourIcon />}\n              type=\"destructive\"\n              onClick={onDeleteApp}\n              testId={AppTitleTestIds.RemoveAppTestId}\n            >\n              Remove App\n            </Menu.Item>\n          </>\n        )}\n        {lastUpdateMoment?.isValid() && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.footer}>\n              <DqStatusIcon\n                statusBadgeIconType={wellnessData.statusBadgeIconType}\n                className={styles.footerDqBadge}\n                ref={dqIconRef}\n              />\n              {lastUpdateString && (\n                <Text size={12} color=\"T6\">\n                  {lastUpdateString}\n                </Text>\n              )}\n            </div>\n          </>\n        )}\n      </Menu>\n\n      <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n    </div>\n  );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js

@@ -1,2 +1,2 @@
-import{forwardRef as o}from"react";import s from"classnames";import{TextMiddleTruncated as c}from"../../../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as i}from"../../../../Text/Text.js";import{TypeToIconMap as n}from"../constants.js";import t from"./AssetSelectorChip.scss.js";import{DownIcon 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/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var p=o((function(o,p){var u=o.name,a=o.type,j=o.onClick,I=o.active,l=o.testId,d=a&&n[a];return d?e("div",{onClick:j,className:t.root,"data-testid":l,ref:p,children:r(i,{size:14,className:t.text,children:[e(d,{size:16,className:s(t.assetIcon,I&&t.active)}),e(c,{className:t.name,children:u}),e(m,{size:16,className:t.dropdownIcon})]})}):r(i,{size:14,className:t.root,ref:p,color:"T6",children:['Unknown asset type "',String(a),'"']})}));export{p as AssetSelectorChip};
+import{forwardRef as o}from"react";import s from"classnames";import{TextMiddleTruncated as c}from"../../../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as i}from"../../../../Text/Text.js";import{TypeToIconMap as n}from"../constants.js";import t from"./AssetSelectorChip.scss.js";import{DownIcon 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/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{jsxs as r,jsx as e}from"react/jsx-runtime";var p=o((function(o,p){var u=o.name,a=o.type,j=o.onClick,I=o.active,l=o.testId,d=a&&n[a];return d?e("div",{onClick:j,className:t.root,"data-testid":l,ref:p,children:r(i,{size:14,className:t.text,children:[e(d,{size:16,className:s(t.assetIcon,I&&t.active)}),e(c,{className:t.name,children:u}),e(m,{size:16,className:t.dropdownIcon})]})}):r(i,{size:14,className:t.root,ref:p,color:"T6",children:['Unknown asset type "',String(a),'"']})}));export{p as AssetSelectorChip};
 //# sourceMappingURL=AssetSelectorChip.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectorChip.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { TextMiddleTruncated } from '../../../../TextMiddleTruncated';\nimport { Text } from '../../../../Text';\nimport { TypeToIconMap } from '../constants';\nimport { AssetType } from '../AssetSelectorSelect/constants';\n\nimport styles from './AssetSelectorChip.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype AssetSelectorChipProps = {\n  type: AssetType;\n  name: string;\n  onClick?: () => void;\n  active: boolean;\n  testId?: string;\n};\n\nexport const AssetSelectorChip = forwardRef<HTMLDivElement, AssetSelectorChipProps>(\n  ({ name, type, onClick, active, testId }, ref) => {\n    const Icon = type && TypeToIconMap[type];\n\n    if (!Icon) {\n      return (\n        <Text size={14} className={styles.root} ref={ref} color=\"T6\">\n          Unknown asset type \"{String(type)}\"\n        </Text>\n      );\n    }\n\n    return (\n      <div onClick={onClick} className={styles.root} data-testid={testId} ref={ref}>\n        <Text size={14} className={styles.text}>\n          <Icon size={16} className={classNames(styles.assetIcon, active && styles.active)} />\n          <TextMiddleTruncated className={styles.name}>{name}</TextMiddleTruncated>\n          <DownIcon size={16} className={styles.dropdownIcon} />\n        </Text>\n      </div>\n    );\n  }\n);\n"],"names":["AssetSelectorChip","forwardRef","_ref","ref","name","type","onClick","active","testId","Icon","TypeToIconMap","_jsx","className","styles","root","children","_jsxs","Text","size","text","classNames","assetIcon","TextMiddleTruncated","DownIcon","dropdownIcon","color","String"],"mappings":"qrJAoBaA,EAAoBC,GAC/B,SAAAC,EAA0CC,GAAQ,IAA/CC,IAAAA,KAAMC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OACxBC,EAAOJ,GAAQK,EAAcL,GAEnC,OAAKI,EASHE,EAAA,MAAA,CAAKL,QAASA,EAASM,UAAWC,EAAOC,KAAM,cAAaN,EAAQL,IAAKA,EAAIY,SAC3EC,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOM,KAAKJ,SAAA,CACrCJ,EAACF,EAAI,CAACS,KAAM,GAAIN,UAAWQ,EAAWP,EAAOQ,UAAWd,GAAUM,EAAON,UACzEI,EAACW,EAAmB,CAACV,UAAWC,EAAOT,KAAKW,SAAEX,IAC9CO,EAACY,EAAQ,CAACL,KAAM,GAAIN,UAAWC,EAAOW,oBAXxCR,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOC,KAAMX,IAAKA,EAAKsB,MAAM,KAAIV,SACrCW,CAAAA,uBAAAA,OAAOrB,GAAK,MAczC"}
+{"version":3,"file":"AssetSelectorChip.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { TextMiddleTruncated } from '../../../../TextMiddleTruncated';\nimport { Text } from '../../../../Text';\nimport { TypeToIconMap } from '../constants';\nimport { AssetType } from '../AssetSelectorSelect/constants';\n\nimport styles from './AssetSelectorChip.scss';\n\nimport { DownIcon } from '~/icons';\n\ntype AssetSelectorChipProps = {\n  type: AssetType;\n  name: string;\n  onClick?: () => void;\n  active: boolean;\n  testId?: string;\n};\n\nexport const AssetSelectorChip = forwardRef<HTMLDivElement, AssetSelectorChipProps>(\n  ({ name, type, onClick, active, testId }, ref) => {\n    const Icon = type && TypeToIconMap[type];\n\n    if (!Icon) {\n      return (\n        <Text size={14} className={styles.root} ref={ref} color=\"T6\">\n          Unknown asset type \"{String(type)}\"\n        </Text>\n      );\n    }\n\n    return (\n      <div onClick={onClick} className={styles.root} data-testid={testId} ref={ref}>\n        <Text size={14} className={styles.text}>\n          <Icon size={16} className={classNames(styles.assetIcon, active && styles.active)} />\n          <TextMiddleTruncated className={styles.name}>{name}</TextMiddleTruncated>\n          <DownIcon size={16} className={styles.dropdownIcon} />\n        </Text>\n      </div>\n    );\n  }\n);\n"],"names":["AssetSelectorChip","forwardRef","_ref","ref","name","type","onClick","active","testId","Icon","TypeToIconMap","_jsx","className","styles","root","children","_jsxs","Text","size","text","classNames","assetIcon","TextMiddleTruncated","DownIcon","dropdownIcon","color","String"],"mappings":"izJAoBaA,EAAoBC,GAC/B,SAAAC,EAA0CC,GAAQ,IAA/CC,IAAAA,KAAMC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OACxBC,EAAOJ,GAAQK,EAAcL,GAEnC,OAAKI,EASHE,EAAA,MAAA,CAAKL,QAASA,EAASM,UAAWC,EAAOC,KAAM,cAAaN,EAAQL,IAAKA,EAAIY,SAC3EC,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOM,KAAKJ,SAAA,CACrCJ,EAACF,EAAI,CAACS,KAAM,GAAIN,UAAWQ,EAAWP,EAAOQ,UAAWd,GAAUM,EAAON,UACzEI,EAACW,EAAmB,CAACV,UAAWC,EAAOT,KAAKW,SAAEX,IAC9CO,EAACY,EAAQ,CAACL,KAAM,GAAIN,UAAWC,EAAOW,oBAXxCR,EAACC,EAAI,CAACC,KAAM,GAAIN,UAAWC,EAAOC,KAAMX,IAAKA,EAAKsB,MAAM,KAAIV,SACrCW,CAAAA,uBAAAA,OAAOrB,GAAK,MAczC"}

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.js

@@ -1,2 +1,2 @@
-import{useCallback as o}from"react";import{Text as s}from"../../../../Text/Text.js";import{TextInput as c}from"../../../../TextInput/TextInput.js";import{LoaderLogo as i}from"../../../../LoaderLogo/LoaderLogo.js";import{AssetItem as n}from"./AssetItem.js";import{useLoadAssets as t}from"./useLoadAssets.js";import r from"./AssetSelectorSelect.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as m,Fragment as e,jsx 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 u}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/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";var a=function(o,s){return"well"===o.type&&Number(o.id)===s},l=function(l){var j=l.parentId,I=l.type,d=l.onChange,h=l.parentType,C=l.parentActiveWellId,b=t(I.type,j,h),g=b.setSearchValue,v=b.searchValue,f=b.isLoading,A=b.results,F=o((function(){g("")}),[g]);return m(e,{children:[m("div",{className:r.header,children:[m(s,{size:16,weight:"bold",tagName:"div",children:["Change App to another ",I.label]}),m(s,{size:12,color:"T6",tagName:"div",children:["Pick or Search for any ",I.label]}),p(c,{prefix:p(u,{}),label:"Search for ".concat(I.label,"..."),value:v,onChange:g,onClear:F})]}),(f||!!A.length)&&m("div",{className:r.results,children:[f&&p(i,{size:40,className:r.loader}),!f&&0===A.length&&p(s,{size:12,color:"T6",className:r.noResultsMessage,children:"No results"}),!f&&A.map((function(o){return p(n,{asset:o,onClick:d,isActive:a(o,C)},o.id)}))]})]})};export{l as AssetSelectorContent};
+import{useCallback as o}from"react";import{Text as s}from"../../../../Text/Text.js";import{TextInput as c}from"../../../../TextInput/TextInput.js";import{LoaderLogo as i}from"../../../../LoaderLogo/LoaderLogo.js";import{AssetItem as n}from"./AssetItem.js";import{useLoadAssets as t}from"./useLoadAssets.js";import r from"./AssetSelectorSelect.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as m,Fragment as e,jsx 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 u}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/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";var a=function(o,s){return"well"===o.type&&Number(o.id)===s},l=function(l){var j=l.parentId,I=l.type,d=l.onChange,h=l.parentType,C=l.parentActiveWellId,b=t(I.type,j,h),g=b.setSearchValue,f=b.searchValue,v=b.isLoading,F=b.results,A=o((function(){g("")}),[g]);return m(e,{children:[m("div",{className:r.header,children:[m(s,{size:16,weight:"bold",tagName:"div",children:["Change App to another ",I.label]}),m(s,{size:12,color:"T6",tagName:"div",children:["Pick or Search for any ",I.label]}),p(c,{prefix:p(u,{}),label:"Search for ".concat(I.label,"..."),value:f,onChange:g,onClear:A})]}),(v||!!F.length)&&m("div",{className:r.results,children:[v&&p(i,{size:40,className:r.loader}),!v&&0===F.length&&p(s,{size:12,color:"T6",className:r.noResultsMessage,children:"No results"}),!v&&F.map((function(o){return p(n,{asset:o,onClick:d,isActive:a(o,C)},o.id)}))]})]})};export{l as AssetSelectorContent};
 //# sourceMappingURL=AssetSelectorContent.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectorContent.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Text } from '../../../../Text';\nimport { TextInput } from '../../../../TextInput';\nimport { LoaderLogo } from '../../../../LoaderLogo';\nimport { ASSET_TYPES } from '../../../../../constants';\n\nimport { AssetItem } from './AssetItem';\nimport { useLoadAssets } from './useLoadAssets';\nimport { Asset, PrimaryAssetType } from './constants';\n\nimport styles from './AssetSelectorSelect.scss';\n\nimport { SearchOne } from '~/icons';\n\nconst checkIsActiveWellForParent = (asset: Asset, parentActiveWellId?: number) => {\n  if (asset.type !== 'well') return false;\n\n  return Number(asset.id) === parentActiveWellId;\n};\n\ntype AssetSelectorContentProps = {\n  type: typeof ASSET_TYPES[keyof typeof ASSET_TYPES];\n  onChange: (asset: Asset) => void;\n  parentId?: string | number;\n  parentType?: PrimaryAssetType;\n  parentActiveWellId?: number;\n};\n\nexport const AssetSelectorContent = ({\n  parentId,\n  type,\n  onChange,\n  parentType,\n  parentActiveWellId,\n}: AssetSelectorContentProps) => {\n  const { setSearchValue, searchValue, isLoading, results } = useLoadAssets(\n    type.type,\n    parentId,\n    parentType\n  );\n\n  const onClear = useCallback(() => {\n    setSearchValue('');\n  }, [setSearchValue]);\n\n  return (\n    <>\n      <div className={styles.header}>\n        <Text size={16} weight=\"bold\" tagName=\"div\">\n          Change App to another {type.label}\n        </Text>\n        <Text size={12} color=\"T6\" tagName=\"div\">\n          Pick or Search for any {type.label}\n        </Text>\n\n        <TextInput\n          prefix={<SearchOne />}\n          label={`Search for ${type.label}...`}\n          value={searchValue}\n          onChange={setSearchValue}\n          onClear={onClear}\n        />\n      </div>\n\n      {(isLoading || !!results.length) && (\n        <div className={styles.results}>\n          {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n\n          {!isLoading && results.length === 0 && (\n            <Text size={12} color=\"T6\" className={styles.noResultsMessage}>\n              No results\n            </Text>\n          )}\n\n          {!isLoading &&\n            results.map(asset => (\n              <AssetItem\n                asset={asset}\n                key={asset.id}\n                onClick={onChange}\n                isActive={checkIsActiveWellForParent(asset, parentActiveWellId)}\n              />\n            ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["checkIsActiveWellForParent","asset","parentActiveWellId","type","Number","id","AssetSelectorContent","_ref","parentId","onChange","parentType","useLoadAssets","setSearchValue","searchValue","isLoading","results","onClear","useCallback","_jsxs","_Fragment","children","className","styles","header","Text","size","weight","tagName","label","color","_jsx","TextInput","prefix","SearchOne","value","length","LoaderLogo","loader","noResultsMessage","map","AssetItem","onClick","isActive"],"mappings":"0zJAeA,IAAMA,EAA6B,SAACC,EAAcC,GAChD,MAAmB,SAAfD,EAAME,MAEHC,OAAOH,EAAMI,MAAQH,CAC9B,EAUaI,EAAuB,SAMHC,GAAA,IAL/BC,IAAAA,SACAL,IAAAA,KACAM,IAAAA,SACAC,IAAAA,WACAR,IAAAA,mBAE4DS,EAAAA,EAC1DR,EAAKA,KACLK,EACAE,GAHME,IAAAA,eAAgBC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,QAM1CC,EAAUC,GAAY,WAC1BL,EAAe,GACjB,GAAG,CAACA,IAEJ,OACEM,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,OAAOH,SAAA,CAC5BF,EAACM,EAAI,CAACC,KAAM,GAAIC,OAAO,OAAOC,QAAQ,MAAKP,SAClBjB,CAAAA,yBAAAA,EAAKyB,SAE9BV,EAACM,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKF,QAAQ,MAAKP,SACdjB,CAAAA,0BAAAA,EAAKyB,SAG/BE,EAACC,EAAS,CACRC,OAAQF,EAACG,EAAa,IACtBL,MAAqBzB,cAAAA,OAAAA,EAAKyB,MAAW,OACrCM,MAAOrB,EACPJ,SAAUG,EACVI,QAASA,QAIXF,KAAeC,EAAQoB,SACvBjB,EAAA,MAAA,CAAKG,UAAWC,EAAOP,QAAQK,SAC5BN,CAAAA,GAAagB,EAACM,EAAU,CAACX,KAAM,GAAIJ,UAAWC,EAAOe,UAEpDvB,GAAgC,IAAnBC,EAAQoB,QACrBL,EAACN,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKR,UAAWC,EAAOgB,iBAAiBlB,SAAA,gBAK9DN,GACAC,EAAQwB,KAAI,SAAAtC,GAAK,OACf6B,EAACU,EAAS,CACRvC,MAAOA,EAEPwC,QAAShC,EACTiC,SAAU1C,EAA2BC,EAAOC,IAFvCD,EAAMI,GAGX,SAMhB"}
+{"version":3,"file":"AssetSelectorContent.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorContent.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { Text } from '../../../../Text';\nimport { TextInput } from '../../../../TextInput';\nimport { LoaderLogo } from '../../../../LoaderLogo';\nimport { ASSET_TYPES } from '../../../../../constants';\n\nimport { AssetItem } from './AssetItem';\nimport { useLoadAssets } from './useLoadAssets';\nimport { Asset, PrimaryAssetType } from './constants';\n\nimport styles from './AssetSelectorSelect.scss';\n\nimport { SearchOne } from '~/icons';\n\nconst checkIsActiveWellForParent = (asset: Asset, parentActiveWellId?: number) => {\n  if (asset.type !== 'well') return false;\n\n  return Number(asset.id) === parentActiveWellId;\n};\n\ntype AssetSelectorContentProps = {\n  type: typeof ASSET_TYPES[keyof typeof ASSET_TYPES];\n  onChange: (asset: Asset) => void;\n  parentId?: string | number;\n  parentType?: PrimaryAssetType;\n  parentActiveWellId?: number;\n};\n\nexport const AssetSelectorContent = ({\n  parentId,\n  type,\n  onChange,\n  parentType,\n  parentActiveWellId,\n}: AssetSelectorContentProps) => {\n  const { setSearchValue, searchValue, isLoading, results } = useLoadAssets(\n    type.type,\n    parentId,\n    parentType\n  );\n\n  const onClear = useCallback(() => {\n    setSearchValue('');\n  }, [setSearchValue]);\n\n  return (\n    <>\n      <div className={styles.header}>\n        <Text size={16} weight=\"bold\" tagName=\"div\">\n          Change App to another {type.label}\n        </Text>\n        <Text size={12} color=\"T6\" tagName=\"div\">\n          Pick or Search for any {type.label}\n        </Text>\n\n        <TextInput\n          prefix={<SearchOne />}\n          label={`Search for ${type.label}...`}\n          value={searchValue}\n          onChange={setSearchValue}\n          onClear={onClear}\n        />\n      </div>\n\n      {(isLoading || !!results.length) && (\n        <div className={styles.results}>\n          {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n\n          {!isLoading && results.length === 0 && (\n            <Text size={12} color=\"T6\" className={styles.noResultsMessage}>\n              No results\n            </Text>\n          )}\n\n          {!isLoading &&\n            results.map(asset => (\n              <AssetItem\n                asset={asset}\n                key={asset.id}\n                onClick={onChange}\n                isActive={checkIsActiveWellForParent(asset, parentActiveWellId)}\n              />\n            ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["checkIsActiveWellForParent","asset","parentActiveWellId","type","Number","id","AssetSelectorContent","_ref","parentId","onChange","parentType","useLoadAssets","setSearchValue","searchValue","isLoading","results","onClear","useCallback","_jsxs","_Fragment","children","className","styles","header","Text","size","weight","tagName","label","color","_jsx","TextInput","prefix","SearchOne","value","length","LoaderLogo","loader","noResultsMessage","map","AssetItem","onClick","isActive"],"mappings":"s7JAeA,IAAMA,EAA6B,SAACC,EAAcC,GAChD,MAAmB,SAAfD,EAAME,MAEHC,OAAOH,EAAMI,MAAQH,CAC9B,EAUaI,EAAuB,SAMHC,GAAA,IAL/BC,IAAAA,SACAL,IAAAA,KACAM,IAAAA,SACAC,IAAAA,WACAR,IAAAA,mBAE4DS,EAAAA,EAC1DR,EAAKA,KACLK,EACAE,GAHME,IAAAA,eAAgBC,IAAAA,YAAaC,IAAAA,UAAWC,IAAAA,QAM1CC,EAAUC,GAAY,WAC1BL,EAAe,GACjB,GAAG,CAACA,IAEJ,OACEM,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,OAAOH,SAAA,CAC5BF,EAACM,EAAI,CAACC,KAAM,GAAIC,OAAO,OAAOC,QAAQ,MAAKP,SAClBjB,CAAAA,yBAAAA,EAAKyB,SAE9BV,EAACM,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKF,QAAQ,MAAKP,SACdjB,CAAAA,0BAAAA,EAAKyB,SAG/BE,EAACC,EAAS,CACRC,OAAQF,EAACG,EAAa,IACtBL,MAAqBzB,cAAAA,OAAAA,EAAKyB,MAAW,OACrCM,MAAOrB,EACPJ,SAAUG,EACVI,QAASA,QAIXF,KAAeC,EAAQoB,SACvBjB,EAAA,MAAA,CAAKG,UAAWC,EAAOP,QAAQK,SAC5BN,CAAAA,GAAagB,EAACM,EAAU,CAACX,KAAM,GAAIJ,UAAWC,EAAOe,UAEpDvB,GAAgC,IAAnBC,EAAQoB,QACrBL,EAACN,EAAI,CAACC,KAAM,GAAII,MAAM,KAAKR,UAAWC,EAAOgB,iBAAiBlB,SAAA,gBAK9DN,GACAC,EAAQwB,KAAI,SAAAtC,GAAK,OACf6B,EAACU,EAAS,CACRvC,MAAOA,EAEPwC,QAAShC,EACTiC,SAAU1C,EAA2BC,EAAOC,IAFvCD,EAAMI,GAGX,SAMhB"}