@atlaskit/smart-card 18.0.22 → 18.0.23

package/dist/cjs/ssr.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardSSR = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -17,12 +17,20 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
+var _reactErrorBoundary = require("react-error-boundary");
+
 var _component = require("./view/CardWithUrl/component");
 
+var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+
 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; }
+
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -36,10 +44,16 @@ var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, (0, _extends2.default)({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/_react.default.createElement(_LazyFallback.LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps));
 };
 
 exports.CardSSR = CardSSR;

package/dist/cjs/version.json

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

package/dist/es2019/ssr.js

@@ -1,8 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -12,8 +13,11 @@ export const CardSSR = props => {
   const dispatchAnalytics = () => {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-    id: id,
-    dispatchAnalytics: dispatchAnalytics
-  }));
+  const cardProps = { ...props,
+    id,
+    dispatchAnalytics
+  };
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: () => /*#__PURE__*/React.createElement(LoadingCardLink, cardProps)
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/es2019/version.json

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

package/dist/esm/ssr.js

@@ -1,9 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+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) { _defineProperty(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; }
+
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -17,8 +24,14 @@ export var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "18.0.22",
+  "version": "18.0.23",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"