@atlaskit/media-viewer 52.4.36 → 52.5.0

package/dist/esm/viewers/archiveSidebar/nativePdfViewer.compiled.css

@@ -0,0 +1,3 @@
+._1bsb1osq{width:100%}
+._4t3i1osq{height:100%}
+._4t3i8ved{height:75px}

package/dist/esm/viewers/archiveSidebar/nativePdfViewer.js

@@ -0,0 +1,37 @@
+/* nativePdfViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./nativePdfViewer.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+var pdfWrapperStyles = null;
+var headerStyles = null;
+export var NativePdfViewer = function NativePdfViewer(_ref) {
+  var src = _ref.src,
+    children = _ref.children,
+    onSuccess = _ref.onSuccess,
+    onError = _ref.onError;
+  var ref = function ref(element) {
+    if (!element) {
+      return;
+    }
+
+    // The only way to know if an object is loaded is to check the bounding client rect of the error element
+    var rect = element.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0) {
+      onSuccess();
+    } else {
+      onError();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "native-pdf-viewer",
+    className: ax(["_4t3i1osq _1bsb1osq"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_4t3i8ved _1bsb1osq"])
+  }), /*#__PURE__*/React.createElement("object", {
+    data: src,
+    type: "application/pdf",
+    className: ax(["_4t3i1osq _1bsb1osq"])
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, children)));
+};

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

@@ -1,42 +1,120 @@
-import React from 'react';
-import { ArchiveItemViewerWrapper as CompiledArchiveItemViewerWrapper, ArchiveSideBar as CompiledArchiveSideBar, ArchiveSidebarFolderWrapper as CompiledArchiveSidebarFolderWrapper, ArchiveDownloadButtonWrapper as CompiledArchiveDownloadButtonWrapper, DisabledArchiveDownloadButtonWrapper as CompiledDisabledArchiveDownloadButtonWrapper, SidebarItemWrapper as CompiledSidebarItemWrapper, ArchiveSidebarFileEntryWrapper as CompiledArchiveSidebarFileEntryWrapper, ArchiveLayout as CompiledArchiveLayout, ArchiveViewerWrapper as CompiledArchiveViewerWrapper, Separator as CompiledSeparator, SidebarHeaderWrapper as CompiledSidebarHeaderWrapper, SidebarHeaderIcon as CompiledSidebarHeaderIcon, SidebarHeaderEntry as CompiledSidebarHeaderEntry } from './styleWrappers-compiled';
-import { TouchScrollable } from 'react-scrolllock';
-export var ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveItemViewerWrapper, props);
+/* styleWrappers.tsx generated by @compiled/babel-plugin v0.38.1 */
+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 { DN500 } from '@atlaskit/theme/colors';
+export var ARCHIVE_SIDE_BAR_WIDTH = 300;
+var archiveItemViewerWrapperStyles = null;
+var archiveSideBarStyles = null;
+var slideDown = null;
+var archiveDownloadButtonWrapperStyles = null;
+var disabledArchiveDownloadButtonWrapperStyles = null;
+var archiveSidebarFolderWrapperStyles = null;
+var sidebarItemWrapperStyles = null;
+var archiveSidebarFileEntryWrapperStyles = null;
+var archiveLayoutStyles = null;
+var archiveViewerWrapperStyles = null;
+var separatorStyles = null;
+var sidebarHeaderWrapperStyles = null;
+var sidebarHeaderIconStyles = null;
+var sidebarHeaderEntryStyles = null;
+var fullHeightStyles = null;
+export var ArchiveItemViewerWrapper = function ArchiveItemViewerWrapper(_ref) {
+  var children = _ref.children,
+    fullHeight = _ref.fullHeight;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb1osq _1e0c1txw _1bah1h6o", fullHeight && "_4t3i1osq"])
+  }, children);
 };
-export var ArchiveSideBar = function ArchiveSideBar(props) {
-  return /*#__PURE__*/React.createElement(TouchScrollable, null, /*#__PURE__*/React.createElement(CompiledArchiveSideBar, props));
+export var ArchiveSideBar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: ax(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhky0hh _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
+    style: {
+      "--_53yrec": ix("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
+    }
+  }, children);
+});
+export var ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-sidebar-folder-wrapper",
+    className: ax(["_v564t24z _t9ecz6y5 _tzy4idpf _j7hq1kq8 _5sag188d _1o51q7pw"])
+  }, children);
 };
-export var ArchiveSidebarFolderWrapper = function ArchiveSidebarFolderWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveSidebarFolderWrapper, props);
+export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(_ref4) {
+  var children = _ref4.children,
+    onClick = _ref4.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: onClick,
+    "data-testid": "media-archiveDownloadButton",
+    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syazwydc _d0altlke _irr3ebx2 _1qamtlke _1di6j4ot"])
+  }, children);
 };
-export var ArchiveDownloadButtonWrapper = function ArchiveDownloadButtonWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveDownloadButtonWrapper, props);
+export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "media-disabledArchiveDownloadButton",
+    className: ax(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syazwydc _80om13gf"])
+  }, children);
 };
-export var DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledDisabledArchiveDownloadButtonWrapper, props);
+export var SidebarItemWrapper = function SidebarItemWrapper(_ref6) {
+  var children = _ref6.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1bsb13sl"])
+  }, children);
 };
-export var SidebarItemWrapper = function SidebarItemWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledSidebarItemWrapper, props);
+export var ArchiveSidebarFileEntryWrapper = function ArchiveSidebarFileEntryWrapper(_ref7) {
+  var children = _ref7.children,
+    index = _ref7.index;
+  return /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: ax(["_v564rca0 _n3td1vik _1e0c1txw _4cvr1h6o _80omtlke"])
+  }, children);
 };
-export var ArchiveSidebarFileEntryWrapper = function ArchiveSidebarFileEntryWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveSidebarFileEntryWrapper, props);
+export var ArchiveLayout = function ArchiveLayout(_ref8) {
+  var children = _ref8.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "archive-layout",
+    className: ax(["_1e0c1txw _1bsb1osq _4t3i1osq"])
+  }, children);
 };
-export var ArchiveLayout = function ArchiveLayout(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveLayout, props);
-};
-export var ArchiveViewerWrapper = function ArchiveViewerWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledArchiveViewerWrapper, props);
+export var ArchiveViewerWrapper = function ArchiveViewerWrapper(_ref9) {
+  var children = _ref9.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_kqswstnw _154iidpf _1ltv15ov _1xi2idpf _94n5idpf _4cvr1h6o _1e0c1txw"]),
+    style: {
+      "--_53yrec": ix("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
+    }
+  }, children);
 };
 export var Separator = function Separator() {
-  return /*#__PURE__*/React.createElement(CompiledSeparator, null);
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rko1rr0 _4t3iyh40 _19pk1te7 _2hwxidpf _otyr1te7 _18u0idpf _bfhk21we _1o9zidpf"])
+  });
 };
-export var SidebarHeaderWrapper = function SidebarHeaderWrapper(props) {
-  return /*#__PURE__*/React.createElement(CompiledSidebarHeaderWrapper, props);
+export var SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref0) {
+  var children = _ref0.children;
+  return /*#__PURE__*/React.createElement("span", {
+    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf"])
+  }, children);
 };
-export var SidebarHeaderIcon = function SidebarHeaderIcon(props) {
-  return /*#__PURE__*/React.createElement(CompiledSidebarHeaderIcon, props);
+export var SidebarHeaderIcon = function SidebarHeaderIcon(_ref1) {
+  var children = _ref1.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_1e0c1txw _4cvr1h6o _2hwx1yov _1o9zidpf"])
+  }, children);
 };
-export var SidebarHeaderEntry = function SidebarHeaderEntry(props) {
-  return /*#__PURE__*/React.createElement(CompiledSidebarHeaderEntry, props);
+export var SidebarHeaderEntry = function SidebarHeaderEntry(_ref10) {
+  var children = _ref10.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazrsv4"]),
+    style: {
+      "--_1k41sl": ix("var(--ds-text, ".concat(DN500, ")"))
+    }
+  }, children);
 };

package/dist/esm/viewers/doc/index.js

@@ -9,12 +9,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { isPreviewableFileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
-import { MediaViewerError } from '../../errors';
-import { PDFRenderer } from './pdfRenderer';
 import { BaseViewer } from '../base-viewer';
-import { getObjectUrlFromFileState } from '../../utils/getObjectUrlFromFileState';
+import { ZoomLevel } from '../../domain/zoomLevel';
+import { DocViewer as DocViewerComponent } from './doc-viewer';
 export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   function DocViewer() {
     var _this;
@@ -31,7 +29,10 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "initialState",
     get: function get() {
       return {
-        content: Outcome.pending()
+        content: Outcome.pending(),
+        zoomLevel: new ZoomLevel(1.75),
+        isPasswordProtected: false,
+        hasPasswordError: false
       };
     }
   }, {
@@ -46,89 +47,19 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, item, mediaClient, collectionName, onError, src, _src, docError, _src2, _docError;
+        var item;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = this.props, item = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError;
-              if (!(isPreviewableFileState(item) && item.mimeType.toLowerCase() === 'application/pdf')) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 4;
-              return getObjectUrlFromFileState(item);
-            case 4:
-              src = _context.sent;
-              if (!src) {
-                _context.next = 9;
-                break;
-              }
-              this.isObjectUrl = true;
+              item = this.props.item;
               this.setState({
-                content: Outcome.successful(src)
+                content: Outcome.successful(item.id)
               });
-              return _context.abrupt("return");
-            case 9:
-              if (!(item.status === 'processed')) {
-                _context.next = 25;
-                break;
-              }
-              _context.prev = 10;
-              _context.next = 13;
-              return mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
-            case 13:
-              _src = _context.sent;
-              this.onMediaDisplayed();
-              this.setState({
-                content: Outcome.successful(_src)
-              });
-              _context.next = 23;
-              break;
-            case 18:
-              _context.prev = 18;
-              _context.t0 = _context["catch"](10);
-              docError = new MediaViewerError('docviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined);
-              this.setState({
-                content: Outcome.failed(docError)
-              });
-              if (onError) {
-                onError(docError);
-              }
-            case 23:
-              _context.next = 39;
-              break;
-            case 25:
-              if (!(item.status === 'failed-processing')) {
-                _context.next = 39;
-                break;
-              }
-              _context.prev = 26;
-              _context.next = 29;
-              return mediaClient.file.getFileBinaryURL(item.id, collectionName, 2940 // 2940 seconds ~= 50 mins
-              );
-            case 29:
-              _src2 = _context.sent;
-              this.onMediaDisplayed();
-              this.setState({
-                content: Outcome.successful(_src2)
-              });
-              _context.next = 39;
-              break;
-            case 34:
-              _context.prev = 34;
-              _context.t1 = _context["catch"](26);
-              _docError = new MediaViewerError('docviewer-fetch-url', _context.t1 instanceof Error ? _context.t1 : undefined);
-              this.setState({
-                content: Outcome.failed(_docError)
-              });
-              if (onError) {
-                onError(_docError);
-              }
-            case 39:
+            case 2:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[10, 18], [26, 34]]);
+        }, _callee, this);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -148,18 +79,14 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
     }
   }, {
     key: "renderSuccessful",
-    value: function renderSuccessful(content) {
-      var _this$props2 = this.props,
-        item = _this$props2.item,
-        onClose = _this$props2.onClose,
-        onSuccess = _this$props2.onSuccess,
-        onError = _this$props2.onError;
-      return /*#__PURE__*/React.createElement(PDFRenderer, {
-        item: item,
-        src: content,
-        onSuccess: onSuccess,
-        onError: onError,
-        onClose: onClose
+    value: function renderSuccessful() {
+      return /*#__PURE__*/React.createElement(DocViewerComponent, {
+        mediaClient: this.props.mediaClient,
+        fileState: this.props.item,
+        collectionName: this.props.collectionName,
+        onError: this.props.onError,
+        onSuccess: this.props.onSuccess,
+        traceContext: this.props.traceContext
       });
     }
   }]);

package/dist/types/analytics/index.d.ts

@@ -11,6 +11,7 @@ export declare function getFileAttributes(fileState?: FileState): FileAttributes
 /** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 export type MediaViewerFailureAttributes = Omit<FailureAttributes, 'failReason'> & {
     failReason: PrimaryErrorReason;
+    statusCode?: number;
     request?: RequestMetadata;
 } & WithFileAttributes & WithTraceContext;
 export declare function fireAnalytics(payload: MediaViewerEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;

package/dist/types/errors.d.ts

@@ -1,4 +1,4 @@
-import { type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type MediaClientErrorReason, type RequestErrorMetadata } from '@atlaskit/media-client';
 import { type ZipEntry } from 'unzipit';
 export declare class MediaViewerError extends Error {
     readonly primaryReason: MediaViewerErrorReason | ArchiveViewerErrorReason;
@@ -20,4 +20,4 @@ export type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeE
 export declare function getPrimaryErrorReason(error: MediaViewerError): PrimaryErrorReason;
 export declare function getSecondaryErrorReason(error: MediaViewerError): SecondaryErrorReason;
 export declare function getErrorDetail(error?: MediaViewerError): string;
-export declare function getRequestMetadata(error?: MediaViewerError): RequestMetadata | undefined;
+export declare function getRequestMetadata(error?: MediaViewerError): RequestErrorMetadata | undefined;

package/dist/types/styleWrappers.d.ts

@@ -1,4 +1,4 @@
-import React, { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
+import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
 import { type MediaType } from '@atlaskit/media-client';
 export interface IconWrapperProps {
     type: MediaType;
@@ -13,63 +13,63 @@ type DataTestID = {
     'data-testid'?: string | undefined;
 };
 type BlanketProps = DataTestID & Children & ClassName;
-export declare const Blanket: (props: BlanketProps) => React.JSX.Element;
+export declare const Blanket: ({ "data-testid": datatestId, className, children }: BlanketProps) => JSX.Element;
 type HeaderWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const HeaderWrapper: {
-    (props: ClassName & Children & HeaderWrapperProps): React.JSX.Element;
+    ({ className, children, isArchiveSideBarVisible, }: ClassName & Children & HeaderWrapperProps): JSX.Element;
     displayName: string;
 };
 export declare const ListWrapper: {
-    (props: Children): React.JSX.Element;
+    ({ children }: Children): JSX.Element;
     displayName: string;
 };
-export declare const ArrowsWrapper: (props: Children) => React.JSX.Element;
-export declare const CloseButtonWrapper: (props: ClassName & Children) => React.JSX.Element;
+export declare const ArrowsWrapper: ({ children }: Children) => JSX.Element;
+export declare const CloseButtonWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
 type ContentWrapperProps = {
     isSidebarVisible: boolean | undefined;
 } & Children;
-export declare const ContentWrapper: (props: ContentWrapperProps) => React.JSX.Element;
-export declare const ZoomWrapper: (props: ClassName & Children) => React.JSX.Element;
-export declare const ZoomCenterControls: (props: Children) => React.JSX.Element;
-export declare const ZoomRightControls: (props: Children) => React.JSX.Element;
-export declare const ZoomLevelIndicator: (props: Children) => React.JSX.Element;
-export declare const HDIconGroupWrapper: (props: ClassName & Children) => React.JSX.Element;
+export declare const ContentWrapper: ({ isSidebarVisible, children }: ContentWrapperProps) => JSX.Element;
+export declare const ZoomWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
+export declare const ZoomCenterControls: ({ children }: Children) => JSX.Element;
+export declare const ZoomRightControls: ({ children }: Children) => JSX.Element;
+export declare const ZoomLevelIndicator: ({ children }: Children) => JSX.Element;
+export declare const HDIconGroupWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
 type ErrorMessageWrapperProps = DataTestID & Children;
-export declare const ErrorMessageWrapper: (props: ErrorMessageWrapperProps) => React.JSX.Element;
+export declare const ErrorMessageWrapper: ({ "data-testid": datatestId, children, }: ErrorMessageWrapperProps) => JSX.Element;
 type ErrorImageProps = {
     alt: string | undefined;
     src: string;
 };
-export declare const ErrorImage: (props: ErrorImageProps) => React.JSX.Element;
+export declare const ErrorImage: ({ src, alt }: ErrorImageProps) => JSX.Element;
 type VideoProps = {
     controls: boolean;
     src: string;
     autoPlay: boolean;
 };
-export declare const Video: (props: VideoProps) => React.JSX.Element;
-export declare const PDFWrapper: React.ForwardRefExoticComponent<DataTestID & Children & React.RefAttributes<HTMLDivElement>>;
-export declare const Arrow: (props: ClassName & Children) => React.JSX.Element;
+export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
+export declare const PDFWrapper: import("react").ForwardRefExoticComponent<DataTestID & Children & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
 export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
-export declare const LeftWrapper: (props: Children & LeftWrapperProps) => React.JSX.Element;
-export declare const RightWrapper: (props: Children) => React.JSX.Element;
+export declare const LeftWrapper: ({ children, isArchiveSideBarVisible }: Children & LeftWrapperProps) => JSX.Element;
+export declare const RightWrapper: ({ children }: Children) => JSX.Element;
 export type HeaderProps = {
     isArchiveSideBarVisible: boolean;
 };
-export declare const Header: (props: Children & HeaderProps & ClassName) => React.JSX.Element;
-export declare const LeftHeader: (props: Children) => React.JSX.Element;
+export declare const Header: ({ children, isArchiveSideBarVisible, className, }: Children & HeaderProps & ClassName) => JSX.Element;
+export declare const LeftHeader: ({ children }: Children) => JSX.Element;
 export type ImageWrapperProps = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
 } & Children & DataTestID;
-export declare const ImageWrapper: React.ForwardRefExoticComponent<{
+export declare const ImageWrapper: import("react").ForwardRefExoticComponent<{
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
-} & Children & DataTestID & ClassName & React.RefAttributes<HTMLDivElement>>;
-export declare const BaselineExtend: () => React.JSX.Element;
+} & Children & DataTestID & ClassName & import("react").RefAttributes<unknown>>;
+export declare const BaselineExtend: () => JSX.Element;
 export type ImgProps = {
     canDrag: boolean;
     isDragging: boolean;
@@ -79,24 +79,24 @@ export type ImgProps = {
     onLoad: (ev: React.SyntheticEvent<HTMLImageElement>) => void;
     onMouseDown: (ev: MouseEvent<{}>) => void;
     onError: (() => void) | undefined;
-    alt: string;
+    alt?: string;
 } & DataTestID & ClassName;
-export declare const Img: (props: ImgProps) => React.JSX.Element;
-export declare const MedatadataTextWrapper: (props: Children) => React.JSX.Element;
-export declare const MetadataWrapper: (props: Children) => React.JSX.Element;
+export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, onMouseDown, alt, className, }: ImgProps) => JSX.Element;
+export declare const MedatadataTextWrapper: ({ children }: Children) => JSX.Element;
+export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
 type MetadataFileNameProps = DataTestID & Children;
-export declare const MetadataFileName: (props: MetadataFileNameProps) => React.JSX.Element;
+export declare const MetadataFileName: ({ "data-testid": datatestId, children, }: MetadataFileNameProps) => JSX.Element;
 type MetadataSubTextProps = DataTestID & Children;
-export declare const MetadataSubText: (props: MetadataSubTextProps) => React.JSX.Element;
-export declare const MetadataIconWrapper: (props: Children) => React.JSX.Element;
+export declare const MetadataSubText: ({ "data-testid": datatestId, children }: MetadataSubTextProps) => JSX.Element;
+export declare const MetadataIconWrapper: ({ children }: Children) => JSX.Element;
 export interface IconWrapperProps {
     type: MediaType;
 }
-export declare const RightHeader: (props: Children) => React.JSX.Element;
-export declare const CustomAudioPlayerWrapper: (props: Children) => React.JSX.Element;
+export declare const RightHeader: ({ children }: Children) => JSX.Element;
+export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
 type AudioPlayerProps = DataTestID & Children;
 export declare const AudioPlayer: {
-    (props: AudioPlayerProps): React.JSX.Element;
+    ({ "data-testid": datatestId, children }: AudioPlayerProps): JSX.Element;
     displayName: string;
 };
 type AudioProps = {
@@ -105,18 +105,18 @@ type AudioProps = {
     src: string | undefined;
     preload: string;
 };
-export declare const Audio: React.ForwardRefExoticComponent<AudioProps & React.RefAttributes<HTMLAudioElement>>;
+export declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<HTMLAudioElement>>;
 type AudioCoverProps = {
     alt: string | undefined;
     src: string;
 };
-export declare const AudioCover: (props: AudioCoverProps) => React.JSX.Element;
-export declare const DefaultCoverWrapper: (props: Children) => React.JSX.Element;
-export declare const DownloadButtonWrapper: (props: Children) => React.JSX.Element;
+export declare const AudioCover: ({ src, alt }: AudioCoverProps) => JSX.Element;
+export declare const DefaultCoverWrapper: ({ children }: Children) => JSX.Element;
+export declare const DownloadButtonWrapper: ({ children }: Children) => JSX.Element;
 type CustomVideoPlayerWrapperProps = DataTestID & Children;
-export declare const CustomVideoPlayerWrapper: (props: CustomVideoPlayerWrapperProps) => React.JSX.Element;
+export declare const CustomVideoPlayerWrapper: ({ "data-testid": datatestId, children, }: CustomVideoPlayerWrapperProps) => JSX.Element;
 type SidebarWrapperProps = DataTestID & Children;
-export declare const SidebarWrapper: (props: SidebarWrapperProps) => React.JSX.Element;
-export declare const SpinnerWrapper: (props: Children) => React.JSX.Element;
-export declare const FormattedMessageWrapper: (props: Children) => React.JSX.Element;
+export declare const SidebarWrapper: ({ "data-testid": datatestId, children }: SidebarWrapperProps) => JSX.Element;
+export declare const SpinnerWrapper: ({ children }: Children) => JSX.Element;
+export declare const FormattedMessageWrapper: ({ children }: Children) => JSX.Element;
 export {};

package/dist/types/viewers/archiveSidebar/nativePdfViewer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    src: string;
+    children: React.ReactNode;
+    onSuccess: () => void;
+    onError: () => void;
+};
+export declare const NativePdfViewer: ({ src, children, onSuccess, onError }: Props) => JSX.Element;
+export {};

package/dist/types/viewers/archiveSidebar/styleWrappers.d.ts

@@ -1,23 +1,30 @@
-import React, { type ReactNode, type MouseEvent, type Key } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type MouseEvent, type Key } from 'react';
+export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
 type Children = {
     children?: ReactNode;
 };
 type OnClick = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
 };
-export declare const ArchiveItemViewerWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveSideBar: (props: Children) => React.JSX.Element;
-export declare const ArchiveSidebarFolderWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveDownloadButtonWrapper: (props: Children & OnClick) => React.JSX.Element;
-export declare const DisabledArchiveDownloadButtonWrapper: (props: Children) => React.JSX.Element;
-export declare const SidebarItemWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveSidebarFileEntryWrapper: (props: {
+export declare const ArchiveItemViewerWrapper: ({ children, fullHeight }: Children & {
+    fullHeight?: boolean;
+}) => JSX.Element;
+export declare const ArchiveSideBar: import("react").ForwardRefExoticComponent<Children & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
+export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
+export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
+export declare const SidebarItemWrapper: ({ children }: Children) => JSX.Element;
+export declare const ArchiveSidebarFileEntryWrapper: ({ children, index }: {
     index: Key;
-} & Children) => React.JSX.Element;
-export declare const ArchiveLayout: (props: Children) => React.JSX.Element;
-export declare const ArchiveViewerWrapper: (props: Children) => React.JSX.Element;
-export declare const Separator: () => React.JSX.Element;
-export declare const SidebarHeaderWrapper: (props: Children) => React.JSX.Element;
-export declare const SidebarHeaderIcon: (props: Children) => React.JSX.Element;
-export declare const SidebarHeaderEntry: (props: Children) => React.JSX.Element;
+} & Children) => JSX.Element;
+export declare const ArchiveLayout: ({ children }: Children) => JSX.Element;
+export declare const ArchiveViewerWrapper: ({ children }: Children) => JSX.Element;
+export declare const Separator: () => JSX.Element;
+export declare const SidebarHeaderWrapper: ({ children }: Children) => JSX.Element;
+export declare const SidebarHeaderIcon: ({ children }: Children) => JSX.Element;
+export declare const SidebarHeaderEntry: ({ children }: Children) => JSX.Element;
 export {};

package/dist/types/viewers/doc/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { type MediaClient, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
-import { MediaViewerError } from '../../errors';
+import { type MediaViewerError } from '../../errors';
 import { BaseViewer } from '../base-viewer';
 import { type MediaTraceContext } from '@atlaskit/media-common';
+import { ZoomLevel } from '../../domain/zoomLevel';
 export type Props = {
     mediaClient: MediaClient;
     item: FileState;
@@ -15,14 +16,21 @@ export type Props = {
 };
 export type State = {
     content: Outcome<string, MediaViewerError>;
+    zoomLevel: ZoomLevel;
+    isPasswordProtected: boolean;
+    password?: string;
+    hasPasswordError: boolean;
 };
 export declare class DocViewer extends BaseViewer<string, Props, State> {
     private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
+        zoomLevel: ZoomLevel;
+        isPasswordProtected: boolean;
+        hasPasswordError: boolean;
     };
     protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
-    protected renderSuccessful(content: string): React.JSX.Element;
+    protected renderSuccessful(): React.JSX.Element;
 }

package/dist/types-ts4.5/analytics/index.d.ts

@@ -11,6 +11,7 @@ export declare function getFileAttributes(fileState?: FileState): FileAttributes
 /** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
 export type MediaViewerFailureAttributes = Omit<FailureAttributes, 'failReason'> & {
     failReason: PrimaryErrorReason;
+    statusCode?: number;
     request?: RequestMetadata;
 } & WithFileAttributes & WithTraceContext;
 export declare function fireAnalytics(payload: MediaViewerEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;

package/dist/types-ts4.5/errors.d.ts

@@ -1,4 +1,4 @@
-import { type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type MediaClientErrorReason, type RequestErrorMetadata } from '@atlaskit/media-client';
 import { type ZipEntry } from 'unzipit';
 export declare class MediaViewerError extends Error {
     readonly primaryReason: MediaViewerErrorReason | ArchiveViewerErrorReason;
@@ -20,4 +20,4 @@ export type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeE
 export declare function getPrimaryErrorReason(error: MediaViewerError): PrimaryErrorReason;
 export declare function getSecondaryErrorReason(error: MediaViewerError): SecondaryErrorReason;
 export declare function getErrorDetail(error?: MediaViewerError): string;
-export declare function getRequestMetadata(error?: MediaViewerError): RequestMetadata | undefined;
+export declare function getRequestMetadata(error?: MediaViewerError): RequestErrorMetadata | undefined;