@atlaskit/smart-card 15.5.0 → 16.2.0

package/dist/cjs/view/CardWithUrl/loader.js

@@ -2,28 +2,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardWithURLRenderer = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+exports.CardWithURLRenderer = CardWithURLRenderer;
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
@@ -33,132 +21,121 @@ var _analytics = require("../../utils/analytics");
 
 var _performance = require("../../utils/performance");
 
-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 _reactErrorBoundary = require("react-error-boundary");
 
-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); }; }
+var _ufoExperiences = require("../../state/analytics/ufoExperiences");
 
-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 CardWithURLRenderer = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(CardWithURLRenderer, _React$PureComponent);
+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); }
 
-  var _super = _createSuper(CardWithURLRenderer);
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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 CardWithURLRenderer(props) {
-    var _this;
+var LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./component-lazy/index'));
+  });
+});
 
-    (0, _classCallCheck2.default)(this, CardWithURLRenderer);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchAnalytics", function (analyticsPayload) {
-      var _this$props = _this.props,
-          appearance = _this$props.appearance,
-          createAnalyticsEvent = _this$props.createAnalyticsEvent;
+function CardWithURLRenderer(props) {
+  var _useState = (0, _react.useState)(function () {
+    return (0, _uuid.default)();
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+      id = _useState2[0]; // Equivalent to ComponentWillMount
+
+
+  (0, _react.useState)(function () {
+    // We want to start timing of render event only once and right at the start
+    (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+  });
+  (0, _react.useEffect)(function () {
+    // ComponentWillUnmount
+    return function () {
+      (0, _performance.clearMarks)(id);
+      (0, _performance.clearMeasures)(id);
+    };
+  }, [id]);
+
+  var logError = function logError(error, info) {
+    var componentStack = info.componentStack; // NB: APIErrors are thrown in response to Object Resolver Service.
+    // In these cases, control is handed back to the Editor. We do not
+    // fire an event for these, as they do not cover failed UI render events.
+
+    if (error.name === 'APIError') {
+      throw error;
+    } // NB: the rest of the errors caught here are unexpected, and correlate
+    // to the reliability of the smart-card front-end components. We instrument
+    // these in order to measure our front-end reliability.
+    else {
+      var errorInfo = {
+        componentStack: componentStack
+      };
+      (0, _ufoExperiences.failUfoExperience)('smart-link-rendered', id);
+      (0, _ufoExperiences.failUfoExperience)('smart-link-authenticated', id);
+      dispatchAnalytics((0, _analytics.uiRenderFailedEvent)(appearance, error, errorInfo));
+    }
+  }; // Wrapper around analytics.
 
-      if (analyticsPayload && analyticsPayload.attributes) {
-        // Update if we haven't already set the display - possible
-        // in the case of `preview` which is rendered differently.
-        if (!analyticsPayload.attributes.display) {
-          analyticsPayload.attributes.display = appearance;
-        }
-      }
 
-      (0, _analytics.fireSmartLinkEvent)(analyticsPayload, createAnalyticsEvent);
-    });
-    _this.state = {
-      id: (0, _uuid.default)()
-    };
-    return _this;
-  }
+  var dispatchAnalytics = function dispatchAnalytics(analyticsPayload) {
+    var appearance = props.appearance,
+        createAnalyticsEvent = props.createAnalyticsEvent;
 
-  (0, _createClass2.default)(CardWithURLRenderer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (CardWithURLRenderer.CardContent === null) {
-        (this.props.importer || CardWithURLRenderer.moduleImporter)(this);
+    if (analyticsPayload && analyticsPayload.attributes) {
+      // Update if we haven't already set the display - possible
+      // in the case of `preview` which is rendered differently.
+      if (!analyticsPayload.attributes.display) {
+        analyticsPayload.attributes.display = appearance;
       }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var id = this.state.id;
-      (0, _performance.clearMarks)(id);
-      (0, _performance.clearMeasures)(id);
-    }
-  }, {
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      var appearance = this.props.appearance; // NB: APIErrors are thrown in response to Object Resolver Service.
-      // In these cases, control is handed back to the Editor. We do not
-      // fire an event for these, as they do not cover failed UI render events.
-
-      if (error.name === 'APIError') {
-        throw error;
-      } // NB: the rest of the errors caught here are unexpected, and correlate
-      // to the reliability of the smart-card front-end components. We instrument
-      // these in order to measure our front-end reliability.
-      else {
-          this.dispatchAnalytics((0, _analytics.uiRenderFailedEvent)(appearance, error, errorInfo));
-        }
-    } // Wrapper around analytics.
-
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          url = _this$props2.url,
-          appearance = _this$props2.appearance,
-          isSelected = _this$props2.isSelected,
-          isFrameVisible = _this$props2.isFrameVisible,
-          onClick = _this$props2.onClick,
-          container = _this$props2.container,
-          onResolve = _this$props2.onResolve,
-          testId = _this$props2.testId,
-          showActions = _this$props2.showActions,
-          inheritDimensions = _this$props2.inheritDimensions,
-          platform = _this$props2.platform,
-          embedIframeRef = _this$props2.embedIframeRef,
-          inlinePreloaderStyle = _this$props2.inlinePreloaderStyle;
-
-      if (!url) {
-        throw new Error('@atlaskit/smart-card: url property is missing.');
-      }
 
-      return CardWithURLRenderer.CardContent !== null ? /*#__PURE__*/_react.default.createElement(CardWithURLRenderer.CardContent, {
-        id: this.state.id,
-        url: url,
-        appearance: appearance,
-        onClick: onClick,
-        isSelected: isSelected,
-        isFrameVisible: isFrameVisible,
-        dispatchAnalytics: this.dispatchAnalytics,
-        container: container,
-        onResolve: onResolve,
-        testId: testId,
-        showActions: showActions,
-        inheritDimensions: inheritDimensions,
-        platform: platform,
-        embedIframeRef: embedIframeRef,
-        inlinePreloaderStyle: inlinePreloaderStyle
-      }) : /*#__PURE__*/_react.default.createElement(_mediaUi.CardLinkView, {
-        key: 'chunk-placeholder',
-        link: url
-      });
-    }
-  }], [{
-    key: "moduleImporter",
-    value: function moduleImporter(target) {
-      Promise.resolve().then(function () {
-        return _interopRequireWildcard(require('./component-lazy/index'));
-      }).then(function (module) {
-        CardWithURLRenderer.CardContent = module.LazyCardWithUrlContent;
-        target.forceUpdate();
-      });
-    }
-  }]);
-  return CardWithURLRenderer;
-}(_react.default.PureComponent);
+    (0, _analytics.fireSmartLinkEvent)(analyticsPayload, createAnalyticsEvent);
+  };
+
+  var url = props.url,
+      appearance = props.appearance,
+      isSelected = props.isSelected,
+      isFrameVisible = props.isFrameVisible,
+      onClick = props.onClick,
+      container = props.container,
+      onResolve = props.onResolve,
+      testId = props.testId,
+      showActions = props.showActions,
+      inheritDimensions = props.inheritDimensions,
+      platform = props.platform,
+      embedIframeRef = props.embedIframeRef,
+      inlinePreloaderStyle = props.inlinePreloaderStyle;
+
+  if (!url) {
+    throw new Error('@atlaskit/smart-card: url property is missing.');
+  }
 
-exports.CardWithURLRenderer = CardWithURLRenderer;
-(0, _defineProperty2.default)(CardWithURLRenderer, "CardContent", null);
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    FallbackComponent: ErrorFallback,
+    onError: logError
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement(_mediaUi.CardLinkView, {
+      key: 'chunk-placeholder',
+      link: url
+    })
+  }, /*#__PURE__*/_react.default.createElement(LazyCardWithUrlContent, {
+    id: id,
+    url: url,
+    appearance: appearance,
+    onClick: onClick,
+    isSelected: isSelected,
+    isFrameVisible: isFrameVisible,
+    dispatchAnalytics: dispatchAnalytics,
+    container: container,
+    onResolve: onResolve,
+    testId: testId,
+    showActions: showActions,
+    inheritDimensions: inheritDimensions,
+    platform: platform,
+    embedIframeRef: embedIframeRef,
+    inlinePreloaderStyle: inlinePreloaderStyle
+  })));
+}
+
+var ErrorFallback = function ErrorFallback() {
+  return /*#__PURE__*/_react.default.createElement("span", null);
+};

package/dist/cjs/view/EmbedCard/{IframelyResizeMessageListener.js → EmbedResizeMessageListener.js}

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IframelyResizeMessageListener = void 0;
+exports.EmbedResizeMessageListener = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -29,18 +29,15 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 EMBED_ALLOWED_DOMAINS = ['http://cdn.iframe.ly', 'https://cdn.iframe.ly', // Our CDN domain names
-'https://iframely.staging.atl-paas.net', 'https://iframely.prod.atl-paas.net'];
+var EmbedResizeMessageListener = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(EmbedResizeMessageListener, _React$Component);
 
-var IframelyResizeMessageListener = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(IframelyResizeMessageListener, _React$Component);
+  var _super = _createSuper(EmbedResizeMessageListener);
 
-  var _super = _createSuper(IframelyResizeMessageListener);
-
-  function IframelyResizeMessageListener() {
+  function EmbedResizeMessageListener() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, IframelyResizeMessageListener);
+    (0, _classCallCheck2.default)(this, EmbedResizeMessageListener);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -48,16 +45,11 @@ var IframelyResizeMessageListener = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "messageCallback", function (event) {
-      var embedIframeRef = _this.props.embedIframeRef; // Security: we should only listen to messages from specific domains.
-      // See https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage.
-
-      var isFromAllowedDomain = EMBED_ALLOWED_DOMAINS.includes(event.origin); // This is needed for WD/VR tests to work properly, where we load example as iframe src
-
-      var isFromSameDomain = event.origin === window.origin;
+      var embedIframeRef = _this.props.embedIframeRef;
       var isFromExpectedIframe = embedIframeRef.current && event.source === embedIframeRef.current.contentWindow;
       var isStringData = typeof event.data === 'string';
 
-      if ((isFromAllowedDomain || isFromSameDomain) && isFromExpectedIframe && isStringData) {
+      if (isFromExpectedIframe && isStringData) {
         try {
           var data = JSON.parse(event.data);
 
@@ -77,7 +69,7 @@ var IframelyResizeMessageListener = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(IframelyResizeMessageListener, [{
+  (0, _createClass2.default)(EmbedResizeMessageListener, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       window.addEventListener('message', this.messageCallback);
@@ -93,7 +85,7 @@ var IframelyResizeMessageListener = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return IframelyResizeMessageListener;
+  return EmbedResizeMessageListener;
 }(_react.default.Component);
 
-exports.IframelyResizeMessageListener = IframelyResizeMessageListener;
+exports.EmbedResizeMessageListener = EmbedResizeMessageListener;

package/dist/cjs/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSmartLinkEvents = useSmartLinkEvents;
+
+var _react = require("react");
+
+var _analytics = require("../../utils/analytics/analytics");
+
+function useSmartLinkEvents() {
+  /**
+   * this utility maybe extended in the future to include
+   * more contextual info about SLs
+   */
+  var events = (0, _react.useMemo)(function () {
+    return new _analytics.SmartLinkEvents();
+  }, []);
+  return events;
+}

package/dist/es2019/client/index.js

@@ -1,16 +1,54 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+// import setimmediate to temporary fix dataloader 2.0.0 bug
+// @see https://github.com/graphql/dataloader/issues/249
+import 'setimmediate';
 import DataLoader from 'dataloader';
 import retry from 'async-retry';
 import * as api from './api';
 import { APIError } from './errors';
-import { getResolverUrl } from './utils/environments'; // @ts-ignore
-
-import BottleneckLight from 'bottleneck/light';
-const Bottleneck = BottleneckLight;
+import { getResolverUrl } from './utils/environments';
+import pThrottle from 'p-throttle';
 import { isSuccessfulResponse, isErrorResponse } from './types/responses';
 const MAX_BATCH_SIZE = 50;
 const MIN_TIME_BETWEEN_BATCHES = 250;
 export default class CardClient {
   constructor(envKey) {
+    _defineProperty(this, "batchResolve", async urls => {
+      // De-duplicate requested URLs (see `this.createLoader` for more detail).
+      const deDuplicatedUrls = [...new Set(urls)];
+      let resolvedUrls = [];
+
+      try {
+        // Ask the backend to resolve the URLs for us.
+        resolvedUrls = await api.request('post', `${this.resolverUrl}/resolve/batch`, deDuplicatedUrls.map(resourceUrl => ({
+          resourceUrl
+        })));
+      } catch (error) {
+        // we make sure we return a valid dataloader response by creating an error
+        // response for each url
+        resolvedUrls = urls.map(() => {
+          const status = isErrorResponse(error) ? error.status : 500;
+          const errorResponse = {
+            status,
+            error
+          };
+          return errorResponse;
+        });
+      } // Reduce into a map to make accessing faster and easier.
+
+
+      const map = {}; // NOTE: the batch endpoint returns the URLs in the same order they were given.
+
+      for (let i = 0; i < deDuplicatedUrls.length; ++i) {
+        const url = deDuplicatedUrls[i];
+        const data = resolvedUrls[i];
+        map[url] = data;
+      } // Reconvert list back into the original order in which it was given to us.
+
+
+      return urls.map(originalUrl => map[originalUrl]);
+    });
+
     this.resolverUrl = getResolverUrl(envKey);
     this.loadersByDomain = {};
     this.retryConfig = {
@@ -19,51 +57,17 @@ export default class CardClient {
     this.resolvedCache = {};
   }
 
-  async batchResolve(urls) {
-    // De-duplicate requested URLs (see `this.createLoader` for more detail).
-    const deDuplicatedUrls = [...new Set(urls)];
-    let resolvedUrls = [];
-
-    try {
-      // Ask the backend to resolve the URLs for us.
-      resolvedUrls = await api.request('post', `${this.resolverUrl}/resolve/batch`, deDuplicatedUrls.map(resourceUrl => ({
-        resourceUrl
-      })));
-    } catch (error) {
-      // we make sure we return a valid dataloader response by creating an error
-      // response for each url
-      resolvedUrls = urls.map(() => {
-        const status = isErrorResponse(error) ? error.status : 500;
-        const errorResponse = {
-          status,
-          error
-        };
-        return errorResponse;
-      });
-    } // Reduce into a map to make accessing faster and easier.
-
-
-    const map = {}; // NOTE: the batch endpoint returns the URLs in the same order they were given.
-
-    for (let i = 0; i < deDuplicatedUrls.length; ++i) {
-      const url = deDuplicatedUrls[i];
-      const data = resolvedUrls[i];
-      map[url] = data;
-    } // Reconvert list back into the original order in which it was given to us.
-
-
-    return urls.map(originalUrl => map[originalUrl]);
-  }
-
   createLoader() {
-    const limiter = new Bottleneck({
-      minTime: MIN_TIME_BETWEEN_BATCHES
+    const batchResolveThrottler = pThrottle({
+      limit: 1,
+      interval: MIN_TIME_BETWEEN_BATCHES
     });
+    const throttledBatchResolve = batchResolveThrottler(this.batchResolve);
     return new DataLoader( // We place all calls to `batchResolve` in a limiter so we don't send off several simultaneous batch requests.
     // This is for two reasons:
     //  1: we want to avoid getting rate limited upstream (eg: forge and other APIs)
     //  2: we want to avoid sending out heaps of requests from the client at once
-    urls => limiter.schedule(() => this.batchResolve(urls)), {
+    urls => throttledBatchResolve(urls), {
       maxBatchSize: MAX_BATCH_SIZE,
       // NOTE: we turn off DataLoader's cache because it doesn't work for our use-case. Consider the following:
       // - a smartlink to a restricted item is resolved to "forbidden" with a "request access button"

package/dist/es2019/client/utils/environments.js

@@ -1,5 +1,5 @@
 const devBaseUrl = 'https://api-private.dev.atlassian.com';
-const stgBaseUrl = 'https://api-private.stg.atlassian.com';
+const stgBaseUrl = 'https://commerce-components-preview.dev.atlassian.com/gateway/api';
 const prodBaseUrl = 'https://api-private.atlassian.com';
 export const BaseUrls = {
   dev: devBaseUrl,

package/dist/es2019/extractors/block/index.js

@@ -30,7 +30,7 @@ const extractBlockIcon = jsonLd => {
 
 const extractBlockDetails = jsonLd => [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd)].filter(detail => !!detail);
 
-export const extractBlockActions = (props, jsonLd, opts) => {
+export const extractBlockActions = (props, jsonLd, opts, platform) => {
   if (opts) {
     const {
       handleInvoke,
@@ -39,7 +39,7 @@ export const extractBlockActions = (props, jsonLd, opts) => {
       testId
     } = opts;
     const actions = extractActions(jsonLd, handleInvoke);
-    const previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId); // The previewAction should always be the last action
+    const previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);
@@ -71,7 +71,7 @@ export const extractBlockUsers = jsonLd => {
     return updatedByMembers || createdByMembers;
   }
 };
-export const extractBlockProps = (jsonLd, meta, opts, renderers) => {
+export const extractBlockProps = (jsonLd, meta, opts, renderers, platform) => {
   const props = {
     link: extractLink(jsonLd),
     title: extractTitle(jsonLd),
@@ -87,6 +87,6 @@ export const extractBlockProps = (jsonLd, meta, opts, renderers) => {
     isTrusted: extractIsTrusted(meta)
   };
   return { ...props,
-    actions: extractBlockActions(props, jsonLd, opts)
+    actions: extractBlockActions(props, jsonLd, opts, platform)
   };
 };

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -4,10 +4,10 @@ import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
 
-const getMetadataFromJsonLd = jsonLd => {
+const getMetadataFromJsonLd = (jsonLd, platform) => {
   const download = extractDownloadUrl(jsonLd);
   const provider = extractProvider(jsonLd);
-  const preview = extractPreview(jsonLd);
+  const preview = extractPreview(jsonLd, platform);
   return {
     download,
     providerName: provider && provider.text,
@@ -40,9 +40,9 @@ const getInvokeOpts = (key, action, source) => ({
   }
 });
 
-export const extractPreviewAction = (definitionId = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId) => {
+export const extractPreviewAction = (definitionId = 'empty-object-provider', viewProps, jsonLd, handleInvoke, handleAnalytics, testId, platform) => {
   // Extract metadata from view props & raw JSON-LD.
-  const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd);
+  const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
   const metadata = { ...metadataFromJsonLd,
     ...metadataFromViewProps

package/dist/es2019/in-product.js

@@ -0,0 +1 @@
+export { InlineCardPageObject, BlockCardPageObject, EmbedCardPageObject, inlineSmartLinkRendersTestCase, blockSmartLinkRendersTestCase, embedSmartLinkRendersTestCase } from './__tests_external__';

package/dist/es2019/index.js

@@ -4,5 +4,10 @@ export { default as Client } from './client';
 export { APIError } from './client/errors';
 export { Card } from './view/Card';
 export { default as Context } from './state/context';
-export { IframelyResizeMessageListener } from './view/EmbedCard/IframelyResizeMessageListener';
-export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
+export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
+export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
+export { SmartLinkEvents } from './utils/analytics/analytics';
+export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents'; // Classnames for integrators
+
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName } from '@atlaskit/media-ui/classNames';
+export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';

package/dist/es2019/providers/editor/index.js

@@ -1,6 +1,11 @@
+// import setimmediate to temporary fix dataloader 2.0.0 bug
+// @see https://github.com/graphql/dataloader/issues/249
+import 'setimmediate';
+import DataLoader from 'dataloader';
 import { Transformer } from './transformer';
 import { getResolverUrl, getBaseUrl } from '../../client/utils/environments';
 import * as api from '../../client/api';
+const BATCH_WAIT_TIME = 50;
 export class EditorCardProvider {
   constructor(envKey) {
     this.baseUrl = getBaseUrl(envKey);
@@ -9,6 +14,16 @@ export class EditorCardProvider {
     this.requestHeaders = {
       Origin: this.baseUrl
     };
+    this.patternLoader = new DataLoader(keys => this.batchPatterns(keys), {
+      batchScheduleFn: callback => setTimeout(callback, BATCH_WAIT_TIME)
+    });
+  }
+
+  async batchPatterns(keys) {
+    // EDM-2205: Batch requests in the case that user paste multiple links at
+    // once. This is so that only one /providers is being called.
+    const patterns = await this.fetchPatterns();
+    return keys.map(() => patterns);
   }
 
   async check(resourceUrl) {
@@ -41,14 +56,11 @@ export class EditorCardProvider {
   }
 
   async findPattern(url) {
-    const patterns = this.patterns || (await this.fetchPatterns());
-
-    if (patterns) {
-      this.patterns = patterns;
-      return patterns.some(pattern => url.match(pattern));
+    if (!this.patterns) {
+      this.patterns = await this.patternLoader.load('providers');
     }
 
-    return false;
+    return this.patterns ? this.patterns.some(pattern => url.match(pattern)) : false;
   }
 
   async resolve(url, appearance) {

package/dist/es2019/providers/editor/transformer.js

@@ -1,6 +1,6 @@
 const isJiraRoadMap = url => url.match(/^https:\/\/.*?\/jira\/software\/(c\/)?projects\/[^\/]+?\/boards\/.*?\/roadmap\/?/);
 
-const isPolarisView = url => url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+/);
+const isPolarisView = url => url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$|^https:\/\/.*?\/secure\/JiraProductDiscoveryAnonymous\.jspa\?hash=\w+|^https:\/\/.*?\/jira\/polaris\/share\/\w+/);
 
 const isSlackMessage = url => url.match(/^https:\/\/.+?\.slack\.com\/archives\/[CG][A-Z0-9]+\/p[0-9]+(\?.*)?$/);
 

package/dist/es2019/state/actions/constants.js

@@ -7,7 +7,5 @@ export const ACTION_PRELOAD = 'preload';
 export const ANALYTICS_RESOLVING = 'resolving';
 export const ANALYTICS_ERROR = 'errored';
 export const ANALYTICS_FALLBACK = 'fallback';
-export const MAX_LOADING_DELAY = 1200;
-export const MAX_RELOAD_DELAY = 60 * 1000;
 export const ERROR_MESSAGE_OAUTH = 'Provider.authFlow is not set to OAuth2.';
 export const ERROR_MESSAGE_FATAL = 'Fatal error resolving URL';

package/dist/es2019/state/actions/helpers.js

@@ -1,10 +1,8 @@
 export const cardAction = (type, {
-  url,
-  hasExpired
+  url
 }, payload, error) => ({
   type,
   url,
-  hasExpired,
   payload,
   error
 });