@atlaskit/smart-card 26.31.0 → 26.32.0

package/dist/cjs/view/RedesignedInlineCard/ForbiddenView/index.js

@@ -34,11 +34,11 @@ var FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIc
   primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
   testId: "forbidden-view-fallback-icon"
 }));
-var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
+var InlineCardForbiddenView = exports.InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(InlineCardForbiddenView, _React$Component);
   var _super = _createSuper(InlineCardForbiddenView);
   function InlineCardForbiddenView() {
-    var _this$props, _this$props$requestAc;
+    var _this$props;
     var _this;
     (0, _classCallCheck2.default)(this, InlineCardForbiddenView);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -47,7 +47,7 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "frameRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props$requestAc = _this$props.requestAccessContext) !== null && _this$props$requestAc !== void 0 && _this$props$requestAc.callToActionMessageKey)
+      hasRequestAccessContextMessage: !!((_this$props = _this.props) !== null && _this$props !== void 0 && (_this$props = _this$props.requestAccessContext) !== null && _this$props !== void 0 && _this$props.callToActionMessageKey)
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRetry", function (event) {
       var onAuthorise = _this.props.onAuthorise;
@@ -56,13 +56,13 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       if (onAuthorise) {
         onAuthorise();
       } else {
-        var _this$props2, _this$props2$requestA, _this$props2$requestA2;
-        (_this$props2 = _this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$requestA = _this$props2.requestAccessContext) === null || _this$props2$requestA === void 0 ? void 0 : (_this$props2$requestA2 = _this$props2$requestA.action) === null || _this$props2$requestA2 === void 0 ? void 0 : _this$props2$requestA2.promise();
+        var _this$props2;
+        (_this$props2 = _this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.requestAccessContext) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.action) === null || _this$props2 === void 0 || _this$props2.promise();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderForbiddenAccessMessage", function () {
-      var _this$props3, _this$props3$requestA;
-      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3$requestA = _this$props3.requestAccessContext) !== null && _this$props3$requestA !== void 0 && _this$props3$requestA.callToActionMessageKey) {
+      var _this$props3;
+      if ((_this$props3 = _this.props) !== null && _this$props3 !== void 0 && (_this$props3 = _this$props3.requestAccessContext) !== null && _this$props3 !== void 0 && _this$props3.callToActionMessageKey) {
         var callToActionMessageKey = _this.props.requestAccessContext.callToActionMessageKey;
         return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[callToActionMessageKey], {
           values: {
@@ -125,5 +125,4 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return InlineCardForbiddenView;
-}(_react.default.Component);
-exports.InlineCardForbiddenView = InlineCardForbiddenView;
+}(_react.default.Component);

package/dist/cjs/view/RedesignedInlineCard/Frame/index.js

@@ -11,7 +11,7 @@ var _styled = require("./styled");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 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; }
-var Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var isSelected = props.isSelected,
     children = props.children,
     onClick = props.onClick,
@@ -59,5 +59,4 @@ var Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: className,
     ref: ref
   }, children);
-});
-exports.Frame = Frame;
+});

package/dist/cjs/view/RedesignedInlineCard/Frame/styled.js

@@ -62,9 +62,7 @@ var baseWrapperStyle = function baseWrapperStyle(props) {
     dark: "border-color:  ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";")
   })(props), "\n  }\n  &, :hover, :focus, :active {\n    ").concat(props.withoutBackground ? '' : 'text-decoration: none;', "\n  }\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n");
 };
-var WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
-exports.WrapperAnchor = WrapperAnchor;
+var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
 WrapperAnchor.displayName = 'WrapperAnchor';
-var WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
-exports.WrapperSpan = WrapperSpan;
+var WrapperSpan = exports.WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
 WrapperSpan.displayName = 'WrapperSpan';

package/dist/cjs/view/RedesignedInlineCard/Icon.js

@@ -15,15 +15,13 @@ var _templateObject, _templateObject2;
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
-var Icon = _styled.default.img(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: ", ";\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), "var(--ds-space-050, 4px)");
+var Icon = exports.Icon = _styled.default.img(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: ", ";\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), "var(--ds-space-050, 4px)");
 
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
-exports.Icon = Icon;
-var AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
-exports.AKIconWrapper = AKIconWrapper;
-var Shimmer = function Shimmer(_ref) {
+var AKIconWrapper = exports.AKIconWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n"])), "var(--ds-space-negative-025, -2px)");
+var Shimmer = exports.Shimmer = function Shimmer(_ref) {
   var testId = _ref.testId;
   var skeletonCustomStyles = {
     position: 'absolute',
@@ -39,5 +37,4 @@ var Shimmer = function Shimmer(_ref) {
     testId: testId,
     style: skeletonCustomStyles
   });
-};
-exports.Shimmer = Shimmer;
+};

package/dist/cjs/view/RedesignedInlineCard/IconAndTitleLayout/index.js

@@ -20,7 +20,7 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 var _styled2 = require("../styled");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
+var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(IconAndTitleLayout, _React$Component);
   var _super = _createSuper(IconAndTitleLayout);
   function IconAndTitleLayout() {
@@ -145,7 +145,6 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   }]);
   return IconAndTitleLayout;
 }(_react.default.Component);
-exports.IconAndTitleLayout = IconAndTitleLayout;
 (0, _defineProperty2.default)(IconAndTitleLayout, "defaultProps", {
   rightSideSpacer: true
 });

package/dist/cjs/view/RedesignedInlineCard/IconAndTitleLayout/styled.js

@@ -9,10 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 // TODO: remove this override behaviour for @atlaskit/icon-object
-var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+var IconObjectOverrides = exports.IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 // TODO: remove this override behaviour for @atlaskit/icon
-exports.IconObjectOverrides = IconObjectOverrides;
-var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+var IconOverrides = exports.IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 
 // Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
@@ -20,37 +19,27 @@ var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-exports.IconOverrides = IconOverrides;
-var IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
+var IconWrapper = exports.IconWrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  ", "\n  ", "\n"])), IconOverrides, IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-exports.IconWrapper = IconWrapper;
-var EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: ", ";\n  user-select: none;\n  ", "\n  ", "\n"])), "var(--ds-space-025, 2px)", IconOverrides, IconObjectOverrides);
+var EmojiWrapper = exports.EmojiWrapper = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  margin-right: ", ";\n  user-select: none;\n  ", "\n  ", "\n"])), "var(--ds-space-025, 2px)", IconOverrides, IconObjectOverrides);
 
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-exports.EmojiWrapper = EmojiWrapper;
-var IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n  box-decoration-break: clone;\n  padding: ", " ", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-050, 4px)");
+var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  white-space: pre-wrap;\n  word-break: break-all;\n  box-decoration-break: clone;\n  padding: ", " ", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-050, 4px)");
 
 // TODO: Replace overrides with proper AtlasKit solution.
-exports.IconTitleWrapper = IconTitleWrapper;
-var LozengeWrapper = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: 1px;\n  margin: 0 ", " 0 ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-025, 2px)");
-exports.LozengeWrapper = LozengeWrapper;
-var RightIconPositionWrapper = _styled.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-025, 2px)");
+var LozengeWrapper = exports.LozengeWrapper = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: 1px;\n  margin: 0 ", " 0 ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-025, 2px)");
+var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-025, 2px)");
 
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-exports.RightIconPositionWrapper = RightIconPositionWrapper;
-var IconPositionWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-050, 4px)");
-exports.IconPositionWrapper = IconPositionWrapper;
-var IconEmptyWrapper = _styled.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14px;\n  height: 100%;\n  display: inline-block;\n  opacity: 0;\n"])));
+var IconPositionWrapper = exports.IconPositionWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-space-050, 4px)");
+var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 14px;\n  height: 100%;\n  display: inline-block;\n  opacity: 0;\n"])));
 
 // With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
 // To achieve same result we use classname instead.
-exports.IconEmptyWrapper = IconEmptyWrapper;
-var TitleWrapperClassName = 'smart-link-title-wrapper';
-exports.TitleWrapperClassName = TitleWrapperClassName;
-var TitleWrapper = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)([""])));
-exports.TitleWrapper = TitleWrapper;
+var TitleWrapperClassName = exports.TitleWrapperClassName = 'smart-link-title-wrapper';
+var TitleWrapper = exports.TitleWrapper = _styled.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)([""])));

package/dist/cjs/view/RedesignedInlineCard/ResolvedView/index.js

@@ -18,7 +18,7 @@ var _styled = require("../IconAndTitleLayout/styled");
 var _index = require("../../HoverCard/index");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
+var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(InlineCardResolvedView, _React$Component);
   var _super = _createSuper(InlineCardResolvedView);
   function InlineCardResolvedView() {
@@ -79,5 +79,4 @@ var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return InlineCardResolvedView;
-}(_react.default.Component);
-exports.InlineCardResolvedView = InlineCardResolvedView;
+}(_react.default.Component);

package/dist/cjs/view/RedesignedInlineCard/ResolvingView/index.js

@@ -18,7 +18,7 @@ var _styled = require("./styled");
 var _styled2 = require("../IconAndTitleLayout/styled");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
+var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(InlineCardResolvingView, _React$Component);
   var _super = _createSuper(InlineCardResolvingView);
   function InlineCardResolvingView() {
@@ -65,5 +65,4 @@ var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return InlineCardResolvingView;
-}(_react.default.Component);
-exports.InlineCardResolvingView = InlineCardResolvingView;
+}(_react.default.Component);

package/dist/cjs/view/RedesignedInlineCard/ResolvingView/styled.js

@@ -9,5 +9,4 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _styled2 = require("../IconAndTitleLayout/styled");
 var _templateObject;
-var SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  vertical-align: text-bottom;\n  padding: 0px;\n"])));
-exports.SpinnerWrapper = SpinnerWrapper;
+var SpinnerWrapper = exports.SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  vertical-align: text-bottom;\n  padding: 0px;\n"])));

package/dist/cjs/view/RedesignedInlineCard/UnauthorisedView/index.js

@@ -32,7 +32,7 @@ var FallbackUnauthorizedIcon = /*#__PURE__*/_react.default.createElement(_Icon.A
   size: "small",
   primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
 }));
-var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
+var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(InlineCardUnauthorizedView, _React$Component);
   var _super = _createSuper(InlineCardUnauthorizedView);
   function InlineCardUnauthorizedView() {
@@ -51,7 +51,7 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
       event.preventDefault();
       event.stopPropagation();
       if (onAuthorise) {
-        analytics === null || analytics === void 0 ? void 0 : analytics.track.appAccountAuthStarted({
+        analytics === null || analytics === void 0 || analytics.track.appAccountAuthStarted({
           extensionKey: extensionKey
         });
       }
@@ -109,5 +109,4 @@ var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return InlineCardUnauthorizedView;
-}(_react.default.Component);
-exports.InlineCardUnauthorizedView = InlineCardUnauthorizedView;
+}(_react.default.Component);

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

@@ -49,7 +49,7 @@ var _UnauthorisedView = require("./UnauthorisedView");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
 var _helpers = require("../../state/helpers");
-var InlineCard = function InlineCard(_ref) {
+var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   var _details$meta;
   var analytics = _ref.analytics,
     id = _ref.id,
@@ -179,5 +179,4 @@ var InlineCard = function InlineCard(_ref) {
         testId: testIdWithStatus || 'inline-card-errored-view'
       });
   }
-};
-exports.InlineCard = InlineCard;
+};

package/dist/cjs/view/RedesignedInlineCard/styled.js

@@ -14,17 +14,13 @@ var LINK_COLOR_DARK = '#4794FF';
 
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 4px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
-exports.IconStyledButton = IconStyledButton;
-var NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-left: ", ";\n"])), (0, _components.themed)({
+var IconStyledButton = exports.IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &&& {\n    text-align: initial;\n    display: inline;\n    vertical-align: baseline;\n    border-radius: ", ";\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    padding: ", " ", ";\n    background-clip: padding-box;\n    box-decoration-break: clone;\n  }\n  > span {\n    display: inline;\n    overflow: initial;\n    text-overflow: initial;\n    white-space: initial;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])), "var(--ds-border-radius-100, 4px)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)");
+var NoLinkAppearance = exports.NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-left: ", ";\n"])), (0, _components.themed)({
   light: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   dark: "var(--ds-text-subtlest, ".concat(LINK_COLOR_DARK, ")")
 }), "var(--ds-space-050, 4px)");
-exports.NoLinkAppearance = NoLinkAppearance;
-var LowercaseAppearance = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-transform: lowercase;\n"])));
-exports.LowercaseAppearance = LowercaseAppearance;
-var LinkAppearance = _styled.default.a(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n\n  &:hover {\n    text-decoration: none;\n  }\n"])), (0, _components.themed)({
+var LowercaseAppearance = exports.LowercaseAppearance = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-transform: lowercase;\n"])));
+var LinkAppearance = exports.LinkAppearance = _styled.default.a(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n\n  &:hover {\n    text-decoration: none;\n  }\n"])), (0, _components.themed)({
   light: "var(--ds-link, ".concat(_colors.B400, ")"),
   dark: "var(--ds-link, ".concat(LINK_COLOR_DARK, ")")
-}));
-exports.LinkAppearance = LinkAppearance;
+}));

package/dist/cjs/view/RedesignedInlineCard/utils/withFrameStyleControl.js

@@ -15,7 +15,7 @@ var _colors = require("@atlaskit/theme/colors");
  * TODO: When Firefox begins supporting the :has()pseudo-selector (e.g "frame:has(button:hover){...}"),
  * it should be used instead and the code should be cleaned up.
  */
-var _default = function _default(Button, frameRef) {
+var _default = exports.default = function _default(Button, frameRef) {
   return function (props) {
     var setBorderStyle = function setBorderStyle() {
       var borderColor = (0, _components.themed)({
@@ -38,5 +38,4 @@ var _default = function _default(Button, frameRef) {
       onMouseLeave: removeBorderStyle
     }));
   };
-};
-exports.default = _default;
+};

package/dist/cjs/view/common/Byline.js

@@ -9,7 +9,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _utils = require("./utils");
 /** @jsx jsx */
 
-var Byline = function Byline(_ref) {
+var Byline = exports.Byline = function Byline(_ref) {
   var text = _ref.text,
     children = _ref.children,
     testId = _ref.testId,
@@ -38,5 +38,4 @@ var Byline = function Byline(_ref) {
     "data-testid": testId,
     className: className
   }, text || children);
-};
-exports.Byline = Byline;
+};

package/dist/cjs/view/common/Icon.js

@@ -13,8 +13,7 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
 var _utils = require("./utils");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
-var blockCardIconImageClassName = 'block-card-icon-image';
-exports.blockCardIconImageClassName = blockCardIconImageClassName;
+var blockCardIconImageClassName = exports.blockCardIconImageClassName = 'block-card-icon-image';
 var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {
     return;
@@ -27,7 +26,7 @@ var getSpanStyles = function getSpanStyles(isFlexibleUi) {
   }
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    height: ", ";\n    width: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "])), (0, _utils.gs)(2.5), (0, _utils.gs)(2));
 };
-var Icon = function Icon(_ref) {
+var Icon = exports.Icon = function Icon(_ref) {
   var url = _ref.url,
     icon = _ref.icon,
     defaultIcon = _ref.defaultIcon,
@@ -54,5 +53,4 @@ var Icon = function Icon(_ref) {
     "data-testid": testId,
     className: blockCardIconImageClassName
   }, icon || image || placeholder);
-};
-exports.Icon = Icon;
+};

package/dist/cjs/view/common/Metadata.js

@@ -10,7 +10,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
 
-var Metadata = function Metadata(_ref) {
+var Metadata = exports.Metadata = function Metadata(_ref) {
   var text = _ref.text,
     icon = _ref.icon,
     iconUrl = _ref.iconUrl,
@@ -45,5 +45,4 @@ var Metadata = function Metadata(_ref) {
     }, metadata);
   }
   return metadata;
-};
-exports.Metadata = Metadata;
+};

package/dist/cjs/view/common/MetadataList.js

@@ -11,9 +11,8 @@ var _Metadata = require("./Metadata");
 var _utils = require("./utils");
 /** @jsx jsx */
 
-var metadataListClassName = 'smart-link-metadata-list';
-exports.metadataListClassName = metadataListClassName;
-var MetadataList = function MetadataList(_ref) {
+var metadataListClassName = exports.metadataListClassName = 'smart-link-metadata-list';
+var MetadataList = exports.MetadataList = function MetadataList(_ref) {
   var items = _ref.items,
     testId = _ref.testId;
   return (0, _react.jsx)("div", {
@@ -32,5 +31,4 @@ var MetadataList = function MetadataList(_ref) {
       key: item.text
     }, item));
   }));
-};
-exports.MetadataList = MetadataList;
+};

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -23,7 +23,7 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
     analytics = _ref.analytics;
   var handleLearnMoreClick = (0, _react.useCallback)(function () {
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
+    analytics === null || analytics === void 0 || analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_description, {
     values: {
@@ -36,5 +36,4 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     onClick: handleLearnMoreClick
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.learn_more_about_smart_links)));
 };
-var _default = UnauthorisedViewContent;
-exports.default = _default;
+var _default = exports.default = UnauthorisedViewContent;

package/dist/cjs/view/common/utils.js

@@ -7,14 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.mq = exports.gs = exports.br = void 0;
 var _constants = require("@atlaskit/theme/constants");
 var _facepaint = _interopRequireDefault(require("facepaint"));
-var gs = function gs(times) {
+var gs = exports.gs = function gs(times) {
   return "".concat((0, _constants.gridSize)() * times, "px");
 };
-exports.gs = gs;
-var br = function br() {
+var br = exports.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;
+var mq = exports.mq = (0, _facepaint.default)(['@media(min-width: 576px)']);

package/dist/es2019/extractors/common/context/extractAccessContext.js

@@ -89,6 +89,13 @@ export const extractRequestAccessContextImproved = ({
         descriptiveMessageKey: 'request_denied_description_crossjoin'
       };
     case 'ACCESS_EXISTS':
+      if ((jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.visibility) === 'not_found') {
+        return {
+          ...requestAccess,
+          titleMessageKey: 'not_found_title_crossjoin',
+          descriptiveMessageKey: 'not_found_description_crossjoin'
+        };
+      }
       return {
         ...requestAccess,
         titleMessageKey: 'default_no_access_title_crossjoin',

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.31.0"
+  packageVersion: "26.32.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedCard/index.js

@@ -16,6 +16,7 @@ import { EmbedCardResolvedView } from './views/ResolvedView';
 import { EmbedCardUnauthorisedView } from './views/UnauthorisedView';
 import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
+import NotFoundView from './views/not-found-view';
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
   cardState: {
@@ -134,7 +135,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
       }
       if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
         var _forbiddenViewProps$c, _forbiddenViewProps$c2;
-        const requestAccessContext = extractRequestAccessContextImproved({
+        const accessContext = extractRequestAccessContextImproved({
           jsonLd: cardMetadata,
           url,
           product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
@@ -145,7 +146,7 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           isSelected: isSelected,
           onAuthorise: handleAuthorize,
           onClick: handleFrameClick,
-          requestAccessContext: requestAccessContext,
+          accessContext: accessContext,
           url: forbiddenViewProps.link
         });
       }
@@ -169,6 +170,22 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         });
       }
       const notFoundViewProps = extractEmbedProps(data, meta, platform);
+      if (getBooleanFF('platform.linking-platform.smart-card.cross-join')) {
+        var _notFoundViewProps$co, _notFoundViewProps$co2;
+        const accessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
+          jsonLd: details === null || details === void 0 ? void 0 : details.meta,
+          url,
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+        }) : undefined;
+        return /*#__PURE__*/React.createElement(NotFoundView, {
+          context: notFoundViewProps.context,
+          inheritDimensions: inheritDimensions,
+          isSelected: isSelected,
+          onClick: handleFrameClick,
+          accessContext: accessContext,
+          url: notFoundViewProps.link
+        });
+      }
       return /*#__PURE__*/React.createElement(EmbedCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         inheritDimensions: inheritDimensions,

package/dist/es2019/view/EmbedCard/views/ForbiddenView.js

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { LockImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by forbidden-view
+ */
 export const EmbedCardForbiddenView = ({
   link,
   context,

package/dist/es2019/view/EmbedCard/views/NotFoundView.js

@@ -3,6 +3,10 @@ import { EmbedCardUnresolvedView } from './UnresolvedView';
 import { NotFoundImage } from '../constants';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
+/**
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
+ * @deprecated Replaced by not-found-view
+ */
 export const EmbedCardNotFoundView = ({
   link,
   context,

package/dist/es2019/view/EmbedCard/views/forbidden-view/index.js

@@ -8,14 +8,16 @@ import { LockImage } from '../../constants';
 import UnresolvedView from '../unresolved-view';
 const ForbiddenView = ({
   context,
-  inheritDimensions,
-  isSelected,
   onAuthorise,
-  onClick,
-  requestAccessContext,
+  accessContext,
   testId = 'embed-card-forbidden-view',
-  url
+  ...unresolvedViewProps
 }) => {
+  const {
+    icon,
+    image,
+    text = ''
+  } = context !== null && context !== void 0 ? context : {};
   const {
     accessType,
     hostname,
@@ -23,7 +25,7 @@ const ForbiddenView = ({
     descriptiveMessageKey,
     callToActionMessageKey,
     action
-  } = requestAccessContext !== null && requestAccessContext !== void 0 ? requestAccessContext : {};
+  } = accessContext !== null && accessContext !== void 0 ? accessContext : {};
   const values = useMemo(() => {
     var _context$text;
     const product = (_context$text = context === null || context === void 0 ? void 0 : context.text) !== null && _context$text !== void 0 ? _context$text : '';
@@ -33,10 +35,6 @@ const ForbiddenView = ({
       hostname: /*#__PURE__*/React.createElement("b", null, hostname)
     };
   }, [hostname, context === null || context === void 0 ? void 0 : context.text]);
-  const image = useMemo(() => {
-    var _context$image;
-    return (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : LockImage;
-  }, [context === null || context === void 0 ? void 0 : context.image]);
 
   /**
    * if there is a request access context, but no action to perform, do not show any button.
@@ -58,22 +56,18 @@ const ForbiddenView = ({
       values: values
     })));
   }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorise, values]);
-  return /*#__PURE__*/React.createElement(UnresolvedView, {
-    icon: context === null || context === void 0 ? void 0 : context.icon,
-    image: image,
-    inheritDimensions: inheritDimensions,
-    isSelected: isSelected,
-    onClick: onClick,
+  return /*#__PURE__*/React.createElement(UnresolvedView, _extends({}, unresolvedViewProps, {
+    icon: icon,
+    image: image !== null && image !== void 0 ? image : LockImage,
     testId: testId,
-    text: context === null || context === void 0 ? void 0 : context.text,
+    text: text,
     title: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.invalid_permissions, titleMessageKey), {
       values: values
     })),
     description: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, toMessage(messages.invalid_permissions_description, descriptiveMessageKey), {
       values: values
     })),
-    button: button,
-    url: url
-  });
+    button: button
+  }));
 };
 export default ForbiddenView;