@corva/ui 3.74.0-0 → 3.74.0-2

package/components/CommentInputNext/CommentInputNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentInputNext.js","sources":["../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","dropOverlay","_jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"ioKA+DA,IAIaA,EAAeC,GAC1B,SAAAC,EA8BEC,GACG,IAAAC,EAAAF,EA7BDG,YAAAA,aAAc,gBAAeD,EAC7BE,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAV,EACTW,QAAAA,aAAU,EAACD,EACXE,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAlB,EACRmB,YAAAA,aAAc,OAAMD,EACpBE,IAAAA,YACAC,IAAAA,mBACAC,IAAAA,kBACAC,IAAAA,oBACAC,IAAAA,YAAWC,EAAAzB,EACX0B,UAAAA,aAAY,kBAAiBD,EAC7BE,IAAAA,eACAC,IAAAA,QACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,OAIFC,EAAqCC,EAAY1B,OAAW2B,EAAYX,GAAhEY,IAAAA,WAAYC,IAAAA,aACdC,EAAcF,GAAcG,EAAA,MAAA,CAAKR,UAAWS,EAAOF,YAAYG,SAAEf,IAEjEgB,OAAyBP,IAAV/B,EACqBuC,GAAAA,EAAS,IAAGC,GAAAC,EAAAC,GAAA,GAA/CC,GAAaH,GAAA,GAAEI,GAAgBJ,GAAA,GAChCK,GAAOP,EAAetC,EAAQ2C,GAG9BG,GAAUtC,QAAAA,EAAYG,EA3CV,GADG,EA8CfoC,GAAcC,EAAmC,MACjDC,GAASC,GACb,SAACC,GAEC,GADAJ,GAAYK,QAAUD,EACjBA,EAAL,CACA,IAAME,EAAOF,EACbE,EAAKC,MAAMC,OAAS,OACpB,IAAMC,EAtDS,GAsDGV,GAClBO,EAAKC,MAAMC,iBAAYE,KAAKC,IAAIL,EAAKM,aAAcH,GAAc,MACjEH,EAAKC,MAAMM,UAAYP,EAAKM,aAAeH,EAAY,OAAS,QALvD,CAMX,GACA,CAACV,KAIHe,GAAgB,WACTpD,GAAOwC,GAAOF,GAAYK,QAChC,GAAE,CAACP,GAAMpC,EAAOwC,KAEjB,IAUMa,IAAWpD,QAAAA,IAAemC,GAAKkB,UAAY3D,EAE3C4D,GAAS,WACRF,KACL5D,SAAAA,EAAW2C,GAAKkB,QACXzB,GAAiB7B,GAAOmC,GAAiB,MAgB1CqB,GAASxD,QAAAA,EACb0B,EAAA,WAAA,CACEtC,IAAKoD,GACLtB,UAAWS,EAAO8B,MAClBC,KAAM5D,EACNR,YAAaA,EACbC,MAAO6C,GACPzC,SAAUA,EAEVC,UAAWA,EACXJ,SApCiB,SAACmE,GALN,IAACC,IAMPD,EAAME,OAAOtE,MALhBsC,GAAcM,GAAiByB,GACpCpE,SAAAA,EAAWoE,GAKXpB,GAAOmB,EAAME,SAmCXC,UAxBkB,SAACH,GACrB,GAAkB,WAAdA,EAAMI,KAAoBrE,EAG5B,OAFAiE,EAAMK,sBACNtE,IAIgB,UAAdiE,EAAMI,KAAoBJ,EAAMM,WAClCN,EAAMK,iBACNT,SAmBEW,GAAa9D,QAAAA,EAEjBsB,EAACyC,EAAO,CAACC,MAAO9D,EAAYsB,SAC1BF,EAAA,OAAA,CAAMR,UAAWS,EAAO0C,KAAKzC,SAC3BF,EAAC4C,EAAU,CACTC,KAAMrE,EAAO,KAAO,QACpBsE,KAAK,UACL7E,UAAW0D,GACXoB,QAASlB,GACTpC,OAAO,qBAAoBS,SAE3BF,EAACgD,EAAW,UAMdC,KAAkBpE,aAAW,EAAXA,EAAaqE,SAAU9D,IAC7C+D,EAAA,MAAA,CAAK3D,UAAWS,EAAOmD,WAAWlD,SAC/BrB,CAAAA,SAAAA,EAAaqE,OACZlD,EAACqD,EAAiB,CAChBC,MAAOzE,EACP0E,SAAUzE,EACV0E,QAASzE,EACT0E,UAAWzE,IAEX,KACHI,KAIL,OAEI+D,EAAA,MAFA3E,EAEAkF,EAAAA,EAAA,CACEhG,IAAKA,EACL,cAAa+B,EACbD,UAAWmE,EAAW1D,EAAO2D,SAAUpE,IACnCM,GAAY,GAAA,CAAAI,SAAA,CAEfH,EACDoD,EAAA,MAAA,CAAK3D,UAAWS,EAAO4D,SAAS3D,SAAA,CAC7BzB,GAAWuB,EAAA,MAAA,CAAKR,UAAWS,EAAOxB,QAAQyB,SAAEzB,IAC7C0E,EAAA,MAAA,CACE3D,UAAWmE,EACT1D,EAAO3B,QACL2E,IAAkBhD,EAAO6D,cAC3B7F,GAAYgC,EAAO8D,eACnB7D,SAEF,CAAAiD,EAAA,MAAA,CAAK3D,UAAWS,EAAO+D,UAAU9D,SAC9B4B,CAAAA,GACAmB,MAEF5D,GAAWW,EAAA,MAAA,CAAKR,UAAWS,EAAOgE,YAAY/D,SAAEb,IAChDmD,YAQTkB,EAAAA,EAAA,CACEhG,IAAKA,EACL,cAAa+B,EACbD,UAAWmE,EAAW1D,EAAOiE,KAAM3E,GAAYU,EAAOkE,aAAc3E,IAChEM,GAAY,GAAA,CAAAI,SAAA,CAEfH,EACDoD,EAAA,MAAA,CAAK3D,UAAWS,EAAOmE,WAAWlE,SAC/B4B,CAAAA,GACAmB,GACDE,EAAA,MAAA,CAAK3D,UAAWS,EAAOoE,WAAWnE,SAChC,CAAAF,EAAA,MAAA,CAAKR,UAAWS,EAAOZ,QAAQa,SAAEb,IAChCmD,SAIJlD,GACC6D,EAAAmB,EAAA,CAAApE,SACE,CAAAF,EAAA,MAAA,CAAKR,UAAWS,EAAOsE,UACvBvE,EAAA,MAAA,CAAKR,UAAWS,EAAOuE,UAAUtE,SAAEZ,UAK7C"}
+{"version":3,"file":"CommentInputNext.js","sources":["../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  ReactNode,\n  useState,\n  useCallback,\n  useRef,\n  useLayoutEffect,\n  ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSubmit?: (value: string) => void;\n  onCancel?: () => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Editable control rendered in place of the built-in textarea. */\n  field?: ReactNode;\n  canSubmit?: boolean;\n  /** Drop the outer surface so the field sits flush, for the in-card reply input. */\n  bare?: boolean;\n\n  leading?: ReactNode;\n  /** Replaces the default send button. */\n  trailing?: ReactNode;\n  sendTooltip?: string;\n\n  attachments?: AttachmentPreviewItem[];\n  onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n  onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n  /** Enables drag-to-reorder on the attachment strip. */\n  onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n  /** Enables dropping files from the desktop onto the composer. */\n  onFilesDrop?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. */\n  onImageLinkPaste?: (url: string) => void;\n  dropLabel?: string;\n  /** Extra content in the attachment area, e.g. an upload-error banner. */\n  attachmentSlot?: ReactNode;\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n  /** Render flush inside a host surface: no background, full-width divider. */\n  embedded?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n  (\n    {\n      placeholder = 'Add a comment',\n      value,\n      onChange,\n      onSubmit,\n      onCancel,\n      disabled,\n      autoFocus,\n      minRows = 1,\n      maxRows,\n      field,\n      canSubmit,\n      bare,\n      leading,\n      trailing,\n      sendTooltip = 'Send',\n      attachments,\n      onAttachmentRemove,\n      onAttachmentRetry,\n      onAttachmentReorder,\n      onFilesDrop,\n      onImageLinkPaste,\n      dropLabel = 'Drop files here',\n      attachmentSlot,\n      toolbar,\n      footer,\n      embedded,\n      className,\n      testId,\n    },\n    ref\n  ) => {\n    const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n    const { pasteHandlers } = useFilePaste(\n      disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n    );\n    const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState('');\n    const text = isControlled ? value : internalValue;\n\n    // The bare reply field has no toolbar row, so text may fill the whole box.\n    const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n    const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n    const resize = useCallback(\n      (el: HTMLTextAreaElement | null) => {\n        textareaRef.current = el;\n        if (!el) return;\n        const node = el;\n        node.style.height = 'auto';\n        const maxHeight = rowsCap * LINE_HEIGHT_PX;\n        node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n        node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n      },\n      [rowsCap]\n    );\n\n    // The ref callback won't fire for a prop-driven value change.\n    useLayoutEffect(() => {\n      if (!field) resize(textareaRef.current);\n    }, [text, field, resize]);\n\n    const setText = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      setText(event.target.value);\n      resize(event.target);\n    };\n\n    const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n    const submit = () => {\n      if (!canSend) return;\n      onSubmit?.(text.trim());\n      if (!isControlled && !field) setInternalValue('');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (event.key === 'Escape' && onCancel) {\n        event.preventDefault();\n        onCancel();\n        return;\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        submit();\n      }\n    };\n\n    const editor = field ?? (\n      <textarea\n        ref={resize}\n        className={styles.input}\n        rows={minRows}\n        placeholder={placeholder}\n        value={text}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n      />\n    );\n\n    const sendButton = trailing ?? (\n      // A disabled button fires no events, so the tooltip needs its own target.\n      <Tooltip title={sendTooltip}>\n        <span className={styles.send}>\n          <ButtonIcon\n            size={bare ? 'xs' : 'small'}\n            type=\"primary\"\n            disabled={!canSend}\n            onClick={submit}\n            testId=\"comment-input-send\"\n          >\n            <ArrowUpIcon />\n          </ButtonIcon>\n        </span>\n      </Tooltip>\n    );\n\n    const attachmentArea = (attachments?.length || attachmentSlot) && (\n      <div className={styles.attachment}>\n        {attachments?.length ? (\n          <AttachmentPreview\n            items={attachments}\n            onRemove={onAttachmentRemove}\n            onRetry={onAttachmentRetry}\n            onReorder={onAttachmentReorder}\n          />\n        ) : null}\n        {attachmentSlot}\n      </div>\n    );\n\n    if (bare) {\n      return (\n        <div\n          ref={ref}\n          data-testid={testId}\n          className={classNames(styles.rootBare, className)}\n          {...dropHandlers}\n          {...pasteHandlers}\n        >\n          {dropOverlay}\n          <div className={styles.fieldRow}>\n            {leading && <div className={styles.leading}>{leading}</div>}\n            <div\n              className={classNames(\n                styles.field,\n                !!attachmentArea && styles.fieldExpanded,\n                disabled && styles.fieldDisabled\n              )}\n            >\n              <div className={styles.fieldMain}>\n                {editor}\n                {attachmentArea}\n              </div>\n              {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n              {sendButton}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n        {...dropHandlers}\n        {...pasteHandlers}\n      >\n        {dropOverlay}\n        <div className={styles.inputPanel}>\n          {editor}\n          {attachmentArea}\n          <div className={styles.toolbarRow}>\n            <div className={styles.toolbar}>{toolbar}</div>\n            {sendButton}\n          </div>\n        </div>\n\n        {footer && (\n          <>\n            <div className={styles.divider} />\n            <div className={styles.metaShare}>{footer}</div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}

package/components/CommentInputNext/__tests__/useFilePaste.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useFilePaste.test.d.ts.map

package/components/CommentInputNext/__tests__/useFilePaste.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePaste.test.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentInputNext/__tests__/useFilePaste.test.tsx"],"names":[],"mappings":""}

package/components/CommentInputNext/useFilePaste.d.ts

@@ -0,0 +1,17 @@
+import { ClipboardEvent } from 'react';
+type PasteHandlers = {
+    onPaste: (event: ClipboardEvent) => void;
+};
+type UseFilePasteOptions = {
+    onFiles?: (files: File[]) => void;
+    /** Given a pasted link that points at an image. The link still lands in the text. */
+    onImageLink?: (url: string) => void;
+};
+/** A pasted screenshot has no name of its own, so the kind comes off the clipboard item. */
+export declare const getPastedFiles: (clipboardData: DataTransfer | null) => File[];
+/** Returns no handler when there is nothing to hand a paste to, so it never intercepts one. */
+export declare const useFilePaste: ({ onFiles, onImageLink }: UseFilePasteOptions) => {
+    pasteHandlers: PasteHandlers | undefined;
+};
+export {};
+//# sourceMappingURL=useFilePaste.d.ts.map

package/components/CommentInputNext/useFilePaste.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePaste.d.ts","sourceRoot":"","sources":["../../../src/components/CommentInputNext/useFilePaste.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAI7D,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,qFAAqF;IACrF,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,cAAc,kBAAmB,YAAY,GAAG,IAAI,KAAG,IAAI,EAI7B,CAAC;AAE5C,+FAA+F;AAC/F,eAAO,MAAM,YAAY,6BAA8B,mBAAmB;;CA0BzE,CAAC"}

package/components/CommentInputNext/useFilePaste.js

@@ -0,0 +1,2 @@
+import{useCallback as n,useMemo as r}from"react";import{readPastedLink as t,getIsImageUrl as i}from"../../utils/links.js";var e=function(n){var r;return Array.from(null!==(r=null==n?void 0:n.items)&&void 0!==r?r:[]).filter((function(n){return"file"===n.kind})).map((function(n){return n.getAsFile()})).filter((function(n){return!!n}))},l=function(l){var o=l.onFiles,a=l.onImageLink,u=n((function(n){var r,l,u=e(n.clipboardData);if(u.length)return n.preventDefault(),void(null==o||o(u));var f=t(null!==(r=null===(l=n.clipboardData)||void 0===l?void 0:l.getData("text/plain"))&&void 0!==r?r:"");f&&i(f)&&(null==a||a(f))}),[o,a]);return{pasteHandlers:r((function(){return o||a?{onPaste:u}:void 0}),[o,a,u])}};export{e as getPastedFiles,l as useFilePaste};
+//# sourceMappingURL=useFilePaste.js.map

package/components/CommentInputNext/useFilePaste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePaste.js","sources":["../../../src/components/CommentInputNext/useFilePaste.ts"],"sourcesContent":["import { ClipboardEvent, useCallback, useMemo } from 'react';\n\nimport { getIsImageUrl, readPastedLink } from '~/utils/links';\n\ntype PasteHandlers = {\n  onPaste: (event: ClipboardEvent) => void;\n};\n\ntype UseFilePasteOptions = {\n  onFiles?: (files: File[]) => void;\n  /** Given a pasted link that points at an image. The link still lands in the text. */\n  onImageLink?: (url: string) => void;\n};\n\n/** A pasted screenshot has no name of its own, so the kind comes off the clipboard item. */\nexport const getPastedFiles = (clipboardData: DataTransfer | null): File[] =>\n  Array.from(clipboardData?.items ?? [])\n    .filter(item => item.kind === 'file')\n    .map(item => item.getAsFile())\n    .filter((file): file is File => !!file);\n\n/** Returns no handler when there is nothing to hand a paste to, so it never intercepts one. */\nexport const useFilePaste = ({ onFiles, onImageLink }: UseFilePasteOptions) => {\n  const onPaste = useCallback(\n    (event: ClipboardEvent) => {\n      const files = getPastedFiles(event.clipboardData);\n\n      if (files.length) {\n        // Text pasted alongside is the source app's markup for the file, not a message.\n        event.preventDefault();\n        onFiles?.(files);\n\n        return;\n      }\n\n      const url = readPastedLink(event.clipboardData?.getData('text/plain') ?? '');\n\n      if (url && getIsImageUrl(url)) onImageLink?.(url);\n    },\n    [onFiles, onImageLink]\n  );\n\n  const pasteHandlers: PasteHandlers | undefined = useMemo(\n    () => (onFiles || onImageLink ? { onPaste } : undefined),\n    [onFiles, onImageLink, onPaste]\n  );\n\n  return { pasteHandlers };\n};\n"],"names":["getPastedFiles","clipboardData","_clipboardData$items","Array","from","items","filter","item","kind","map","getAsFile","file","useFilePaste","_ref","onFiles","onImageLink","onPaste","useCallback","event","_event$clipboardData$","_event$clipboardData","files","length","preventDefault","url","readPastedLink","getData","getIsImageUrl","pasteHandlers","useMemo","undefined"],"mappings":"8HAeaA,EAAiB,SAACC,GAAkC,IAAAC,EAAA,OAC/DC,MAAMC,eAAKH,aAAAA,EAAAA,EAAeI,qBAAS,IAChCC,QAAO,SAAAC,GAAI,MAAkB,SAAdA,EAAKC,IAAe,IACnCC,KAAI,SAAAF,GAAI,OAAIA,EAAKG,WAAW,IAC5BJ,QAAO,SAACK,GAAI,QAAqBA,IAAK,EAG9BC,EAAe,SAAmDC,GAAA,IAAhDC,IAAAA,QAASC,IAAAA,YAChCC,EAAUC,GACd,SAACC,GAA0B,IAAAC,EAAAC,EACnBC,EAAQrB,EAAekB,EAAMjB,eAEnC,GAAIoB,EAAMC,OAKR,OAHAJ,EAAMK,sBACNT,SAAAA,EAAUO,IAKZ,IAAMG,EAAMC,EAAyD,QAA3CN,EAAC,QAADC,EAACF,EAAMjB,qBAAN,IAAAmB,OAAA,EAAAA,EAAqBM,QAAQ,qBAAa,IAAAP,EAAAA,EAAI,IAErEK,GAAOG,EAAcH,KAAMT,SAAAA,EAAcS,GAC/C,GACA,CAACV,EAASC,IAQZ,MAAO,CAAEa,cALwCC,GAC/C,WAAA,OAAOf,GAAWC,EAAc,CAAEC,QAAAA,QAAYc,CAAU,GACxD,CAAChB,EAASC,EAAaC,IAI3B"}

package/components/DevCenter/AppsDataProvider/AppsDataProvider.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 declare function AppsDataProvider({ children, dashboardAssetId, apps, dashboardMeta }: {
     apps: any;
     children: any;
-    dashboardAssetId?: null | undefined;
+    dashboardAssetId: any;
     dashboardMeta: any;
 }): import("react").JSX.Element;
 declare namespace AppsDataProvider {
@@ -14,6 +14,10 @@ declare namespace AppsDataProvider {
             isChiplessDashboard: PropTypes.Requireable<boolean>;
         }>>;
     };
+    var defaultProps: {
+        dashboardAssetId: null;
+        dashboardMeta: undefined;
+    };
 }
 export default AppsDataProvider;
 //# sourceMappingURL=AppsDataProvider.d.ts.map

package/components/DevCenter/AppsDataProvider/AppsDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppsDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,gBAAuB,EAAE,IAAI,EAAE,aAAa,EAAE;;;;;CAAA,+BAInF;kBAJQ,gBAAgB;;;;;;;;;;eAeV,gBAAgB"}
+{"version":3,"file":"AppsDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE;;;;;CAAA,+BAI5E;kBAJQ,gBAAgB;;;;;;;;;;;;;;eAoBV,gBAAgB"}

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js

@@ -1,2 +1,2 @@
-import r from"prop-types";import s from"../AppContext.js";import a from"./effects/useAppsData.js";import{jsx as e}from"react/jsx-runtime";function d(r){var d=r.children,o=r.dashboardAssetId,p=void 0===o?null:o,t=r.apps,i=r.dashboardMeta,h=a({apps:t,dashboardAssetId:p,dashboardMeta:i});return e(s.Provider,{value:h,children:d})}d.propTypes={children:r.node.isRequired,dashboardAssetId:r.string,apps:r.arrayOf(r.shape({})).isRequired,dashboardMeta:r.shape({isChiplessDashboard:r.bool})};export{d as default};
+import s from"prop-types";import a from"../AppContext.js";import r from"./effects/useAppsData.js";import{jsx as e}from"react/jsx-runtime";function d(s){var d=s.children,o=s.dashboardAssetId,p=s.apps,t=s.dashboardMeta,i=r({apps:p,dashboardAssetId:o,dashboardMeta:t});return e(a.Provider,{value:i,children:d})}d.propTypes={children:s.node.isRequired,dashboardAssetId:s.string,apps:s.arrayOf(s.shape({})).isRequired,dashboardMeta:s.shape({isChiplessDashboard:s.bool})},d.defaultProps={dashboardAssetId:null,dashboardMeta:void 0};export{d as default};
 //# sourceMappingURL=AppsDataProvider.js.map

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppsDataProvider.js","sources":["../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport AppContext from '../AppContext';\n\nimport { useAppsData } from './effects';\n\nfunction AppsDataProvider({ children, dashboardAssetId = null, apps, dashboardMeta }) {\n  const appsData = useAppsData({ apps, dashboardAssetId, dashboardMeta });\n\n  return <AppContext.Provider value={appsData}>{children}</AppContext.Provider>;\n}\n\nAppsDataProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  dashboardAssetId: PropTypes.string,\n  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  dashboardMeta: PropTypes.shape({\n    isChiplessDashboard: PropTypes.bool,\n  }),\n};\n\nexport default AppsDataProvider;\n"],"names":["AppsDataProvider","_ref","children","_ref$dashboardAssetId","dashboardAssetId","apps","dashboardMeta","appsData","useAppsData","_jsx","AppContext","Provider","value","propTypes","PropTypes","node","isRequired","string","arrayOf","shape","isChiplessDashboard","bool"],"mappings":"0IAMA,SAASA,EAA6EC,GAAA,IAA1DC,IAAAA,SAAQC,EAAAF,EAAEG,iBAAAA,aAAmB,KAAID,EAAEE,IAAAA,KAAMC,IAAAA,cAC7DC,EAAWC,EAAY,CAAEH,KAAAA,EAAMD,iBAAAA,EAAkBE,cAAAA,IAEvD,OAAOG,EAACC,EAAWC,SAAQ,CAACC,MAAOL,EAASL,SAAEA,GAChD,CAEAF,EAAiBa,UAAY,CAC3BX,SAAUY,EAAUC,KAAKC,WACzBZ,iBAAkBU,EAAUG,OAC5BZ,KAAMS,EAAUI,QAAQJ,EAAUK,MAAM,CAAA,IAAKH,WAC7CV,cAAeQ,EAAUK,MAAM,CAC7BC,oBAAqBN,EAAUO"}
+{"version":3,"file":"AppsDataProvider.js","sources":["../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport AppContext from '../AppContext';\n\nimport { useAppsData } from './effects';\n\nfunction AppsDataProvider({ children, dashboardAssetId, apps, dashboardMeta }) {\n  const appsData = useAppsData({ apps, dashboardAssetId, dashboardMeta });\n\n  return <AppContext.Provider value={appsData}>{children}</AppContext.Provider>;\n}\n\nAppsDataProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  dashboardAssetId: PropTypes.string,\n  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  dashboardMeta: PropTypes.shape({\n    isChiplessDashboard: PropTypes.bool,\n  }),\n};\n\nAppsDataProvider.defaultProps = {\n  dashboardAssetId: null,\n  dashboardMeta: undefined,\n};\n\nexport default AppsDataProvider;\n"],"names":["AppsDataProvider","_ref","children","dashboardAssetId","apps","dashboardMeta","appsData","useAppsData","_jsx","AppContext","Provider","value","propTypes","PropTypes","node","isRequired","string","arrayOf","shape","isChiplessDashboard","bool","defaultProps","undefined"],"mappings":"0IAMA,SAASA,EAAsEC,GAAA,IAAnDC,IAAAA,SAAUC,IAAAA,iBAAkBC,IAAAA,KAAMC,IAAAA,cACtDC,EAAWC,EAAY,CAAEH,KAAAA,EAAMD,iBAAAA,EAAkBE,cAAAA,IAEvD,OAAOG,EAACC,EAAWC,SAAQ,CAACC,MAAOL,EAASJ,SAAEA,GAChD,CAEAF,EAAiBY,UAAY,CAC3BV,SAAUW,EAAUC,KAAKC,WACzBZ,iBAAkBU,EAAUG,OAC5BZ,KAAMS,EAAUI,QAAQJ,EAAUK,MAAM,CAAA,IAAKH,WAC7CV,cAAeQ,EAAUK,MAAM,CAC7BC,oBAAqBN,EAAUO,QAInCpB,EAAiBqB,aAAe,CAC9BlB,iBAAkB,KAClBE,mBAAeiB"}

package/components/DocumentViewer/DocumentViewer.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,createRef as s,useCallback as i,useEffect as n}from"react";import r from"prop-types";import p from"classnames";import{Modal as m,Typography as c,IconButton as a}from"@material-ui/core";import l from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{useStyles as j}from"./styles.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"lodash";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsx as u,jsxs as C}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.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"../../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/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"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../clients/jsonApi/index.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"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.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"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.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"moment";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"../../utils/getSingleAsset.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"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.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/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"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import I from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var A=function(r){var A=r.open,V=r.fileUrl,S=r.fileSize,F=r.fileName,g=r.webviewType,v=void 0===g?"google":g,T=r.onClose,D=t(!0),h=o(D,2),f=h[0],P=h[1],x=t(!1),b=o(x,2),y=b[0],B=b[1],k=s(null),E=s(null),L=j(),w=i((function(){return"office"===v?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(V)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(V),"&embedded=true")}),[V]),M=function(){E.current&&(E.current.src=w(),E.current.contentWindow.location.reload())},H=function(){k.current&&clearInterval(k.current),P(!1)};return n((function(){P(!0),B(!1);var e=S&&S>=1048576?S/1048576*1e4:1e4;return k&&A&&(clearInterval(k.current),k.current=setInterval(M,e)),function(){clearInterval(k.current)}}),[V,A]),u(m,{open:A,onClose:T,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:L.cDocsViewer,children:[C("div",{className:L.cDocsViewerToolbar,children:[u(c,{children:F}),C("div",{children:[u(a,{size:"small",className:L.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:V,target:"_blank",rel:"noopener noreferrer",children:u(d,{fontSize:"small"})})}),u(a,{size:"small",onClick:T,className:L.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),f&&u("div",{className:L.cDocsViewerFrame,children:u(I,{white:!1})}),y?u("div",{className:L.cDocsViewerFrame,children:u(c,{variant:"body2",className:L.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(L.cDocsViewerFrame,e({},L.cDocsViewerFrameHidden,f)),title:V,src:w(),onLoad:H,onError:function(){H(),B(!0)},ref:E})]})})};A.propTypes={open:r.bool.isRequired,fileUrl:r.string.isRequired,webviewType:r.oneOf(["google","office"]),fileName:r.string,fileSize:r.number,onClose:r.func.isRequired,classes:r.shape({}).isRequired};export{A as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as t,createRef as s,useCallback as i,useEffect as n}from"react";import r from"prop-types";import p from"classnames";import{Modal as m,Typography as c,IconButton as a}from"@material-ui/core";import l from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{useStyles as j}from"./styles.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"lodash";import"../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsx as u,jsxs as C}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.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"../../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/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"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../clients/jsonApi/index.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"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.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"immutable";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.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"moment";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"../../utils/getSingleAsset.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"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.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/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"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import I from"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/ChartWrapperContext.js";import"../Chart/effects/useChartModifier.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import"../ContextMenuItem/index.js";import"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import"../EditableItem/EditableItemWithBadge/index.js";import"../Checkbox/index.js";import"../FolderMenuItemWithLinks/index.js";import"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Notifications/Notifications.scss.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PinnableFilters/PinnableFilters.js";import"../HeaderLayout/HeaderLayout.js";import"../PadOffsetsPicker/PadOffsetsPicker.js";import"../PadOffsetsPicker/OffsetAssetChip.js";import"../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../PadOffsetsPicker/StagesSelector.js";import"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../Autocomplete/Autocomplete.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import"../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../AttachFileButton/AttachFileButton.scss.js";import"../CommentInputNext/CommentInputNext.js";import"../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../CommentComposer/ChatChannelSelector.scss.js";import"../CommentComposer/ShareToChatRow.scss.js";import"../CommentComposer/CommentComposer.scss.js";import"../AttachmentPreview/AttachmentPreview.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../CommentPin/CommentPin.js";import"../FeedCard/FeedCard.js";import"../FeedItemCard/FeedItemCard.js";import"../NewCommentCursor/NewCommentCursor.js";import"../LinkedText/LinkedText.js";import"../FeedItem/feedItemTypes/AlertFeedItem.js";import"../FeedItem/feedItemTypes/PostFeedItem.js";import"../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../FeedItem/feedItemTypes/NptFeedItem.js";import"../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var A=function(r){var A=r.open,V=r.fileUrl,S=r.fileSize,F=r.fileName,T=r.webviewType,g=void 0===T?"google":T,v=r.onClose,D=t(!0),h=o(D,2),P=h[0],f=h[1],x=t(!1),b=o(x,2),y=b[0],B=b[1],k=s(null),L=s(null),E=j(),w=i((function(){return"office"===g?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(V)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(V),"&embedded=true")}),[V]),M=function(){L.current&&(L.current.src=w(),L.current.contentWindow.location.reload())},H=function(){k.current&&clearInterval(k.current),f(!1)};return n((function(){f(!0),B(!1);var e=S&&S>=1048576?S/1048576*1e4:1e4;return k&&A&&(clearInterval(k.current),k.current=setInterval(M,e)),function(){clearInterval(k.current)}}),[V,A]),u(m,{open:A,onClose:v,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:E.cDocsViewer,children:[C("div",{className:E.cDocsViewerToolbar,children:[u(c,{children:F}),C("div",{children:[u(a,{size:"small",className:E.cDocsViewerToolbarIconButton,children:u("a",{download:!0,href:V,target:"_blank",rel:"noopener noreferrer",children:u(d,{fontSize:"small"})})}),u(a,{size:"small",onClick:v,className:E.cDocsViewerToolbarIconButton,children:u(l,{fontSize:"small"})})]})]}),P&&u("div",{className:E.cDocsViewerFrame,children:u(I,{white:!1})}),y?u("div",{className:E.cDocsViewerFrame,children:u(c,{variant:"body2",className:E.cDocsViewerFrameFailed,children:"Loading failed"})}):u("iframe",{className:p(E.cDocsViewerFrame,e({},E.cDocsViewerFrameHidden,P)),title:V,src:w(),onLoad:H,onError:function(){H(),B(!0)},ref:L})]})})};A.propTypes={open:r.bool.isRequired,fileUrl:r.string.isRequired,webviewType:r.oneOf(["google","office"]),fileName:r.string,fileSize:r.number,onClose:r.func.isRequired,classes:r.shape({}).isRequired};export{A as default};
 //# sourceMappingURL=DocumentViewer.js.map

package/components/DocumentViewer/DocumentViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.js","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles.js';\n\nimport { LoadingIndicator } from '~/components';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","cDocsViewerFrame","LoadingIndicator","white","variant","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","title","onLoad","onError","ref","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape"],"mappings":"0/0BAWA,IAGMA,EAAiB,SAA4EC,GAAA,IAAzEC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAQC,EAAAL,EAAEM,YAAAA,aAAc,SAAQD,EAAEE,IAAAA,QACjDC,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBlB,EAAwB,sDAAAmB,OAC2BC,OAAOC,mBAAmBzB,IAC1CyB,sCAAAA,OAAAA,mBAAmBzB,GAAwB,iBACvF,GAAG,CAACA,IAEE0B,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJlC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIe,GAAcjB,IAChBkC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC3B,EAASD,IAGXsC,EAACC,EAAK,CAACvC,KAAMA,EAAMM,QAASA,EAASkC,cAAe,SAAAC,GAAC,OAAIA,EAAEC,iBAAkB,EAAAC,SAC3EC,EAAA,MAAA,CAAKC,UAAWzB,EAAO0B,YAAYH,SACjC,CAAAC,EAAA,MAAA,CAAKC,UAAWzB,EAAO2B,mBAAmBJ,SAAA,CACxCL,EAACU,EAAU,CAAAL,SAAExC,IACbyC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMpD,EAASqD,OAAO,SAASC,IAAI,sBAAqBZ,SAClEL,EAACkB,EAAU,CAACC,SAAS,cAGzBnB,EAACW,EAAU,CACTC,KAAK,QACLQ,QAASpD,EACTuC,UAAWzB,EAAO+B,6BAA6BR,SAE/CL,EAACqB,EAAS,CAACF,SAAS,kBAKzB9C,GACC2B,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACuB,EAAgB,CAACC,OAAO,MAG5B/C,EACCuB,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACU,EAAU,CAACe,QAAQ,QAAQlB,UAAWzB,EAAO4C,uBAAuBrB,SAAA,qBAKvEL,EAAA,SAAA,CACEO,UAAWoB,EAAW7C,EAAOwC,iBAC1BxC,EAAAA,CAAAA,EAAAA,EAAO8C,uBAAyBvD,IAEnCwD,MAAOlE,EACP4B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEArB,EAAeyE,UAAY,CACzBvE,KAAMwE,EAAUC,KAAKC,WACrBzE,QAASuE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCzE,SAAUqE,EAAUG,OACpBzE,SAAUsE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { useStyles } from './styles.js';\n\nimport { LoadingIndicator } from '~/components';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType = 'google', onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default DocumentViewer;\n"],"names":["DocumentViewer","_ref","open","fileUrl","fileSize","fileName","_ref$webviewType","webviewType","onClose","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","concat","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","useEffect","timeOut","setInterval","_jsx","Modal","onContextMenu","e","stopPropagation","children","_jsxs","className","cDocsViewer","cDocsViewerToolbar","Typography","IconButton","size","cDocsViewerToolbarIconButton","download","href","target","rel","GetAppIcon","fontSize","onClick","CloseIcon","cDocsViewerFrame","LoadingIndicator","white","variant","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","title","onLoad","onError","ref","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape"],"mappings":"8k1BAWA,IAGMA,EAAiB,SAA4EC,GAAA,IAAzEC,IAAAA,KAAMC,IAAAA,QAASC,IAAAA,SAAUC,IAAAA,SAAQC,EAAAL,EAAEM,YAAAA,aAAc,SAAQD,EAAEE,IAAAA,QACjDC,EAAAA,GAAS,GAAKC,EAAAC,EAAAC,EAAA,GAAzCC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtDC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACpCI,EAAaC,EAAU,MACvBC,EAAYD,EAAU,MACtBE,EAASC,IAETC,EAAgBC,GAAY,WAChC,MAAuB,WAAhBlB,EAAwB,sDAAAmB,OAC2BC,OAAOC,mBAAmBzB,IAC1CyB,sCAAAA,OAAAA,mBAAmBzB,GAAwB,iBACvF,GAAG,CAACA,IAEE0B,EAAc,WACdR,EAAUS,UACZT,EAAUS,QAAQC,IAAMP,IACxBH,EAAUS,QAAQE,cAAcC,SAASC,WAIvCC,EAAkB,WAClBhB,EAAWW,SACbM,cAAcjB,EAAWW,SAE3BhB,GAAa,IA0Bf,OAlBAuB,GAAU,WACRvB,GAAa,GACbI,GAAmB,GACnB,IAAMoB,EACJlC,GAAYA,GAtCQ,QAuCfA,EAvCe,QADF,QAgDpB,OALIe,GAAcjB,IAChBkC,cAAcjB,EAAWW,SACzBX,EAAWW,QAAUS,YAAYV,EAAaS,IAGzC,WACLF,cAAcjB,EAAWW,SAE7B,GAAG,CAAC3B,EAASD,IAGXsC,EAACC,EAAK,CAACvC,KAAMA,EAAMM,QAASA,EAASkC,cAAe,SAAAC,GAAC,OAAIA,EAAEC,iBAAkB,EAAAC,SAC3EC,EAAA,MAAA,CAAKC,UAAWzB,EAAO0B,YAAYH,SACjC,CAAAC,EAAA,MAAA,CAAKC,UAAWzB,EAAO2B,mBAAmBJ,SAAA,CACxCL,EAACU,EAAU,CAAAL,SAAExC,IACbyC,EAAA,MAAA,CAAAD,SAAA,CACEL,EAACW,EAAU,CAACC,KAAK,QAAQL,UAAWzB,EAAO+B,6BAA6BR,SACtEL,EAAA,IAAA,CAAGc,UAAQ,EAACC,KAAMpD,EAASqD,OAAO,SAASC,IAAI,sBAAqBZ,SAClEL,EAACkB,EAAU,CAACC,SAAS,cAGzBnB,EAACW,EAAU,CACTC,KAAK,QACLQ,QAASpD,EACTuC,UAAWzB,EAAO+B,6BAA6BR,SAE/CL,EAACqB,EAAS,CAACF,SAAS,kBAKzB9C,GACC2B,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACuB,EAAgB,CAACC,OAAO,MAG5B/C,EACCuB,EAAA,MAAA,CAAKO,UAAWzB,EAAOwC,iBAAiBjB,SACtCL,EAACU,EAAU,CAACe,QAAQ,QAAQlB,UAAWzB,EAAO4C,uBAAuBrB,SAAA,qBAKvEL,EAAA,SAAA,CACEO,UAAWoB,EAAW7C,EAAOwC,iBAC1BxC,EAAAA,CAAAA,EAAAA,EAAO8C,uBAAyBvD,IAEnCwD,MAAOlE,EACP4B,IAAKP,IACL8C,OAAQnC,EACRoC,QA/De,WACvBpC,IACAjB,GAAmB,IA8DXsD,IAAKnD,QAMjB,EAEArB,EAAeyE,UAAY,CACzBvE,KAAMwE,EAAUC,KAAKC,WACrBzE,QAASuE,EAAUG,OAAOD,WAC1BrE,YAAamE,EAAUI,MAAM,CAAC,SAAU,WACxCzE,SAAUqE,EAAUG,OACpBzE,SAAUsE,EAAUK,OACpBvE,QAASkE,EAAUM,KAAKJ,WACxBK,QAASP,EAAUQ,MAAM,CAAA,GAAIN"}