@atlaskit/smart-card 23.1.2 → 23.1.3

package/dist/cjs/view/common/Modal.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-
-var _ModalHeader = require("./ModalHeader");
-
-var _utils = require("../../utils");
-
-var _analytics = _interopRequireDefault(require("../EmbedModal/components/analytics"));
-
-var _types = require("../EmbedModal/types");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-var iframeStyles = {
-  width: "100%",
-  height: 'calc(100vh - 248px)'
-};
-
-var ModalWithErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ModalWithErrorBoundary, _React$Component);
-
-  var _super = _createSuper(ModalWithErrorBoundary);
-
-  function ModalWithErrorBoundary() {
-    (0, _classCallCheck2.default)(this, ModalWithErrorBoundary);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(ModalWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      if (this.props.onOpenFailed) {
-        this.props.onOpenFailed(error, errorInfo);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(Modal, this.props);
-    }
-  }]);
-  return ModalWithErrorBoundary;
-}(_react.default.Component);
-
-var Modal = function Modal(_ref) {
-  var onClose = _ref.onClose,
-      onOpen = _ref.onOpen,
-      src = _ref.src,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-links-preview-modal' : _ref$testId,
-      showModal = _ref.showModal,
-      providerName = _ref.providerName,
-      metadata = _ref.metadata,
-      icon = _ref.icon,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Close Preview' : _ref$closeLabel,
-      iframeName = _ref.iframeName,
-      title = _ref.title,
-      url = _ref.url,
-      download = _ref.download,
-      byline = _ref.byline,
-      _ref$isTrusted = _ref.isTrusted,
-      isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
-      onViewActionClick = _ref.onViewActionClick,
-      onDownloadActionClick = _ref.onDownloadActionClick;
-
-  var _useState = (0, _react.useState)(showModal),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var openAt = (0, _react.useRef)();
-  var handleOnOpenComplete = (0, _react.useCallback)(function () {
-    openAt.current = Date.now();
-
-    if (onOpen) {
-      onOpen({
-        size: _types.EmbedModalSize.Small
-      });
-    }
-  }, [onOpen]);
-  var handleOnCloseComplete = (0, _react.useCallback)(function () {
-    if (onClose) {
-      var duration = openAt.current ? Date.now() - openAt.current : undefined;
-      onClose({
-        duration: duration,
-        size: _types.EmbedModalSize.Small
-      });
-    }
-  }, [onClose]);
-  var sandbox = (0, _utils.getIframeSandboxAttribute)(isTrusted);
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
-    height: "100%",
-    width: "large",
-    testId: testId,
-    onOpenComplete: handleOnOpenComplete,
-    onClose: function onClose() {
-      setIsOpen(false);
-    },
-    onCloseComplete: handleOnCloseComplete
-  }, /*#__PURE__*/_react.default.createElement(_ModalHeader.Header, {
-    providerName: providerName,
-    icon: icon,
-    metadata: metadata,
-    url: url,
-    title: title,
-    label: closeLabel,
-    download: download,
-    byline: byline,
-    onViewActionClick: onViewActionClick,
-    onDownloadActionClick: onDownloadActionClick
-  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, src ? /*#__PURE__*/_react.default.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    src: src,
-    sandbox: sandbox
-  }) : /*#__PURE__*/_react.default.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    sandbox: sandbox
-  }))));
-};
-
-var _default = (0, _analytics.default)(ModalWithErrorBoundary);
-
-exports.default = _default;

package/dist/cjs/view/common/ModalHeader.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = require("react");
-
-var _modalDialog = require("@atlaskit/modal-dialog");
-
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
-
-var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _tokens = require("@atlaskit/tokens");
-
-var _reactIntlNext = require("react-intl-next");
-
-var _utils = require("./utils");
-
-var _Icon = require("./Icon");
-
-var _MetadataList = require("./MetadataList");
-
-var _Byline = require("./Byline");
-
-var _messages = require("../../messages");
-
-/** @jsx jsx */
-var Header = function Header(_ref) {
-  var title = _ref.title,
-      label = _ref.label,
-      _ref$metadata = _ref.metadata,
-      metadata = _ref$metadata === void 0 ? {
-    items: []
-  } : _ref$metadata,
-      icon = _ref.icon,
-      providerName = _ref.providerName,
-      url = _ref.url,
-      download = _ref.download,
-      byline = _ref.byline,
-      onViewActionClick = _ref.onViewActionClick,
-      onDownloadActionClick = _ref.onDownloadActionClick;
-
-  var _useModal = (0, _modalDialog.useModal)(),
-      onClose = _useModal.onClose;
-
-  return (0, _react.jsx)("div", {
-    style: {
-      paddingLeft: (0, _utils.gs)(3),
-      paddingRight: (0, _utils.gs)(3),
-      paddingBottom: (0, _utils.gs)(2),
-      paddingTop: (0, _utils.gs)(2)
-    }
-  }, (0, _react.jsx)("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'baseline',
-      borderBottom: "1px solid ".concat((0, _tokens.token)('color.border', _colors.N30A))
-    }
-  }, (0, _react.jsx)("div", {
-    css: {
-      flex: 1
-    }
-  }, (0, _react.jsx)("div", {
-    css: {
-      display: 'flex'
-    }
-  }, icon && (0, _react.jsx)(_Icon.Icon, icon), (0, _react.jsx)("div", {
-    css: {
-      paddingLeft: (0, _utils.gs)(2),
-      paddingBottom: (0, _utils.gs)(2)
-    }
-  }, (0, _react.jsx)("h3", null, title), (0, _react.jsx)("div", {
-    css: {
-      color: (0, _tokens.token)('color.text.subtlest', _colors.N100)
-    }
-  }, metadata.items.length && (0, _react.jsx)(_MetadataList.MetadataList, {
-    items: metadata.items
-  }) || (0, _react.jsx)(_Byline.Byline, null, byline))))), (0, _react.jsx)("div", null, download && (0, _react.jsx)(_customThemeButton.default, {
-    appearance: "primary",
-    href: download,
-    onClick: onDownloadActionClick
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.download)), url && (0, _react.jsx)(_customThemeButton.default, {
-    href: url,
-    target: "_blank",
-    appearance: "link",
-    testId: "preview-view-action",
-    iconAfter: (0, _react.jsx)(_shortcut.default, {
-      size: "small",
-      label: ""
-    }),
-    onClick: onViewActionClick
-  }, providerName ? (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal)), (0, _react.jsx)(_customThemeButton.default, {
-    appearance: "subtle",
-    iconBefore: (0, _react.jsx)(_close.default, {
-      label: label
-    }),
-    onClick: onClose,
-    testId: "preview-close-button"
-  }))));
-};
-
-exports.Header = Header;

package/dist/es2019/view/EmbedModal/components/size-experiment/index.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Modal from '../../../common/Modal';
-import { EmbedModalSize } from '../../types';
-
-const withSizeExperiment = Component => props => {
-  const {
-    featureFlags = {}
-  } = props;
-  const {
-    embedModalSize: size
-  } = featureFlags; // Experiment
-
-  if (size === EmbedModalSize.Large || size === EmbedModalSize.Small) {
-    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      size: size
-    }));
-  } // Control
-
-
-  return /*#__PURE__*/React.createElement(Modal, props);
-};
-
-export default withSizeExperiment;

package/dist/es2019/view/EmbedModal/components/size-experiment/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/common/Modal.js

@@ -1,115 +0,0 @@
-/* TODO: (from codemod)
-We have converted this file as best we could but you might still need
-to manually complete migrating this usage of ModalDialog.
-
-This file uses one or more of the following ModalDialog props: 'components', 'header',
-'footer', 'body'. These props have been removed as part of moving to
-a compositional API.
-
-The render props that used to be exposed by the custom component APIs are
-now accessible using the 'useModal' hook instead: 'testId', 'titleId', and 'onClose'.
-
-We are also no longer exposing 'appearance' as render prop, so this needs to be
-manually passed to your custom components.
-
-For a complete guide on customization using the new compositional API, refer to the docs at
-https://atlassian.design/components/modal-dialog/examples#customizing-modal-dialog. */
-import React, { useCallback, useRef, useState } from 'react';
-import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../utils';
-import withAnalytics from '../EmbedModal/components/analytics';
-import { EmbedModalSize } from '../EmbedModal/types';
-const iframeStyles = {
-  width: `100%`,
-  height: 'calc(100vh - 248px)'
-};
-
-class ModalWithErrorBoundary extends React.Component {
-  componentDidCatch(error, errorInfo) {
-    if (this.props.onOpenFailed) {
-      this.props.onOpenFailed(error, errorInfo);
-    }
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Modal, this.props);
-  }
-
-}
-
-const Modal = ({
-  onClose,
-  onOpen,
-  src,
-  testId = 'smart-links-preview-modal',
-  showModal,
-  providerName,
-  metadata,
-  icon,
-  closeLabel = 'Close Preview',
-  iframeName,
-  title,
-  url,
-  download,
-  byline,
-  isTrusted = false,
-  onViewActionClick,
-  onDownloadActionClick
-}) => {
-  let [isOpen, setIsOpen] = useState(showModal);
-  const openAt = useRef();
-  const handleOnOpenComplete = useCallback(() => {
-    openAt.current = Date.now();
-
-    if (onOpen) {
-      onOpen({
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onOpen]);
-  const handleOnCloseComplete = useCallback(() => {
-    if (onClose) {
-      const duration = openAt.current ? Date.now() - openAt.current : undefined;
-      onClose({
-        duration,
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onClose]);
-  const sandbox = getIframeSandboxAttribute(isTrusted);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
-    height: "100%",
-    width: "large",
-    testId: testId,
-    onOpenComplete: handleOnOpenComplete,
-    onClose: () => {
-      setIsOpen(false);
-    },
-    onCloseComplete: handleOnCloseComplete
-  }, /*#__PURE__*/React.createElement(Header, {
-    providerName: providerName,
-    icon: icon,
-    metadata: metadata,
-    url: url,
-    title: title,
-    label: closeLabel,
-    download: download,
-    byline: byline,
-    onViewActionClick: onViewActionClick,
-    onDownloadActionClick: onDownloadActionClick
-  }), /*#__PURE__*/React.createElement(ModalBody, null, src ? /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    src: src,
-    sandbox: sandbox
-  }) : /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    sandbox: sandbox
-  }))));
-};
-
-export default withAnalytics(ModalWithErrorBoundary);

package/dist/es2019/view/common/ModalHeader.js

@@ -1,88 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { Fragment as F } from 'react';
-import { useModal } from '@atlaskit/modal-dialog';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import Button from '@atlaskit/button/custom-theme-button';
-import { N100, N30A } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-import { FormattedMessage } from 'react-intl-next';
-import { gs } from './utils';
-import { Icon } from './Icon';
-import { MetadataList } from './MetadataList';
-import { Byline } from './Byline';
-import { messages } from '../../messages';
-export const Header = ({
-  title,
-  label,
-  metadata = {
-    items: []
-  },
-  icon,
-  providerName,
-  url,
-  download,
-  byline,
-  onViewActionClick,
-  onDownloadActionClick
-}) => {
-  const {
-    onClose
-  } = useModal();
-  return jsx("div", {
-    style: {
-      paddingLeft: gs(3),
-      paddingRight: gs(3),
-      paddingBottom: gs(2),
-      paddingTop: gs(2)
-    }
-  }, jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'baseline',
-      borderBottom: `1px solid ${token('color.border', N30A)}`
-    }
-  }, jsx("div", {
-    css: {
-      flex: 1
-    }
-  }, jsx("div", {
-    css: {
-      display: 'flex'
-    }
-  }, icon && jsx(Icon, icon), jsx("div", {
-    css: {
-      paddingLeft: gs(2),
-      paddingBottom: gs(2)
-    }
-  }, jsx("h3", null, title), jsx("div", {
-    css: {
-      color: token('color.text.subtlest', N100)
-    }
-  }, metadata.items.length && jsx(MetadataList, {
-    items: metadata.items
-  }) || jsx(Byline, null, byline))))), jsx("div", null, download && jsx(Button, {
-    appearance: "primary",
-    href: download,
-    onClick: onDownloadActionClick
-  }, jsx(FormattedMessage, messages.download)), url && jsx(Button, {
-    href: url,
-    target: "_blank",
-    appearance: "link",
-    testId: "preview-view-action",
-    iconAfter: jsx(ShortcutIcon, {
-      size: "small",
-      label: ""
-    }),
-    onClick: onViewActionClick
-  }, providerName ? jsx(F, null, jsx(FormattedMessage, messages.viewIn), " ", providerName) : jsx(FormattedMessage, messages.viewOriginal)), jsx(Button, {
-    appearance: "subtle",
-    iconBefore: jsx(EditorCloseIcon, {
-      label: label
-    }),
-    onClick: onClose,
-    testId: "preview-close-button"
-  }))));
-};

package/dist/esm/view/EmbedModal/components/size-experiment/index.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Modal from '../../../common/Modal';
-import { EmbedModalSize } from '../../types';
-
-var withSizeExperiment = function withSizeExperiment(Component) {
-  return function (props) {
-    var _props$featureFlags = props.featureFlags,
-        featureFlags = _props$featureFlags === void 0 ? {} : _props$featureFlags;
-    var size = featureFlags.embedModalSize; // Experiment
-
-    if (size === EmbedModalSize.Large || size === EmbedModalSize.Small) {
-      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-        size: size
-      }));
-    } // Control
-
-
-    return /*#__PURE__*/React.createElement(Modal, props);
-  };
-};
-
-export default withSizeExperiment;

package/dist/esm/view/EmbedModal/components/size-experiment/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/common/Modal.js

@@ -1,148 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-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; } }
-
-/* TODO: (from codemod)
-We have converted this file as best we could but you might still need
-to manually complete migrating this usage of ModalDialog.
-
-This file uses one or more of the following ModalDialog props: 'components', 'header',
-'footer', 'body'. These props have been removed as part of moving to
-a compositional API.
-
-The render props that used to be exposed by the custom component APIs are
-now accessible using the 'useModal' hook instead: 'testId', 'titleId', and 'onClose'.
-
-We are also no longer exposing 'appearance' as render prop, so this needs to be
-manually passed to your custom components.
-
-For a complete guide on customization using the new compositional API, refer to the docs at
-https://atlassian.design/components/modal-dialog/examples#customizing-modal-dialog. */
-import React, { useCallback, useRef, useState } from 'react';
-import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { Header } from './ModalHeader';
-import { getIframeSandboxAttribute } from '../../utils';
-import withAnalytics from '../EmbedModal/components/analytics';
-import { EmbedModalSize } from '../EmbedModal/types';
-var iframeStyles = {
-  width: "100%",
-  height: 'calc(100vh - 248px)'
-};
-
-var ModalWithErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalWithErrorBoundary, _React$Component);
-
-  var _super = _createSuper(ModalWithErrorBoundary);
-
-  function ModalWithErrorBoundary() {
-    _classCallCheck(this, ModalWithErrorBoundary);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ModalWithErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      if (this.props.onOpenFailed) {
-        this.props.onOpenFailed(error, errorInfo);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, this.props);
-    }
-  }]);
-
-  return ModalWithErrorBoundary;
-}(React.Component);
-
-var Modal = function Modal(_ref) {
-  var onClose = _ref.onClose,
-      onOpen = _ref.onOpen,
-      src = _ref.src,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-links-preview-modal' : _ref$testId,
-      showModal = _ref.showModal,
-      providerName = _ref.providerName,
-      metadata = _ref.metadata,
-      icon = _ref.icon,
-      _ref$closeLabel = _ref.closeLabel,
-      closeLabel = _ref$closeLabel === void 0 ? 'Close Preview' : _ref$closeLabel,
-      iframeName = _ref.iframeName,
-      title = _ref.title,
-      url = _ref.url,
-      download = _ref.download,
-      byline = _ref.byline,
-      _ref$isTrusted = _ref.isTrusted,
-      isTrusted = _ref$isTrusted === void 0 ? false : _ref$isTrusted,
-      onViewActionClick = _ref.onViewActionClick,
-      onDownloadActionClick = _ref.onDownloadActionClick;
-
-  var _useState = useState(showModal),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var openAt = useRef();
-  var handleOnOpenComplete = useCallback(function () {
-    openAt.current = Date.now();
-
-    if (onOpen) {
-      onOpen({
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onOpen]);
-  var handleOnCloseComplete = useCallback(function () {
-    if (onClose) {
-      var duration = openAt.current ? Date.now() - openAt.current : undefined;
-      onClose({
-        duration: duration,
-        size: EmbedModalSize.Small
-      });
-    }
-  }, [onClose]);
-  var sandbox = getIframeSandboxAttribute(isTrusted);
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
-    height: "100%",
-    width: "large",
-    testId: testId,
-    onOpenComplete: handleOnOpenComplete,
-    onClose: function onClose() {
-      setIsOpen(false);
-    },
-    onCloseComplete: handleOnCloseComplete
-  }, /*#__PURE__*/React.createElement(Header, {
-    providerName: providerName,
-    icon: icon,
-    metadata: metadata,
-    url: url,
-    title: title,
-    label: closeLabel,
-    download: download,
-    byline: byline,
-    onViewActionClick: onViewActionClick,
-    onDownloadActionClick: onDownloadActionClick
-  }), /*#__PURE__*/React.createElement(ModalBody, null, src ? /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    src: src,
-    sandbox: sandbox
-  }) : /*#__PURE__*/React.createElement("iframe", {
-    style: iframeStyles,
-    name: iframeName,
-    frameBorder: 0,
-    sandbox: sandbox
-  }))));
-};
-
-export default withAnalytics(ModalWithErrorBoundary);