@atlaskit/smart-card 15.5.0 → 16.2.0

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

@@ -1,25 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
-const 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'];
-export class IframelyResizeMessageListener extends React.Component {
+export class EmbedResizeMessageListener extends React.Component {
   constructor(...args) {
     super(...args);
 
     _defineProperty(this, "messageCallback", event => {
       const {
         embedIframeRef
-      } = this.props; // Security: we should only listen to messages from specific domains.
-      // See https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage.
-
-      const isFromAllowedDomain = EMBED_ALLOWED_DOMAINS.includes(event.origin); // This is needed for WD/VR tests to work properly, where we load example as iframe src
-
-      const isFromSameDomain = event.origin === window.origin;
+      } = this.props;
       const isFromExpectedIframe = embedIframeRef.current && event.source === embedIframeRef.current.contentWindow;
       const isStringData = typeof event.data === 'string';
 
-      if ((isFromAllowedDomain || isFromSameDomain) && isFromExpectedIframe && isStringData) {
+      if (isFromExpectedIframe && isStringData) {
         try {
           const data = JSON.parse(event.data);
 

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

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { SmartLinkEvents } from '../../utils/analytics/analytics';
+export function useSmartLinkEvents() {
+  /**
+   * this utility maybe extended in the future to include
+   * more contextual info about SLs
+   */
+  const events = useMemo(() => new SmartLinkEvents(), []);
+  return events;
+}

package/dist/esm/client/index.js

@@ -3,34 +3,28 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+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';
-var Bottleneck = BottleneckLight;
+import { getResolverUrl } from './utils/environments';
+import pThrottle from 'p-throttle';
 import { isSuccessfulResponse, isErrorResponse } from './types/responses';
 var MAX_BATCH_SIZE = 50;
 var MIN_TIME_BETWEEN_BATCHES = 250;
 
 var CardClient = /*#__PURE__*/function () {
   function CardClient(envKey) {
-    _classCallCheck(this, CardClient);
+    var _this = this;
 
-    this.resolverUrl = getResolverUrl(envKey);
-    this.loadersByDomain = {};
-    this.retryConfig = {
-      retries: 2
-    };
-    this.resolvedCache = {};
-  }
+    _classCallCheck(this, CardClient);
 
-  _createClass(CardClient, [{
-    key: "batchResolve",
-    value: function () {
-      var _batchResolve = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(urls) {
+    _defineProperty(this, "batchResolve", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(urls) {
         var deDuplicatedUrls, resolvedUrls, map, i, url, data;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -41,7 +35,7 @@ var CardClient = /*#__PURE__*/function () {
                 resolvedUrls = [];
                 _context.prev = 2;
                 _context.next = 5;
-                return api.request('post', "".concat(this.resolverUrl, "/resolve/batch"), deDuplicatedUrls.map(function (resourceUrl) {
+                return api.request('post', "".concat(_this.resolverUrl, "/resolve/batch"), deDuplicatedUrls.map(function (resourceUrl) {
                   return {
                     resourceUrl: resourceUrl
                   };
@@ -86,31 +80,36 @@ var CardClient = /*#__PURE__*/function () {
                 return _context.stop();
             }
           }
-        }, _callee, this, [[2, 8]]);
+        }, _callee, null, [[2, 8]]);
       }));
 
-      function batchResolve(_x) {
-        return _batchResolve.apply(this, arguments);
-      }
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
 
-      return batchResolve;
-    }()
-  }, {
+    this.resolverUrl = getResolverUrl(envKey);
+    this.loadersByDomain = {};
+    this.retryConfig = {
+      retries: 2
+    };
+    this.resolvedCache = {};
+  }
+
+  _createClass(CardClient, [{
     key: "createLoader",
     value: function createLoader() {
-      var _this = this;
-
-      var limiter = new Bottleneck({
-        minTime: MIN_TIME_BETWEEN_BATCHES
+      var batchResolveThrottler = pThrottle({
+        limit: 1,
+        interval: MIN_TIME_BETWEEN_BATCHES
       });
+      var 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
       function (urls) {
-        return limiter.schedule(function () {
-          return _this.batchResolve(urls);
-        });
+        return 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:

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

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

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

@@ -40,14 +40,14 @@ var extractBlockDetails = function extractBlockDetails(jsonLd) {
   });
 };
 
-export var extractBlockActions = function extractBlockActions(props, jsonLd, opts) {
+export var extractBlockActions = function extractBlockActions(props, jsonLd, opts, platform) {
   if (opts) {
     var handleInvoke = opts.handleInvoke,
         handleAnalytics = opts.handleAnalytics,
         definitionId = opts.definitionId,
         testId = opts.testId;
     var actions = extractActions(jsonLd, handleInvoke);
-    var previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId); // The previewAction should always be the last action
+    var previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);
@@ -79,7 +79,7 @@ export var extractBlockUsers = function extractBlockUsers(jsonLd) {
     return updatedByMembers || createdByMembers;
   }
 };
-export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, renderers) {
+export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, renderers, platform) {
   var props = {
     link: extractLink(jsonLd),
     title: extractTitle(jsonLd),
@@ -95,6 +95,6 @@ export var extractBlockProps = function extractBlockProps(jsonLd, meta, opts, re
     isTrusted: extractIsTrusted(meta)
   };
   return _objectSpread(_objectSpread({}, props), {}, {
-    actions: extractBlockActions(props, jsonLd, opts)
+    actions: extractBlockActions(props, jsonLd, opts, platform)
   });
 };

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

@@ -10,10 +10,10 @@ import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
 
-var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd) {
+var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd, platform) {
   var download = extractDownloadUrl(jsonLd);
   var provider = extractProvider(jsonLd);
-  var preview = extractPreview(jsonLd);
+  var preview = extractPreview(jsonLd, platform);
   return {
     download: download,
     providerName: provider && provider.text,
@@ -59,8 +59,9 @@ export var extractPreviewAction = function extractPreviewAction() {
   var handleInvoke = arguments.length > 3 ? arguments[3] : undefined;
   var handleAnalytics = arguments.length > 4 ? arguments[4] : undefined;
   var testId = arguments.length > 5 ? arguments[5] : undefined;
+  var platform = arguments.length > 6 ? arguments[6] : undefined;
   // Extract metadata from view props & raw JSON-LD.
-  var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd);
+  var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   var metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
 
   var metadata = _objectSpread(_objectSpread({}, metadataFromJsonLd), metadataFromViewProps); // Extract preview action only if we have an iframe src.

package/dist/esm/in-product.js

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

package/dist/esm/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/esm/providers/editor/index.js

@@ -2,11 +2,18 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+// 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';
+var BATCH_WAIT_TIME = 50;
 export var EditorCardProvider = /*#__PURE__*/function () {
   function EditorCardProvider(envKey) {
+    var _this = this;
+
     _classCallCheck(this, EditorCardProvider);
 
     this.baseUrl = getBaseUrl(envKey);
@@ -15,44 +22,83 @@ export var EditorCardProvider = /*#__PURE__*/function () {
     this.requestHeaders = {
       Origin: this.baseUrl
     };
+    this.patternLoader = new DataLoader(function (keys) {
+      return _this.batchPatterns(keys);
+    }, {
+      batchScheduleFn: function batchScheduleFn(callback) {
+        return setTimeout(callback, BATCH_WAIT_TIME);
+      }
+    });
   }
 
   _createClass(EditorCardProvider, [{
-    key: "check",
+    key: "batchPatterns",
     value: function () {
-      var _check = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resourceUrl) {
-        var endpoint, response;
+      var _batchPatterns = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys) {
+        var patterns;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.prev = 0;
+                _context.next = 2;
+                return this.fetchPatterns();
+
+              case 2:
+                patterns = _context.sent;
+                return _context.abrupt("return", keys.map(function () {
+                  return patterns;
+                }));
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function batchPatterns(_x) {
+        return _batchPatterns.apply(this, arguments);
+      }
+
+      return batchPatterns;
+    }()
+  }, {
+    key: "check",
+    value: function () {
+      var _check = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resourceUrl) {
+        var endpoint, response;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
                 endpoint = "".concat(this.resolverUrl, "/check");
-                _context.next = 4;
+                _context2.next = 4;
                 return api.request('post', endpoint, {
                   resourceUrl: resourceUrl
                 }, this.requestHeaders);
 
               case 4:
-                response = _context.sent;
-                return _context.abrupt("return", response.isSupported);
+                response = _context2.sent;
+                return _context2.abrupt("return", response.isSupported);
 
               case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
+                _context2.prev = 8;
+                _context2.t0 = _context2["catch"](0);
                 // eslint-disable-next-line
-                console.error('failed to fetch /check', _context.t0);
-                return _context.abrupt("return", undefined);
+                console.error('failed to fetch /check', _context2.t0);
+                return _context2.abrupt("return", undefined);
 
               case 12:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, this, [[0, 8]]);
+        }, _callee2, this, [[0, 8]]);
       }));
 
-      function check(_x) {
+      function check(_x2) {
         return _check.apply(this, arguments);
       }
 
@@ -61,20 +107,20 @@ export var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "fetchPatterns",
     value: function () {
-      var _fetchPatterns = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _fetchPatterns = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var endpoint, response;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
-                _context2.prev = 0;
+                _context3.prev = 0;
                 endpoint = "".concat(this.resolverUrl, "/providers");
-                _context2.next = 4;
+                _context3.next = 4;
                 return api.request('post', endpoint, undefined, this.requestHeaders);
 
               case 4:
-                response = _context2.sent;
-                return _context2.abrupt("return", response.providers.reduce(function (allSources, provider) {
+                response = _context3.sent;
+                return _context3.abrupt("return", response.providers.reduce(function (allSources, provider) {
                   var providerSources = provider.patterns.map(function (pattern) {
                     return pattern.source;
                   });
@@ -82,18 +128,18 @@ export var EditorCardProvider = /*#__PURE__*/function () {
                 }, []));
 
               case 8:
-                _context2.prev = 8;
-                _context2.t0 = _context2["catch"](0);
+                _context3.prev = 8;
+                _context3.t0 = _context3["catch"](0);
                 // eslint-disable-next-line
-                console.error('failed to fetch /providers', _context2.t0);
-                return _context2.abrupt("return", undefined);
+                console.error('failed to fetch /providers', _context3.t0);
+                return _context3.abrupt("return", undefined);
 
               case 12:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this, [[0, 8]]);
+        }, _callee3, this, [[0, 8]]);
       }));
 
       function fetchPatterns() {
@@ -105,50 +151,36 @@ export var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "findPattern",
     value: function () {
-      var _findPattern = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
-        var patterns;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      var _findPattern = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(url) {
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
-                _context3.t0 = this.patterns;
-
-                if (_context3.t0) {
-                  _context3.next = 5;
+                if (this.patterns) {
+                  _context4.next = 4;
                   break;
                 }
 
-                _context3.next = 4;
-                return this.fetchPatterns();
-
-              case 4:
-                _context3.t0 = _context3.sent;
-
-              case 5:
-                patterns = _context3.t0;
+                _context4.next = 3;
+                return this.patternLoader.load('providers');
 
-                if (!patterns) {
-                  _context3.next = 9;
-                  break;
-                }
+              case 3:
+                this.patterns = _context4.sent;
 
-                this.patterns = patterns;
-                return _context3.abrupt("return", patterns.some(function (pattern) {
+              case 4:
+                return _context4.abrupt("return", this.patterns ? this.patterns.some(function (pattern) {
                   return url.match(pattern);
-                }));
-
-              case 9:
-                return _context3.abrupt("return", false);
+                }) : false);
 
-              case 10:
+              case 5:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
 
-      function findPattern(_x2) {
+      function findPattern(_x3) {
         return _findPattern.apply(this, arguments);
       }
 
@@ -157,62 +189,62 @@ export var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "resolve",
     value: function () {
-      var _resolve = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(url, appearance) {
+      var _resolve = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(url, appearance) {
         var isSupported;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) {
-            switch (_context4.prev = _context4.next) {
+            switch (_context5.prev = _context5.next) {
               case 0:
-                _context4.prev = 0;
-                _context4.next = 3;
+                _context5.prev = 0;
+                _context5.next = 3;
                 return this.findPattern(url);
 
               case 3:
-                _context4.t0 = _context4.sent;
+                _context5.t0 = _context5.sent;
 
-                if (_context4.t0) {
-                  _context4.next = 8;
+                if (_context5.t0) {
+                  _context5.next = 8;
                   break;
                 }
 
-                _context4.next = 7;
+                _context5.next = 7;
                 return this.check(url);
 
               case 7:
-                _context4.t0 = _context4.sent;
+                _context5.t0 = _context5.sent;
 
               case 8:
-                isSupported = _context4.t0;
+                isSupported = _context5.t0;
 
                 if (!isSupported) {
-                  _context4.next = 11;
+                  _context5.next = 11;
                   break;
                 }
 
-                return _context4.abrupt("return", this.transformer.toAdf(url, appearance));
+                return _context5.abrupt("return", this.transformer.toAdf(url, appearance));
 
               case 11:
-                _context4.next = 16;
+                _context5.next = 16;
                 break;
 
               case 13:
-                _context4.prev = 13;
-                _context4.t1 = _context4["catch"](0);
+                _context5.prev = 13;
+                _context5.t1 = _context5["catch"](0);
                 // eslint-disable-next-line
-                console.warn("Error when trying to check Smart Card url \"".concat(url, " - ").concat(_context4.t1.prototype.name, " ").concat(_context4.t1.message), _context4.t1);
+                console.warn("Error when trying to check Smart Card url \"".concat(url, " - ").concat(_context5.t1.prototype.name, " ").concat(_context5.t1.message), _context5.t1);
 
               case 16:
-                return _context4.abrupt("return", Promise.reject(undefined));
+                return _context5.abrupt("return", Promise.reject(undefined));
 
               case 17:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
           }
-        }, _callee4, this, [[0, 13]]);
+        }, _callee5, this, [[0, 13]]);
       }));
 
-      function resolve(_x3, _x4) {
+      function resolve(_x4, _x5) {
         return _resolve.apply(this, arguments);
       }
 

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

@@ -6,7 +6,7 @@ var isJiraRoadMap = function isJiraRoadMap(url) {
 };
 
 var isPolarisView = function isPolarisView(url) {
-  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+/);
+  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$|^https:\/\/.*?\/secure\/JiraProductDiscoveryAnonymous\.jspa\?hash=\w+|^https:\/\/.*?\/jira\/polaris\/share\/\w+/);
 };
 
 var isSlackMessage = function isSlackMessage(url) {

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

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

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

@@ -1,10 +1,8 @@
 export var cardAction = function cardAction(type, _ref, payload, error) {
-  var url = _ref.url,
-      hasExpired = _ref.hasExpired;
+  var url = _ref.url;
   return {
     type: type,
     url: url,
-    hasExpired: hasExpired,
     payload: payload,
     error: error
   };