@atlaskit/smart-card 40.9.0 → 40.10.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/smart-card
 
+## 40.10.1
+
+### Patch Changes
+
+- [#200948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200948)
+  [`6b26f179dc734`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b26f179dc734) -
+  Clean up FG platform-smart-card-remove-legacy-button
+- Updated dependencies
+
+## 40.10.0
+
+### Minor Changes
+
+- [`bd14b2c6330ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd14b2c6330ba) -
+  [https://product-fabric.atlassian.net/browse/ED-28981](ED-28981) - use `CardSSR` component for
+  smart card SSR
+
+### Patch Changes
+
+- [#194444](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/194444)
+  [`04107fe3817c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/04107fe3817c3) -
+  Cleans up FG twg-graphyte-smart-card-link-theme-fix
+- Updated dependencies
+
 ## 40.9.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.8.3"
+  packageVersion: "40.10.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _state = require("../../../state");
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
-var _store = require("../../../state/store");
 var _shouldSample = require("../../../utils/shouldSample");
 var _component = require("../component");
 var _LoadingCardLink = require("./LoadingCardLink");
@@ -20,25 +19,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 var ROOT_MARGIN_VERTICAL = '360px';
-// Returns true on SSR and SPA if page was SSR'd
-var isPageSSRd = function isPageSSRd() {
-  return Boolean(process.env.REACT_SSR || window.__SSR_RENDERED__);
-};
 function LazyIntersectionObserverCard(props) {
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
   var ref = (0, _react.useRef)(null);
-  var state = (0, _store.useSmartCardState)(url);
-  // If page was SSR we don't need to enable intersection for already resolved cards,
-  // to avoid flickering.
-  var _useState = (0, _react.useState)(isPageSSRd() && state.status === 'resolved'),
+  var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIntersecting = _useState2[0],
     setIsIntersecting = _useState2[1];
   var _useState3 = (0, _react.useState)((0, _shouldSample.shouldSample)()),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
     shouldSendRenderedUFOEvent = _useState4[0];
+  var appearance = props.appearance,
+    url = props.url,
+    id = props.id;
   var prefetch = (0, _state.usePrefetch)(url);
   var Component = appearance === 'inline' ? 'span' : 'div';
   var ComponentObserver = Component;
@@ -47,23 +39,15 @@ function LazyIntersectionObserverCard(props) {
       return entry.isIntersecting;
     });
     if (isVisible) {
+      if (shouldSendRenderedUFOEvent) {
+        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
+      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch]);
-  var isSartUfoExperienceSend = (0, _react.useRef)(false);
-  // We need to use `useLayoutEffect` here to ensure that the UFO start event is sent
-  // before another component is rendered.
-  (0, _react.useLayoutEffect)(function () {
-    if (isIntersecting && !isSartUfoExperienceSend.current) {
-      isSartUfoExperienceSend.current = true;
-      if (shouldSendRenderedUFOEvent) {
-        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
-      }
-    }
-  }, [id, isIntersecting, shouldSendRenderedUFOEvent]);
+  }, [id, prefetch, shouldSendRenderedUFOEvent]);
   (0, _react.useEffect)(function () {
     if (!ref.current) {
       return;

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

@@ -11,10 +11,8 @@ require("./ErroredView.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
@@ -41,14 +39,9 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.boxStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/React.createElement(_new.default, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), /*#__PURE__*/React.createElement(_new.default, {
     testId: "err-view-retry",
     spacing: "compact",
     onClick: onRetry
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)) : /*#__PURE__*/React.createElement(_button.default, {
-    testId: "err-view-retry",
-    appearance: "link",
-    spacing: "none",
-    onClick: onRetry
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
 };

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

@@ -10,9 +10,7 @@ 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 _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../../messages");
 var _intlUtils = require("../../../../utils/intl-utils");
 var _unresolvedView = _interopRequireDefault(require("../unresolved-view"));
@@ -59,8 +57,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
     if (!onEmbedCardClick) {
       return null;
     }
-    var ButtonComponent = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? _new.default : _button.default;
-    return /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+    return /*#__PURE__*/_react.default.createElement(_new.default, {
       testId: "button-".concat((action === null || action === void 0 ? void 0 : action.id) || 'connect-other-account'),
       appearance: "primary",
       onClick: onEmbedCardClick,

package/dist/cjs/view/EmbedCard/views/unauthorized-view/index.js

@@ -10,9 +10,7 @@ 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 _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../messages");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../common/UnauthorisedViewContent"));
@@ -38,7 +36,6 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
     }
   }, [onAuthorize, fireEvent]);
   var content = (0, _react.useMemo)(function () {
-    var ButtonComponent = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? _new.default : _button.default;
     if (onAuthorize) {
       var _context$text;
       // Our title and button messages always expect the product name to be present
@@ -59,7 +56,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
             isProductIntegrationSupported: isProductIntegrationSupported,
             testId: testId
           }),
-          button: /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+          button: /*#__PURE__*/_react.default.createElement(_new.default, {
             testId: "connect-account",
             appearance: "primary",
             onClick: handleOnAuthorizeClick

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -20,12 +20,10 @@ var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/
 var _download2 = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _vidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-off"));
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../../messages");
 var _Icon = require("../../../common/Icon");
 var _constants = require("../../constants");
 var _linkInfoButton = _interopRequireDefault(require("./link-info-button"));
-var _old = _interopRequireDefault(require("./link-info-button/old"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var containerStyles = null;
 var iconSize = '24px';
@@ -49,7 +47,7 @@ var LinkInfo = function LinkInfo(_ref) {
     onClose = _useModal.onClose;
   var downloadButton = (0, _react.useMemo)(function () {
     if (onDownloadButtonClick) {
-      return (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
         content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
         icon: function icon() {
           return /*#__PURE__*/_react.default.createElement(_download.default, {
@@ -62,23 +60,13 @@ var LinkInfo = function LinkInfo(_ref) {
         label: _messages.messages.download,
         onClick: onDownloadButtonClick,
         testId: "".concat(testId, "-download")
-      }) : /*#__PURE__*/_react.default.createElement(_old.default, {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
-        icon: /*#__PURE__*/_react.default.createElement(_download.default, {
-          label: _messages.messages.download.defaultMessage,
-          LEGACY_fallbackIcon: _download2.default,
-          spacing: "spacious",
-          color: "currentColor"
-        }),
-        onClick: onDownloadButtonClick,
-        testId: "".concat(testId, "-download")
       });
     }
   }, [onDownloadButtonClick, testId]);
   var urlButton = (0, _react.useMemo)(function () {
     if (onViewButtonClick) {
       var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
-      return (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
         content: content,
         icon: function icon() {
           return /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
@@ -90,15 +78,6 @@ var LinkInfo = function LinkInfo(_ref) {
         label: _messages.messages.viewOriginal,
         onClick: onViewButtonClick,
         testId: "".concat(testId, "-url")
-      }) : /*#__PURE__*/_react.default.createElement(_old.default, {
-        content: content,
-        icon: /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
-          label: _messages.messages.viewOriginal.defaultMessage,
-          spacing: "spacious",
-          color: "currentColor"
-        }),
-        onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url")
       });
     }
   }, [onViewButtonClick, providerName, testId]);
@@ -120,7 +99,7 @@ var LinkInfo = function LinkInfo(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       _react.default.createElement("span", {
         className: "smart-link-resize-button"
-      }, (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      }, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
         content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
         icon: function icon() {
           return _icon;
@@ -128,11 +107,6 @@ var LinkInfo = function LinkInfo(_ref) {
         label: message,
         onClick: onResizeButtonClick,
         testId: "".concat(testId, "-resize")
-      }) : /*#__PURE__*/_react.default.createElement(_old.default, {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
-        icon: _icon,
-        onClick: onResizeButtonClick,
-        testId: "".concat(testId, "-resize")
       }))
     );
   }, [onResizeButtonClick, size, testId]);
@@ -153,7 +127,7 @@ var LinkInfo = function LinkInfo(_ref) {
     "aria-hidden": true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
     icon: function icon() {
       return /*#__PURE__*/_react.default.createElement(_cross.default, {
@@ -165,15 +139,6 @@ var LinkInfo = function LinkInfo(_ref) {
     label: _messages.messages.preview_close,
     onClick: onClose,
     testId: "".concat(testId, "-close")
-  }) : /*#__PURE__*/_react.default.createElement(_old.default, {
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
-    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
-      label: _messages.messages.preview_close.defaultMessage,
-      color: "currentColor",
-      spacing: "spacious"
-    }),
-    onClick: onClose,
-    testId: "".concat(testId, "-close")
   })));
 };
 var _default = exports.default = LinkInfo;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/empty-state/main.js

@@ -12,9 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _menuContext = require("../../menu-context");
 var _emptyIcon = _interopRequireDefault(require("./empty-icon"));
@@ -70,23 +68,7 @@ var AutomationModalEmptyState = exports.AutomationModalEmptyState = function Aut
     alt: formatMessage(i18n.emptyAutomationListImageAlt)
   })), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.description
-  }, displayedEmptyStateDesc, canManageAutomation && /*#__PURE__*/React.createElement("div", null, (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/React.createElement(_link.default, {
-    href: "https://www.atlassian.com/platform/automation",
-    target: "_blank",
-    onClick: function onClick() {
-      createAnalyticsEvent({
-        type: 'sendUIEvent',
-        data: {
-          action: 'clicked',
-          actionSubject: 'link',
-          actionSubjectId: 'learnMore',
-          source: analyticsSource
-        }
-      }).fire();
-    }
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, i18n.learnMoreLink)) : /*#__PURE__*/React.createElement(_button.default, {
-    appearance: "link",
-    spacing: "none",
+  }, displayedEmptyStateDesc, canManageAutomation && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_link.default, {
     href: "https://www.atlassian.com/platform/automation",
     target: "_blank",
     onClick: function onClick() {

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.js

@@ -9,9 +9,7 @@ exports.AutomationModalFooter = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _menuContext = require("../../menu-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var i18n = (0, _reactIntlNext.defineMessages)({
@@ -68,8 +66,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
     }
     event.fire();
   };
-  var ButtonComponent = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? _new.default : _button.default;
-  var okButton = /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+  var okButton = /*#__PURE__*/_react.default.createElement(_new.default, {
     key: "automation-modal-footer-ok",
     appearance: "primary",
     onClick: function onClick() {
@@ -77,7 +74,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
       onClose();
     }
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterOkButton));
-  var cancelButton = /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+  var cancelButton = /*#__PURE__*/_react.default.createElement(_new.default, {
     key: "automation-modal-footer-cancel",
     appearance: "subtle",
     onClick: function onClick() {
@@ -85,15 +82,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
       onClose();
     }
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterCancelButton));
-  var createAutomationButton = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
-    key: "automation-modal-footer-create-automation",
-    appearance: "primary",
-    href: "".concat(baseAutomationUrl, "#rule/new"),
-    onClick: function onClick() {
-      sendFooterAnalyticsEvent('createAutomation');
-    },
-    target: "_blank"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterCreateAutomationButton)) : /*#__PURE__*/_react.default.createElement(_button.default, {
+  var createAutomationButton = /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
     key: "automation-modal-footer-create-automation",
     appearance: "primary",
     href: "".concat(baseAutomationUrl, "#rule/new"),
@@ -102,7 +91,7 @@ var AutomationModalFooter = exports.AutomationModalFooter = function AutomationM
     },
     target: "_blank"
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, i18n.modalFooterCreateAutomationButton));
-  var automateButton = /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+  var automateButton = /*#__PURE__*/_react.default.createElement(_new.default, {
     key: "automation-modal-footer-automate",
     appearance: "primary",
     onClick: function onClick() {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css

@@ -22,13 +22,11 @@ a._10uedcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-seri
 a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
 ._1bnx8stv:hover{text-decoration-line:underline}
 ._30l314q2:hover{color:var(--ds-link,#0c66e4)}
-._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
 ._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
 ._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
 ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
-._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
 ._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
 ._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
 a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -11,7 +11,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _useLinkClicked = require("../../../../../../state/analytics/useLinkClicked");
@@ -67,15 +66,6 @@ var anchorLinkLineHeight2Map = {
   medium: "_102kviql",
   small: "_102kviql"
 };
-
-/**
- * Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
- */
-var themeStyleMapOld = {
-  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
-  black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
-  link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
-};
 var themeStyleMap = {
   grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
   black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
@@ -118,7 +108,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     href: url
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], (0, _platformFeatureFlags.fg)('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
     // We do not want set the target if it is the default value of '_self'. This prevents link
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {

package/dist/cjs/view/HoverCard/components/views/forbidden/index.js

@@ -13,10 +13,8 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _extractAccessContext = require("../../../../../extractors/common/context/extractAccessContext");
 var _extractHostname = _interopRequireDefault(require("../../../../../extractors/common/hostname/extractHostname"));
 var _messages = require("../../../../../messages");
@@ -52,7 +50,6 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   if (!titleMessageKey || !descriptiveMessageKey) {
     return null;
   }
-  var ButtonComponent = (0, _platformFeatureFlags.fg)('platform-smart-card-remove-legacy-button') ? _new.default : _button.default;
   return /*#__PURE__*/React.createElement(_FlexibleCard.default, (0, _extends2.default)({}, flexibleCardProps, {
     testId: testId
   }), /*#__PURE__*/React.createElement(_blocks.PreviewBlock, {
@@ -76,7 +73,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
     }
   }))), action && /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     className: (0, _runtime.ax)(["_1bah1h6o _19pku2gc"])
-  }, /*#__PURE__*/React.createElement(ButtonComponent, {
+  }, /*#__PURE__*/React.createElement(_new.default, {
     testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.8.3",
+  packageVersion: "40.10.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

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

package/dist/es2019/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.js

@@ -1,7 +1,6 @@
-import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
-import { useSmartCardState } from '../../../state/store';
 import { shouldSample } from '../../../utils/shouldSample';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
@@ -11,45 +10,30 @@ import { LoadingCardLink } from './LoadingCardLink';
 // being compared to. Since the default container is the `document`, we set this
 // up to check once a Smart Link is within `X` px from the bottom of the viewport.
 const ROOT_MARGIN_VERTICAL = '360px';
-// Returns true on SSR and SPA if page was SSR'd
-const isPageSSRd = () => {
-  return Boolean(process.env.REACT_SSR || window.__SSR_RENDERED__);
-};
 export function LazyIntersectionObserverCard(props) {
+  const ref = useRef(null);
+  const [isIntersecting, setIsIntersecting] = useState(false);
+  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const {
     appearance,
     url,
     id
   } = props;
-  const ref = useRef(null);
-  const state = useSmartCardState(url);
-  // If page was SSR we don't need to enable intersection for already resolved cards,
-  // to avoid flickering.
-  const [isIntersecting, setIsIntersecting] = useState(isPageSSRd() && state.status === 'resolved');
-  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const prefetch = usePrefetch(url);
   const Component = appearance === 'inline' ? 'span' : 'div';
   const ComponentObserver = Component;
   const onIntersection = useCallback((entries, observer) => {
     const isVisible = entries.some(entry => entry.isIntersecting);
     if (isVisible) {
+      if (shouldSendRenderedUFOEvent) {
+        startUfoExperience('smart-link-rendered', id);
+      }
       setIsIntersecting(true);
       observer.disconnect();
     } else {
       prefetch();
     }
-  }, [prefetch]);
-  const isSartUfoExperienceSend = useRef(false);
-  // We need to use `useLayoutEffect` here to ensure that the UFO start event is sent
-  // before another component is rendered.
-  useLayoutEffect(() => {
-    if (isIntersecting && !isSartUfoExperienceSend.current) {
-      isSartUfoExperienceSend.current = true;
-      if (shouldSendRenderedUFOEvent) {
-        startUfoExperience('smart-link-rendered', id);
-      }
-    }
-  }, [id, isIntersecting, shouldSendRenderedUFOEvent]);
+  }, [id, prefetch, shouldSendRenderedUFOEvent]);
   useEffect(() => {
     if (!ref.current) {
       return;

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

@@ -3,10 +3,8 @@ import "./ErroredView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
 import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
@@ -30,13 +28,8 @@ export const EmbedCardErroredView = ({
   label: "error-icon"
 }), /*#__PURE__*/React.createElement(Box, {
   xcss: styles.boxStyles
-}, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), fg('platform-smart-card-remove-legacy-button') ? /*#__PURE__*/React.createElement(Button, {
+}, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), /*#__PURE__*/React.createElement(Button, {
   testId: "err-view-retry",
   spacing: "compact",
   onClick: onRetry
-}, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)) : /*#__PURE__*/React.createElement(ButtonOld, {
-  testId: "err-view-retry",
-  appearance: "link",
-  spacing: "none",
-  onClick: onRetry
 }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again)));

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';
 import UnresolvedView from '../unresolved-view';
@@ -49,8 +47,7 @@ const ForbiddenView = ({
     if (!onEmbedCardClick) {
       return null;
     }
-    const ButtonComponent = fg('platform-smart-card-remove-legacy-button') ? Button : ButtonOld;
-    return /*#__PURE__*/React.createElement(ButtonComponent, {
+    return /*#__PURE__*/React.createElement(Button, {
       testId: `button-${(action === null || action === void 0 ? void 0 : action.id) || 'connect-other-account'}`,
       appearance: "primary",
       onClick: onEmbedCardClick,

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
 import Button from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../messages';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
@@ -28,7 +26,6 @@ const UnauthorizedView = ({
     }
   }, [onAuthorize, fireEvent]);
   const content = useMemo(() => {
-    const ButtonComponent = fg('platform-smart-card-remove-legacy-button') ? Button : ButtonOld;
     if (onAuthorize) {
       var _context$text;
       // Our title and button messages always expect the product name to be present
@@ -49,7 +46,7 @@ const UnauthorizedView = ({
             isProductIntegrationSupported: isProductIntegrationSupported,
             testId: testId
           }),
-          button: /*#__PURE__*/React.createElement(ButtonComponent, {
+          button: /*#__PURE__*/React.createElement(Button, {
             testId: "connect-account",
             appearance: "primary",
             onClick: handleOnAuthorizeClick