@atlaskit/smart-card 26.42.8 → 26.42.10

package/dist/types-ts4.5/extractors/inline/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
+import { InlineCardResolvedViewProps } from '../../view/RedesignedInlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers) => InlineCardResolvedViewProps;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title_crossjoin' | 'direct_access_title_crossjoin' | 'direct_access_description_crossjoin' | 'direct_access_crossjoin' | 'request_access_description_crossjoin' | 'request_access_crossjoin' | 'request_access_pending_title_crossjoin' | 'request_access_pending_description_crossjoin' | 'request_access_pending_crossjoin' | 'request_denied_description_crossjoin' | 'access_exists_description_crossjoin' | 'not_found_description_crossjoin' | 'not_found_title_crossjoin';
-export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/state/helpers.d.ts

@@ -17,3 +17,4 @@ export declare const getStatusDetails: (details?: JsonLd.Response) => string | u
 export declare const isFinalState: (status: CardType) => boolean;
 export declare const getDatasources: (details?: JsonLdDatasourceResponse) => DatasourceResolveResponse[] | undefined;
 export declare const getCanBeDatasource: (details?: JsonLdDatasourceResponse) => boolean;
+export declare const hasAuthScopeOverrides: (details?: JsonLd.Response) => boolean;

package/dist/types-ts4.5/view/BlockCard/views/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -11,6 +11,7 @@ export interface EmbedCardUnauthorisedViewProps {
     inheritDimensions?: boolean;
     onClick?: (evt: React.MouseEvent) => void;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
 }
 /**
  * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\

package/dist/types-ts4.5/view/EmbedCard/views/unauthorized-view/types.d.ts

@@ -5,5 +5,6 @@ export type UnauthorizedViewProps = Pick<UnresolvedViewProps, 'inheritDimensions
     analytics: AnalyticsFacade;
     context?: ContextViewModel;
     extensionKey?: string;
+    isProductIntegrationSupported?: boolean;
     onAuthorize?: () => void;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { LozengeActionItemsGroupProps } from './types';
+declare const LozengeActionItemsGroup: FC<LozengeActionItemsGroupProps>;
+export default LozengeActionItemsGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/types.d.ts

@@ -0,0 +1,7 @@
+import { LozengeItem } from '../types';
+import { ThemeAppearance } from '@atlaskit/lozenge';
+export type LozengeActionItemsGroupProps = {
+    items: LozengeItem[];
+    testId?: string;
+    onClick?: (id: string, text: string, appearance?: ThemeAppearance) => Promise<void>;
+};

package/dist/types-ts4.5/view/LinkView/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FrameViewProps } from '../InlineCard/Frame';
+import { FrameViewProps } from '../RedesignedInlineCard/Frame';
 export interface CardLinkViewProps extends FrameViewProps {
     placeholder?: string;
 }

package/dist/types-ts4.5/view/common/UnauthorisedViewContent.d.ts

@@ -6,6 +6,11 @@ type UnauthorisedViewContentProps = {
      * Eg. Google, Microsoft etc
      */
     providerName?: string;
+    /**
+     * If `true`, display an alternative message which prompts user to connect all
+     * Atlassian products (vs. smart links only) to the 3rd party account.
+     */
+    isProductIntegrationSupported?: boolean;
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered code,
@@ -22,5 +27,5 @@ type UnauthorisedViewContentProps = {
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
  */
-declare const UnauthorisedViewContent: ({ providerName, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
+declare const UnauthorisedViewContent: ({ providerName, isProductIntegrationSupported, testId, analytics, }: UnauthorisedViewContentProps) => JSX.Element;
 export default UnauthorisedViewContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.42.8",
+  "version": "26.42.10",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/badge": "^15.1.0",
+    "@atlaskit/badge": "^15.2.0",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
@@ -41,12 +41,12 @@
     "@atlaskit/linking-common": "^4.21.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/modal-dialog": "^12.9.0",
+    "@atlaskit/lozenge": "^11.5.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.11.0",
-    "@atlaskit/primitives": "^1.12.0",
+    "@atlaskit/primitives": "^1.13.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.29.0",
@@ -141,9 +141,6 @@
     "platform.linking-platform.smart-card.follow-button": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.show-smart-links-refreshed-design": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.fix-is-trusted-pop": {
       "type": "boolean"
     },

package/dist/cjs/view/InlineCard/ErroredView/index.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardErroredView = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _Frame = require("../Frame");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _Icon = require("../Icon");
-var _messages = require("../../../messages");
-var _reactIntlNext = require("react-intl-next");
-var _styled = 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 InlineCardErroredView = exports.InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardErroredView, _React$Component);
-  var _super = _createSuper(InlineCardErroredView);
-  function InlineCardErroredView() {
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardErroredView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRetry", function (event) {
-      var onRetry = _this.props.onRetry;
-      if (onRetry) {
-        event.preventDefault();
-        event.stopPropagation();
-        onRetry();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
-      var _this$props = _this.props,
-        onRetry = _this$props.onRetry,
-        message = _this$props.message;
-      return !onRetry ? message : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message, ', ', /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        spacing: "none",
-        appearance: "subtle-link",
-        component: _styled.IconStyledButton,
-        onClick: _this.handleRetry,
-        role: "button"
-      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
-      })));
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InlineCardErroredView, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        url = _this$props2.url,
-        onClick = _this$props2.onClick,
-        isSelected = _this$props2.isSelected,
-        _this$props2$testId = _this$props2.testId,
-        testId = _this$props2$testId === void 0 ? 'inline-card-errored-view' : _this$props2$testId,
-        icon = _this$props2.icon;
-      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
-          label: "error",
-          size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-          testId: "errored-view-default-icon"
-        })),
-        link: url,
-        title: url,
-        onClick: onClick,
-        rightSide: this.renderRightSide()
-      }));
-    }
-  }]);
-  return InlineCardErroredView;
-}(_react.default.Component);

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

@@ -1,128 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlineCardForbiddenView = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
-var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _Frame = require("../Frame");
-var _IconAndTitleLayout = require("../IconAndTitleLayout");
-var _Icon = require("../Icon");
-var _messages = require("../../../messages");
-var _reactIntlNext = require("react-intl-next");
-var _styled = require("../styled");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-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 FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
-  label: "error",
-  size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-  testId: "forbidden-view-fallback-icon"
-}));
-var InlineCardForbiddenView = exports.InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(InlineCardForbiddenView, _React$Component);
-  var _super = _createSuper(InlineCardForbiddenView);
-  function InlineCardForbiddenView() {
-    var _this$props;
-    var _this;
-    (0, _classCallCheck2.default)(this, InlineCardForbiddenView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      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;
-      event.preventDefault();
-      event.stopPropagation();
-      if (onAuthorise) {
-        onAuthorise();
-      } else {
-        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;
-      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: {
-            context: _this.props.context
-          }
-        }));
-      }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.invalid_permissions, function (formattedMessage) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formattedMessage);
-      }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRightSide", function () {
-      var onAuthorise = _this.props.onAuthorise;
-      if (_this.state.hasRequestAccessContextMessage) {
-        return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: _styled.IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, _this.renderForbiddenAccessMessage());
-      }
-      if (onAuthorise) {
-        return /*#__PURE__*/_react.default.createElement(_styled2.LozengeBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-          spacing: "none",
-          appearance: "subtle-link",
-          onClick: _this.handleRetry,
-          component: _styled.IconStyledButton,
-          testId: "button-connect-other-account",
-          role: "button"
-        }, /*#__PURE__*/_react.default.createElement(_styled2.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-          appearance: 'moved'
-        }, _this.renderForbiddenAccessMessage()))));
-      }
-      return null;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InlineCardForbiddenView, [{
-    key: "render",
-    value: function render() {
-      var _this$props4 = this.props,
-        url = _this$props4.url,
-        icon = _this$props4.icon,
-        onClick = _this$props4.onClick,
-        isSelected = _this$props4.isSelected,
-        _this$props4$testId = _this$props4.testId,
-        testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId;
-      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
-        testId: testId,
-        isSelected: isSelected
-      }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon ? icon : FallbackForbiddenIcon,
-        link: url,
-        title: url,
-        onClick: onClick,
-        titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-        rightSide: this.renderRightSide(),
-        rightSideSpacer: this.state.hasRequestAccessContextMessage
-      }));
-    }
-  }]);
-  return InlineCardForbiddenView;
-}(_react.default.Component);

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

@@ -1,61 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Frame = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@atlaskit/theme/components");
-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 = exports.Frame = function Frame(props) {
-  var isSelected = props.isSelected,
-    children = props.children,
-    onClick = props.onClick,
-    link = props.link,
-    withoutBackground = props.withoutBackground,
-    testId = props.testId,
-    className = props.className;
-  var handleClick = (0, _react.useCallback)(function (event) {
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleKeyPress = (0, _react.useCallback)(function (event) {
-    if (event.key !== ' ' && event.key !== 'Enter') {
-      return;
-    }
-    if (onClick) {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick(event);
-    }
-  }, [onClick]);
-  var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var isInteractive = Boolean(onClick);
-
-  // Depending on whenever Frame was given onClick or link itself we display span or anchor elements
-  var Wrapper = link || onClick ? _styled.WrapperAnchor : _styled.WrapperSpan;
-
-  // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
-  //  It will be worked as part of https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-154
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    theme: (0, _components.useGlobalTheme)(),
-    href: link,
-    withoutBackground: withoutBackground,
-    isSelected: isSelected,
-    isInteractive: isInteractive,
-    tabIndex: isInteractive ? 0 : undefined,
-    role: isInteractive ? 'button' : undefined,
-    onClick: handleClick,
-    onMouseDown: handleMouseDown,
-    onKeyPress: handleKeyPress,
-    "data-testid": testId,
-    className: className
-  }, children);
-};

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

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WrapperSpan = exports.WrapperAnchor = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
-var _components = require("@atlaskit/theme/components");
-var _templateObject, _templateObject2;
-var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
-var isInteractive = function isInteractive(_ref) {
-  var isInteractive = _ref.isInteractive;
-  if (isInteractive) {
-    return "\n      :hover {\n        background-color: ".concat((0, _components.themed)({
-      light: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"),
-      dark: "var(--ds-background-neutral-subtle-hovered, ".concat(BACKGROUND_COLOR_DARK, ")")
-    }), ";\n      }\n      :active {\n        background-color: ").concat((0, _components.themed)({
-      light: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
-      dark: "var(--ds-background-selected, ".concat(BACKGROUND_COLOR_DARK, ")")
-    }), ";\n      }\n      :focus {\n        ").concat(selected, "\n      }\n    ");
-  } else {
-    return '';
-  }
-};
-var isSelected = function isSelected(_ref2) {
-  var isSelected = _ref2.isSelected;
-  if (isSelected) {
-    return selected;
-  } else {
-    return 'user-select: text';
-  }
-};
-
-/*
-  Inline smart cards should have the following layout:
-  ------------------------------------
-  | icon | title | action OR lozenge |
-  ------------------------------------
-  The aim is to ensure (1) all children are
-  in line with each other, (2) are vertically
-  centered.
-*/
-// NB: `padding` consistent with @mentions.
-// NB: `display: inline` required for `box-decoration-break` to work.
-// NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var baseWrapperStyle = function baseWrapperStyle(props) {
-  return "\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ").concat((0, _constants.borderRadius)(), "px;\n  color: ").concat((0, _components.themed)({
-    light: "var(--ds-link, ".concat(_colors.B400, ")"),
-    dark: "var(--ds-link, #4794FF)"
-  })(props), ";\n  background-color: ").concat(props.withoutBackground ? '' : (0, _components.themed)({
-    light: "var(--ds-surface-raised, white)",
-    dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
-  })(props), ";\n  ").concat(props.withoutBackground ? '' : (0, _components.themed)({
-    light: "box-shadow: ".concat("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A), ")"), ";"),
-    dark: "box-shadow: ".concat("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(_colors.DN50A, ", 0 0 1px 1px ").concat(_colors.DN40A), ")"), ";")
-  })(props), "\n  ").concat(isSelected(props), ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n");
-};
-var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
-WrapperAnchor.displayName = 'WrapperAnchor';
-var WrapperSpan = exports.WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), baseWrapperStyle);
-WrapperSpan.displayName = 'WrapperSpan';

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

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Shimmer = exports.Icon = exports.AKIconWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _linkingCommon = require("@atlaskit/linking-common");
-var _react = _interopRequireDefault(require("react"));
-var _templateObject, _templateObject2;
-// TODO: Figure out a more scalable/responsive solution
-// for vertical alignment.
-// 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 = 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.
-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',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    marginRight: "var(--ds-space-050, 4px)"
-  };
-  return /*#__PURE__*/_react.default.createElement(_linkingCommon.Skeleton, {
-    width: 14,
-    height: 14,
-    borderRadius: 2,
-    testId: testId,
-    style: skeletonCustomStyles
-  });
-};