@atlaskit/smart-card 18.0.20 → 19.0.0

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @atlaskit/smart-card
 
+## 19.0.0
+
+### Major Changes
+
+- [`6ee499cbb73`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ee499cbb73) - - Add @atlaskit/link-provider as peerDependency.
+
+  - Use Provider/Client from @atlaskit/link-provider and remove local version.
+  - Re export moved things from @atlaskit/link-provider to make adoption easier
+
+  These changes are needed in order to make future adoption of smart-card easier from consumers and to mitigate breaking changes.
+
+  ### Before
+
+  ```
+  import { Provider, Client, Card } from '@atlastkit/smart-card'
+
+  <Provider client={new Client()}>
+    <Card />
+  </Provider>
+  ```
+
+  ### Before
+
+  ```
+  import { Provider, Client } from '@atlastkit/link-provider'
+  import { Card } from '@atlastkit/smart-card'
+
+  <Provider client={new Client()}>
+    <Card />
+  </Provider>
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.0.22
+
+### Patch Changes
+
+- [`8b9f08cbc1c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b9f08cbc1c) - [ux] Default representation for Slack links was changed from 'block' to 'inline'
+- [`f4811ca8c6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f4811ca8c6a) - add provider based metadata to hover previews
+
+## 18.0.21
+
+### Patch Changes
+
+- [`ffaf122189e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ffaf122189e) - Flexible UI: TitleBlock is now composory to display Flexible UI on Smart Links
+
 ## 18.0.20
 
 ### Patch Changes

package/dist/cjs/client/index.js

@@ -1,386 +1,13 @@
 "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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-require("setimmediate");
-
-var _dataloader = _interopRequireDefault(require("dataloader"));
-
-var _asyncRetry = _interopRequireDefault(require("async-retry"));
-
-var api = _interopRequireWildcard(require("./api"));
-
-var _errors = require("./errors");
-
-var _environments = require("./utils/environments");
-
-var _pThrottle = _interopRequireDefault(require("p-throttle"));
-
-var _responses = require("./types/responses");
-
-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; }
-
-// import setimmediate to temporary fix dataloader 2.0.0 bug
-// @see https://github.com/graphql/dataloader/issues/249
-var MAX_BATCH_SIZE = 50;
-var MIN_TIME_BETWEEN_BATCHES = 250;
-
-var CardClient = /*#__PURE__*/function () {
-  function CardClient(envKey) {
-    var _this = this;
-
-    (0, _classCallCheck2.default)(this, CardClient);
-    (0, _defineProperty2.default)(this, "batchResolve", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(urls) {
-        var deDuplicatedUrls, resolvedUrls, map, i, url, data;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                // De-duplicate requested URLs (see `this.createLoader` for more detail).
-                deDuplicatedUrls = (0, _toConsumableArray2.default)(new Set(urls));
-                resolvedUrls = [];
-                _context.prev = 2;
-                _context.next = 5;
-                return api.request('post', "".concat(_this.resolverUrl, "/resolve/batch"), deDuplicatedUrls.map(function (resourceUrl) {
-                  return {
-                    resourceUrl: resourceUrl
-                  };
-                }));
-
-              case 5:
-                resolvedUrls = _context.sent;
-                _context.next = 11;
-                break;
-
-              case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](2);
-                // we make sure we return a valid dataloader response by creating an error
-                // response for each url
-                resolvedUrls = urls.map(function () {
-                  var status = (0, _responses.isErrorResponse)(_context.t0) ? _context.t0.status : 500;
-                  var errorResponse = {
-                    status: status,
-                    error: _context.t0
-                  };
-                  return errorResponse;
-                });
-
-              case 11:
-                // Reduce into a map to make accessing faster and easier.
-                map = {}; // NOTE: the batch endpoint returns the URLs in the same order they were given.
-
-                for (i = 0; i < deDuplicatedUrls.length; ++i) {
-                  url = deDuplicatedUrls[i];
-                  data = resolvedUrls[i];
-                  map[url] = data;
-                } // Reconvert list back into the original order in which it was given to us.
-
-
-                return _context.abrupt("return", urls.map(function (originalUrl) {
-                  return map[originalUrl];
-                }));
-
-              case 14:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[2, 8]]);
-      }));
-
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    this.resolverUrl = (0, _environments.getResolverUrl)(envKey);
-    this.loadersByDomain = {};
-    this.retryConfig = {
-      retries: 2
-    };
-    this.resolvedCache = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _linkProvider.CardClient;
   }
+});
 
-  (0, _createClass2.default)(CardClient, [{
-    key: "createLoader",
-    value: function createLoader() {
-      var batchResolveThrottler = (0, _pThrottle.default)({
-        limit: 1,
-        interval: MIN_TIME_BETWEEN_BATCHES
-      });
-      var throttledBatchResolve = batchResolveThrottler(this.batchResolve);
-      return new _dataloader.default( // 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 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"
-        // - the user clicks "request access", and then following the auth prompts and gets access
-        // - the frontend now re-renders the smartlink, but due to DataLoader's caching, the previous "forbidden" state is
-        //   because the smartlink's URL (which is the cache key) is exactly the same
-        //
-        // For this reason, we disable DataLoader's cache.
-        // This means that URLs will not be de-duplicated by DataLoader, so we perform the de-duplication logic
-        // ourselves in `this.batchResolve`.
-        cache: false
-      });
-    }
-  }, {
-    key: "getLoader",
-    value: function getLoader(hostname) {
-      if (!this.loadersByDomain[hostname]) {
-        this.loadersByDomain[hostname] = this.createLoader();
-      }
-
-      return this.loadersByDomain[hostname];
-    }
-  }, {
-    key: "prefetchData",
-    value: function () {
-      var _prefetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
-        var _this2 = this;
-
-        var hostname, loader, response, retriedResponse;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                // 1. Queue the URL as part of a dataloader batch.
-                hostname = new URL(url).hostname;
-                loader = this.getLoader(hostname);
-                _context3.next = 4;
-                return loader.load(url);
-
-              case 4:
-                response = _context3.sent;
-
-                if (!(0, _responses.isSuccessfulResponse)(response)) {
-                  _context3.next = 9;
-                  break;
-                }
-
-                return _context3.abrupt("return", response.body);
-
-              case 9:
-                _context3.prev = 9;
-                _context3.next = 12;
-                return (0, _asyncRetry.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-                  var _response;
-
-                  return _regenerator.default.wrap(function _callee2$(_context2) {
-                    while (1) {
-                      switch (_context2.prev = _context2.next) {
-                        case 0:
-                          if (_this2.resolvedCache[url]) {
-                            _context2.next = 11;
-                            break;
-                          }
-
-                          _context2.next = 3;
-                          return loader.load(url);
-
-                        case 3:
-                          _response = _context2.sent;
-
-                          if (!(0, _responses.isSuccessfulResponse)(_response)) {
-                            _context2.next = 8;
-                            break;
-                          }
-
-                          return _context2.abrupt("return", _response);
-
-                        case 8:
-                          throw new Error('Retry for URL failed');
-
-                        case 9:
-                          _context2.next = 12;
-                          break;
-
-                        case 11:
-                          throw new Error('Retry unneeded - link has been resolved.');
-
-                        case 12:
-                        case "end":
-                          return _context2.stop();
-                      }
-                    }
-                  }, _callee2);
-                })), this.retryConfig);
-
-              case 12:
-                retriedResponse = _context3.sent;
-                return _context3.abrupt("return", retriedResponse.body);
-
-              case 16:
-                _context3.prev = 16;
-                _context3.t0 = _context3["catch"](9);
-                return _context3.abrupt("return", undefined);
-
-              case 19:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this, [[9, 16]]);
-      }));
-
-      function prefetchData(_x2) {
-        return _prefetchData.apply(this, arguments);
-      }
-
-      return prefetchData;
-    }()
-  }, {
-    key: "fetchData",
-    value: function () {
-      var _fetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(url) {
-        var hostname, loader, response, errorType, errorMessage;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                hostname = new URL(url).hostname;
-                loader = this.getLoader(hostname);
-                _context4.next = 4;
-                return loader.load(url);
-
-              case 4:
-                response = _context4.sent;
-
-                if ((0, _responses.isSuccessfulResponse)(response)) {
-                  _context4.next = 23;
-                  break;
-                }
-
-                if (!response.error) {
-                  _context4.next = 20;
-                  break;
-                }
-
-                errorType = response.error.type;
-                errorMessage = response.error.message; // this means there was a network error and we fallback to blue link
-                // without impacting SLO's
-
-                if (!(response.error instanceof api.NetworkError)) {
-                  _context4.next = 11;
-                  break;
-                }
-
-                throw new _errors.APIError('fallback', hostname, errorMessage, errorType);
-
-              case 11:
-                _context4.t0 = errorType;
-                _context4.next = _context4.t0 === 'ResolveBadRequestError' ? 14 : _context4.t0 === 'ResolveAuthError' ? 15 : _context4.t0 === 'ResolveUnsupportedError' ? 16 : _context4.t0 === 'ResolveFailedError' ? 17 : _context4.t0 === 'ResolveTimeoutError' ? 18 : _context4.t0 === 'InternalServerError' ? 19 : 20;
-                break;
-
-              case 14:
-                throw new _errors.APIError('fallback', hostname, errorMessage, errorType);
-
-              case 15:
-                throw new _errors.APIError('auth', hostname, errorMessage, errorType);
-
-              case 16:
-                throw new _errors.APIError('fatal', hostname, errorMessage, errorType);
-
-              case 17:
-                throw new _errors.APIError('error', hostname, errorMessage, errorType);
-
-              case 18:
-                throw new _errors.APIError('error', hostname, errorMessage, errorType);
-
-              case 19:
-                throw new _errors.APIError('error', hostname, errorMessage, errorType);
-
-              case 20:
-                throw new _errors.APIError('fatal', hostname, response.toString(), 'UnexpectedError');
-
-              case 23:
-                // Set a flag in the `resolvedCache` for this URL. The intent of this is
-                // to ensure that the exponential backoff method in `prefetchData` does
-                // not continue to retry fetching for this URL, especially if it was previously
-                // in a failed state. Note: this scenario only occurs on initial page load, if the
-                // user scrolls through the page very fast. Once the URL is visible, prefetching
-                // no longer takes place.
-                this.resolvedCache[url] = true; // Return the JSON-LD response back up!
-
-                return _context4.abrupt("return", response.body);
-
-              case 25:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-
-      function fetchData(_x3) {
-        return _fetchData.apply(this, arguments);
-      }
-
-      return fetchData;
-    }()
-  }, {
-    key: "postData",
-    value: function () {
-      var _postData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(data) {
-        var request;
-        return _regenerator.default.wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                request = {
-                  key: data.key,
-                  action: data.action,
-                  context: data.context
-                };
-                _context5.next = 3;
-                return api.request('post', "".concat(this.resolverUrl, "/invoke"), request);
-
-              case 3:
-                return _context5.abrupt("return", _context5.sent);
-
-              case 4:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5, this);
-      }));
-
-      function postData(_x4) {
-        return _postData.apply(this, arguments);
-      }
-
-      return postData;
-    }()
-  }]);
-  return CardClient;
-}();
-
-exports.default = CardClient;
+var _linkProvider = require("@atlaskit/link-provider");

package/dist/cjs/extractors/embed/index.js

@@ -9,12 +9,12 @@ exports.extractEmbedProps = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _linkingCommon = require("@atlaskit/linking-common");
-
 var _primitives = require("../common/primitives");
 
 var _context = require("../common/context");
 
+var _linkingCommon = require("@atlaskit/linking-common");
+
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
 
 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; }

package/dist/cjs/extractors/hover/extractMetadata.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractMetadata = void 0;
+
+var _constants = require("../../constants");
+
+var elementNamesToItems = function elementNamesToItems(elementNames) {
+  return elementNames.filter(function (element) {
+    return element in _constants.ElementName;
+  }).map(function (elementName) {
+    return {
+      name: elementName,
+      testId: "".concat(elementName.toLowerCase(), "-metadata-element")
+    };
+  });
+};
+
+var extractMetadata = function extractMetadata(jsonLd) {
+  var _jsonLd$metadata, _metadata$primary, _metadata$secondary;
+
+  var metadata = (_jsonLd$metadata = jsonLd.metadata) !== null && _jsonLd$metadata !== void 0 ? _jsonLd$metadata : [];
+  return {
+    primary: elementNamesToItems((_metadata$primary = metadata.primary) !== null && _metadata$primary !== void 0 ? _metadata$primary : []),
+    secondary: elementNamesToItems((_metadata$secondary = metadata.secondary) !== null && _metadata$secondary !== void 0 ? _metadata$secondary : [])
+  };
+};
+
+exports.extractMetadata = extractMetadata;

package/dist/cjs/index.js

@@ -1,14 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "APIError", {
   enumerable: true,
   get: function get() {
-    return _errors.APIError;
+    return _linkingCommon.APIError;
   }
 });
 Object.defineProperty(exports, "ActionName", {
@@ -26,19 +24,19 @@ Object.defineProperty(exports, "Card", {
 Object.defineProperty(exports, "Client", {
   enumerable: true,
   get: function get() {
-    return _client.default;
+    return _linkProvider.CardClient;
   }
 });
 Object.defineProperty(exports, "Context", {
   enumerable: true,
   get: function get() {
-    return _context.default;
+    return _linkProvider.SmartCardContext;
   }
 });
 Object.defineProperty(exports, "EditorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _editor.EditorCardProvider;
+    return _linkProvider.EditorCardProvider;
   }
 });
 Object.defineProperty(exports, "ElementName", {
@@ -200,7 +198,7 @@ Object.defineProperty(exports, "contentFooterClassName", {
 Object.defineProperty(exports, "editorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _editor.editorCardProvider;
+    return _linkProvider.editorCardProvider;
   }
 });
 Object.defineProperty(exports, "embedHeaderHeight", {
@@ -230,16 +228,12 @@ Object.defineProperty(exports, "useSmartLinkEvents", {
 
 var _state = require("./state");
 
-var _editor = require("./providers/editor");
-
-var _client = _interopRequireDefault(require("./client"));
+var _linkProvider = require("@atlaskit/link-provider");
 
-var _errors = require("./client/errors");
+var _linkingCommon = require("@atlaskit/linking-common");
 
 var _Card = require("./view/Card");
 
-var _context = _interopRequireDefault(require("./state/context"));
-
 var _EmbedResizeMessageListener = require("./view/EmbedCard/EmbedResizeMessageListener");
 
 var _styled = require("./view/EmbedCard/components/styled");

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

@@ -3,19 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ERROR_MESSAGE_OAUTH = exports.ERROR_MESSAGE_FATAL = exports.ANALYTICS_RESOLVING = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = exports.ACTION_RESOLVING = exports.ACTION_RESOLVED = exports.ACTION_PRELOAD = exports.ACTION_PENDING = exports.ACTION_ERROR_FALLBACK = exports.ACTION_ERROR = void 0;
-var ACTION_PENDING = 'pending';
-exports.ACTION_PENDING = ACTION_PENDING;
-var ACTION_RESOLVING = 'resolving';
-exports.ACTION_RESOLVING = ACTION_RESOLVING;
-var ACTION_RESOLVED = 'resolved';
-exports.ACTION_RESOLVED = ACTION_RESOLVED;
-var ACTION_ERROR = 'errored';
-exports.ACTION_ERROR = ACTION_ERROR;
-var ACTION_ERROR_FALLBACK = 'fallback';
-exports.ACTION_ERROR_FALLBACK = ACTION_ERROR_FALLBACK;
-var ACTION_PRELOAD = 'preload';
-exports.ACTION_PRELOAD = ACTION_PRELOAD;
+exports.ERROR_MESSAGE_OAUTH = exports.ERROR_MESSAGE_FATAL = exports.ANALYTICS_RESOLVING = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = void 0;
 var ANALYTICS_RESOLVING = 'resolving';
 exports.ANALYTICS_RESOLVING = ANALYTICS_RESOLVING;
 var ANALYTICS_ERROR = 'errored';