@atlaskit/smart-card 17.0.0 → 17.2.1

package/dist/cjs/view/BlockCard/components/Thumbnail.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThumbnailWithBackground = exports.ThumbnailDefault = exports.Thumbnail = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@emotion/core");
+
+var _utils = require("../utils");
+
+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; }
+
+var Thumbnail = function Thumbnail(props) {
+  return props.color ? (0, _core.jsx)(ThumbnailWithBackground, props) : (0, _core.jsx)(ThumbnailDefault, props);
+};
+
+exports.Thumbnail = Thumbnail;
+var sharedStyles = {
+  // The dimensions of the image are set in this manner
+  // in order for `flex` to respect this value.
+  minWidth: [(0, _utils.gs)(13), (0, _utils.gs)(20)],
+  maxWidth: [(0, _utils.gs)(13), (0, _utils.gs)(20)]
+};
+
+var ThumbnailDefault = function ThumbnailDefault(_ref) {
+  var src = _ref.src,
+      testId = _ref.testId;
+  return (0, _core.jsx)("div", {
+    css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
+      backgroundSize: 'cover',
+      backgroundRepeat: 'no-repeat',
+      backgroundPosition: '50% 50%',
+      backgroundImage: "url(".concat(src, ")")
+    })),
+    "data-testid": testId,
+    "data-trello-do-not-use-override": testId
+  });
+};
+
+exports.ThumbnailDefault = ThumbnailDefault;
+
+var ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
+  var src = _ref2.src,
+      color = _ref2.color,
+      testId = _ref2.testId;
+  return (0, _core.jsx)("div", {
+    css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
+      backgroundColor: color,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    })),
+    "data-testid": testId,
+    "data-trello-do-not-use-override": testId
+  }, (0, _core.jsx)("img", {
+    src: src,
+    css: {
+      height: '90px',
+      width: '90px'
+    }
+  }));
+};
+
+exports.ThumbnailWithBackground = ThumbnailWithBackground;

package/dist/cjs/view/BlockCard/components/UnresolvedText.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnresolvedText = void 0;
+
+var _core = require("@emotion/core");
+
+/** @jsx jsx */
+var UnresolvedText = function UnresolvedText(_ref) {
+  var icon = _ref.icon,
+      text = _ref.text;
+  return (0, _core.jsx)("span", {
+    css: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, icon, text);
+};
+
+exports.UnresolvedText = UnresolvedText;

package/dist/cjs/view/BlockCard/index.js

@@ -5,14 +5,66 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AuthorizeAction", {
+  enumerable: true,
+  get: function get() {
+    return _AuthorizeAction.AuthorizeAction;
+  }
+});
 exports.BlockCard = void 0;
+Object.defineProperty(exports, "BlockCardErroredView", {
+  enumerable: true,
+  get: function get() {
+    return _ErroredView.ErroredView;
+  }
+});
+Object.defineProperty(exports, "BlockCardForbiddenView", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenView.ForbiddenView;
+  }
+});
+Object.defineProperty(exports, "BlockCardNotFoundView", {
+  enumerable: true,
+  get: function get() {
+    return _NotFoundView.NotFoundView;
+  }
+});
+Object.defineProperty(exports, "BlockCardResolvedView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.ResolvedView;
+  }
+});
+Object.defineProperty(exports, "BlockCardResolvingView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvingView.ResolvingView;
+  }
+});
+Object.defineProperty(exports, "BlockCardUnauthorisedView", {
+  enumerable: true,
+  get: function get() {
+    return _UnauthorizedView.UnauthorizedView;
+  }
+});
+Object.defineProperty(exports, "ForbiddenAction", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenAction.ForbiddenAction;
+  }
+});
+Object.defineProperty(exports, "PreviewAction", {
+  enumerable: true,
+  get: function get() {
+    return _PreviewAction.default;
+  }
+});
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _mediaUi = require("@atlaskit/media-ui");
-
 var _helpers = require("../../state/helpers");
 
 var _block = require("../../extractors/block");
@@ -21,6 +73,26 @@ var _jsonld = require("../../utils/jsonld");
 
 var _context = require("../../extractors/common/context");
 
+var _LinkView = require("../LinkView");
+
+var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
+
+var _AuthorizeAction = require("./actions/AuthorizeAction");
+
+var _ForbiddenAction = require("./actions/ForbiddenAction");
+
+var _ResolvedView = require("./views/ResolvedView");
+
+var _NotFoundView = require("./views/NotFoundView");
+
+var _ResolvingView = require("./views/ResolvingView");
+
+var _UnauthorizedView = require("./views/UnauthorizedView");
+
+var _ForbiddenView = require("./views/ForbiddenView");
+
+var _ErroredView = require("./views/ErroredView");
+
 var BlockCard = function BlockCard(_ref) {
   var _details$meta, _forbiddenViewProps$c;
 
@@ -51,7 +123,7 @@ var BlockCard = function BlockCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardResolvingView, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvingView.ResolvingView, {
         testId: testId,
         isSelected: isSelected
       });
@@ -66,7 +138,7 @@ var BlockCard = function BlockCard(_ref) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.ResolvedView, (0, _extends2.default)({}, resolvedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
@@ -75,11 +147,11 @@ var BlockCard = function BlockCard(_ref) {
 
     case 'unauthorized':
       var unauthorizedViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardUnauthorisedView, (0, _extends2.default)({}, unauthorizedViewProps, {
+      return /*#__PURE__*/_react.default.createElement(_UnauthorizedView.UnauthorizedView, (0, _extends2.default)({}, unauthorizedViewProps, {
         isSelected: isSelected,
         testId: testId,
         showActions: showActions,
-        actions: handleAuthorize ? [(0, _mediaUi.AuthorizeAction)(handleAuthorize)] : [],
+        actions: handleAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize)] : [],
         onClick: handleFrameClick
       }));
 
@@ -91,17 +163,17 @@ var BlockCard = function BlockCard(_ref) {
         url: url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
+      return /*#__PURE__*/_react.default.createElement(_ForbiddenView.ForbiddenView, (0, _extends2.default)({}, forbiddenViewProps, {
         isSelected: isSelected,
         showActions: showActions,
-        actions: handleAuthorize ? [(0, _mediaUi.ForbiddenAction)(handleAuthorize)] : [],
+        actions: handleAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(handleAuthorize)] : [],
         onClick: handleFrameClick,
         requestAccessContext: requestAccessContext
       }));
 
     case 'not_found':
       var notFoundViewProps = (0, _block.extractBlockProps)(data, meta, extractorOpts);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardNotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
+      return /*#__PURE__*/_react.default.createElement(_NotFoundView.NotFoundView, (0, _extends2.default)({}, notFoundViewProps, {
         isSelected: isSelected,
         testId: testId,
         onClick: handleFrameClick
@@ -110,7 +182,7 @@ var BlockCard = function BlockCard(_ref) {
     case 'fallback':
     case 'errored':
       if (authFlow && authFlow === 'disabled') {
-        return /*#__PURE__*/_react.default.createElement(_mediaUi.CardLinkView, {
+        return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
@@ -118,7 +190,7 @@ var BlockCard = function BlockCard(_ref) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.BlockCardErroredView, {
+      return /*#__PURE__*/_react.default.createElement(_ErroredView.ErroredView, {
         link: url,
         isSelected: isSelected,
         onRetry: handleErrorRetry,

package/dist/cjs/view/BlockCard/utils/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotFoundImage = exports.LockImage = exports.CelebrationImage = void 0;
+var CDN_BASE_URL = 'https://smart-links-cdn.us-east-1.prod.public.atl-paas.net';
+var LockImage = "".concat(CDN_BASE_URL, "/lock.svg");
+exports.LockImage = LockImage;
+var CelebrationImage = "".concat(CDN_BASE_URL, "/celebration.svg");
+exports.CelebrationImage = CelebrationImage;
+var NotFoundImage = "".concat(CDN_BASE_URL, "/not_found.svg");
+exports.NotFoundImage = NotFoundImage;

package/dist/cjs/view/BlockCard/utils/handlers.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleClickCommon = void 0;
+
+var handleClickCommon = function handleClickCommon(event, onClick) {
+  if (onClick) {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick(event);
+  }
+};
+
+exports.handleClickCommon = handleClickCommon;

package/dist/cjs/view/BlockCard/utils/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mq = exports.gs = exports.br = void 0;
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _facepaint = _interopRequireDefault(require("facepaint"));
+
+var gs = function gs(times) {
+  return "".concat((0, _constants.gridSize)() * times, "px");
+};
+
+exports.gs = gs;
+
+var br = function br() {
+  var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return "".concat((0, _constants.borderRadius)() * times, "px");
+};
+
+exports.br = br;
+var mq = (0, _facepaint.default)(['@media(min-width: 576px)']);
+exports.mq = mq;

package/dist/cjs/view/BlockCard/views/ErroredView.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockCardErroredViewClassName = exports.ErroredView = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@emotion/core");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _react = require("react");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+
+var _Frame = require("../components/Frame");
+
+var _Byline = require("../components/Byline");
+
+var _ActionList = require("../components/ActionList");
+
+var _Content = require("../components/Content");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _ContentFooter = require("../components/ContentFooter");
+
+var _ContentHeader = require("../components/ContentHeader");
+
+var _handlers = require("../utils/handlers");
+
+var _Link = require("../components/Link");
+
+var _UnresolvedText = require("../components/UnresolvedText");
+
+var _RetryAction = require("../actions/RetryAction");
+
+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; }
+
+var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
+
+var blockCardErroredViewClassName = 'block-card-errored-view';
+exports.blockCardErroredViewClassName = blockCardErroredViewClassName;
+
+var ErroredView = function ErroredView(_ref) {
+  var _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'block-card-errored-view' : _ref$testId,
+      _ref$link = _ref.link,
+      link = _ref$link === void 0 ? '' : _ref$link,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      onRetry = _ref.onRetry,
+      _ref$inheritDimension = _ref.inheritDimensions,
+      inheritDimensions = _ref$inheritDimension === void 0 ? false : _ref$inheritDimension;
+
+  var handleClick = function handleClick(event) {
+    return (0, _handlers.handleClickCommon)(event, onClick);
+  };
+
+  var actions = (0, _react.useMemo)(function () {
+    return onRetry ? [(0, _RetryAction.RetryAction)(onRetry)] : [];
+  }, [onRetry]);
+  return (0, _core.jsx)(_Frame.Frame, {
+    isSelected: isSelected,
+    testId: testId,
+    className: blockCardErroredViewClassName,
+    isFluidHeight: true,
+    inheritDimensions: inheritDimensions
+  }, (0, _core.jsx)(_Content.Content, {
+    isCompact: true
+  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+    onClick: handleClick,
+    link: link
+  }, (0, _core.jsx)(_Link.Link, {
+    url: link,
+    testId: testId
+  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _core.jsx)(_warning.default, {
+      label: "errored-warning-icon",
+      size: "small",
+      primaryColor: _colors.R300,
+      testId: "".concat(testId, "-warning-icon")
+    }),
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_ActionList.ActionList, {
+    items: actions
+  }))));
+};
+
+exports.ErroredView = ErroredView;

package/dist/cjs/view/BlockCard/views/ForbiddenView.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewClassName = exports.ForbiddenView = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _core = require("@emotion/core");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
+
+var _Frame = require("../components/Frame");
+
+var _Provider = require("../components/Provider");
+
+var _Byline = require("../components/Byline");
+
+var _ActionList = require("../components/ActionList");
+
+var _Content = require("../components/Content");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _ContentFooter = require("../components/ContentFooter");
+
+var _ContentHeader = require("../components/ContentHeader");
+
+var _handlers = require("../utils/handlers");
+
+var _Link = require("../components/Link");
+
+var _UnresolvedText = require("../components/UnresolvedText");
+
+/** @jsx jsx */
+var blockCardForbiddenViewClassName = 'block-card-forbidden-view';
+exports.blockCardForbiddenViewClassName = blockCardForbiddenViewClassName;
+var blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
+exports.blockCardForbiddenViewLinkClassName = blockCardForbiddenViewLinkClassName;
+
+var ForbiddenView = function ForbiddenView(_ref) {
+  var _ref$context = _ref.context,
+      context = _ref$context === void 0 ? {
+    text: ''
+  } : _ref$context,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? [] : _ref$actions,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'block-card-forbidden-view' : _ref$testId,
+      _ref$showActions = _ref.showActions,
+      showActions = _ref$showActions === void 0 ? true : _ref$showActions,
+      _ref$link = _ref.link,
+      link = _ref$link === void 0 ? '' : _ref$link,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      _ref$requestAccessCon = _ref.requestAccessContext,
+      requestAccessContext = _ref$requestAccessCon === void 0 ? {} : _ref$requestAccessCon;
+
+  var handleClick = function handleClick(event) {
+    return (0, _handlers.handleClickCommon)(event, onClick);
+  };
+
+  var action = requestAccessContext.action,
+      _requestAccessContext = requestAccessContext.descriptiveMessageKey,
+      descriptiveMessageKey = _requestAccessContext === void 0 ? 'invalid_permissions_description' : _requestAccessContext;
+  var items = action ? [].concat((0, _toConsumableArray2.default)(actions), [action]) : actions;
+  return (0, _core.jsx)(_Frame.Frame, {
+    isSelected: isSelected,
+    testId: testId,
+    className: blockCardForbiddenViewClassName,
+    isFluidHeight: true
+  }, (0, _core.jsx)(_Content.Content, {
+    isCompact: true
+  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+    onClick: handleClick,
+    link: link
+  }, (0, _core.jsx)(_Link.Link, {
+    url: link,
+    testId: testId,
+    className: blockCardForbiddenViewLinkClassName
+  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _core.jsx)(_lockFilled.default, {
+      label: "forbidden-lock-icon",
+      size: "small",
+      primaryColor: _colors.R300,
+      testId: "".concat(testId, "-lock-icon")
+    }),
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[descriptiveMessageKey], {
+      values: {
+        context: context.text
+      }
+    }))
+  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_Provider.Provider, {
+    name: context.text,
+    icon: context.icon
+  }), showActions && (0, _core.jsx)(_ActionList.ActionList, {
+    items: items
+  }))));
+};
+
+exports.ForbiddenView = ForbiddenView;

package/dist/cjs/view/BlockCard/views/NotFoundView.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockCardNotFoundViewClassName = exports.NotFoundView = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@emotion/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+
+var _Frame = require("../components/Frame");
+
+var _Provider = require("../components/Provider");
+
+var _Byline = require("../components/Byline");
+
+var _Content = require("../components/Content");
+
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _ContentFooter = require("../components/ContentFooter");
+
+var _ContentHeader = require("../components/ContentHeader");
+
+var _Link = require("../components/Link");
+
+var _UnresolvedText = require("../components/UnresolvedText");
+
+var _handlers = require("../utils/handlers");
+
+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; }
+
+var textDescriptionProps = _objectSpread({}, _messages.messages.not_found_description);
+
+var blockCardNotFoundViewClassName = 'block-card-not-found-view';
+exports.blockCardNotFoundViewClassName = blockCardNotFoundViewClassName;
+
+var NotFoundView = function NotFoundView(_ref) {
+  var _ref$context = _ref.context,
+      context = _ref$context === void 0 ? {
+    text: ''
+  } : _ref$context,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'block-card-not-found-view' : _ref$testId,
+      _ref$link = _ref.link,
+      link = _ref$link === void 0 ? '' : _ref$link,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+
+  var handleClick = function handleClick(event) {
+    return (0, _handlers.handleClickCommon)(event, onClick);
+  };
+
+  return (0, _core.jsx)(_Frame.Frame, {
+    isSelected: isSelected,
+    testId: testId,
+    className: blockCardNotFoundViewClassName,
+    isFluidHeight: true
+  }, (0, _core.jsx)(_Content.Content, {
+    isCompact: true
+  }, (0, _core.jsx)("div", null, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+    onClick: handleClick,
+    link: link
+  }, (0, _core.jsx)(_Link.Link, {
+    url: link,
+    testId: testId
+  })), (0, _core.jsx)(_Byline.Byline, null, (0, _core.jsx)(_UnresolvedText.UnresolvedText, {
+    icon: (0, _core.jsx)(_warning.default, {
+      label: "not-found-warning-icon",
+      size: "small",
+      primaryColor: _colors.R300,
+      testId: "".concat(testId, "-warning-icon")
+    }),
+    text: (0, _core.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
+  }))), (0, _core.jsx)(_ContentFooter.ContentFooter, null, (0, _core.jsx)(_Provider.Provider, {
+    name: context.text,
+    icon: context.icon
+  }))));
+};
+
+exports.NotFoundView = NotFoundView;