@atlaskit/smart-card 35.2.12 → 36.0.0

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

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ForbiddenViewOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
-var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
-var _extractAccessContext = require("../../../extractors/common/context/extractAccessContext");
-var _extractHostname = _interopRequireDefault(require("../../../extractors/common/hostname/extractHostname"));
-var _messages = require("../../../messages");
-var _intlUtils = require("../../../utils/intl-utils");
-var _jsonld = require("../../../utils/jsonld");
-var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
-var _ForbiddenAction = require("../actions/ForbiddenAction");
-var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
-var _excluded = ["testId"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * This view represent a Block Card with the 'Forbidden' status.
- * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
- *
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-var ForbiddenViewOld = exports.ForbiddenViewOld = function ForbiddenViewOld(_ref) {
-  var _details$meta;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var intl = (0, _reactIntlNext.useIntl)();
-  var cardState = props.cardState,
-    onAuthorize = props.onAuthorize,
-    url = props.url;
-  var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
-  var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-  var provider = (0, _linkExtractors.extractProvider)(details === null || details === void 0 ? void 0 : details.data);
-  var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
-  var messageContext = (0, _react.useMemo)(function () {
-    var hostname = /*#__PURE__*/_react.default.createElement("b", null, (0, _extractHostname.default)(url));
-    return {
-      product: providerName,
-      hostname: hostname
-    };
-  }, [providerName, url]);
-  var requestAccessContext = (0, _react.useMemo)(function () {
-    return (0, _extractAccessContext.extractRequestAccessContextImproved)({
-      jsonLd: cardMetadata,
-      url: url,
-      product: providerName,
-      createAnalyticsEvent: createAnalyticsEvent
-    });
-  }, [cardMetadata, providerName, url, createAnalyticsEvent]);
-  var title = (0, _react.useMemo)(function () {
-    var descriptor = (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey);
-    return intl.formatMessage(descriptor, {
-      product: providerName
-    });
-  }, [intl, providerName, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey]);
-  var actions = (0, _react.useMemo)(function () {
-    var actionFromAccessContext = [];
-    var tryAnotherAccountAction = onAuthorize ? [(0, _ForbiddenAction.ForbiddenAction)(onAuthorize, 'try_another_account')] : [];
-    if (requestAccessContext) {
-      var action = requestAccessContext.action,
-        callToActionMessageKey = requestAccessContext.callToActionMessageKey;
-      actionFromAccessContext = action && callToActionMessageKey ? [(0, _ForbiddenAction.ForbiddenAction)(action.promise, callToActionMessageKey, messageContext, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.buttonDisabled)] : [];
-    }
-    return [].concat(tryAnotherAccountAction, (0, _toConsumableArray2.default)(actionFromAccessContext));
-  }, [onAuthorize, requestAccessContext, messageContext]);
-  return /*#__PURE__*/_react.default.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
-    actions: actions,
-    showPreview: true,
-    testId: testId,
-    title: title
-  }), (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-    label: "forbidden-lock-icon",
-    color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: _lock.default,
-    LEGACY_size: "small",
-    testId: "".concat(testId, "-lock-icon")
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  _react.default.createElement(_lock.default, {
-    label: "forbidden-lock-icon",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-    testId: "".concat(testId, "-lock-icon")
-  }), /*#__PURE__*/_react.default.createElement(_text.default, {
-    maxLines: 3,
-    message: {
-      descriptor: (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions_description, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.descriptiveMessageKey),
-      values: messageContext
-    }
-  }));
-};

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

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotFoundViewOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _lock = _interopRequireDefault(require("@atlaskit/icon/glyph/lock"));
-var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
-var _messages = require("../../../messages");
-var _text = _interopRequireDefault(require("../../FlexibleCard/components/elements/text"));
-var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
-var _excluded = ["testId"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * This view represents a Block Card with a 'Not_Found' status.
- *
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-var NotFoundViewOld = exports.NotFoundViewOld = function NotFoundViewOld(_ref) {
-  var _cardState$details2;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var intl = (0, _reactIntlNext.useIntl)();
-  var cardState = props.cardState;
-  var product = (0, _react.useMemo)(function () {
-    var _cardState$details, _provider$text;
-    var provider = (0, _linkExtractors.extractProvider)(cardState === null || cardState === void 0 || (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data);
-    return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
-  }, [cardState === null || cardState === void 0 || (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data]);
-  var title = (0, _react.useMemo)(function () {
-    return intl.formatMessage(_messages.messages.not_found_title, {
-      product: product
-    });
-  }, [intl, product]);
-  var description = (0, _react.useMemo)(function () {
-    return {
-      descriptor: _messages.messages.not_found_description
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
-    testId: testId,
-    title: title
-  }), (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
-    label: "not-found-lock-icon",
-    color: "var(--ds-icon-danger, #C9372C)",
-    LEGACY_fallbackIcon: _lock.default,
-    LEGACY_size: "small",
-    testId: "".concat(testId, "-lock-icon")
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19497
-  _react.default.createElement(_lock.default, {
-    label: "not-found-lock-icon",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
-    testId: "".concat(testId, "-lock-icon")
-  }), /*#__PURE__*/_react.default.createElement(_text.default, {
-    message: description,
-    testId: "".concat(testId, "-message"),
-    maxLines: 3
-  }));
-};

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

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../constants");
-var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
-var _blocks = require("../../FlexibleCard/components/blocks");
-var _styledOld = require("./styledOld");
-var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * This view represents a Block card that has an 'Resolved' status.
- * @see SmartLinkStatus
- * @see FlexibleCardProps
- */
-var ResolvedViewOld = function ResolvedViewOld(_ref) {
-  var cardState = _ref.cardState,
-    onClick = _ref.onClick,
-    onError = _ref.onError,
-    onResolve = _ref.onResolve,
-    actionOptions = _ref.actionOptions,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
-    url = _ref.url;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isPreviewBlockErrored = _useState2[0],
-    setIsPreviewBlockErrored = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setIsPreviewBlockErrored(false);
-  }, [url, cardState]);
-  var _getSimulatedBetterMe = (0, _utils.getSimulatedBetterMetadata)(cardState.details),
-    titleMetadata = _getSimulatedBetterMe.titleMetadata,
-    topMetadata = _getSimulatedBetterMe.topMetadata,
-    bottomMetadata = _getSimulatedBetterMe.bottomMetadata;
-  var footerActions = (0, _react.useMemo)(function () {
-    return [{
-      name: _constants.ActionName.FollowAction,
-      hideIcon: true
-    }, {
-      name: _constants.ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: _constants.ActionName.DownloadAction,
-      hideIcon: true
-    }];
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
-    appearance: "block",
-    cardState: cardState,
-    onClick: onClick,
-    onError: onError,
-    onResolve: onResolve,
-    origin: "smartLinkCard",
-    actionOptions: actionOptions,
-    testId: testId,
-    ui: _utils.FlexibleCardUiOptions,
-    url: url
-  }, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, _utils.titleBlockOptionsOld, {
-    metadata: titleMetadata,
-    subtitle: [{
-      name: _constants.ElementName.Location
-    }],
-    metadataPosition: _constants.SmartLinkPosition.Top
-  })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
-    primary: topMetadata,
-    maxLines: 1,
-    overrideCss: _styledOld.metadataBlockCss
-  }), /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, null), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
-    primary: bottomMetadata,
-    maxLines: 1,
-    overrideCss: _styledOld.metadataBlockCss
-  }), !isPreviewBlockErrored ? /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, (0, _extends2.default)({}, _utils.PreviewBlockOptions, {
-    onError: function onError() {
-      setIsPreviewBlockErrored(true);
-    }
-  })) : null, /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, (0, _extends2.default)({}, _utils.FooterBlockOptionsOld, {
-    actions: footerActions
-  })));
-};
-var _default = exports.default = ResolvedViewOld;

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

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleBlockCss = exports.metadataBlockCss = exports.footerBlockCss = exports.flexibleBlockCardStyle = void 0;
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// in editor prosemirror adds padding-left so we need to overwrite it
-// renderer overwrites the margin-right so we need to add it here
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'span[data-smart-element-avatar-group]': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> ul': {
-      paddingLeft: '0px',
-      marginRight: "var(--ds-space-100, 0.5rem)"
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '[data-smart-element-group]': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '1rem'
-  }
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var titleBlockCss = exports.titleBlockCss = (0, _react.css)({
-  gap: "var(--ds-space-100, 0.5em)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  "[data-smart-element='Title']": {
-    fontWeight: "var(--ds-font-weight-semibold, 600)"
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
-  height: '1.5rem',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.actions-button-group': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    'button, button:hover, button:focus, button:active': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      fontSize: '0.875rem'
-    }
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var flexibleBlockCardStyle = exports.flexibleBlockCardStyle = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    borderRadius: "var(--ds-border-radius-200, 8px)",
-    border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
-  }
-});

package/dist/cjs/view/BlockCard/views/unresolved-view/UnresolvedViewOld.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
-var _blocks = require("../../../FlexibleCard/components/blocks");
-var _utils = require("../utils");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-
-var customBlockStyles = (0, _react2.css)({
-  alignItems: 'flex-start'
-});
-var UnresolvedViewOld = function UnresolvedViewOld(_ref) {
-  var actions = _ref.actions,
-    cardState = _ref.cardState,
-    children = _ref.children,
-    onAuthorize = _ref.onAuthorize,
-    onClick = _ref.onClick,
-    onError = _ref.onError,
-    _ref$showPreview = _ref.showPreview,
-    showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
-    testId = _ref.testId,
-    title = _ref.title,
-    url = _ref.url;
-  return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
-    appearance: "block",
-    cardState: cardState,
-    onAuthorize: onAuthorize,
-    onClick: onClick,
-    onError: onError,
-    origin: "smartLinkCard",
-    testId: testId,
-    ui: _utils.FlexibleCardUiOptions,
-    url: url
-  }, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, _utils.titleBlockOptionsOld, {
-    hideIcon: !!title,
-    text: title
-  })), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: customBlockStyles
-  }, children), showPreview && /*#__PURE__*/_react.default.createElement(_blocks.PreviewBlock, _utils.PreviewBlockOptions), /*#__PURE__*/_react.default.createElement(_blocks.InternalFooterBlock, (0, _extends2.default)({}, _utils.FooterBlockOptionsOld, {
-    actions: actions,
-    testId: "smart-block-card-footer"
-  })));
-};
-var _default = exports.default = UnresolvedViewOld;

package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyleOld.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withFlexibleUIBlockCardStyleOld = void 0;
-var _react = require("@emotion/react");
-var _styledOld = require("../styledOld");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var withFlexibleUIBlockCardStyleOld = exports.withFlexibleUIBlockCardStyleOld = function withFlexibleUIBlockCardStyleOld(FlexibleBlockCardView) {
-  return function (props) {
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      (0, _react.jsx)("div", {
-        css: _styledOld.flexibleBlockCardStyle
-      }, (0, _react.jsx)(FlexibleBlockCardView, props))
-    );
-  };
-};

package/dist/cjs/view/EmbedCard/components/ErrorFrameOld.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FrameOld = exports.ExpandedFrameOld = exports.CompactFrameOld = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _utils = require("../../common/utils");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var FrameOld = exports.FrameOld = function FrameOld() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    isSelected: false,
-    isHoverable: false,
-    isFluidHeight: false
-  };
-  return props.compact ? (0, _react2.jsx)(CompactFrameOld, props) : (0, _react2.jsx)(ExpandedFrameOld, props);
-};
-var sharedBaseFrameStyles = (0, _react2.css)({
-  width: '100%',
-  display: 'flex'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var sharedFrameStyles = {
-  maxWidth: (0, _utils.gs)(95),
-  backgroundColor: "var(--ds-surface-raised, white)"
-};
-var ExpandedFrameOld = exports.ExpandedFrameOld = function ExpandedFrameOld(_ref) {
-  var children = _ref.children,
-    isSelected = _ref.isSelected,
-    isHoverable = _ref.isHoverable,
-    testId = _ref.testId,
-    className = _ref.className,
-    isFluidHeight = _ref.isFluidHeight;
-  return (0, _react2.jsx)("div", {
-    css: [sharedBaseFrameStyles, sharedFrameStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _utils.mq)({
-      '&:hover': isHoverable ? {
-        // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
-        backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")"),
-        cursor: 'pointer'
-      } : undefined,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      minHeight: isFluidHeight ? 0 : [(0, _utils.gs)(21), (0, _utils.gs)(15)],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      borderRadius: isSelected ? (0, _utils.br)() : (0, _utils.br)(0.5),
-      border: "2px solid ".concat(isSelected ? "var(--ds-border-selected, ".concat(_colors.B200, ")") : 'transparent'),
-      justifyContent: 'space-between',
-      overflow: 'hidden',
-      boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A), ")")
-    })],
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className,
-    "data-trello-do-not-use-override": testId
-  }, children);
-};
-var CompactFrameOld = exports.CompactFrameOld = function CompactFrameOld(_ref2) {
-  var children = _ref2.children,
-    isHoverable = _ref2.isHoverable,
-    isSelected = _ref2.isSelected,
-    testId = _ref2.testId,
-    className = _ref2.className,
-    inheritDimensions = _ref2.inheritDimensions;
-  return (0, _react2.jsx)("div", {
-    css: [sharedBaseFrameStyles, sharedFrameStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _utils.mq)({
-      '&:hover': isHoverable ? {
-        backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")
-      } : undefined,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      borderRadius: isSelected ? (0, _utils.br)() : (0, _utils.br)(0.5),
-      border: isSelected ? "2px solid ".concat("var(--ds-border-selected, ".concat(_colors.B200, ")")) : '',
-      justifyContent: 'center',
-      alignItems: 'center',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      height: inheritDimensions ? '100%' : (0, _utils.gs)(5),
-      backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
-      width: ['calc(100% - 16px)', '100%'],
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      padding: ["0px ".concat((0, _utils.gs)(1)), '0']
-    })],
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className
-  }, children);
-};

package/dist/cjs/view/EmbedCard/components/ExpandedFrameOld.js

@@ -1,114 +0,0 @@
-/* ExpandedFrameOld.tsx generated by @compiled/babel-plugin v0.36.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpandedFrameOld = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
-var _utils = require("../../common/utils");
-var _styledOld = require("./styledOld");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ExpandedFrameOld = exports.ExpandedFrameOld = function ExpandedFrameOld(_ref) {
-  var _ref$isPlaceholder = _ref.isPlaceholder,
-    isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    icon = _ref.icon,
-    text = _ref.text,
-    isSelected = _ref.isSelected,
-    _ref$frameStyle = _ref.frameStyle,
-    frameStyle = _ref$frameStyle === void 0 ? 'showOnHover' : _ref$frameStyle,
-    href = _ref.href,
-    minWidth = _ref.minWidth,
-    maxWidth = _ref.maxWidth,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
-    inheritDimensions = _ref.inheritDimensions,
-    _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
-    _ref$setOverflow = _ref.setOverflow,
-    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
-  var isInteractive = function isInteractive() {
-    return !isPlaceholder && (Boolean(href) || Boolean(onClick));
-  };
-  var handleClick = function handleClick(event) {
-    return (0, _utils.handleClickCommon)(event, onClick);
-  };
-  var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var renderHeader = function renderHeader() {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      React.createElement(_styledOld.Header, {
-        className: "embed-header",
-        frameStyle: frameStyle
-      }, /*#__PURE__*/React.createElement(_styledOld.IconWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && icon), /*#__PURE__*/React.createElement(_styledOld.TooltipWrapper, null, /*#__PURE__*/React.createElement(_tooltip.default, {
-        content: text,
-        hideTooltipOnMouseDown: true
-      }, /*#__PURE__*/React.createElement(_styledOld.TextWrapper, {
-        isPlaceholder: isPlaceholder
-      }, !isPlaceholder && /*#__PURE__*/React.createElement("a", {
-        href: href,
-        onClick: handleClick,
-        onMouseDown: handleMouseDown
-      }, text)))))
-    );
-  };
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(_styledOld.Content, {
-      "data-testid": "embed-content-wrapper",
-      allowScrollBar: allowScrollBar,
-      removeOverflow: !setOverflow,
-      isInteractive: isInteractive(),
-      frameStyle: frameStyle
-      // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
-      // See: HOT-107830
-      ,
-      contentEditable: 'false',
-      suppressContentEditableWarning: true
-    }, children);
-  };
-  if (!isPlaceholder && href) {
-    return /*#__PURE__*/React.createElement(_styledOld.LinkWrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styledOld.className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      frameStyle: frameStyle,
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId
-      // Due to limitations of testing library, we can't assert ::after
-      ,
-      "data-is-selected": isSelected,
-      inheritDimensions: inheritDimensions
-    }, renderHeader(), renderContent());
-  } else {
-    return /*#__PURE__*/React.createElement(_styledOld.Wrapper
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: _styledOld.className,
-      isInteractive: isInteractive(),
-      isSelected: isSelected,
-      minWidth: minWidth,
-      frameStyle: frameStyle,
-      maxWidth: maxWidth,
-      "data-testid": testId,
-      "data-trello-do-not-use-override": testId,
-      "data-is-selected": isSelected,
-      "data-wrapper-type": "default",
-      "data-is-interactive": isInteractive()
-    }, renderHeader(), renderContent());
-  }
-};