@atlaskit/media-viewer 54.8.21 → 54.8.23

package/dist/es2019/viewers/archiveSidebar/styleWrappers.js

@@ -3,37 +3,8 @@ import "./styleWrappers.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
 export const ARCHIVE_SIDE_BAR_WIDTH = 300;
-const archiveItemViewerWrapperStyles = null;
 const archiveSideBarStyles = null;
-const slideDown = null;
-const archiveDownloadButtonWrapperStyles = null;
-const archiveDownloadButtonMotionStyles = null;
-const archiveDownloadButtonWrapperStyleFix = null;
-const disabledArchiveDownloadButtonWrapperStyles = null;
-const archiveSidebarFolderWrapperStyles = null;
-const sidebarItemWrapperStyles = null;
-const archiveSidebarFileEntryWrapperStyles = null;
-const archiveLayoutStyles = null;
-const archiveViewerWrapperStyles = null;
-const separatorStyles = null;
-const sidebarHeaderWrapperStyles = null;
-const sidebarHeaderIconStyles = null;
-const sidebarHeaderEntryStyles = null;
-const fullHeightStyles = null;
-export const ArchiveItemViewerWrapper = ({
-  children,
-  fullHeight
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
-  }, children);
-};
 export const ArchiveSideBar = /*#__PURE__*/forwardRef(({
   children
 }, ref) => {
@@ -41,89 +12,4 @@ export const ArchiveSideBar = /*#__PURE__*/forwardRef(({
     ref: ref,
     className: ax(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhkvuon _kqswstnw _1ltvidpf _154iidpf _1bsb1mjv _94n5idpf _vchhusvi _18m915zi"])
   }, children);
-});
-export const ArchiveSidebarFolderWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-sidebar-folder-wrapper",
-    className: ax(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
-  }, children);
-};
-export const ArchiveDownloadButtonWrapper = ({
-  children,
-  onClick
-}) => {
-  const intl = useIntl();
-  return /*#__PURE__*/React.createElement("button", {
-    "aria-label": intl.formatMessage(messages.archive_download_label_assistive_text),
-    onClick: event => onClick && onClick(event),
-    "data-testid": "media-archiveDownloadButton",
-    className: ax(["_kkk2n7od _1e0c1ule _1ah3v77o _128mdkaa _mizu1v1w _ra3xnqa1", "_19itglyw _2rkofajl _v564k6bl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1ggl5xtf _1qamtlke _1di6fcek", fg('platform-dst-motion-uplift-custom-button') && "_v564k6bl _1ggl5xtf"])
-  }, children);
-};
-export const DisabledArchiveDownloadButtonWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "media-disabledArchiveDownloadButton",
-    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
-  }, children);
-};
-export const SidebarItemWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb13sl"])
-  }, children);
-};
-export const ArchiveSidebarFileEntryWrapper = ({
-  children,
-  index
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: ax(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
-  }, children);
-};
-export const ArchiveLayout = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "archive-layout",
-    className: ax(["_1e0c1txw _1bsb1osq _4t3i1osq"])
-  }, children);
-};
-export const ArchiveViewerWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_kqswstnw _154iidpf _1ltv1mjv _1xi2idpf _94n5idpf _4cvr1h6o _1e0c1txw"])
-  }, children);
-};
-export const Separator = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
-  });
-};
-export const SidebarHeaderWrapper = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
-  }, children);
-};
-export const SidebarHeaderIcon = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
-  }, children);
-};
-export const SidebarHeaderEntry = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
-  }, children);
-};
+});

package/dist/es2019/viewers/audio.js

@@ -1,14 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import AudioIcon from '@atlaskit/icon/core/audio';
-import { Outcome } from '../domain';
-import { MediaViewerError } from '../errors';
-import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
-import { BaseViewer } from './base-viewer';
-import { isIE } from '../utils/isIE';
+import { globalMediaEventEmitter } from '@atlaskit/media-client';
 import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaViewerError } from '../MediaViewerError';
+import { Outcome } from '../domain/outcome';
+import { AudioPlayer, AudioCover, Audio, DefaultCoverWrapper, CustomAudioPlayerWrapper } from '../styleWrappers';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
+import { isIE } from '../utils/isIE';
+import { BaseViewer } from './base-viewer';
 const defaultCover = /*#__PURE__*/React.createElement(DefaultCoverWrapper, null, /*#__PURE__*/React.createElement(AudioIcon, {
   label: "cover",
   color: "currentColor"

package/dist/es2019/viewers/base-viewer.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { messages } from '@atlaskit/media-ui/messages';
 import deepEqual from 'deep-equal';
+import { FormattedMessage } from 'react-intl';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import ErrorMessage from '../errorMessage';
+import { messages } from '@atlaskit/media-ui/messages';
+import { ErrorViewDownloadButton } from '../ErrorViewDownloadButton';
+import ErrorMessage from '../errorMessageWithAnalytics';
 import { Spinner } from '../loading';
-import { ErrorViewDownloadButton } from '../download';
 export class BaseViewer extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -2,10 +2,10 @@
 import "./CodeRendererAdvanced.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef } from 'react';
-import { EditorView, lineNumbers, gutters } from '@codemirror/view';
-import { Compartment, EditorState } from '@codemirror/state';
-import { languages } from '@codemirror/language-data';
 import { syntaxHighlighting } from '@codemirror/language';
+import { languages } from '@codemirror/language-data';
+import { Compartment, EditorState } from '@codemirror/state';
+import { EditorView, lineNumbers, gutters } from '@codemirror/view';
 import { cmTheme, highlightStyle } from './theme';
 const codeViewWrapperStyles = null;
 const codeViewerHeaderBarStyles = null;

package/dist/es2019/viewers/codeViewer/CodeViewRenderer-2.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CodeViewRenderer as CompiledCodeViewRenderer } from './CodeViewRenderer';
+export const CodeViewRenderer = props => /*#__PURE__*/React.createElement(CompiledCodeViewRenderer, props);

package/dist/es2019/viewers/codeViewer/CodeViewRenderer.compiled.css

@@ -0,0 +1,8 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1e0c1txw{display:flex}
+._1reo1wug{overflow-x:auto}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o572qvpr{white-space:pre}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/es2019/viewers/codeViewer/CodeViewRenderer.js

@@ -0,0 +1,84 @@
+/* CodeViewRenderer.tsx generated by @compiled/babel-plugin v3.0.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./CodeViewRenderer.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { Component } from 'react';
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+import CodeBlock from '@atlaskit/code/code-block';
+import { MediaViewerError } from '../../MediaViewerError';
+import { Outcome } from '../../domain/outcome';
+import ErrorMessage from '../../errorMessageWithAnalytics';
+import { Spinner } from '../../loading';
+import { CodeViewerHeaderBar } from './CodeViewerHeaderBar';
+import { CodeViewWrapper, MAX_FILE_SIZE_USE_CODE_VIEWER, MAX_FORMATTED_LINES } from './codeViewerRenderer-compiled';
+import { lineCount } from './lineCount';
+const codeViewerHTMLStyles = null;
+const initialState = {
+  doc: Outcome.pending()
+};
+export class CodeViewRenderer extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", initialState);
+  }
+  componentDidMount() {
+    this.init();
+  }
+  componentWillUnmount() {}
+  async init() {
+    const {
+      src,
+      onSuccess,
+      onError
+    } = this.props;
+    try {
+      this.setState({
+        doc: Outcome.successful(src)
+      });
+      if (onSuccess) {
+        onSuccess();
+      }
+    } catch (error) {
+      const mediaError = new MediaViewerError('codeviewer-load-src', error instanceof Error ? error : undefined);
+      this.setState({
+        doc: Outcome.failed(mediaError)
+      });
+      if (onError) {
+        onError(mediaError);
+      }
+    }
+  }
+  render() {
+    const {
+      item,
+      src,
+      language,
+      testId
+    } = this.props;
+    //Use src to measure the real file size
+    //item.size is incorrect for archives with mutiple docs inside.
+    const fileSize = new Blob([src]).size;
+    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
+      "data-testid": "code-block",
+      className: ax(["_11c8wadc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
+    }, src) : /*#__PURE__*/React.createElement(CodeBlock, {
+      language: language,
+      text: src,
+      testId: "code-block"
+    });
+    return this.state.doc.match({
+      pending: () => /*#__PURE__*/React.createElement(Spinner, null),
+      successful: () => /*#__PURE__*/React.createElement(CodeViewWrapper, {
+        "data-testid": testId
+      }, /*#__PURE__*/React.createElement(CodeViewerHeaderBar, null), codeViewer),
+      failed: error => /*#__PURE__*/React.createElement(ErrorMessage, {
+        fileId: item.id,
+        fileState: item,
+        error: error,
+        supressAnalytics: true // item-viewer.tsx will send
+      })
+    });
+  }
+}

package/dist/es2019/viewers/codeViewer/CodeViewWrapper.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TouchScrollable } from 'react-scrolllock';
+import { CodeViewWrapper as CompiledCodeViewWrapper } from './codeViewerRenderer-compiled';
+export const CodeViewWrapper = props => /*#__PURE__*/React.createElement(TouchScrollable, null, /*#__PURE__*/React.createElement(CompiledCodeViewWrapper, props));

package/dist/es2019/viewers/codeViewer/CodeViewerHeaderBar-2.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CodeViewerHeaderBar as CompiledCodeViewerHeaderBar } from './CodeViewerHeaderBar';
+export const CodeViewerHeaderBar = () => /*#__PURE__*/React.createElement(CompiledCodeViewerHeaderBar, null);

package/dist/es2019/viewers/codeViewer/CodeViewerHeaderBar.compiled.css

@@ -0,0 +1,2 @@
+._4t3i8ved{height:75px}
+._bfhk1nox{background-color:#1d2125}

package/dist/es2019/viewers/codeViewer/CodeViewerHeaderBar.js

@@ -0,0 +1,11 @@
+/* CodeViewerHeaderBar.tsx generated by @compiled/babel-plugin v3.0.1 */
+// eslint-disable-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./CodeViewerHeaderBar.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const codeViewerHeaderBarStyles = null;
+export const CodeViewerHeaderBar = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_4t3i8ved _bfhk1nox"])
+  });
+};

package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css

@@ -1,17 +1,8 @@
-._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._154iidpf{top:0}
 ._18m91wug{overflow-y:auto}
-._19bvu2gc{padding-left:var(--ds-space-100,8px)}
-._1e0c1txw{display:flex}
 ._1ltvidpf{left:0}
 ._1reo1wug{overflow-x:auto}
 ._1xi2idpf{right:0}
-._4t3i8ved{height:75px}
 ._94n5idpf{bottom:0}
-._bfhk1nox{background-color:#1d2125}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
-._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
-._kqswstnw{position:absolute}
-._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
-._o572qvpr{white-space:pre}
-._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._kqswstnw{position:absolute}

package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -1,28 +1,18 @@
 /* codeViewerRenderer-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./codeViewerRenderer-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import { Component, forwardRef } from 'react';
-import { Outcome } from '../../domain';
-import { Spinner } from '../../loading';
-import CodeBlock from '@atlaskit/code/code-block';
-import ErrorMessage from '../../errorMessage';
-import { MediaViewerError } from '../../errors';
-import { lineCount } from './util';
+import { forwardRef } from 'react';
 const codeViewWrapperStyles = null;
-const codeViewerHeaderBarStyles = null;
-const codeViewerHTMLStyles = null;
 
 // Based on some basic benchmarking with @atlaskit/code it was found that ~10,000 lines took around ~5secs to render, which locks the main thread.
 // Therefore we set a hard limit on the amount of lines which we apply formatting to,
 // otherwise the "text" language will be used which is plain and more performant
-const MAX_FORMATTED_LINES = 10000;
+export const MAX_FORMATTED_LINES = 10000;
+
 // Use plain html to render code file if their size exceeds 5MB.
 // Required by https://product-fabric.atlassian.net/browse/MEX-1788
-const MAX_FILE_SIZE_USE_CODE_VIEWER = 5 * 1024 * 1024;
+export const MAX_FILE_SIZE_USE_CODE_VIEWER = 5 * 1024 * 1024;
 export const CodeViewWrapper = /*#__PURE__*/forwardRef(({
   children,
   'data-testid': testId
@@ -32,76 +22,4 @@ export const CodeViewWrapper = /*#__PURE__*/forwardRef(({
     ref: ref,
     className: ax(["_1reo1wug _18m91wug _kqswstnw _1ltvidpf _154iidpf _1xi2idpf _94n5idpf _bfhkvuon"])
   }, children);
-});
-export const CodeViewerHeaderBar = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_4t3i8ved _bfhk1nox"])
-  });
-};
-const initialState = {
-  doc: Outcome.pending()
-};
-export class CodeViewRenderer extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", initialState);
-  }
-  componentDidMount() {
-    this.init();
-  }
-  componentWillUnmount() {}
-  async init() {
-    const {
-      src,
-      onSuccess,
-      onError
-    } = this.props;
-    try {
-      this.setState({
-        doc: Outcome.successful(src)
-      });
-      if (onSuccess) {
-        onSuccess();
-      }
-    } catch (error) {
-      const mediaError = new MediaViewerError('codeviewer-load-src', error instanceof Error ? error : undefined);
-      this.setState({
-        doc: Outcome.failed(mediaError)
-      });
-      if (onError) {
-        onError(mediaError);
-      }
-    }
-  }
-  render() {
-    const {
-      item,
-      src,
-      language,
-      testId
-    } = this.props;
-    //Use src to measure the real file size
-    //item.size is incorrect for archives with mutiple docs inside.
-    const fileSize = new Blob([src]).size;
-    const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ? /*#__PURE__*/React.createElement("code", {
-      "data-testid": "code-block",
-      className: ax(["_11c8wadc _1e0c1txw _1reo1wug _o572qvpr _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
-    }, src) : /*#__PURE__*/React.createElement(CodeBlock, {
-      language: language,
-      text: src,
-      testId: "code-block"
-    });
-    return this.state.doc.match({
-      pending: () => /*#__PURE__*/React.createElement(Spinner, null),
-      successful: () => /*#__PURE__*/React.createElement(CodeViewWrapper, {
-        "data-testid": testId
-      }, /*#__PURE__*/React.createElement(CodeViewerHeaderBar, null), codeViewer),
-      failed: error => /*#__PURE__*/React.createElement(ErrorMessage, {
-        fileId: item.id,
-        fileState: item,
-        error: error,
-        supressAnalytics: true // item-viewer.tsx will send
-      })
-    });
-  }
-}
+});

package/dist/es2019/viewers/codeViewer/codeViewerRenderer.js

@@ -1,6 +1 @@
-import React from 'react';
-import { CodeViewWrapper as CompiledCodeViewWrapper, CodeViewerHeaderBar as CompiledCodeViewerHeaderBar, CodeViewRenderer as CompiledCodeViewRenderer } from './codeViewerRenderer-compiled';
-import { TouchScrollable } from 'react-scrolllock';
-export const CodeViewWrapper = props => /*#__PURE__*/React.createElement(TouchScrollable, null, /*#__PURE__*/React.createElement(CompiledCodeViewWrapper, props));
-export const CodeViewerHeaderBar = () => /*#__PURE__*/React.createElement(CompiledCodeViewerHeaderBar, null);
-export const CodeViewRenderer = props => /*#__PURE__*/React.createElement(CompiledCodeViewRenderer, props);
+export {};

package/dist/es2019/viewers/codeViewer/formatMessage.js

@@ -0,0 +1,10 @@
+export function formatMessage(text) {
+  const lines = text.trim().split('\n');
+  let maxLineLength = 0;
+  lines.forEach(line => maxLineLength = Math.max(line.length, maxLineLength));
+  const border = '*'.repeat(maxLineLength + 10);
+  text = `${border}\n`;
+  text += lines.map(line => ` ${line}`).join('\n');
+  text += `\n${border}\n`;
+  return text;
+}

package/dist/es2019/viewers/codeViewer/getFormat.js

@@ -0,0 +1,17 @@
+/*
+ * Primarily used for the header in the viewer. Based on the language name, render the appropriate header name
+ * i.e .py file would be 'python', whilse .msg would be 'email'
+ */
+export function getFormat(language, ext) {
+  // some formats have a language we pickfor the code block component,
+  // but this may be a bit vague, so we can override here where needed
+  switch (ext) {
+    case 'csv':
+    case 'log':
+      return ext;
+    default:
+      // default value to show is just show language
+      // uncapitalised as mediatypes such as doc/audio are also uncapitalised for headers
+      return language;
+  }
+}

package/dist/es2019/viewers/codeViewer/getMsgDate.js

@@ -0,0 +1,8 @@
+import { parseHeaders } from './parseHeaders';
+export function getMsgDate(rawHeaders) {
+  const headers = parseHeaders(rawHeaders);
+  if (!headers['Date']) {
+    return '-';
+  }
+  return new Date(headers['Date']);
+}

package/dist/es2019/viewers/codeViewer/index.js

@@ -1,16 +1,17 @@
 import React from 'react';
 import { isErrorFileState, request } from '@atlaskit/media-client';
-import { Outcome } from '../../domain';
-import { MediaViewerError } from '../../errors';
+import { getExtension } from '@atlaskit/media-ui/getExtension';
+import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { MediaViewerError } from '../../MediaViewerError';
+import { Outcome } from '../../domain/outcome';
 import { Spinner } from '../../loading';
 import { BaseViewer } from '../base-viewer';
-import { DEFAULT_LANGUAGE, normaliseLineBreaks } from './util';
-import { getLanguageType } from '@atlaskit/media-ui/getLanguageType';
-import { getExtension } from '@atlaskit/media-ui/getExtension';
-import { msgToText } from './msg-parser';
 import { CodeRendererAdvanced } from './CodeRendererAdvanced/CodeRendererAdvanced';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-const moduleLoader = () => import( /* webpackChunkName: "@atlaskit-internal_media-code-viewer" */'./codeViewerRenderer');
+import { msgToText } from './msgToText';
+import { normaliseLineBreaks } from './normaliseLineBreaks';
+import { DEFAULT_LANGUAGE } from './util';
+const moduleLoader = () => import( /* webpackChunkName: "@atlaskit-internal_media-code-viewer" */'./CodeViewRenderer-2');
 const componentLoader = () => moduleLoader().then(module => module.CodeViewRenderer);
 export class CodeViewer extends BaseViewer {
   get initialState() {

package/dist/es2019/viewers/codeViewer/lineCount.js

@@ -0,0 +1,2 @@
+import { normaliseLineBreaks } from './normaliseLineBreaks';
+export const lineCount = text => normaliseLineBreaks(text).split(/\n/).length;

package/dist/es2019/viewers/codeViewer/{msg-parser.js → msgToText.js}

@@ -1,4 +1,6 @@
 import MsgReader from '@kenjiuno/msgreader';
+import { formatMessage } from './formatMessage';
+import { getMsgDate } from './getMsgDate';
 export function msgToText(buffer) {
   try {
     const msgReader = new MsgReader(buffer);
@@ -36,33 +38,4 @@ export function msgToText(buffer) {
       error: e instanceof Error ? e.stack : ''
     };
   }
-}
-export function formatMessage(text) {
-  const lines = text.trim().split('\n');
-  let maxLineLength = 0;
-  lines.forEach(line => maxLineLength = Math.max(line.length, maxLineLength));
-  const border = '*'.repeat(maxLineLength + 10);
-  text = `${border}\n`;
-  text += lines.map(line => ` ${line}`).join('\n');
-  text += `\n${border}\n`;
-  return text;
-}
-export function parseHeaders(headers) {
-  const parsedHeaders = {};
-  if (!headers) {
-    return parsedHeaders;
-  }
-  const headerRegEx = /(.*)\: (.*)/g;
-  let m;
-  while (m = headerRegEx.exec(headers)) {
-    parsedHeaders[m[1]] = m[2];
-  }
-  return parsedHeaders;
-}
-export function getMsgDate(rawHeaders) {
-  const headers = parseHeaders(rawHeaders);
-  if (!headers['Date']) {
-    return '-';
-  }
-  return new Date(headers['Date']);
 }

package/dist/es2019/viewers/codeViewer/normaliseLineBreaks.js

@@ -0,0 +1 @@
+export const normaliseLineBreaks = text => text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');

package/dist/es2019/viewers/codeViewer/parseHeaders.js

@@ -0,0 +1,12 @@
+export function parseHeaders(headers) {
+  const parsedHeaders = {};
+  if (!headers) {
+    return parsedHeaders;
+  }
+  const headerRegEx = /(.*)\: (.*)/g;
+  let m;
+  while (m = headerRegEx.exec(headers)) {
+    parsedHeaders[m[1]] = m[2];
+  }
+  return parsedHeaders;
+}

package/dist/es2019/viewers/codeViewer/util.js

@@ -1,21 +1 @@
-export const DEFAULT_LANGUAGE = 'c';
-
-/*
- * Primarily used for the header in the viewer. Based on the language name, render the appropriate header name
- * i.e .py file would be 'python', whilse .msg would be 'email'
- */
-export function getFormat(language, ext) {
-  // some formats have a language we pickfor the code block component,
-  // but this may be a bit vague, so we can override here where needed
-  switch (ext) {
-    case 'csv':
-    case 'log':
-      return ext;
-    default:
-      // default value to show is just show language
-      // uncapitalised as mediatypes such as doc/audio are also uncapitalised for headers
-      return language;
-  }
-}
-export const lineCount = text => normaliseLineBreaks(text).split(/\n/).length;
-export const normaliseLineBreaks = text => text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+export const DEFAULT_LANGUAGE = 'c';

package/dist/es2019/viewers/customViewer/customViewer.js

@@ -1,6 +1,6 @@
-import { MediaViewerError } from '../../errors';
 import { useCallback, useEffect, useState } from 'react';
 import React from 'react';
+import { MediaViewerError } from '../../MediaViewerError';
 import { Spinner } from '../../loading';
 export const CustomViewer = ({
   mediaClient,