@atlaskit/smart-card 16.3.0 → 17.2.0

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;

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

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockCardResolvedViewClassName = exports.blockCardResolvedViewByClassName = exports.ResolvedView = void 0;
+
+var _core = require("@emotion/core");
+
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+
+var _Frame = require("../components/Frame");
+
+var _Thumbnail = require("../components/Thumbnail");
+
+var _Provider = require("../components/Provider");
+
+var _Name = require("../components/Name");
+
+var _Byline = require("../components/Byline");
+
+var _ActionList = require("../components/ActionList");
+
+var _CollaboratorList = require("../components/CollaboratorList");
+
+var _Emoji = require("../components/Emoji");
+
+var _Icon = require("../components/Icon");
+
+var _Content = require("../components/Content");
+
+var _MetadataList = require("../components/MetadataList");
+
+var _styled = require("../../InlineCard/IconAndTitleLayout/styled");
+
+var _ContentHeader = require("../components/ContentHeader");
+
+var _ContentFooter = require("../components/ContentFooter");
+
+var _utils = require("../utils");
+
+var _handlers = require("../utils/handlers");
+
+/** @jsx jsx */
+var blockCardResolvedViewClassName = 'block-card-resolved-view';
+exports.blockCardResolvedViewClassName = blockCardResolvedViewClassName;
+var blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
+exports.blockCardResolvedViewByClassName = blockCardResolvedViewByClassName;
+
+var ResolvedView = function ResolvedView(_ref) {
+  var _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? {} : _ref$icon,
+      _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? [] : _ref$actions,
+      thumbnail = _ref.thumbnail,
+      _ref$context = _ref.context,
+      context = _ref$context === void 0 ? {
+    text: ''
+  } : _ref$context,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '' : _ref$title,
+      titleTextColor = _ref.titleTextColor,
+      titlePrefix = _ref.titlePrefix,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$users = _ref.users,
+      users = _ref$users === void 0 ? [] : _ref$users,
+      _ref$handleAvatarClic = _ref.handleAvatarClick,
+      handleAvatarClick = _ref$handleAvatarClic === void 0 ? function () {} : _ref$handleAvatarClic,
+      _ref$handleMoreAvatar = _ref.handleMoreAvatarsClick,
+      handleMoreAvatarsClick = _ref$handleMoreAvatar === void 0 ? function () {} : _ref$handleMoreAvatar,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      _ref$link = _ref.link,
+      link = _ref$link === void 0 ? '' : _ref$link,
+      _ref$byline = _ref.byline,
+      byline = _ref$byline === void 0 ? '' : _ref$byline,
+      lozenge = _ref.lozenge,
+      _ref$details = _ref.details,
+      details = _ref$details === void 0 ? [] : _ref$details,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'block-card-resolved-view' : _ref$testId,
+      _ref$showActions = _ref.showActions,
+      showActions = _ref$showActions === void 0 ? true : _ref$showActions;
+  var resolvedMetadata = details.length > 0 ? (0, _core.jsx)(_MetadataList.MetadataList, {
+    testId: testId ? "".concat(testId, "-meta") : undefined,
+    items: details
+  }) : undefined;
+  var resolvedByline = (0, _core.jsx)(_Byline.Byline, {
+    testId: testId ? "".concat(testId, "-by") : undefined,
+    className: blockCardResolvedViewByClassName
+  }, byline);
+
+  var handleClick = function handleClick(event) {
+    return (0, _handlers.handleClickCommon)(event, onClick);
+  };
+
+  var hasActions = showActions && actions.length > 0;
+  return (0, _core.jsx)(_Frame.Frame, {
+    isSelected: isSelected,
+    testId: testId,
+    className: blockCardResolvedViewClassName
+  }, (0, _core.jsx)(_Content.Content, null, (0, _core.jsx)("div", null, (0, _core.jsx)("div", {
+    css: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'flex-start'
+    }
+  }, (0, _core.jsx)(_ContentHeader.ContentHeader, {
+    onClick: handleClick,
+    link: link
+  }, titlePrefix ? (0, _core.jsx)(_Emoji.Emoji, {
+    emoji: titlePrefix
+  }) : (0, _core.jsx)(_Icon.Icon, icon), (0, _core.jsx)(_Name.Name, {
+    name: title,
+    textColor: titleTextColor
+  }), lozenge && (0, _core.jsx)(_styled.LozengeBlockWrapper, {
+    css: {
+      height: (0, _utils.gs)(2.5),
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, (0, _core.jsx)(_lozenge.default, lozenge, lozenge.text))), (0, _core.jsx)(_CollaboratorList.CollaboratorList, {
+    items: users,
+    handleAvatarClick: handleAvatarClick,
+    handleMoreAvatarsClick: handleMoreAvatarsClick,
+    testId: testId ? "".concat(testId, "-collaborator-list") : undefined
+  })), resolvedByline, resolvedMetadata), (0, _core.jsx)(_ContentFooter.ContentFooter, {
+    hasSpaceBetween: hasActions
+  }, (0, _core.jsx)(_Provider.Provider, {
+    name: context.text,
+    icon: context.icon
+  }), hasActions && (0, _core.jsx)(_ActionList.ActionList, {
+    items: actions
+  }))), thumbnail ? (0, _core.jsx)(_Thumbnail.Thumbnail, {
+    src: thumbnail,
+    testId: testId ? "".concat(testId, "-thumb") : undefined
+  }) : null);
+};
+
+exports.ResolvedView = ResolvedView;