@corva/ui 3.78.0-1 → 3.78.0-11

package/components/CommentComposer/CommentComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentComposer.js","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\nimport { WellhubFilePicker } from '../WellhubFilePicker';\nimport type { WellhubContext, WellhubFile } from '../WellhubFilePicker';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n  wellhubContext?: WellhubContext;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  wellhubContext,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const [isWellhubOpen, setIsWellhubOpen] = useState(false);\n  const attachedKeys = useMemo(() => value.map(item => item.name), [value]);\n\n  const addWellhubFiles = (files: WellhubFile[]) => {\n    setIsWellhubOpen(false);\n    upload.addStoredFiles(files.map(file => ({ fileName: file.fileName })));\n  };\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <>\n      <CommentInput\n        value={body}\n        canSubmit={canSend}\n        disabled={disabled}\n        onSubmit={onSubmit}\n        trailing={trailing}\n        embedded={embedded}\n        className={className}\n        testId={testId}\n        field={\n          <Input\n            inputComponent={UserMention}\n            inputProps={{\n              // UserMention calls onChange with the text string, not a DOM event.\n              onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n              currentUser,\n              allowEmptyQuery: true,\n              suggestionsPortalHost: document.querySelector('body'),\n              withLightTheme: false,\n              mentionProps: { renderSuggestion },\n              highlightLinks: true,\n              style: MENTION_INPUT_STYLE,\n            }}\n            value={body}\n            placeholder={placeholder}\n            inputRef={fieldRef}\n            className={styles.mentionField}\n            onKeyDown={handleEnterKey}\n            disableUnderline\n            rows={1}\n            fullWidth\n            multiline\n            autoFocus={autoFocus}\n          />\n        }\n        attachments={upload.items}\n        onAttachmentRemove={upload.removeAttachment}\n        onAttachmentRetry={upload.handleRetry}\n        onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n        onFilesDrop={upload.addFiles}\n        onImageLinkPaste={upload.addLinkedImage}\n        dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n        attachmentSlot={\n          attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n        }\n        toolbar={\n          <>\n            <AttachFileButton\n              inputRef={upload.fileInputRef}\n              onClick={upload.openFileDialog}\n              onFileSelect={upload.handleFileSelect}\n              onWellhubSelect={wellhubContext ? () => setIsWellhubOpen(true) : undefined}\n              multiple={isMulti}\n              disabled={upload.isFull}\n              tooltip={\n                upload.isFull\n                  ? `Up to ${upload.maxFiles} ${\n                      upload.maxFiles === 1 ? 'file' : 'files'\n                    } can be attached`\n                  : `Attach ${isMulti ? 'files' : 'file'}`\n              }\n            />\n            <Tooltip title=\"Mention someone\">\n              <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n                <AlternateEmailIcon fontSize=\"inherit\" />\n              </ButtonIcon>\n            </Tooltip>\n            <span className={styles.iconSlot}>\n              <EmojiIconButton\n                icon={<SmilingFaceIcon size={16} />}\n                handleSelectEmoji={(emoji: { native: string }) =>\n                  onBodyChange(`${body}${emoji.native}`)\n                }\n              />\n            </span>\n          </>\n        }\n        footer={\n          (!!metaRows?.length || !!shareToChat) && (\n            <>\n              <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n              {shareToChat && <ShareToChatRow {...shareToChat} />}\n            </>\n          )\n        }\n      />\n\n      {wellhubContext && (\n        <WellhubFilePicker\n          {...wellhubContext}\n          open={isWellhubOpen}\n          maxSelectable={upload.maxFiles - upload.count}\n          attachedFileNames={attachedKeys}\n          onAdd={addWellhubFiles}\n          onClose={() => setIsWellhubOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","wellhubContext","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","useState","_useState2","_slicedToArray","_useState","isWellhubOpen","setIsWellhubOpen","attachedKeys","map","name","fieldRef","useRef","_Fragment","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","onWellhubSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread","WellhubFilePicker","open","maxSelectable","count","attachedFileNames","onAdd","files","addStoredFiles","file","fileName","onClose"],"mappings":"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"}
+{"version":3,"file":"CommentComposer.js","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\nimport { WellhubFilePicker } from '../WellhubFilePicker';\nimport type { WellhubContext, WellhubFile } from '../WellhubFilePicker';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n  wellhubContext?: WellhubContext;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  wellhubContext,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const [isWellhubOpen, setIsWellhubOpen] = useState(false);\n  const attachedKeys = useMemo(() => value.map(item => item.name), [value]);\n\n  const addWellhubFiles = (files: WellhubFile[]) => {\n    setIsWellhubOpen(false);\n    upload.addStoredFiles(files.map(file => ({ fileName: file.fileName })));\n  };\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <>\n      <CommentInput\n        value={body}\n        canSubmit={canSend}\n        disabled={disabled}\n        onSubmit={onSubmit}\n        trailing={trailing}\n        embedded={embedded}\n        className={className}\n        testId={testId}\n        field={\n          <Input\n            inputComponent={UserMention}\n            inputProps={{\n              // UserMention calls onChange with the text string, not a DOM event.\n              onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n              currentUser,\n              allowEmptyQuery: true,\n              suggestionsPortalHost: document.querySelector('body'),\n              withLightTheme: false,\n              mentionProps: { renderSuggestion },\n              highlightLinks: true,\n              style: MENTION_INPUT_STYLE,\n            }}\n            value={body}\n            placeholder={placeholder}\n            inputRef={fieldRef}\n            className={styles.mentionField}\n            onKeyDown={handleEnterKey}\n            disableUnderline\n            rows={1}\n            fullWidth\n            multiline\n            autoFocus={autoFocus}\n          />\n        }\n        attachments={upload.items}\n        onAttachmentRemove={upload.removeAttachment}\n        onAttachmentRetry={upload.handleRetry}\n        onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n        onFilesDrop={upload.addFiles}\n        onImageLinkPaste={upload.addLinkedImage}\n        dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n        attachmentSlot={\n          attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n        }\n        toolbar={\n          <>\n            <AttachFileButton\n              inputRef={upload.fileInputRef}\n              onClick={upload.openFileDialog}\n              onFileSelect={upload.handleFileSelect}\n              onWellhubSelect={wellhubContext ? () => setIsWellhubOpen(true) : undefined}\n              multiple={isMulti}\n              disabled={upload.isFull}\n              tooltip={\n                upload.isFull\n                  ? `Up to ${upload.maxFiles} ${\n                      upload.maxFiles === 1 ? 'file' : 'files'\n                    } can be attached`\n                  : `Attach ${isMulti ? 'files' : 'file'}`\n              }\n            />\n            <Tooltip title=\"Mention someone\">\n              <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n                <AlternateEmailIcon fontSize=\"inherit\" />\n              </ButtonIcon>\n            </Tooltip>\n            <span className={styles.iconSlot}>\n              <EmojiIconButton\n                icon={<SmilingFaceIcon size={16} />}\n                handleSelectEmoji={(emoji: { native: string }) =>\n                  onBodyChange(`${body}${emoji.native}`)\n                }\n              />\n            </span>\n          </>\n        }\n        footer={\n          (!!metaRows?.length || !!shareToChat) && (\n            <>\n              <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n              {shareToChat && <ShareToChatRow {...shareToChat} />}\n            </>\n          )\n        }\n      />\n\n      {wellhubContext && (\n        <WellhubFilePicker\n          {...wellhubContext}\n          open={isWellhubOpen}\n          maxSelectable={upload.maxFiles - upload.count}\n          attachedFileNames={attachedKeys}\n          onAdd={addWellhubFiles}\n          onClose={() => setIsWellhubOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","wellhubContext","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","useState","_useState2","_slicedToArray","_useState","isWellhubOpen","setIsWellhubOpen","attachedKeys","map","name","fieldRef","useRef","_Fragment","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","onWellhubSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread","WellhubFilePicker","open","maxSelectable","count","attachedFileNames","onAdd","files","addStoredFiles","file","fileName","onClose"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as e,useMemo as n}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import a from"../AppContext.js";import{DevCenterRouterContext as l}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as d,jsxs as u}from"react/jsx-runtime";import{useAppSettings as j}from"./effects/useAppSettings.js";import A from"./effects/useAnnotationsList.js";import C from"./effects/useAnnotationsData.js";import g from"./effects/useAppMaximized.js";import{useDevCenterAppProps as I}from"./effects/useDevCenterAppProps.js";import{DcFullscreenElemsCoordinatorProvider as V}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DevCenterAppDialogs as v}from"./components/DevCenterAppDialogs.js";import h from"./components/DevCenterAppView/DevCenterAppView.js";import{LegacyAppActions as S}from"./components/LegacyAppActions.js";import f from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as b,getAppAvailability as D}from"./utils.js";import{APP_DATA_ASSET_KEYS as P,PAGE_NAME as x,HOME_PATH_PREFIX as T,MOBILE_CLI_APP_GRID_WIDTH as M}from"./constants.js";import{CommentsSwitchProvider as L}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import"./components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"./components/IsInsideIsolatedDcAppProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/TemplatesControl/types.js";import"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"../../../constants/completion.js";import"moment";import"../../../constants/alerts.js";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import{getAppSegment as y,isDCAppMultiRig as O,getAppName as k,getTimestampFromQuery as F}from"../../../utils/devcenter.js";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import{isInsideNewMobileApp as H,isNativeDetected as w,isMobileDetected as B}from"../../../utils/mobileDetect.js";import"../../../constants/notifications.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../constants/apps.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../constants/appPackages.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import{AppCommonsProvider as E}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import R from"../../../effects/useDevCenterApp.js";import{DEV_CENTER_CLI_APP_ID as W}from"../../../constants/devcenter.js";import"../../../constants/drillstring.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import q from"./DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";function U(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function G(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var N=function(o){var U,N,_,K,Z,J,Q,X=o.CLIAppComponent,Y=o.CLIAppSettings,$=o.app,oo=o.appId,so=o.className,to=o.coordinates,eo=o.currentDashboardAppsLastAnnotations,no=o.currentUser,io=o.devCenterRouter,po=o.disableAppAssetSelection,ro=o.isActionsDisabled,co=o.isBrowserFullscreen,mo=o.enterBrowserFullscreen,ao=o.exitBrowserFullscreen,lo=o.isSeparateWindow,uo=o.openSeparateWindow,jo=o.closeSeparateWindow,Ao=o.setSeparateWindowTitle,Co=o.isNonIsolatedApp,go=void 0!==Co&&Co,Io=o.isSettingsDialogHidden,Vo=o.layoutEnvironment,vo=o.onAppContainerClick,ho=void 0===vo?c:vo,So=o.onAppRemove,fo=o.onReportBugClick,bo=o.onCloneDashboard,Do=o.onHelpCenterClick,Po=o.onIsMaximizedChange,xo=o.onSettingChange,To=void 0===xo?c:xo,Mo=o.onSettingsChange,Lo=void 0===Mo?c:Mo,yo=o.openIntercom,Oo=void 0===yo?c:yo,ko=o.registerAITools,Fo=o.setIsFullscreenModalMode,Ho=void 0===Fo?c:Fo,wo=o.timestamp,Bo=o.updateCurrentDashboardAppLastAnnotation,Eo=o.dashboardMeta,Ro=o.reloadApp,Wo=o.chatActions,qo=t(a),zo=m(),Uo=w||B,Go=e([]),No=s(Go,2),_o=No[0],Ko=No[1],Zo=e([]),Jo=s(Zo,2),Qo=Jo[0],Xo=Jo[1],Yo=oo||$.id,$o=null!==(U=Yo?null==qo?void 0:qo[Yo]:void 0)&&void 0!==U?U:{isLoading:!0},os=null===(N=$.package)||void 0===N||null===(_=N.manifest)||void 0===_?void 0:_.application,ss=y($),ts=!(null==Eo||!Eo.isChiplessDashboard),es=O({uiSettings:null==os?void 0:os.ui,isChiplessDashboard:ts}),ns=!(null==os||null===(K=os.ui)||void 0===K||!K.enable_comments),is=k($),ps=g({onIsMaximizedChange:Po,devCenterRouter:io,appId:oo}),rs=ps.isMaximized,cs=ps.setIsMaximized,ms=wo||F(null===(Z=io.location.query)||void 0===Z?void 0:Z.query),as=$.id===W,ls=n((function(){return as&&Uo?G(G({},to),{},{w:M}):to}),[as,Uo,to]),ds=b($),us=R({CLIAppComponent:X,CLIAppSettings:Y,app:$,version:ds}),js=us.isLoading,As=us.AppSettings,Cs=us.AppComponent,gs=j({setIsFullscreenModalMode:Ho}),Is=gs.isAppSettingsDialogOpened,Vs=gs.toggleAppSettingsDialog,vs=A(),hs=vs.isAnnotationsListOpened,Ss=vs.toggleAnnotationsList,fs=!(!js&&no&&(es||!$o.isLoading)),bs=C({app:$,appData:$o,currentDashboardAppsLastAnnotations:eo}),Ds=bs.appLastAnnotation,Ps=bs.assetCompanyId,xs=bs.assetIdForAnnotation,Ts=bs.isAppSupportsAnnotations,Ms=n((function(){return p(r($o,P),Boolean)}),[$o]),Ls=n((function(){return Qo.map((function(o){return G(G({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&io.push(o.to)}})}))}),[Qo,io]),ys=!(null==os||null===(J=os.ui)||void 0===J||!J.use_app_header_v3),Os=!(null===(Q=io.location.pathname)||void 0===Q||!Q.startsWith(T)),ks=I({app:$,appLastAnnotation:Ds,appTimestamp:ms,chatActions:Wo,coordinates:ls,currentUser:no,devCenterRouter:io,filteredAppData:Ms,isMaximized:rs,layoutEnvironment:Vo,onSettingChange:To,onSettingsChange:Lo,registerAITools:ko,segment:ss,setIsFullscreenModalMode:Ho,setIsMaximized:cs,setMainMenuItems:Ko,setSecondaryMenuItems:Xo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs,updateCurrentDashboardAppLastAnnotation:Bo});return d(l.Provider,{value:io,children:d(V,{setIsFullscreenModalMode:Ho,children:d(E,G(G({maximized:rs,setMaximized:cs,appId:$.app.id,app:$,appSettings:$.settings,onSettingChange:To,onSettingsChange:Lo,appHeadersV3Enabled:ys,isBrowserFullscreen:co,enterBrowserFullscreen:mo,exitBrowserFullscreen:ao,isSeparateWindow:lo,openSeparateWindow:uo,closeSeparateWindow:jo,setSeparateWindowTitle:Ao,isNonIsolatedApp:go,disableAppAssetSelection:po,isMultiRig:es,currentUser:no,appData:$o,layoutEnvironment:Vo,appSettingsComponent:As,dashboardMeta:Eo,toggleAnnotationsList:Ts?Ss:void 0,onHelpCenterClick:Do,secondaryMenuItems:Ls,onAppRemove:So,isInsideNewMobileApp:H,globalOffsetWells:null==Eo?void 0:Eo.globalOffsetWells,globalOffsetWellsVersion:null==Eo?void 0:Eo.globalOffsetWellsVersion,globalOffsetWellsToken:null==Eo?void 0:Eo.globalOffsetWellsToken,reloadApp:Ro},Ms),{},{children:d(L,{children:u("article",{className:i("dc-app-container",H&&"dc-app-container--inside-new-mobile-app",Os&&"dc-app-container--inside-home-page",so,rs&&"dc-app-container__maximized",zo.isLightTheme&&"dc-app-container__light-theme",q.container),"data-testid":"".concat(x,"_").concat(is),onClick:function(){return ho()},children:[d(z,{}),d("div",{className:q.containerContent,children:d(h,{AppComponent:Cs,app:$,appData:Ms,availability:D($.availability,no.company.with_subscription),isCLIApp:as,isLoading:fs,isMultiRig:es,layoutEnvironment:null!=Vo?Vo:null,openIntercom:Oo,segment:ss,toggleAppSettingsDialog:Vs,appProps:ks},$o.appHash)}),d(v,{app:$,appData:$o,appName:is,appSettingsComponent:As,assetCompanyId:Ps,assetIdForAnnotation:xs,currentUser:no,disableAppAssetSelection:po,isAnnotationsListOpened:hs,isAppSettingsDialogOpened:Is,isMultiRig:es,isSettingsDialogHidden:Io,layoutEnvironment:Vo,onAppRemove:So,onCloneDashboard:bo,onSettingsChange:Lo,openIntercom:Oo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs}),rs&&!ys&&d(f,{setIsMaximized:cs}),!ro&&(!ys||fs)&&d(S,{app:$,currentUser:no,devCenterRouter:io,isAnnotationsSupported:Ts,isCLIApp:as,isCommentsEnabled:ns,isInsideNewMobileApp:H,isMaximized:rs,isMobileView:Uo,mainMenuItems:_o,secondaryMenuItems:Qo,onHelpCenterClick:Do,onReportBugClick:fo,setIsFullscreenModalMode:Ho,setIsMaximized:cs,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs})]})})}))})})};export{N as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as e,useMemo as n}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import a from"../AppContext.js";import{DevCenterRouterContext as l}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as d,jsxs as u}from"react/jsx-runtime";import{useAppSettings as j}from"./effects/useAppSettings.js";import A from"./effects/useAnnotationsList.js";import C from"./effects/useAnnotationsData.js";import g from"./effects/useAppMaximized.js";import{useDevCenterAppProps as I}from"./effects/useDevCenterAppProps.js";import{DcFullscreenElemsCoordinatorProvider as V}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DevCenterAppDialogs as v}from"./components/DevCenterAppDialogs.js";import h from"./components/DevCenterAppView/DevCenterAppView.js";import{LegacyAppActions as S}from"./components/LegacyAppActions.js";import f from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as b,getAppAvailability as D}from"./utils.js";import{APP_DATA_ASSET_KEYS as P,PAGE_NAME as x,HOME_PATH_PREFIX as T,MOBILE_CLI_APP_GRID_WIDTH as M}from"./constants.js";import{CommentsSwitchProvider as L}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import"./components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"./components/IsInsideIsolatedDcAppProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/TemplatesControl/types.js";import"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"../../../constants/completion.js";import"moment";import"../../../constants/alerts.js";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import{getAppSegment as y,isDCAppMultiRig as O,getAppName as k,getTimestampFromQuery as F}from"../../../utils/devcenter.js";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import{isInsideNewMobileApp as H,isNativeDetected as w,isMobileDetected as B}from"../../../utils/mobileDetect.js";import"../../../constants/notifications.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../constants/apps.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../constants/appPackages.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import{AppCommonsProvider as E}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import R from"../../../effects/useDevCenterApp.js";import{DEV_CENTER_CLI_APP_ID as W}from"../../../constants/devcenter.js";import"../../../constants/drillstring.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import q from"./DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";function U(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function G(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var N=function(o){var U,N,_,K,Z,J,Q,X=o.CLIAppComponent,Y=o.CLIAppSettings,$=o.app,oo=o.appId,so=o.className,to=o.coordinates,eo=o.currentDashboardAppsLastAnnotations,no=o.currentUser,io=o.devCenterRouter,po=o.disableAppAssetSelection,ro=o.isActionsDisabled,co=o.isBrowserFullscreen,mo=o.enterBrowserFullscreen,ao=o.exitBrowserFullscreen,lo=o.isSeparateWindow,uo=o.openSeparateWindow,jo=o.closeSeparateWindow,Ao=o.setSeparateWindowTitle,Co=o.isNonIsolatedApp,go=void 0!==Co&&Co,Io=o.isSettingsDialogHidden,Vo=o.layoutEnvironment,vo=o.onAppContainerClick,ho=void 0===vo?c:vo,So=o.onAppRemove,fo=o.onReportBugClick,bo=o.onCloneDashboard,Do=o.onHelpCenterClick,Po=o.onIsMaximizedChange,xo=o.onSettingChange,To=void 0===xo?c:xo,Mo=o.onSettingsChange,Lo=void 0===Mo?c:Mo,yo=o.openIntercom,Oo=void 0===yo?c:yo,ko=o.registerAITools,Fo=o.setIsFullscreenModalMode,Ho=void 0===Fo?c:Fo,wo=o.timestamp,Bo=o.updateCurrentDashboardAppLastAnnotation,Eo=o.dashboardMeta,Ro=o.reloadApp,Wo=o.chatActions,qo=t(a),zo=m(),Uo=w||B,Go=e([]),No=s(Go,2),_o=No[0],Ko=No[1],Zo=e([]),Jo=s(Zo,2),Qo=Jo[0],Xo=Jo[1],Yo=oo||$.id,$o=null!==(U=Yo?null==qo?void 0:qo[Yo]:void 0)&&void 0!==U?U:{isLoading:!0},os=null===(N=$.package)||void 0===N||null===(_=N.manifest)||void 0===_?void 0:_.application,ss=y($),ts=!(null==Eo||!Eo.isChiplessDashboard),es=O({uiSettings:null==os?void 0:os.ui,isChiplessDashboard:ts}),ns=!(null==os||null===(K=os.ui)||void 0===K||!K.enable_comments),is=k($),ps=g({onIsMaximizedChange:Po,devCenterRouter:io,appId:oo}),rs=ps.isMaximized,cs=ps.setIsMaximized,ms=wo||F(null===(Z=io.location.query)||void 0===Z?void 0:Z.query),as=$.id===W,ls=n((function(){return as&&Uo?G(G({},to),{},{w:M}):to}),[as,Uo,to]),ds=b($),us=R({CLIAppComponent:X,CLIAppSettings:Y,app:$,version:ds}),js=us.isLoading,As=us.AppSettings,Cs=us.AppComponent,gs=j({setIsFullscreenModalMode:Ho}),Is=gs.isAppSettingsDialogOpened,Vs=gs.toggleAppSettingsDialog,vs=A(),hs=vs.isAnnotationsListOpened,Ss=vs.toggleAnnotationsList,fs=!(!js&&no&&(es||!$o.isLoading)),bs=C({app:$,appData:$o,currentDashboardAppsLastAnnotations:eo}),Ds=bs.appLastAnnotation,Ps=bs.assetCompanyId,xs=bs.assetIdForAnnotation,Ts=bs.isAppSupportsAnnotations,Ms=n((function(){return p(r($o,P),Boolean)}),[$o]),Ls=n((function(){return Qo.map((function(o){return G(G({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&io.push(o.to)}})}))}),[Qo,io]),ys=!(null==os||null===(J=os.ui)||void 0===J||!J.use_app_header_v3),Os=!(null===(Q=io.location.pathname)||void 0===Q||!Q.startsWith(T)),ks=I({app:$,appLastAnnotation:Ds,appTimestamp:ms,chatActions:Wo,coordinates:ls,currentUser:no,devCenterRouter:io,filteredAppData:Ms,isMaximized:rs,layoutEnvironment:Vo,onSettingChange:To,onSettingsChange:Lo,registerAITools:ko,segment:ss,setIsFullscreenModalMode:Ho,setIsMaximized:cs,setMainMenuItems:Ko,setSecondaryMenuItems:Xo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs,updateCurrentDashboardAppLastAnnotation:Bo});return d(l.Provider,{value:io,children:d(V,{setIsFullscreenModalMode:Ho,children:d(E,G(G({maximized:rs,setMaximized:cs,appId:$.app.id,app:$,appSettings:$.settings,onSettingChange:To,onSettingsChange:Lo,appHeadersV3Enabled:ys,isBrowserFullscreen:co,enterBrowserFullscreen:mo,exitBrowserFullscreen:ao,isSeparateWindow:lo,openSeparateWindow:uo,closeSeparateWindow:jo,setSeparateWindowTitle:Ao,isNonIsolatedApp:go,disableAppAssetSelection:po,isMultiRig:es,currentUser:no,appData:$o,layoutEnvironment:Vo,appSettingsComponent:As,dashboardMeta:Eo,toggleAnnotationsList:Ts?Ss:void 0,onHelpCenterClick:Do,secondaryMenuItems:Ls,onAppRemove:So,isInsideNewMobileApp:H,globalOffsetWells:null==Eo?void 0:Eo.globalOffsetWells,globalOffsetWellsVersion:null==Eo?void 0:Eo.globalOffsetWellsVersion,globalOffsetWellsToken:null==Eo?void 0:Eo.globalOffsetWellsToken,reloadApp:Ro},Ms),{},{children:d(L,{children:u("article",{className:i("dc-app-container",H&&"dc-app-container--inside-new-mobile-app",Os&&"dc-app-container--inside-home-page",so,rs&&"dc-app-container__maximized",zo.isLightTheme&&"dc-app-container__light-theme",q.container),"data-testid":"".concat(x,"_").concat(is),onClick:function(){return ho()},children:[d(z,{}),d("div",{className:q.containerContent,children:d(h,{AppComponent:Cs,app:$,appData:Ms,availability:D($.availability,no.company.with_subscription),isCLIApp:as,isLoading:fs,isMultiRig:es,layoutEnvironment:null!=Vo?Vo:null,openIntercom:Oo,segment:ss,toggleAppSettingsDialog:Vs,appProps:ks},$o.appHash)}),d(v,{app:$,appData:$o,appName:is,appSettingsComponent:As,assetCompanyId:Ps,assetIdForAnnotation:xs,currentUser:no,disableAppAssetSelection:po,isAnnotationsListOpened:hs,isAppSettingsDialogOpened:Is,isMultiRig:es,isSettingsDialogHidden:Io,layoutEnvironment:Vo,onAppRemove:So,onCloneDashboard:bo,onSettingsChange:Lo,openIntercom:Oo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs}),rs&&!ys&&d(f,{setIsMaximized:cs}),!ro&&(!ys||fs)&&d(S,{app:$,currentUser:no,devCenterRouter:io,isAnnotationsSupported:Ts,isCLIApp:as,isCommentsEnabled:ns,isInsideNewMobileApp:H,isMaximized:rs,isMobileView:Uo,mainMenuItems:_o,secondaryMenuItems:Qo,onHelpCenterClick:Do,onReportBugClick:fo,setIsFullscreenModalMode:Ho,setIsMaximized:cs,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs})]})})}))})})};export{N as default};
 //# sourceMappingURL=DevCenterAppContainer.js.map

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n  useAnnotationsData,\n  useAnnotationsList,\n  useAppMaximized,\n  useAppSettings,\n  useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n  APP_DATA_ASSET_KEYS,\n  HOME_PATH_PREFIX,\n  MOBILE_CLI_APP_GRID_WIDTH,\n  PAGE_NAME,\n} from './constants';\nimport type {\n  AppCoordinates,\n  AppDataEntry,\n  ChatActions,\n  DashboardAppLastAnnotation,\n  DevCenterAppResource,\n  DevCenterCurrentUser,\n  DevCenterMenuItem,\n  DevCenterRouter,\n  LayoutEnvironment,\n  RegisterAITools,\n  SetIsFullscreenModalMode,\n  UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { AppDashboardMeta } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n  getAppName,\n  getAppSegment,\n  getTimestampFromQuery,\n  isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/**\n * `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n */\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n  app: DevCenterAppResource;\n  currentUser: DevCenterCurrentUser;\n  /** Platform router. Not React Router — the DC shell supplies its own. */\n  devCenterRouter: DevCenterRouter;\n\n  /**\n   * Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n   * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n   * typed ones consumers pass.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppComponent?: ComponentType<any> | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppSettings?: ComponentType<any> | null;\n  /** Defaults to `app.id` when omitted. */\n  appId?: number;\n  className?: string | null;\n  chatActions?: ChatActions | null;\n  coordinates?: AppCoordinates | null;\n  currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] | null;\n  dashboardMeta?: AppDashboardMeta;\n  disableAppAssetSelection?: boolean;\n  isActionsDisabled?: boolean;\n  /**\n   * [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n   * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n   */\n  isNonIsolatedApp?: boolean;\n  isSettingsDialogHidden?: boolean;\n  layoutEnvironment?: LayoutEnvironment | null;\n  onAppContainerClick?: () => void;\n  onAppRemove?: () => void;\n  onCloneDashboard?: () => void;\n  onHelpCenterClick?: () => void;\n  onIsMaximizedChange?: (isMaximized: boolean) => void;\n  onReportBugClick?: (() => void) | null;\n  onSettingChange?: (key: string, value: unknown) => void;\n  onSettingsChange?: (value: unknown) => void;\n  openIntercom?: () => void;\n  registerAITools?: RegisterAITools;\n  reloadApp?: () => void;\n  setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n  timestamp?: number | null;\n  updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n  !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  disableAppAssetSelection,\n  isActionsDisabled,\n  isBrowserFullscreen,\n  enterBrowserFullscreen,\n  exitBrowserFullscreen,\n  isSeparateWindow,\n  openSeparateWindow,\n  closeSeparateWindow,\n  setSeparateWindowTitle,\n  isNonIsolatedApp = false,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  openIntercom = noop,\n  registerAITools,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n  reloadApp,\n  chatActions,\n}) => {\n  // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n  // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n  // context itself, which belongs to `DevCenter/AppContext`.\n  const appsData: Record<string, AppDataEntry> | undefined = useContext(AppContext);\n  const theme = useTheme();\n  const isMobileView = isNativeDetected || isMobileDetected;\n  const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n  // `||`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n  const appDataKey = appId || app.id;\n  const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n  const isMultiRig = isDCAppMultiRig({\n    uiSettings: application?.ui,\n    isChiplessDashboard,\n  });\n  const isCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Isolated apps are mounted without the router query the timestamp normally comes from,\n  // so the host passes it as a prop instead.\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n  // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n  const updatedCoordinates = useMemo(\n    () =>\n      isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n    [isCLIApp, isMobileView, coordinates]\n  );\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = !!(isAppLoading || !currentUser || (!isMultiRig && appData.isLoading));\n\n  const {\n    appLastAnnotation,\n    assetCompanyId,\n    assetIdForAnnotation,\n    isAppSupportsAnnotations: isAnnotationsSupported,\n  } = useAnnotationsData({\n    app,\n    appData,\n    currentDashboardAppsLastAnnotations,\n  });\n\n  const filteredAppData = useMemo(\n    () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n    [appData]\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  const appProps = useDevCenterAppProps({\n    app,\n    appLastAnnotation,\n    appTimestamp,\n    chatActions,\n    coordinates: updatedCoordinates,\n    currentUser,\n    devCenterRouter,\n    filteredAppData,\n    isMaximized,\n    layoutEnvironment,\n    onSettingChange,\n    onSettingsChange,\n    registerAITools,\n    segment,\n    setIsFullscreenModalMode,\n    setIsMaximized,\n    setMainMenuItems,\n    setSecondaryMenuItems,\n    toggleAnnotationsList,\n    toggleAppSettingsDialog,\n    updateCurrentDashboardAppLastAnnotation,\n  });\n\n  // Called without the native event: this crosses an iframe boundary, where a DOM event\n  // cannot be serialised.\n  const handleAppContainerClick = () => onAppContainerClick();\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <DevCenterRouterContext.Provider value={devCenterRouter}>\n      <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n        <AppCommonsProvider\n          maximized={isMaximized}\n          setMaximized={setIsMaximized}\n          appId={app.app.id}\n          app={app}\n          appSettings={app.settings}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          appHeadersV3Enabled={isAppHeadersV3Enabled}\n          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\n          isNonIsolatedApp={isNonIsolatedApp}\n          disableAppAssetSelection={disableAppAssetSelection}\n          isMultiRig={isMultiRig}\n          currentUser={currentUser}\n          appData={appData}\n          layoutEnvironment={layoutEnvironment}\n          appSettingsComponent={AppSettings}\n          dashboardMeta={dashboardMeta}\n          toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n          onHelpCenterClick={onHelpCenterClick}\n          secondaryMenuItems={simplifiedSecondaryMenuItems}\n          onAppRemove={onAppRemove}\n          isInsideNewMobileApp={isInsideNewMobileApp}\n          globalOffsetWells={dashboardMeta?.globalOffsetWells}\n          globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n          globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n          reloadApp={reloadApp}\n          {...filteredAppData}\n        >\n          <CommentsSwitchProvider>\n            <article\n              className={classNames(\n                'dc-app-container',\n                isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                isInsideHomePage && 'dc-app-container--inside-home-page',\n                className,\n                // This class is applied so that DC apps developers can style their content\n                // when an app is in fullscreen\n                isMaximized && 'dc-app-container__maximized',\n                theme.isLightTheme && 'dc-app-container__light-theme',\n                styles.container\n              )}\n              data-testid={`${PAGE_NAME}_${appName}`}\n              onClick={handleAppContainerClick}\n            >\n              <ToastContainer />\n              <div className={styles.containerContent}>\n                <DevCenterAppView\n                  // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n                  // new mount. React 18 batching collapses away the `isLoading` frame this used\n                  // to rely on whenever AppsDataProvider serves the asset from its cache.\n                  key={appData.appHash}\n                  AppComponent={AppComponent}\n                  app={app}\n                  appData={filteredAppData}\n                  availability={getAppAvailability(\n                    app.availability,\n                    currentUser.company.with_subscription\n                  )}\n                  isCLIApp={isCLIApp}\n                  isLoading={isLoading}\n                  isMultiRig={isMultiRig}\n                  layoutEnvironment={layoutEnvironment ?? null}\n                  openIntercom={openIntercom}\n                  segment={segment}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                  appProps={appProps}\n                />\n              </div>\n              <DevCenterAppDialogs\n                app={app}\n                appData={appData}\n                appName={appName}\n                appSettingsComponent={AppSettings}\n                assetCompanyId={assetCompanyId}\n                assetIdForAnnotation={assetIdForAnnotation}\n                currentUser={currentUser}\n                disableAppAssetSelection={disableAppAssetSelection}\n                isAnnotationsListOpened={isAnnotationsListOpened}\n                isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n                isMultiRig={isMultiRig}\n                isSettingsDialogHidden={isSettingsDialogHidden}\n                layoutEnvironment={layoutEnvironment}\n                onAppRemove={onAppRemove}\n                onCloneDashboard={onCloneDashboard}\n                onSettingsChange={onSettingsChange}\n                openIntercom={openIntercom}\n                toggleAnnotationsList={toggleAnnotationsList}\n                toggleAppSettingsDialog={toggleAppSettingsDialog}\n              />\n              {isMaximized && !isAppHeadersV3Enabled && (\n                <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n              )}\n\n              {!isActionsDisabled && (!isAppHeadersV3Enabled || isLoading) && (\n                <LegacyAppActions\n                  app={app}\n                  currentUser={currentUser}\n                  devCenterRouter={devCenterRouter}\n                  isAnnotationsSupported={isAnnotationsSupported}\n                  isCLIApp={isCLIApp}\n                  isCommentsEnabled={isCommentsEnabled}\n                  isInsideNewMobileApp={isInsideNewMobileApp}\n                  isMaximized={isMaximized}\n                  isMobileView={isMobileView}\n                  mainMenuItems={mainMenuItems}\n                  secondaryMenuItems={secondaryMenuItems}\n                  onHelpCenterClick={onHelpCenterClick}\n                  onReportBugClick={onReportBugClick}\n                  setIsFullscreenModalMode={setIsFullscreenModalMode}\n                  setIsMaximized={setIsMaximized}\n                  toggleAnnotationsList={toggleAnnotationsList}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                />\n              )}\n            </article>\n          </CommentsSwitchProvider>\n        </AppCommonsProvider>\n      </DcFullscreenElemsCoordinatorProvider>\n    </DevCenterRouterContext.Provider>\n  );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}
+{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n  useAnnotationsData,\n  useAnnotationsList,\n  useAppMaximized,\n  useAppSettings,\n  useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n  APP_DATA_ASSET_KEYS,\n  HOME_PATH_PREFIX,\n  MOBILE_CLI_APP_GRID_WIDTH,\n  PAGE_NAME,\n} from './constants';\nimport type {\n  AppCoordinates,\n  AppDataEntry,\n  ChatActions,\n  DashboardAppLastAnnotation,\n  DevCenterAppResource,\n  DevCenterCurrentUser,\n  DevCenterMenuItem,\n  DevCenterRouter,\n  LayoutEnvironment,\n  RegisterAITools,\n  SetIsFullscreenModalMode,\n  UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { AppDashboardMeta } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n  getAppName,\n  getAppSegment,\n  getTimestampFromQuery,\n  isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/**\n * `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n */\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n  app: DevCenterAppResource;\n  currentUser: DevCenterCurrentUser;\n  /** Platform router. Not React Router — the DC shell supplies its own. */\n  devCenterRouter: DevCenterRouter;\n\n  /**\n   * Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n   * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n   * typed ones consumers pass.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppComponent?: ComponentType<any> | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppSettings?: ComponentType<any> | null;\n  /** Defaults to `app.id` when omitted. */\n  appId?: number;\n  className?: string | null;\n  chatActions?: ChatActions | null;\n  coordinates?: AppCoordinates | null;\n  currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] | null;\n  dashboardMeta?: AppDashboardMeta;\n  disableAppAssetSelection?: boolean;\n  isActionsDisabled?: boolean;\n  /**\n   * [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n   * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n   */\n  isNonIsolatedApp?: boolean;\n  isSettingsDialogHidden?: boolean;\n  layoutEnvironment?: LayoutEnvironment | null;\n  onAppContainerClick?: () => void;\n  onAppRemove?: () => void;\n  onCloneDashboard?: () => void;\n  onHelpCenterClick?: () => void;\n  onIsMaximizedChange?: (isMaximized: boolean) => void;\n  onReportBugClick?: (() => void) | null;\n  onSettingChange?: (key: string, value: unknown) => void;\n  onSettingsChange?: (value: unknown) => void;\n  openIntercom?: () => void;\n  registerAITools?: RegisterAITools;\n  reloadApp?: () => void;\n  setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n  timestamp?: number | null;\n  updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n  !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  disableAppAssetSelection,\n  isActionsDisabled,\n  isBrowserFullscreen,\n  enterBrowserFullscreen,\n  exitBrowserFullscreen,\n  isSeparateWindow,\n  openSeparateWindow,\n  closeSeparateWindow,\n  setSeparateWindowTitle,\n  isNonIsolatedApp = false,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  openIntercom = noop,\n  registerAITools,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n  reloadApp,\n  chatActions,\n}) => {\n  // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n  // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n  // context itself, which belongs to `DevCenter/AppContext`.\n  const appsData: Record<string, AppDataEntry> | undefined = useContext(AppContext);\n  const theme = useTheme();\n  const isMobileView = isNativeDetected || isMobileDetected;\n  const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n  // `||`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n  const appDataKey = appId || app.id;\n  const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n  const isMultiRig = isDCAppMultiRig({\n    uiSettings: application?.ui,\n    isChiplessDashboard,\n  });\n  const isCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Isolated apps are mounted without the router query the timestamp normally comes from,\n  // so the host passes it as a prop instead.\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n  // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n  const updatedCoordinates = useMemo(\n    () =>\n      isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n    [isCLIApp, isMobileView, coordinates]\n  );\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = !!(isAppLoading || !currentUser || (!isMultiRig && appData.isLoading));\n\n  const {\n    appLastAnnotation,\n    assetCompanyId,\n    assetIdForAnnotation,\n    isAppSupportsAnnotations: isAnnotationsSupported,\n  } = useAnnotationsData({\n    app,\n    appData,\n    currentDashboardAppsLastAnnotations,\n  });\n\n  const filteredAppData = useMemo(\n    () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n    [appData]\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  const appProps = useDevCenterAppProps({\n    app,\n    appLastAnnotation,\n    appTimestamp,\n    chatActions,\n    coordinates: updatedCoordinates,\n    currentUser,\n    devCenterRouter,\n    filteredAppData,\n    isMaximized,\n    layoutEnvironment,\n    onSettingChange,\n    onSettingsChange,\n    registerAITools,\n    segment,\n    setIsFullscreenModalMode,\n    setIsMaximized,\n    setMainMenuItems,\n    setSecondaryMenuItems,\n    toggleAnnotationsList,\n    toggleAppSettingsDialog,\n    updateCurrentDashboardAppLastAnnotation,\n  });\n\n  // Called without the native event: this crosses an iframe boundary, where a DOM event\n  // cannot be serialised.\n  const handleAppContainerClick = () => onAppContainerClick();\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <DevCenterRouterContext.Provider value={devCenterRouter}>\n      <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n        <AppCommonsProvider\n          maximized={isMaximized}\n          setMaximized={setIsMaximized}\n          appId={app.app.id}\n          app={app}\n          appSettings={app.settings}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          appHeadersV3Enabled={isAppHeadersV3Enabled}\n          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\n          isNonIsolatedApp={isNonIsolatedApp}\n          disableAppAssetSelection={disableAppAssetSelection}\n          isMultiRig={isMultiRig}\n          currentUser={currentUser}\n          appData={appData}\n          layoutEnvironment={layoutEnvironment}\n          appSettingsComponent={AppSettings}\n          dashboardMeta={dashboardMeta}\n          toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n          onHelpCenterClick={onHelpCenterClick}\n          secondaryMenuItems={simplifiedSecondaryMenuItems}\n          onAppRemove={onAppRemove}\n          isInsideNewMobileApp={isInsideNewMobileApp}\n          globalOffsetWells={dashboardMeta?.globalOffsetWells}\n          globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n          globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n          reloadApp={reloadApp}\n          {...filteredAppData}\n        >\n          <CommentsSwitchProvider>\n            <article\n              className={classNames(\n                'dc-app-container',\n                isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                isInsideHomePage && 'dc-app-container--inside-home-page',\n                className,\n                // This class is applied so that DC apps developers can style their content\n                // when an app is in fullscreen\n                isMaximized && 'dc-app-container__maximized',\n                theme.isLightTheme && 'dc-app-container__light-theme',\n                styles.container\n              )}\n              data-testid={`${PAGE_NAME}_${appName}`}\n              onClick={handleAppContainerClick}\n            >\n              <ToastContainer />\n              <div className={styles.containerContent}>\n                <DevCenterAppView\n                  // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n                  // new mount. React 18 batching collapses away the `isLoading` frame this used\n                  // to rely on whenever AppsDataProvider serves the asset from its cache.\n                  key={appData.appHash}\n                  AppComponent={AppComponent}\n                  app={app}\n                  appData={filteredAppData}\n                  availability={getAppAvailability(\n                    app.availability,\n                    currentUser.company.with_subscription\n                  )}\n                  isCLIApp={isCLIApp}\n                  isLoading={isLoading}\n                  isMultiRig={isMultiRig}\n                  layoutEnvironment={layoutEnvironment ?? null}\n                  openIntercom={openIntercom}\n                  segment={segment}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                  appProps={appProps}\n                />\n              </div>\n              <DevCenterAppDialogs\n                app={app}\n                appData={appData}\n                appName={appName}\n                appSettingsComponent={AppSettings}\n                assetCompanyId={assetCompanyId}\n                assetIdForAnnotation={assetIdForAnnotation}\n                currentUser={currentUser}\n                disableAppAssetSelection={disableAppAssetSelection}\n                isAnnotationsListOpened={isAnnotationsListOpened}\n                isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n                isMultiRig={isMultiRig}\n                isSettingsDialogHidden={isSettingsDialogHidden}\n                layoutEnvironment={layoutEnvironment}\n                onAppRemove={onAppRemove}\n                onCloneDashboard={onCloneDashboard}\n                onSettingsChange={onSettingsChange}\n                openIntercom={openIntercom}\n                toggleAnnotationsList={toggleAnnotationsList}\n                toggleAppSettingsDialog={toggleAppSettingsDialog}\n              />\n              {isMaximized && !isAppHeadersV3Enabled && (\n                <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n              )}\n\n              {!isActionsDisabled && (!isAppHeadersV3Enabled || isLoading) && (\n                <LegacyAppActions\n                  app={app}\n                  currentUser={currentUser}\n                  devCenterRouter={devCenterRouter}\n                  isAnnotationsSupported={isAnnotationsSupported}\n                  isCLIApp={isCLIApp}\n                  isCommentsEnabled={isCommentsEnabled}\n                  isInsideNewMobileApp={isInsideNewMobileApp}\n                  isMaximized={isMaximized}\n                  isMobileView={isMobileView}\n                  mainMenuItems={mainMenuItems}\n                  secondaryMenuItems={secondaryMenuItems}\n                  onHelpCenterClick={onHelpCenterClick}\n                  onReportBugClick={onReportBugClick}\n                  setIsFullscreenModalMode={setIsFullscreenModalMode}\n                  setIsMaximized={setIsMaximized}\n                  toggleAnnotationsList={toggleAnnotationsList}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                />\n              )}\n            </article>\n          </CommentsSwitchProvider>\n        </AppCommonsProvider>\n      </DcFullscreenElemsCoordinatorProvider>\n    </DevCenterRouterContext.Provider>\n  );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.js

@@ -1,2 +1,2 @@
-import{useCallback as o}from"react";import{useAppCommentsMode as s,useSetAppCommentsMode as t}from"./CommentsSwitchContext.js";import n from"./CommentsSwitchButton.scss.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../componentsV2/Header/Header.scss.js";import{jsx as e}from"react/jsx-runtime";import"../../../../../componentsV2/Button/Button.js";import{ButtonIcon as i}from"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as c}from"../../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../../componentsV2/Popover/Popover.js";import"../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import{Avatar as r}from"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../IsInsideIsolatedDcAppProvider.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"../../../../../componentsV2/utils.js";import{CloseIcon as p}from"../../../../../icons/iconParkIcons.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/PinOne.js";import"../../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../UserMention/utils/index.js";import"../../../../../utils/convert.js";import"../../../../../constants/completion.js";import"moment";import"../../../../../constants/alerts.js";import"../../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../../../utils/ga.js";import"../../../../../utils/goalsConfig/goalsConfig.js";import"../../../../../utils/lasParser.js";import"../../../../../utils/main.js";import"../../../../../utils/metrics/metricsConfig.js";import"../../../../../utils/mobileDetect.js";import"../../../../../utils/feed.js";import"../../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../../utils/dashboardReports.js";import"../../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../utils/jsonaDataFormatter.js";import"../../../../../utils/bha.js";import"jsona";import"../../../../../clients/jsonApi/index.js";import"../../../../../utils/charts/Styles.scss.js";import"../../../../../utils/getSingleAsset.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import{BadgeComment as m}from"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../AppIcon/AppIcon.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../StatusBadge/constants.js";import"lodash/unset";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../componentsV2/Select/Select.js";import"../../../../../componentsV2/AppPanel/AppPanel.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../componentsV2/Slider/constants.js";import"../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var a=function(a){var l=a.currentUser||{},j=l.first_name,d=l.last_name,u=l.profile_photo,V=s(),A=t(),I=o((function(){return A((function(o){return!o}))}),[A]);return e(c,{title:V?"Cancel":"Add Comment",placement:"top",children:e(i,{size:"small",type:"secondaryBg",onClick:I,children:V?e(p,{}):e(m,{className:n.avatar,children:e(r,{size:24,name:"".concat(j," ").concat(d),imageSrc:null!=u?u:void 0})})})})};export{a as CommentsSwitchButton};
+import{useCallback as o}from"react";import{useAppCommentsMode as s,useSetAppCommentsMode as t}from"./CommentsSwitchContext.js";import n from"./CommentsSwitchButton.scss.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../../../componentsV2/Header/Header.scss.js";import{jsx as e}from"react/jsx-runtime";import"../../../../../componentsV2/Button/Button.js";import{ButtonIcon as i}from"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as c}from"../../../../../componentsV2/Tooltip/Tooltip.js";import"../../../../../componentsV2/Popover/Popover.js";import"../../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../../componentsV2/TextArea/TextArea.js";import"../../../../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import{Avatar as r}from"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../IsInsideIsolatedDcAppProvider.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"../../../../../componentsV2/utils.js";import{CloseIcon as p}from"../../../../../icons/iconParkIcons.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/DragOne.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/PinOne.js";import"../../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../../icons/customIcons/icons/Company.js";import"../../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../../icons/customIcons/icons/Connect.js";import"../../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../../icons/customIcons/icons/Feed.js";import"../../../../../icons/customIcons/icons/Prompt.js";import"../../../../../icons/customIcons/icons/Companies.js";import"../../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../../icons/customIcons/icons/Key.js";import"../../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../../icons/customIcons/icons/MappingManual.js";import"../../../../../icons/customIcons/icons/Mapping.js";import"../../../../../icons/customIcons/icons/Metrics.js";import"../../../../../icons/customIcons/icons/Drops.js";import"../../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../../icons/customIcons/icons/Template.js";import"../../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../../icons/customIcons/icons/NPT.js";import"../../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../UserMention/utils/index.js";import"../../../../../utils/convert.js";import"../../../../../constants/completion.js";import"moment";import"../../../../../constants/alerts.js";import"../../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../../../utils/ga.js";import"../../../../../utils/goalsConfig/goalsConfig.js";import"../../../../../utils/lasParser.js";import"../../../../../utils/main.js";import"../../../../../utils/metrics/metricsConfig.js";import"../../../../../utils/mobileDetect.js";import"../../../../../utils/feed.js";import"../../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../../utils/dashboardReports.js";import"../../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../utils/jsonaDataFormatter.js";import"../../../../../utils/bha.js";import"jsona";import"../../../../../clients/jsonApi/index.js";import"../../../../../utils/charts/Styles.scss.js";import"../../../../../utils/getSingleAsset.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import{BadgeComment as m}from"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../AppIcon/AppIcon.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../StatusBadge/constants.js";import"lodash/unset";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../../componentsV2/Select/Select.js";import"../../../../../componentsV2/AppPanel/AppPanel.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../../componentsV2/Slider/constants.js";import"../../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../../componentsV2/Slider/Slider.scss.js";import"../../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";var a=function(a){var l=a.currentUser||{},j=l.first_name,d=l.last_name,u=l.profile_photo,V=s(),A=t(),I=o((function(){return A((function(o){return!o}))}),[A]);return e(c,{title:V?"Cancel":"Add Comment",placement:"top",children:e(i,{size:"small",type:"secondaryBg",onClick:I,children:V?e(p,{}):e(m,{className:n.avatar,children:e(r,{size:24,name:"".concat(j," ").concat(d),imageSrc:null!=u?u:void 0})})})})};export{a as CommentsSwitchButton};
 //# sourceMappingURL=CommentsSwitchButton.js.map

package/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsSwitchButton.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport type { FC } from 'react';\n\nimport { useAppCommentsMode, useSetAppCommentsMode } from './CommentsSwitchContext';\n\nimport styles from './CommentsSwitchButton.scss';\n\nimport { Avatar, BadgeComment, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { CloseIcon } from '~/icons';\n\ntype Props = {\n  currentUser?: {\n    first_name?: string;\n    last_name?: string;\n    profile_photo?: string | null;\n  };\n};\n\nexport const CommentsSwitchButton: FC<Props> = ({ currentUser }) => {\n  const {\n    first_name: firstName,\n    last_name: lastName,\n    profile_photo: profilePhoto,\n  } = currentUser || {};\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsEnabled = useSetAppCommentsMode();\n  const onClick = useCallback(() => setCommentsEnabled(value => !value), [setCommentsEnabled]);\n\n  return (\n    <Tooltip title={commentsEnabled ? 'Cancel' : 'Add Comment'} placement=\"top\">\n      <ButtonIcon size=\"small\" type=\"secondaryBg\" onClick={onClick}>\n        {commentsEnabled ? (\n          <CloseIcon />\n        ) : (\n          <BadgeComment className={styles.avatar}>\n            <Avatar\n              size={24}\n              name={`${firstName} ${lastName}`}\n              imageSrc={profilePhoto ?? undefined}\n            />\n          </BadgeComment>\n        )}\n      </ButtonIcon>\n    </Tooltip>\n  );\n};\n"],"names":["CommentsSwitchButton","_ref","currentUser","firstName","first_name","lastName","last_name","profilePhoto","profile_photo","commentsEnabled","useAppCommentsMode","setCommentsEnabled","useSetAppCommentsMode","onClick","useCallback","value","_jsx","Tooltip","title","placement","children","ButtonIcon","size","type","CloseIcon","BadgeComment","className","styles","avatar","Avatar","name","imageSrc","undefined"],"mappings":"urgBAkBaA,IAAAA,EAAkC,SAAqBC,GAAA,IAK9DC,IAL4CA,aAK7B,CAAE,EAHPC,IAAZC,WACWC,IAAXC,UACeC,IAAfC,cAEIC,EAAkBC,IAClBC,EAAqBC,IACrBC,EAAUC,GAAY,WAAA,OAAMH,GAAmB,SAAAI,GAAK,OAAKA,OAAQ,CAACJ,IAExE,OACEK,EAACC,EAAO,CAACC,MAAOT,EAAkB,SAAW,cAAeU,UAAU,MAAKC,SACzEJ,EAACK,EAAU,CAACC,KAAK,QAAQC,KAAK,cAAcV,QAASA,EAAQO,SAC1DX,EACCO,EAACQ,EAAY,CAAA,GAEbR,EAACS,EAAY,CAACC,UAAWC,EAAOC,OAAOR,SACrCJ,EAACa,EAAM,CACLP,KAAM,GACNQ,KAAS3B,GAAAA,OAAAA,EAAaE,KAAAA,OAAAA,GACtB0B,SAAUxB,QAAAA,OAAgByB,SAOxC"}
+{"version":3,"file":"CommentsSwitchButton.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport type { FC } from 'react';\n\nimport { useAppCommentsMode, useSetAppCommentsMode } from './CommentsSwitchContext';\n\nimport styles from './CommentsSwitchButton.scss';\n\nimport { Avatar, BadgeComment, ButtonIcon, Tooltip } from '~/componentsV2';\nimport { CloseIcon } from '~/icons';\n\ntype Props = {\n  currentUser?: {\n    first_name?: string;\n    last_name?: string;\n    profile_photo?: string | null;\n  };\n};\n\nexport const CommentsSwitchButton: FC<Props> = ({ currentUser }) => {\n  const {\n    first_name: firstName,\n    last_name: lastName,\n    profile_photo: profilePhoto,\n  } = currentUser || {};\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsEnabled = useSetAppCommentsMode();\n  const onClick = useCallback(() => setCommentsEnabled(value => !value), [setCommentsEnabled]);\n\n  return (\n    <Tooltip title={commentsEnabled ? 'Cancel' : 'Add Comment'} placement=\"top\">\n      <ButtonIcon size=\"small\" type=\"secondaryBg\" onClick={onClick}>\n        {commentsEnabled ? (\n          <CloseIcon />\n        ) : (\n          <BadgeComment className={styles.avatar}>\n            <Avatar\n              size={24}\n              name={`${firstName} ${lastName}`}\n              imageSrc={profilePhoto ?? undefined}\n            />\n          </BadgeComment>\n        )}\n      </ButtonIcon>\n    </Tooltip>\n  );\n};\n"],"names":["CommentsSwitchButton","_ref","currentUser","firstName","first_name","lastName","last_name","profilePhoto","profile_photo","commentsEnabled","useAppCommentsMode","setCommentsEnabled","useSetAppCommentsMode","onClick","useCallback","value","_jsx","Tooltip","title","placement","children","ButtonIcon","size","type","CloseIcon","BadgeComment","className","styles","avatar","Avatar","name","imageSrc","undefined"],"mappings":"0jgBAkBaA,IAAAA,EAAkC,SAAqBC,GAAA,IAK9DC,IAL4CA,aAK7B,CAAE,EAHPC,IAAZC,WACWC,IAAXC,UACeC,IAAfC,cAEIC,EAAkBC,IAClBC,EAAqBC,IACrBC,EAAUC,GAAY,WAAA,OAAMH,GAAmB,SAAAI,GAAK,OAAKA,OAAQ,CAACJ,IAExE,OACEK,EAACC,EAAO,CAACC,MAAOT,EAAkB,SAAW,cAAeU,UAAU,MAAKC,SACzEJ,EAACK,EAAU,CAACC,KAAK,QAAQC,KAAK,cAAcV,QAASA,EAAQO,SAC1DX,EACCO,EAACQ,EAAY,CAAA,GAEbR,EAACS,EAAY,CAACC,UAAWC,EAAOC,OAAOR,SACrCJ,EAACa,EAAM,CACLP,KAAM,GACNQ,KAAS3B,GAAAA,OAAAA,EAAaE,KAAAA,OAAAA,GACtB0B,SAAUxB,QAAAA,OAAgByB,SAOxC"}