@atlaskit/smart-card 45.2.4 → 45.2.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 45.2.5
+
+### Patch Changes
+
+- [`8e8fa5c982de0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e8fa5c982de0) -
+  Cleanup feature gate `platform_sl_event_ui_seen`. The new SSR card implementation using
+  CardErrorBoundary and the smart link seen event tracking are now permanently enabled.
+- [`5960cad1ecc81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5960cad1ecc81) -
+  Remove unused platform feature flag declarations (no runtime impact)
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- Updated dependencies
+
 ## 45.2.4
 
 ### Patch Changes

package/dist/cjs/ssr.js

@@ -9,7 +9,6 @@ exports.CardSSR = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactErrorBoundary = require("react-error-boundary");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -17,14 +16,13 @@ var _analytics = require("./utils/analytics/analytics");
 var _flexible = require("./utils/flexible");
 var _cardErrorBoundary = _interopRequireDefault(require("./view/CardWithUrl/card-error-boundary"));
 var _component = require("./view/CardWithUrl/component");
-var _LoadingCardLink = require("./view/CardWithUrl/component-lazy/LoadingCardLink");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
-var CardSSROld = function CardSSROld(props) {
+var CardSSR = exports.CardSSR = function CardSSR(props) {
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var _useState = (0, _react.useState)(function () {
       var _props$id;
@@ -36,42 +34,6 @@ var CardSSROld = function CardSSROld(props) {
   // because they render custom blocks (TitleBlock etc.) requiring a complete response.
   // Override appearance to 'block' for FlexibleCards when FG is enabled.
   var effectiveAppearance = (0, _flexible.isFlexibleUiCard)(props.children, props.ui) && (0, _platformFeatureFlags.fg)('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
-  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    appearance: effectiveAppearance
-  });
-  var ErrorFallbackComponent = cardProps.fallbackComponent;
-  var errorBoundaryFallbackComponent = function errorBoundaryFallbackComponent() {
-    if (ErrorFallbackComponent) {
-      return /*#__PURE__*/_react.default.createElement(ErrorFallbackComponent, null);
-    }
-    return /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardProps);
-  };
-  var Component = effectiveAppearance === 'inline' ? 'span' : 'div';
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: _analytics.context
-  }, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
-    FallbackComponent: errorBoundaryFallbackComponent
-  }, /*#__PURE__*/_react.default.createElement(Component, {
-    className: "loader-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps))));
-};
-
-// SSR friendly version of smart-card
-// simplifies the logic around rendering and loading placeholders and
-// only contains whats necessary to render the card on SSR mode
-var CardSSRNew = function CardSSRNew(props) {
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  var _useState3 = (0, _react.useState)(function () {
-      var _props$id2;
-      return (_props$id2 = props.id) !== null && _props$id2 !== void 0 ? _props$id2 : (0, _uuid.default)();
-    }),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
-    id = _useState4[0];
-  // FlexibleCards always need full ORS data regardless of appearance prop,
-  // because they render custom blocks (TitleBlock etc.) requiring a complete response.
-  // Override appearance to 'block' for FlexibleCards when FG is enabled.
-  var effectiveAppearance = (0, _flexible.isFlexibleUiCard)(props.children, props.ui) && (0, _platformFeatureFlags.fg)('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
   var propsWithId = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     appearance: effectiveAppearance
@@ -79,10 +41,4 @@ var CardSSRNew = function CardSSRNew(props) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: _analytics.context
   }, /*#__PURE__*/_react.default.createElement(_cardErrorBoundary.default, propsWithId, /*#__PURE__*/_react.default.createElement(_component.CardWithUrl, propsWithId)));
-};
-var CardSSR = exports.CardSSR = function CardSSR(props) {
-  if ((0, _platformFeatureFlags.fg)('platform_sl_event_ui_seen')) {
-    return /*#__PURE__*/_react.default.createElement(CardSSRNew, props);
-  }
-  return /*#__PURE__*/_react.default.createElement(CardSSROld, props);
 };

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: "45.2.3" || ''
+  packageVersion: "45.2.4" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -9,7 +9,6 @@ exports.LazyIntersectionObserverCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _state = require("../../../state");
 var _ufoExperiences = require("../../../state/analytics/ufoExperiences");
 var _useIntersectionObserver = _interopRequireDefault(require("../../../state/hooks/use-intersection-observer"));
@@ -19,69 +18,14 @@ var _cardLoaderWrapper = _interopRequireDefault(require("../card-loader-wrapper"
 var _component = require("../component");
 var _LoadingCardLink = require("./LoadingCardLink");
 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); }
-// This property enables the intersection observer to be run once the
-// HTML element being observed is within `X` px of the target container it is
-// 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';
-function LazyIntersectionObserverCardOld(props) {
-  var ref = (0, _react.useRef)(null);
+var LazyIntersectionObserverCard = exports.LazyIntersectionObserverCard = function LazyIntersectionObserverCard(props) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isIntersecting = _useState2[0],
-    setIsIntersecting = _useState2[1];
+    isIntersected = _useState2[0],
+    setIsIntersected = _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, appearance);
-  var Component = appearance === 'inline' ? 'span' : 'div';
-  var ComponentObserver = Component;
-  var onIntersection = (0, _react.useCallback)(function (entries, observer) {
-    var isVisible = entries.some(function (entry) {
-      return entry.isIntersecting;
-    });
-    if (isVisible) {
-      if (shouldSendRenderedUFOEvent) {
-        (0, _ufoExperiences.startUfoExperience)('smart-link-rendered', id);
-      }
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
-  (0, _react.useEffect)(function () {
-    if (!ref.current) {
-      return;
-    }
-    var intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
-    });
-    intersectionObserver.observe(ref.current);
-    return function () {
-      return intersectionObserver.disconnect();
-    };
-  }, [ref, onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, props) : /*#__PURE__*/_react.default.createElement(ComponentObserver, {
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, props));
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  return /*#__PURE__*/_react.default.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-var LazyIntersectionObserverCardNew = function LazyIntersectionObserverCardNew(props) {
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isIntersected = _useState6[0],
-    setIsIntersected = _useState6[1];
-  var _useState7 = (0, _react.useState)((0, _shouldSample.shouldSample)()),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 1),
-    shouldSendRenderedUFOEvent = _useState8[0];
   var appearance = props.appearance,
     children = props.children,
     id = props.id,
@@ -127,5 +71,4 @@ var LazyIntersectionObserverCardNew = function LazyIntersectionObserverCardNew(p
   return /*#__PURE__*/_react.default.createElement(_cardLoaderWrapper.default, {
     appearance: appearance
   }, content);
-};
-var LazyIntersectionObserverCard = exports.LazyIntersectionObserverCard = (0, _platformFeatureFlagsReact.componentWithFG)('platform_sl_event_ui_seen', LazyIntersectionObserverCardNew, LazyIntersectionObserverCardOld);
+};

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: "45.2.3",
+  packageVersion: "45.2.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/ssr.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
+
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
@@ -7,12 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { context } from './utils/analytics/analytics';
 import { isFlexibleUiCard } from './utils/flexible';
 import CardErrorBoundary from './view/CardWithUrl/card-error-boundary';
-import { CardWithUrl, CardWithUrlContent } from './view/CardWithUrl/component';
-import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LoadingCardLink';
+import { CardWithUrl } from './view/CardWithUrl/component';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
-const CardSSROld = props => {
+export const CardSSR = props => {
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const [id] = useState(() => {
     var _props$id;
@@ -22,41 +21,6 @@ const CardSSROld = props => {
   // because they render custom blocks (TitleBlock etc.) requiring a complete response.
   // Override appearance to 'block' for FlexibleCards when FG is enabled.
   const effectiveAppearance = isFlexibleUiCard(props.children, props.ui) && fg('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
-  const cardProps = {
-    ...props,
-    id,
-    appearance: effectiveAppearance
-  };
-  const ErrorFallbackComponent = cardProps.fallbackComponent;
-  const errorBoundaryFallbackComponent = () => {
-    if (ErrorFallbackComponent) {
-      return /*#__PURE__*/React.createElement(ErrorFallbackComponent, null);
-    }
-    return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
-  };
-  const Component = effectiveAppearance === 'inline' ? 'span' : 'div';
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: context
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    FallbackComponent: errorBoundaryFallbackComponent
-  }, /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps))));
-};
-
-// SSR friendly version of smart-card
-// simplifies the logic around rendering and loading placeholders and
-// only contains whats necessary to render the card on SSR mode
-const CardSSRNew = props => {
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  const [id] = useState(() => {
-    var _props$id2;
-    return (_props$id2 = props.id) !== null && _props$id2 !== void 0 ? _props$id2 : uuid();
-  });
-  // FlexibleCards always need full ORS data regardless of appearance prop,
-  // because they render custom blocks (TitleBlock etc.) requiring a complete response.
-  // Override appearance to 'block' for FlexibleCards when FG is enabled.
-  const effectiveAppearance = isFlexibleUiCard(props.children, props.ui) && fg('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
   const propsWithId = {
     ...props,
     id,
@@ -65,10 +29,4 @@ const CardSSRNew = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: context
   }, /*#__PURE__*/React.createElement(CardErrorBoundary, propsWithId, /*#__PURE__*/React.createElement(CardWithUrl, propsWithId)));
-};
-export const CardSSR = props => {
-  if (fg('platform_sl_event_ui_seen')) {
-    return /*#__PURE__*/React.createElement(CardSSRNew, props);
-  }
-  return /*#__PURE__*/React.createElement(CardSSROld, props);
 };

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: "45.2.3" || ''
+  packageVersion: "45.2.4" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import React, { useCallback, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 import useIntersectionObserver from '../../../state/hooks/use-intersection-observer';
@@ -9,56 +8,7 @@ import { shouldSample } from '../../../utils/shouldSample';
 import CardLoaderWrapper from '../card-loader-wrapper';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
-
-// This property enables the intersection observer to be run once the
-// HTML element being observed is within `X` px of the target container it is
-// 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';
-function LazyIntersectionObserverCardOld(props) {
-  const ref = useRef(null);
-  const [isIntersecting, setIsIntersecting] = useState(false);
-  const [shouldSendRenderedUFOEvent] = useState(shouldSample());
-  const {
-    appearance,
-    url,
-    id
-  } = props;
-  const prefetch = usePrefetch(url, appearance);
-  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();
-    }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
-  useEffect(() => {
-    if (!ref.current) {
-      return;
-    }
-    const intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: `${ROOT_MARGIN_VERTICAL} 0px ${ROOT_MARGIN_VERTICAL} 0px`
-    });
-    intersectionObserver.observe(ref.current);
-    return () => intersectionObserver.disconnect();
-  }, [ref, onIntersection]);
-  const content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  return /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-const LazyIntersectionObserverCardNew = props => {
+export const LazyIntersectionObserverCard = props => {
   const [isIntersected, setIsIntersected] = useState(false);
   const [shouldSendRenderedUFOEvent] = useState(shouldSample());
   const {
@@ -109,5 +59,4 @@ const LazyIntersectionObserverCardNew = props => {
   return /*#__PURE__*/React.createElement(CardLoaderWrapper, {
     appearance: appearance
   }, content);
-};
-export const LazyIntersectionObserverCard = componentWithFG('platform_sl_event_ui_seen', LazyIntersectionObserverCardNew, LazyIntersectionObserverCardOld);
+};

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.2.3",
+  packageVersion: "45.2.4",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/ssr.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
+
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
@@ -11,12 +11,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { context } from './utils/analytics/analytics';
 import { isFlexibleUiCard } from './utils/flexible';
 import CardErrorBoundary from './view/CardWithUrl/card-error-boundary';
-import { CardWithUrl, CardWithUrlContent } from './view/CardWithUrl/component';
-import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LoadingCardLink';
+import { CardWithUrl } from './view/CardWithUrl/component';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
-var CardSSROld = function CardSSROld(props) {
+export var CardSSR = function CardSSR(props) {
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var _useState = useState(function () {
       var _props$id;
@@ -28,42 +27,6 @@ var CardSSROld = function CardSSROld(props) {
   // because they render custom blocks (TitleBlock etc.) requiring a complete response.
   // Override appearance to 'block' for FlexibleCards when FG is enabled.
   var effectiveAppearance = isFlexibleUiCard(props.children, props.ui) && fg('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
-  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    appearance: effectiveAppearance
-  });
-  var ErrorFallbackComponent = cardProps.fallbackComponent;
-  var errorBoundaryFallbackComponent = function errorBoundaryFallbackComponent() {
-    if (ErrorFallbackComponent) {
-      return /*#__PURE__*/React.createElement(ErrorFallbackComponent, null);
-    }
-    return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
-  };
-  var Component = effectiveAppearance === 'inline' ? 'span' : 'div';
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: context
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    FallbackComponent: errorBoundaryFallbackComponent
-  }, /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps))));
-};
-
-// SSR friendly version of smart-card
-// simplifies the logic around rendering and loading placeholders and
-// only contains whats necessary to render the card on SSR mode
-var CardSSRNew = function CardSSRNew(props) {
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  var _useState3 = useState(function () {
-      var _props$id2;
-      return (_props$id2 = props.id) !== null && _props$id2 !== void 0 ? _props$id2 : uuid();
-    }),
-    _useState4 = _slicedToArray(_useState3, 1),
-    id = _useState4[0];
-  // FlexibleCards always need full ORS data regardless of appearance prop,
-  // because they render custom blocks (TitleBlock etc.) requiring a complete response.
-  // Override appearance to 'block' for FlexibleCards when FG is enabled.
-  var effectiveAppearance = isFlexibleUiCard(props.children, props.ui) && fg('platform_smartlink_inline_resolve_optimization') ? 'block' : props.appearance;
   var propsWithId = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     appearance: effectiveAppearance
@@ -71,10 +34,4 @@ var CardSSRNew = function CardSSRNew(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: context
   }, /*#__PURE__*/React.createElement(CardErrorBoundary, propsWithId, /*#__PURE__*/React.createElement(CardWithUrl, propsWithId)));
-};
-export var CardSSR = function CardSSR(props) {
-  if (fg('platform_sl_event_ui_seen')) {
-    return /*#__PURE__*/React.createElement(CardSSRNew, props);
-  }
-  return /*#__PURE__*/React.createElement(CardSSROld, props);
 };

package/dist/esm/utils/analytics/analytics.js

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

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import React, { useCallback, useState } from 'react';
 import { usePrefetch } from '../../../state';
 import { startUfoExperience } from '../../../state/analytics/ufoExperiences';
 import useIntersectionObserver from '../../../state/hooks/use-intersection-observer';
@@ -10,70 +9,14 @@ import { shouldSample } from '../../../utils/shouldSample';
 import CardLoaderWrapper from '../card-loader-wrapper';
 import { CardWithUrlContent } from '../component';
 import { LoadingCardLink } from './LoadingCardLink';
-
-// This property enables the intersection observer to be run once the
-// HTML element being observed is within `X` px of the target container it is
-// 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';
-function LazyIntersectionObserverCardOld(props) {
-  var ref = useRef(null);
+export var LazyIntersectionObserverCard = function LazyIntersectionObserverCard(props) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isIntersecting = _useState2[0],
-    setIsIntersecting = _useState2[1];
+    isIntersected = _useState2[0],
+    setIsIntersected = _useState2[1];
   var _useState3 = useState(shouldSample()),
     _useState4 = _slicedToArray(_useState3, 1),
     shouldSendRenderedUFOEvent = _useState4[0];
-  var appearance = props.appearance,
-    url = props.url,
-    id = props.id;
-  var prefetch = usePrefetch(url, appearance);
-  var Component = appearance === 'inline' ? 'span' : 'div';
-  var ComponentObserver = Component;
-  var onIntersection = useCallback(function (entries, observer) {
-    var isVisible = entries.some(function (entry) {
-      return entry.isIntersecting;
-    });
-    if (isVisible) {
-      if (shouldSendRenderedUFOEvent) {
-        startUfoExperience('smart-link-rendered', id);
-      }
-      setIsIntersecting(true);
-      observer.disconnect();
-    } else {
-      prefetch();
-    }
-  }, [id, prefetch, shouldSendRenderedUFOEvent]);
-  useEffect(function () {
-    if (!ref.current) {
-      return;
-    }
-    var intersectionObserver = new IntersectionObserver(onIntersection, {
-      rootMargin: "".concat(ROOT_MARGIN_VERTICAL, " 0px ").concat(ROOT_MARGIN_VERTICAL, " 0px")
-    });
-    intersectionObserver.observe(ref.current);
-    return function () {
-      return intersectionObserver.disconnect();
-    };
-  }, [ref, onIntersection]);
-  var content = isIntersecting ? /*#__PURE__*/React.createElement(CardWithUrlContent, props) : /*#__PURE__*/React.createElement(ComponentObserver, {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(LoadingCardLink, props));
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  return /*#__PURE__*/React.createElement(Component, {
-    className: "loader-wrapper"
-  }, content);
-}
-var LazyIntersectionObserverCardNew = function LazyIntersectionObserverCardNew(props) {
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isIntersected = _useState6[0],
-    setIsIntersected = _useState6[1];
-  var _useState7 = useState(shouldSample()),
-    _useState8 = _slicedToArray(_useState7, 1),
-    shouldSendRenderedUFOEvent = _useState8[0];
   var appearance = props.appearance,
     children = props.children,
     id = props.id,
@@ -119,5 +62,4 @@ var LazyIntersectionObserverCardNew = function LazyIntersectionObserverCardNew(p
   return /*#__PURE__*/React.createElement(CardLoaderWrapper, {
     appearance: appearance
   }, content);
-};
-export var LazyIntersectionObserverCard = componentWithFG('platform_sl_event_ui_seen', LazyIntersectionObserverCardNew, LazyIntersectionObserverCardOld);
+};

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.2.3",
+  packageVersion: "45.2.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/ssr.d.ts

@@ -4,12 +4,12 @@ import type { CardProps } from './types';
 export type CardSSRProps = CardProps & {
     hideIconLoadingSkeleton?: boolean;
     placeholderData?: SmartLinkResponse;
-    url: string;
     /**
      * Server-rendered title fallback passed through to FlexibleCard layered links.
      * On SSR we cannot reliably derive TitleBlock text from children, so this keeps
      * server/client link text aligned and avoids hydration mismatches.
      */
     title?: string;
+    url: string;
 };
 export declare const CardSSR: (props: CardSSRProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.2.4",
+	"version": "45.2.5",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
 		"@atlaskit/heading": "^6.0.0",
 		"@atlaskit/icon": "^36.0.0",
 		"@atlaskit/icon-file-type": "^8.0.0",
-		"@atlaskit/icon-lab": "^7.0.0",
+		"@atlaskit/icon-lab": "^7.1.0",
 		"@atlaskit/image": "^4.0.0",
 		"@atlaskit/json-ld-types": "^2.0.0",
 		"@atlaskit/link": "^4.0.0",
@@ -87,11 +87,12 @@
 		"@atlaskit/textfield": "^9.0.0",
 		"@atlaskit/theme": "^26.0.0",
 		"@atlaskit/tile": "^2.0.0",
-		"@atlaskit/tmp-editor-statsig": "^109.3.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^110.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@atlaskit/width-detector": "^6.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@formatjs/intl-utils": "^3.8.4",
@@ -123,7 +124,6 @@
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/gemini": "^1.47.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/dom": "^10.1.0",
@@ -176,9 +176,6 @@
 		"platform_lp_use_entity_icon_url_for_icon": {
 			"type": "boolean"
 		},
-		"platform-component-visual-refresh": {
-			"type": "boolean"
-		},
 		"platform_bandicoots-smartlink-unresolved-error-key": {
 			"type": "boolean"
 		},
@@ -212,9 +209,6 @@
 		"platform_sl_3p_auth_rovo_action_kill_switch": {
 			"type": "boolean"
 		},
-		"platform_sl_event_ui_seen": {
-			"type": "boolean"
-		},
 		"platform_sl_connect_account_flag": {
 			"type": "boolean"
 		},