@atlaskit/smart-card 16.3.0 → 17.2.0

package/dist/cjs/state/index.js

@@ -15,10 +15,10 @@ Object.defineProperty(exports, "SmartCardProvider", {
     return _context.SmartCardProvider;
   }
 });
-Object.defineProperty(exports, "useSmartLinkContext", {
+Object.defineProperty(exports, "usePrefetch", {
   enumerable: true,
   get: function get() {
-    return _context.useSmartLinkContext;
+    return _hooks.usePrefetch;
   }
 });
 Object.defineProperty(exports, "useSmartLink", {
@@ -27,10 +27,10 @@ Object.defineProperty(exports, "useSmartLink", {
     return _hooks.useSmartLink;
   }
 });
-Object.defineProperty(exports, "usePrefetch", {
+Object.defineProperty(exports, "useSmartLinkContext", {
   enumerable: true,
   get: function get() {
-    return _hooks.usePrefetch;
+    return _context.useSmartLinkContext;
   }
 });
 

package/dist/cjs/state/reducers/index.js

@@ -21,9 +21,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var cardReducerMap = (_cardReducerMap = {}, (0, _defineProperty2.default)(_cardReducerMap, actions.ACTION_PENDING, function (_state, _ref) {
   var type = _ref.type;

package/dist/cjs/utils/analytics/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uiRenderFailedEvent = exports.uiRenderSuccessEvent = exports.screenAuthPopupEvent = exports.uiClosedAuthEvent = exports.uiActionClickedEvent = exports.uiCardClickedEvent = exports.uiAuthAlternateAccountEvent = exports.uiAuthEvent = exports.trackAppAccountConnected = exports.connectFailedEvent = exports.connectSucceededEvent = exports.invokeFailedEvent = exports.invokeSucceededEvent = exports.unresolvedEvent = exports.resolvedEvent = exports.fireSmartLinkEvent = exports.SmartLinkEvents = exports.context = exports.ANALYTICS_CHANNEL = void 0;
+exports.unresolvedEvent = exports.uiRenderSuccessEvent = exports.uiRenderFailedEvent = exports.uiClosedAuthEvent = exports.uiCardClickedEvent = exports.uiAuthEvent = exports.uiAuthAlternateAccountEvent = exports.uiActionClickedEvent = exports.trackAppAccountConnected = exports.screenAuthPopupEvent = exports.resolvedEvent = exports.invokeSucceededEvent = exports.invokeFailedEvent = exports.fireSmartLinkEvent = exports.context = exports.connectSucceededEvent = exports.connectFailedEvent = exports.SmartLinkEvents = exports.ANALYTICS_CHANNEL = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -17,9 +17,9 @@ var _version = require("../../version.json");
 
 var _performance = require("../performance");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ANALYTICS_CHANNEL = 'media';
 exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;

package/dist/cjs/utils/analytics/index.js

@@ -11,52 +11,53 @@ Object.defineProperty(exports, "ANALYTICS_CHANNEL", {
     return _analytics.ANALYTICS_CHANNEL;
   }
 });
-Object.defineProperty(exports, "context", {
+Object.defineProperty(exports, "connectFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.context;
+    return _analytics.connectFailedEvent;
   }
 });
-Object.defineProperty(exports, "fireSmartLinkEvent", {
+Object.defineProperty(exports, "connectSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.fireSmartLinkEvent;
+    return _analytics.connectSucceededEvent;
   }
 });
-Object.defineProperty(exports, "resolvedEvent", {
+Object.defineProperty(exports, "context", {
   enumerable: true,
   get: function get() {
-    return _analytics.resolvedEvent;
+    return _analytics.context;
   }
 });
-Object.defineProperty(exports, "unresolvedEvent", {
+Object.defineProperty(exports, "fireSmartLinkEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.unresolvedEvent;
+    return _analytics.fireSmartLinkEvent;
   }
 });
-Object.defineProperty(exports, "invokeSucceededEvent", {
+exports.instrumentEvent = void 0;
+Object.defineProperty(exports, "invokeFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeSucceededEvent;
+    return _analytics.invokeFailedEvent;
   }
 });
-Object.defineProperty(exports, "invokeFailedEvent", {
+Object.defineProperty(exports, "invokeSucceededEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.invokeFailedEvent;
+    return _analytics.invokeSucceededEvent;
   }
 });
-Object.defineProperty(exports, "connectSucceededEvent", {
+Object.defineProperty(exports, "resolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectSucceededEvent;
+    return _analytics.resolvedEvent;
   }
 });
-Object.defineProperty(exports, "connectFailedEvent", {
+Object.defineProperty(exports, "screenAuthPopupEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.connectFailedEvent;
+    return _analytics.screenAuthPopupEvent;
   }
 });
 Object.defineProperty(exports, "trackAppAccountConnected", {
@@ -65,10 +66,10 @@ Object.defineProperty(exports, "trackAppAccountConnected", {
     return _analytics.trackAppAccountConnected;
   }
 });
-Object.defineProperty(exports, "uiAuthEvent", {
+Object.defineProperty(exports, "uiActionClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiAuthEvent;
+    return _analytics.uiActionClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
@@ -77,16 +78,16 @@ Object.defineProperty(exports, "uiAuthAlternateAccountEvent", {
     return _analytics.uiAuthAlternateAccountEvent;
   }
 });
-Object.defineProperty(exports, "uiCardClickedEvent", {
+Object.defineProperty(exports, "uiAuthEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiCardClickedEvent;
+    return _analytics.uiAuthEvent;
   }
 });
-Object.defineProperty(exports, "uiActionClickedEvent", {
+Object.defineProperty(exports, "uiCardClickedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiActionClickedEvent;
+    return _analytics.uiCardClickedEvent;
   }
 });
 Object.defineProperty(exports, "uiClosedAuthEvent", {
@@ -95,10 +96,10 @@ Object.defineProperty(exports, "uiClosedAuthEvent", {
     return _analytics.uiClosedAuthEvent;
   }
 });
-Object.defineProperty(exports, "screenAuthPopupEvent", {
+Object.defineProperty(exports, "uiRenderFailedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.screenAuthPopupEvent;
+    return _analytics.uiRenderFailedEvent;
   }
 });
 Object.defineProperty(exports, "uiRenderSuccessEvent", {
@@ -107,13 +108,12 @@ Object.defineProperty(exports, "uiRenderSuccessEvent", {
     return _analytics.uiRenderSuccessEvent;
   }
 });
-Object.defineProperty(exports, "uiRenderFailedEvent", {
+Object.defineProperty(exports, "unresolvedEvent", {
   enumerable: true,
   get: function get() {
-    return _analytics.uiRenderFailedEvent;
+    return _analytics.unresolvedEvent;
   }
 });
-exports.instrumentEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -121,9 +121,9 @@ var _analytics = require("./analytics");
 
 var _performance = require("../performance");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var instrumentEvent = function instrumentEvent(id, status, definitionId, extensionKey, resourceType, error) {
   var measure = (0, _performance.getMeasure)(id, status) || {

package/dist/cjs/utils/flexible.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFlexibleUiTitleBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var Blocks = _interopRequireWildcard(require("../view/FlexibleCard/components/blocks"));
+
+var Elements = _interopRequireWildcard(require("../view/FlexibleCard/components/elements"));
+
+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; }
+
+var isFlexibleUiCard = function isFlexibleUiCard(appearance, children) {
+  if ((appearance === 'inline' || appearance === 'block') && children && _react.default.Children.toArray(children).some(function (child) {
+    return isFlexibleUiBlock(child);
+  })) {
+    return true;
+  }
+
+  return false;
+};
+
+exports.isFlexibleUiCard = isFlexibleUiCard;
+
+var isFlexibleUiBlock = function isFlexibleUiBlock(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Blocks).some(function (type) {
+    return type === node.type;
+  });
+};
+
+exports.isFlexibleUiBlock = isFlexibleUiBlock;
+
+var isFlexibleUiElement = function isFlexibleUiElement(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Elements).some(function (type) {
+    return type === node.type;
+  });
+};
+
+exports.isFlexibleUiElement = isFlexibleUiElement;
+
+var isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && node.type === Blocks.TitleBlock;
+};
+
+exports.isFlexibleUiTitleBlock = isFlexibleUiTitleBlock;

package/dist/cjs/utils/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLabelForFileType = exports.getIconForFileType = exports.isSpecialClick = exports.isSpecialKey = exports.isIframe = exports.isSpecialEvent = exports.isCardWithData = void 0;
+exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIframe = exports.isCardWithData = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -352,4 +352,20 @@ var typeToIcon = {
       return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/folder/16'));
     });
   }]
-};
+};
+
+var getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
+  return isTrusted ? undefined : 'allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts';
+};
+
+exports.getIframeSandboxAttribute = getIframeSandboxAttribute;
+
+var handleOnClick = function handleOnClick(handler) {
+  return function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    handler();
+  };
+};
+
+exports.handleOnClick = handleOnClick;

package/dist/cjs/utils/mocks.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.waitFor = exports.fakeFactory = exports.fakeResponse = exports.mocks = void 0;
+exports.waitFor = exports.mocks = exports.fakeResponse = exports.fakeFactory = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/utils/performance.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.create = exports.mark = exports.getMeasure = exports.clearMeasures = exports.clearMarks = exports.getMeasureName = exports.getMarkName = void 0;
+exports.mark = exports.getMeasureName = exports.getMeasure = exports.getMarkName = exports.create = exports.clearMeasures = exports.clearMarks = void 0;
 
 var isPerformanceAPIAvailable = function isPerformanceAPIAvailable() {
   return typeof window !== 'undefined' && 'performance' in window && ['measure', 'clearMeasures', 'clearMarks', 'getEntriesByName', 'getEntriesByType'].every(function (api) {

package/dist/cjs/utils/token.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.safeToken = void 0;
+
+var _tokens = require("@atlaskit/tokens");
+
+// Temporary safeguard while @atlaskit/tokens is being developed
+var safeToken = function safeToken(path, fallback) {
+  try {
+    return (0, _tokens.token)(path, fallback);
+  } catch (e) {
+    return fallback;
+  }
+};
+
+exports.safeToken = safeToken;
+var tokens = {
+  actionIcon: safeToken('color.icon', '#44546F'),
+  background: safeToken('elevation.surface', '#FFFFFF'),
+  badgeIcon: safeToken('color.icon.subtle', '#626F86'),
+  badgeText: safeToken('color.text.subtlest', '#626F86'),
+  blackLink: safeToken('color.text.subtle', '#44546F'),
+  blackLinkPressed: safeToken('color.text', '#172B4D'),
+  blueLink: safeToken('color.link', '#0C66E4'),
+  blueLinkPressed: safeToken('color.link.pressed', '#0055CC'),
+  elevation: safeToken('elevation.shadow.raised', '0px 1px 1px #091E4240, 0px 0px 1px #091E424F'),
+  errorMessage: safeToken('color.text.disabled', '#6B778C'),
+  errorMessageHover: safeToken('color.text.subtle', '#8993A4'),
+  text: safeToken('color.text.subtlest', '#626F86')
+};
+exports.tokens = tokens;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "16.3.0",
+	"version": "17.2.0",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/actions/AuthorizeAction.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuthorizeAction = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var AuthorizeAction = function AuthorizeAction(handler) {
+  return {
+    id: 'connect-account',
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_link_account_card),
+    promise: function promise() {
+      return new Promise(function (resolve) {
+        return resolve(handler());
+      });
+    },
+    buttonAppearance: 'default'
+  };
+};
+
+exports.AuthorizeAction = AuthorizeAction;

package/dist/cjs/view/BlockCard/actions/DownloadAction.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DownloadAction = void 0;
+exports.downloadFunction = downloadFunction;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _mediaCommon = require("@atlaskit/media-common");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+function downloadFunction(_x) {
+  return _downloadFunction.apply(this, arguments);
+}
+
+function _downloadFunction() {
+  _downloadFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var url;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            url = _ref.url;
+
+            if (url) {
+              _context.next = 3;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 3:
+            (0, _mediaCommon.downloadUrl)(url);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _downloadFunction.apply(this, arguments);
+}
+
+var DownloadAction = function DownloadAction(_ref2) {
+  var url = _ref2.url;
+  return {
+    id: 'download-content',
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
+    promise: function promise() {
+      return downloadFunction({
+        url: url
+      });
+    }
+  };
+};
+
+exports.DownloadAction = DownloadAction;

package/dist/cjs/view/BlockCard/actions/ForbiddenAction.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ForbiddenAction = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var ForbiddenAction = function ForbiddenAction(handler) {
+  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'connect-other-account';
+  var message = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _messages.messages.try_another_account;
+  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  return {
+    id: id,
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
+      values: {
+        context: context
+      }
+    })),
+    promise: function promise() {
+      return new Promise(function (resolve) {
+        return resolve(handler());
+      });
+    },
+    buttonAppearance: 'default'
+  };
+};
+
+exports.ForbiddenAction = ForbiddenAction;

package/dist/cjs/view/BlockCard/actions/PreviewAction.js

@@ -0,0 +1,134 @@
+"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;
+exports.previewFunction = previewFunction;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _excluded = ["popupMountPointId", "onClose"],
+    _excluded2 = ["details"];
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/*
+  Explanatory note:
+  Actions don't have access to the react tree of whatever is rendered them
+  (and this concept is fraught inside editor anyway) so we want to ensure
+  it is mounting to a new unique place. This function manages that, including
+  creating an element if it doesn't exist, as well as tidying up the react tree
+  (but not the element) upon closing the modal.
+
+  This may strike you as really uncomfortable as you read it, so I wanted to note
+  that a) this was discussed and agreed upon, and b) it's definitely odd, and if
+  you find an elegant solution around this, you should definitely feel free to
+  refactor it.
+*/
+function previewFunction(_x) {
+  return _previewFunction.apply(this, arguments);
+}
+/*
+Most of these are optional as we are being fault-tolerant
+However src, details, icon, title, and providerName are STRONGLY encouraged
+*/
+
+
+function _previewFunction() {
+  _previewFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
+    var popupMountPointId, _onClose, rest, popupMountPoint, Modal;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            popupMountPointId = _ref.popupMountPointId, _onClose = _ref.onClose, rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+            popupMountPoint = document.getElementById(popupMountPointId);
+
+            if (!popupMountPoint) {
+              popupMountPoint = document.createElement('div');
+              popupMountPoint.id = popupMountPointId;
+              popupMountPoint.setAttribute('data-testid', 'preview-modal');
+              document.body.appendChild(popupMountPoint);
+            }
+
+            _context.next = 5;
+            return Promise.resolve().then(function () {
+              return _interopRequireWildcard(require('../components/Modal'));
+            });
+
+          case 5:
+            Modal = _context.sent;
+
+            _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+              locale: "en"
+            }, /*#__PURE__*/_react.default.createElement(Modal.default, (0, _extends2.default)({}, rest, {
+              onClose: function onClose() {
+                if (popupMountPoint) {
+                  _onClose();
+
+                  _reactDom.default.unmountComponentAtNode(popupMountPoint);
+                }
+              }
+            }))), popupMountPoint);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _previewFunction.apply(this, arguments);
+}
+
+var _default = function _default(_ref2) {
+  var details = _ref2.details,
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return {
+    id: 'preview-content',
+    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview),
+    promise: function promise() {
+      return previewFunction(_objectSpread({
+        popupMountPointId: 'twp-editor-preview-iframe',
+        providerName: 'Preview',
+        closeLabel: 'Close Preview',
+        showModal: true,
+        iframeName: 'twp-editor-preview-iframe',
+        onClose: function onClose() {},
+        metadata: {
+          items: details || []
+        }
+      }, rest));
+    }
+  };
+};
+
+exports.default = _default;