@atlaskit/media-viewer 48.2.14 → 48.3.0

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

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
-import { isAbortedRequestError, isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
+import { isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
 import { Outcome } from '../../domain';
@@ -55,7 +55,7 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "init",
     value: function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$props, fileState, mediaClient, collectionName, traceContext, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, preview, _yield$preview, value, origin, item, controller, response, imgError;
+        var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, preview, _yield$preview, value, origin, item, response, imgError;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -66,50 +66,50 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               }
               return _context.abrupt("return");
             case 3:
-              _context.prev = 3;
+              controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
+              _context.prev = 4;
               orientation = 1;
               isLocalFileReference = false;
               preview = fileState.preview;
               if (!preview) {
-                _context.next = 24;
+                _context.next = 25;
                 break;
               }
-              _context.next = 10;
+              _context.next = 11;
               return preview;
-            case 10:
+            case 11:
               _yield$preview = _context.sent;
               value = _yield$preview.value;
               origin = _yield$preview.origin;
               if (!(value instanceof Blob)) {
-                _context.next = 21;
+                _context.next = 22;
                 break;
               }
-              _context.next = 16;
+              _context.next = 17;
               return getOrientation(value);
-            case 16:
+            case 17:
               orientation = _context.sent;
               objectUrl = URL.createObjectURL(value);
               isLocalFileReference = origin === 'local';
-              _context.next = 22;
+              _context.next = 23;
               break;
-            case 21:
-              objectUrl = value;
             case 22:
+              objectUrl = value;
+            case 23:
               _context.next = 38;
               break;
-            case 24:
+            case 25:
               if (!isImageRepresentationReady(fileState)) {
                 _context.next = 36;
                 break;
               }
               item = processedFileStateToMediaItem(fileState);
-              controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
               response = mediaClient.getImage(item.details.id, {
                 collection: collectionName,
                 mode: 'fit'
               }, controller, true, traceContext);
               this.cancelImageFetch = function () {
-                return controller && controller.abort();
+                return controller === null || controller === void 0 ? void 0 : controller.abort();
               };
               _context.t0 = URL;
               _context.next = 32;
@@ -147,9 +147,9 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               break;
             case 45:
               _context.prev = 45;
-              _context.t2 = _context["catch"](3);
+              _context.t2 = _context["catch"](4);
               // TODO : properly handle aborted requests (MS-2843)
-              if (!isAbortedRequestError(_context.t2)) {
+              if (!(controller !== null && controller !== void 0 && controller.signal.aborted)) {
                 imgError = new MediaViewerError('imageviewer-fetch-url', _context.t2 instanceof Error ? _context.t2 : undefined);
                 this.setState({
                   content: Outcome.failed(imgError)
@@ -160,7 +160,7 @@ export var ImageViewer = /*#__PURE__*/function (_BaseViewer) {
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[3, 45]]);
+        }, _callee, this, [[4, 45]]);
       }));
       function init() {
         return _init.apply(this, arguments);

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

@@ -5,10 +5,12 @@ import { PreviewUnsupportedEventPayload } from './operational/previewUnsupported
 import { ZipEntryLoadFailedEventPayload } from './operational/zipEntryLoadFailed';
 import { ZipEntryLoadSucceededEventPayload } from './operational/zipEntryLoadSucceeded';
 import { ModalEventPayload } from './screen/modal';
+import { PdfPasswordInputScreenEventPayload } from './screen/pdfPasswordInput';
+import { PasswordPdfScreenEventPayload } from './screen/passwordPdf';
 import { ClosedEventPayload } from './ui/closed';
 import { DownloadButtonClickedEventPayload } from './ui/downloadButtonClicked';
 import { FailedPreviewDownloadButtonClickedEventPayload } from './ui/failedPreviewDownloadButtonClicked';
 import { NavigatedEventPayload } from './ui/navigated';
 import { ZoomInButtonClickEventPayload } from './ui/zoomInButtonClicked';
 import { ZoomOutButtonClickEventPayload } from './ui/zoomOutButtonClicked';
-export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;
+export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | PdfPasswordInputScreenEventPayload | PasswordPdfScreenEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;

package/dist/types/analytics/events/screen/passwordPdf.d.ts

@@ -0,0 +1,3 @@
+import { ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
+export type PasswordPdfScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerPasswordPdfScreen'>, 'attributes'>;
+export declare const createPasswordPdfScreenEvent: () => PasswordPdfScreenEventPayload;

package/dist/types/analytics/events/screen/pdfPasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
+export type PdfPasswordInputScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerPdfPasswordInputScreen'>, 'attributes'>;
+export declare const createPdfPasswordInputScreenEvent: () => PdfPasswordInputScreenEventPayload;

package/dist/types/domain/outcome.d.ts

@@ -5,17 +5,18 @@ export type SuccessfulState<Data> = {
     status: 'SUCCESSFUL';
     data: Data;
 };
-export type FailedState<Err> = {
+export type FailedState<Err, Data> = {
     status: 'FAILED';
     err: Err;
+    data?: Data;
 };
-export type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err>;
+export type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err, Data>;
 export declare class Outcome<Data, Err = Error> {
     private readonly state;
     private constructor();
     static successful<Data, Err>(data: Data): Outcome<Data, Err>;
     static pending<Data, Err>(): Outcome<Data, Err>;
-    static failed<Data, Err>(err: Err): Outcome<Data, Err>;
+    static failed<Data, Err>(err: Err, data?: Data): Outcome<Data, Err>;
     get status(): 'PENDING' | 'SUCCESSFUL' | 'FAILED';
     get data(): Data | undefined;
     get err(): Err | undefined;
@@ -25,8 +26,6 @@ export declare class Outcome<Data, Err = Error> {
     match<Result>({ successful, pending, failed, }: {
         successful: (data: Data) => Result;
         pending: () => Result;
-        failed: (err: Err) => Result;
+        failed: (err: Err, data?: Data) => Result;
     }): Result;
-    mapSuccessful<MappedData>(map: (data: Data) => MappedData): Outcome<MappedData, Err>;
-    mapFailed<MappedErr>(map: (err: Err) => MappedErr): Outcome<Data, MappedErr>;
 }

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

@@ -2,7 +2,6 @@
 import { MediaClient, FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
-import { Props as RendererProps } from './pdfRenderer';
 import { BaseViewer } from '../base-viewer';
 export type Props = {
     mediaClient: MediaClient;
@@ -16,12 +15,10 @@ export type State = {
     content: Outcome<string, MediaViewerError>;
 };
 export declare class DocViewer extends BaseViewer<string, Props> {
-    static PDFComponent: (props: RendererProps) => JSX.Element;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
     };
     protected init(): Promise<void>;
-    private loadDocViewer;
     protected release(): void;
     protected renderSuccessful(content: string): JSX.Element;
 }

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { OnSubmitHandler } from '@atlaskit/form';
+interface PDFPasswordInputProps {
+    onSubmit: OnSubmitHandler<{
+        password: string;
+    }>;
+    hasPasswordError?: boolean;
+    onRender?: () => void;
+}
+export declare const PDFPasswordInput: ({ onSubmit, hasPasswordError, onRender, }: PDFPasswordInputProps) => JSX.Element;
+export {};

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileState } from '@atlaskit/media-client';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { MediaViewerError } from '../../errors';
 export declare const pdfViewerClassName = "pdfViewer";
 export type Props = {
@@ -9,5 +10,5 @@ export type Props = {
     onClose?: () => void;
     onSuccess?: () => void;
     onError?: (error: MediaViewerError) => void;
-};
-export declare const PDFRenderer: ({ src, onClose, onSuccess, onError, workerUrl, item, }: Props) => JSX.Element;
+} & WithAnalyticsEventsProps;
+export declare const PDFRenderer: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -5,10 +5,12 @@ import { PreviewUnsupportedEventPayload } from './operational/previewUnsupported
 import { ZipEntryLoadFailedEventPayload } from './operational/zipEntryLoadFailed';
 import { ZipEntryLoadSucceededEventPayload } from './operational/zipEntryLoadSucceeded';
 import { ModalEventPayload } from './screen/modal';
+import { PdfPasswordInputScreenEventPayload } from './screen/pdfPasswordInput';
+import { PasswordPdfScreenEventPayload } from './screen/passwordPdf';
 import { ClosedEventPayload } from './ui/closed';
 import { DownloadButtonClickedEventPayload } from './ui/downloadButtonClicked';
 import { FailedPreviewDownloadButtonClickedEventPayload } from './ui/failedPreviewDownloadButtonClicked';
 import { NavigatedEventPayload } from './ui/navigated';
 import { ZoomInButtonClickEventPayload } from './ui/zoomInButtonClicked';
 import { ZoomOutButtonClickEventPayload } from './ui/zoomOutButtonClicked';
-export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;
+export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | PdfPasswordInputScreenEventPayload | PasswordPdfScreenEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;

package/dist/types-ts4.5/analytics/events/screen/passwordPdf.d.ts

@@ -0,0 +1,3 @@
+import { ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
+export type PasswordPdfScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerPasswordPdfScreen'>, 'attributes'>;
+export declare const createPasswordPdfScreenEvent: () => PasswordPdfScreenEventPayload;

package/dist/types-ts4.5/analytics/events/screen/pdfPasswordInput.d.ts

@@ -0,0 +1,3 @@
+import { ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
+export type PdfPasswordInputScreenEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerPdfPasswordInputScreen'>, 'attributes'>;
+export declare const createPdfPasswordInputScreenEvent: () => PdfPasswordInputScreenEventPayload;

package/dist/types-ts4.5/domain/outcome.d.ts

@@ -5,17 +5,18 @@ export type SuccessfulState<Data> = {
     status: 'SUCCESSFUL';
     data: Data;
 };
-export type FailedState<Err> = {
+export type FailedState<Err, Data> = {
     status: 'FAILED';
     err: Err;
+    data?: Data;
 };
-export type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err>;
+export type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err, Data>;
 export declare class Outcome<Data, Err = Error> {
     private readonly state;
     private constructor();
     static successful<Data, Err>(data: Data): Outcome<Data, Err>;
     static pending<Data, Err>(): Outcome<Data, Err>;
-    static failed<Data, Err>(err: Err): Outcome<Data, Err>;
+    static failed<Data, Err>(err: Err, data?: Data): Outcome<Data, Err>;
     get status(): 'PENDING' | 'SUCCESSFUL' | 'FAILED';
     get data(): Data | undefined;
     get err(): Err | undefined;
@@ -25,8 +26,6 @@ export declare class Outcome<Data, Err = Error> {
     match<Result>({ successful, pending, failed, }: {
         successful: (data: Data) => Result;
         pending: () => Result;
-        failed: (err: Err) => Result;
+        failed: (err: Err, data?: Data) => Result;
     }): Result;
-    mapSuccessful<MappedData>(map: (data: Data) => MappedData): Outcome<MappedData, Err>;
-    mapFailed<MappedErr>(map: (err: Err) => MappedErr): Outcome<Data, MappedErr>;
 }

package/dist/types-ts4.5/viewers/doc/index.d.ts

@@ -2,7 +2,6 @@
 import { MediaClient, FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
-import { Props as RendererProps } from './pdfRenderer';
 import { BaseViewer } from '../base-viewer';
 export type Props = {
     mediaClient: MediaClient;
@@ -16,12 +15,10 @@ export type State = {
     content: Outcome<string, MediaViewerError>;
 };
 export declare class DocViewer extends BaseViewer<string, Props> {
-    static PDFComponent: (props: RendererProps) => JSX.Element;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
     };
     protected init(): Promise<void>;
-    private loadDocViewer;
     protected release(): void;
     protected renderSuccessful(content: string): JSX.Element;
 }

package/dist/types-ts4.5/viewers/doc/pdfPasswordInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { OnSubmitHandler } from '@atlaskit/form';
+interface PDFPasswordInputProps {
+    onSubmit: OnSubmitHandler<{
+        password: string;
+    }>;
+    hasPasswordError?: boolean;
+    onRender?: () => void;
+}
+export declare const PDFPasswordInput: ({ onSubmit, hasPasswordError, onRender, }: PDFPasswordInputProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/viewers/doc/pdfRenderer.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileState } from '@atlaskit/media-client';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { MediaViewerError } from '../../errors';
 export declare const pdfViewerClassName = "pdfViewer";
 export type Props = {
@@ -9,5 +10,5 @@ export type Props = {
     onClose?: () => void;
     onSuccess?: () => void;
     onError?: (error: MediaViewerError) => void;
-};
-export declare const PDFRenderer: ({ src, onClose, onSuccess, onError, workerUrl, item, }: Props) => JSX.Element;
+} & WithAnalyticsEventsProps;
+export declare const PDFRenderer: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "48.2.14",
+  "version": "48.3.0",
   "description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,19 +36,23 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/button": "^17.3.0",
+    "@atlaskit/button": "^17.6.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/form": "^9.0.3",
+    "@atlaskit/heading": "^1.6.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
-    "@atlaskit/media-client": "^26.1.0",
+    "@atlaskit/media-client": "^26.2.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
-    "@atlaskit/media-ui": "^25.1.0",
+    "@atlaskit/media-ui": "^25.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.4",
+    "@atlaskit/primitives": "^3.1.0",
     "@atlaskit/side-navigation": "^3.0.0",
     "@atlaskit/spinner": "^16.0.0",
+    "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.36.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
     "@kenjiuno/msgreader": "^1.2.6",
@@ -70,7 +74,8 @@
   },
   "devDependencies": {
     "@af/integration-testing": "*",
-    "@atlaskit/media-core": "^34.1.0",
+    "@af/visual-regression": "*",
+    "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-state": "^1.0.0",
     "@atlaskit/media-test-data": "^1.2.0",
@@ -78,6 +83,7 @@
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/feature-flags-test-utils": "*",
     "@atlassian/ufo": "^0.2.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
@@ -99,6 +105,9 @@
   "platform-feature-flags": {
     "platform.media-experience.media-viewer-v2_hgsii": {
       "type": "boolean"
+    },
+    "platform.corex.password-protected-pdf_ht8re": {
+      "type": "boolean"
     }
   },
   "techstack": {