@atlaskit/smart-card 44.22.0 → 44.23.1

package/dist/es2019/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -13,17 +13,25 @@ const useSmartLinkCrossProductUrlWrapperFallback = _args => identityUrlWrapper;
 const useSmartLinkCrossProductUrlWrapper = ({
   details
 }) => {
-  var _product$toLowerCase;
+  var _effectiveProduct$toL;
   const {
     product,
-    bridgeProduct
+    bridgeProduct,
+    xpcProduct,
+    xpcSubProduct
   } = useSmartLinkContext();
+  // xpcProduct takes precedence over product — it identifies the host product for XPC analytics
+  // without affecting link resolution (which uses the `product` prop separately).
+  const effectiveProduct = xpcProduct !== null && xpcProduct !== void 0 ? xpcProduct : product;
   const wrapUrl = useCrossProductUrlWrapper({
     bridge: bridgeProduct !== null && bridgeProduct !== void 0 ? bridgeProduct : SMART_LINKS_XPC_BRIDGE,
-    product: (_product$toLowerCase = product === null || product === void 0 ? void 0 : product.toLowerCase()) !== null && _product$toLowerCase !== void 0 ? _product$toLowerCase : 'unknown'
+    product: (_effectiveProduct$toL = effectiveProduct === null || effectiveProduct === void 0 ? void 0 : effectiveProduct.toLowerCase()) !== null && _effectiveProduct$toL !== void 0 ? _effectiveProduct$toL : 'unknown',
+    ...(xpcSubProduct ? {
+      subProduct: xpcSubProduct
+    } : {})
   });
   return useCallback(url => {
-    if (!getIsFirstPartyLink(details) || !product) {
+    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     let parsedUrl;
@@ -36,6 +44,6 @@ const useSmartLinkCrossProductUrlWrapper = ({
       return url;
     }
     return wrapUrl(url);
-  }, [details, product, wrapUrl]);
+  }, [details, effectiveProduct, wrapUrl]);
 };
 export const useSmartLinkCrossProductUrlWrapperGated = functionWithFG('platform_smartlink_xpc_url_wrapping', useSmartLinkCrossProductUrlWrapper, useSmartLinkCrossProductUrlWrapperFallback);

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

package/dist/es2019/utils/index.js

@@ -186,32 +186,9 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24')
     },
-    // @atlaskit/object/* (object icons with 16/24 size variants)
-    ...(fg('platform_sl_icons_refactor') ? {
-      [IconType.Blog]: {
-        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/blog'),
-        large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/tile/blog').then(module => ({
-          default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
-            size: "small"
-          }))
-        }))
-      },
-      [IconType.LiveDocument]: {
-        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/page-live-doc'),
-        large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/tile/page-live-doc').then(module => ({
-          default: props => /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
-            size: "small"
-          }))
-        }))
-      }
-    } : {
-      [IconType.Blog]: {
-        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon')
-      },
-      [IconType.LiveDocument]: {
-        default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'../common/ui/icons/live-document-icon')
-      }
-    }),
+    // Keep blog/live-document out of the lazy map on purpose.
+    // These icons should be present in SSR markup so hydration does not cause
+    // a visible empty-state-then-pop-in transition in Smart Link consumers.
     [IconType.Branch]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/branch'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/tile/branch').then(module => ({

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -33,42 +33,40 @@ const AtlaskitIcon = ({
   size = SmartLinkSize.Medium,
   isTiledIcon
 }) => {
-  if (!fg('platform_sl_icons_refactor')) {
-    // Check for synchronously loaded icons first for SSR purposes.
-    // Require these icons only inside this branch to avoid evaluating legacy icon
-    // wrapper modules when the icon refactor is enabled.
-    switch (icon) {
-      case IconType.Document:
-        {
-          const DocumentIcon = getDocumentIcon();
-          return /*#__PURE__*/React.createElement(DocumentIcon, {
-            label: label !== null && label !== void 0 ? label : 'document',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case IconType.Blog:
-        {
-          const BlogIcon = getBlogIcon();
-          return /*#__PURE__*/React.createElement(BlogIcon, {
-            label: label !== null && label !== void 0 ? label : 'blog',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case IconType.LiveDocument:
-        {
-          const LiveDocumentIcon = getLiveDocumentIcon();
-          return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
-            label: label !== null && label !== void 0 ? label : 'live-doc',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-    }
+  // Intentionally keep these three icon types synchronous and outside lazy imports.
+  // These icons should be present in SSR markup so hydration does not cause a
+  // visible empty-state-then-pop-in transition in Smart Link consumers.
+  switch (icon) {
+    case IconType.Document:
+      {
+        const DocumentIcon = getDocumentIcon();
+        return /*#__PURE__*/React.createElement(DocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case IconType.Blog:
+      {
+        const BlogIcon = getBlogIcon();
+        return /*#__PURE__*/React.createElement(BlogIcon, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case IconType.LiveDocument:
+      {
+        const LiveDocumentIcon = getLiveDocumentIcon();
+        return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'live-doc',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
   }
   const importFn = getIconImportFn(icon, size);
   if (!importFn) {

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: "44.21.0",
+  packageVersion: "44.23.0",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-unauthorised--default--platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d750a5131240af4f7d635606bfe3b2d20b734bd64e7ba8b3ced70d4fc666f41b
-size 22011
+oid sha256:e4e629c90112ffa47189f9d7084394fcd9a217bf624a1b05b5adb76909268c96
+size 22340

package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-unauthorised--default--platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:94d62ea32479515465c359fbb0e4c962187bae2f87a37231f9de61788071fec6
-size 36260
+oid sha256:9d850871e06f9ed1baa276db443eb1747b92e8d5576bbe2af83f7978ddff4652
+size 36435

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5dd0715aa5a28d5dc0263fc187627914219ace1c9cf49a379e2d207b5e622d15
-size 218534
+oid sha256:889ac946e251a99b4da6d9a75cab61cdd97a1649ead5018faa97d6e9a180e9f0
+size 218408

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5dd0715aa5a28d5dc0263fc187627914219ace1c9cf49a379e2d207b5e622d15
-size 218534
+oid sha256:889ac946e251a99b4da6d9a75cab61cdd97a1649ead5018faa97d6e9a180e9f0
+size 218408

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c8db1939f2c20b398ba8513683b382e45bd1fdd49be7c2c9b265f45b7a157af
-size 218745
+oid sha256:d3d9be35e64429a385cfdbfb97e6acf1c220377632d238d33bf9fa42bfa03155
+size 218616

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5c8db1939f2c20b398ba8513683b382e45bd1fdd49be7c2c9b265f45b7a157af
-size 218745
+oid sha256:d3d9be35e64429a385cfdbfb97e6acf1c220377632d238d33bf9fa42bfa03155
+size 218616

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
-import BlogIconObject from '@atlaskit/object/blog';
-import LiveDocumentIconObject from '@atlaskit/object/page-live-doc';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
@@ -59,12 +57,9 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       {
-        if (fg('platform_sl_icons_refactor')) {
-          return /*#__PURE__*/React.createElement(BlogIconObject, {
-            label: documentLabel(opts, 'blog'),
-            testId: "blog-icon"
-          });
-        }
+        // Intentionally keep this icon on a synchronous require()-based path.
+        // This icon must be present in SSR markup so hydration does not cause a
+        // visible empty-state-then-pop-in transition for Smart Links.
         var BlogIconWrapped = getBlogIconWrapped();
         return /*#__PURE__*/React.createElement(BlogIconWrapped, {
           label: documentLabel(opts, 'blog'),
@@ -125,12 +120,9 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
 var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
   var _opts$provider;
   if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
-    if (fg('platform_sl_icons_refactor')) {
-      return /*#__PURE__*/React.createElement(LiveDocumentIconObject, {
-        label: documentLabel(opts, 'live document'),
-        testId: "live-doc-icon"
-      });
-    }
+    // Intentionally keep this icon on a synchronous require()-based path.
+    // This icon must be present in SSR markup so hydration does not cause a
+    // visible empty-state-then-pop-in transition for Smart Links.
     var LiveDocumentIconWrapped = getLiveDocumentIconWrapped();
     return /*#__PURE__*/React.createElement(LiveDocumentIconWrapped, {
       label: documentLabel(opts, 'live document'),

package/dist/esm/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { useCallback } from 'react';
 import { useCrossProductUrlWrapper } from '@atlaskit/analytics-cross-product/useCrossProductUrlWrapper';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
@@ -15,17 +18,24 @@ var useSmartLinkCrossProductUrlWrapperFallback = function useSmartLinkCrossProdu
   return identityUrlWrapper;
 };
 var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWrapper(_ref) {
-  var _product$toLowerCase;
+  var _effectiveProduct$toL;
   var details = _ref.details;
   var _useSmartLinkContext = useSmartLinkContext(),
     product = _useSmartLinkContext.product,
-    bridgeProduct = _useSmartLinkContext.bridgeProduct;
-  var wrapUrl = useCrossProductUrlWrapper({
+    bridgeProduct = _useSmartLinkContext.bridgeProduct,
+    xpcProduct = _useSmartLinkContext.xpcProduct,
+    xpcSubProduct = _useSmartLinkContext.xpcSubProduct;
+  // xpcProduct takes precedence over product — it identifies the host product for XPC analytics
+  // without affecting link resolution (which uses the `product` prop separately).
+  var effectiveProduct = xpcProduct !== null && xpcProduct !== void 0 ? xpcProduct : product;
+  var wrapUrl = useCrossProductUrlWrapper(_objectSpread({
     bridge: bridgeProduct !== null && bridgeProduct !== void 0 ? bridgeProduct : SMART_LINKS_XPC_BRIDGE,
-    product: (_product$toLowerCase = product === null || product === void 0 ? void 0 : product.toLowerCase()) !== null && _product$toLowerCase !== void 0 ? _product$toLowerCase : 'unknown'
-  });
+    product: (_effectiveProduct$toL = effectiveProduct === null || effectiveProduct === void 0 ? void 0 : effectiveProduct.toLowerCase()) !== null && _effectiveProduct$toL !== void 0 ? _effectiveProduct$toL : 'unknown'
+  }, xpcSubProduct ? {
+    subProduct: xpcSubProduct
+  } : {}));
   return useCallback(function (url) {
-    if (!getIsFirstPartyLink(details) || !product) {
+    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     var parsedUrl;
@@ -38,6 +48,6 @@ var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWra
       return url;
     }
     return wrapUrl(url);
-  }, [details, product, wrapUrl]);
+  }, [details, effectiveProduct, wrapUrl]);
 };
 export var useSmartLinkCrossProductUrlWrapperGated = functionWithFG('platform_smartlink_xpc_url_wrapping', useSmartLinkCrossProductUrlWrapper, useSmartLinkCrossProductUrlWrapperFallback);

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

package/dist/esm/utils/index.js

@@ -1,10 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -74,8 +72,8 @@ export var getIconForFileType = function getIconForFileType(fileMimeType, showIc
 };
 // prettier-ignore
 export var getLazyIcons = function getLazyIcons() {
-  var _objectSpread2, _objectSpread3;
-  return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.Document, {
+  var _ref3;
+  return _ref3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Document, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
     }
@@ -115,7 +113,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.Project, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Project, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group');
     }
@@ -155,7 +153,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.React, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.React, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up');
     }
@@ -207,7 +205,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread2, IconType.GoogleForms, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.GoogleForms, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16');
     },
@@ -263,45 +261,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24');
     }
-  })), fg('platform_sl_icons_refactor') ? _defineProperty(_defineProperty({}, IconType.Blog, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/blog');
-    },
-    large: function large() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/tile/blog').then(function (module) {
-        return {
-          default: function _default(props) {
-            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
-              size: "small"
-            }));
-          }
-        };
-      });
-    }
-  }), IconType.LiveDocument, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/page-live-doc');
-    },
-    large: function large() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/tile/page-live-doc').then(function (module) {
-        return {
-          default: function _default(props) {
-            return /*#__PURE__*/React.createElement(module.default, _extends({}, props, {
-              size: "small"
-            }));
-          }
-        };
-      });
-    }
-  }) : _defineProperty(_defineProperty({}, IconType.Blog, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon');
-    }
-  }), IconType.LiveDocument, {
-    default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'../common/ui/icons/live-document-icon');
-    }
-  })), {}, (_objectSpread3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.Branch, {
+  }), IconType.Branch, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/branch');
     },
@@ -331,7 +291,7 @@ export var getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), IconType.PullRequest, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PullRequest, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/object/pull-request');
     },
@@ -451,7 +411,7 @@ export var getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.Story, {
+  }), IconType.Story, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphStory" */'@atlaskit/object/story');
     },
@@ -481,7 +441,7 @@ export var getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), IconType.Task, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Task, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/object/task');
     },
@@ -498,8 +458,8 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Confluence, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref3) {
-        var ConfluenceIcon = _ref3.ConfluenceIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref) {
+        var ConfluenceIcon = _ref.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -507,8 +467,8 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Jira, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref4) {
-        var JiraIcon = _ref4.JiraIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref2) {
+        var JiraIcon = _ref2.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -534,7 +494,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, IconType.PriorityLowest, {
+  }), IconType.PriorityLowest, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon');
     }
@@ -542,7 +502,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon');
     }
-  }), IconType.PriorityMedium, {
+  }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityMedium, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon');
     }
@@ -554,7 +514,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon');
     }
-  })));
+  });
 };
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
   var iconDescriptor = extractFileFormatIcon(fileFormat);
@@ -593,7 +553,7 @@ export var sleep = function sleep(ms) {
   });
 };
 var _importWithRetry = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments,
@@ -628,12 +588,12 @@ var _importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[1, 3]]);
   }));
   return function importWithRetry(_x) {
-    return _ref5.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();
 export { _importWithRetry as importWithRetry };
 export var downloadUrl = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -669,11 +629,11 @@ export var downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref6.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 export var openUrl = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
     return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -691,7 +651,7 @@ export var openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref7.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -45,42 +45,40 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
     isTiledIcon = _ref.isTiledIcon;
-  if (!fg('platform_sl_icons_refactor')) {
-    // Check for synchronously loaded icons first for SSR purposes.
-    // Require these icons only inside this branch to avoid evaluating legacy icon
-    // wrapper modules when the icon refactor is enabled.
-    switch (icon) {
-      case IconType.Document:
-        {
-          var DocumentIcon = getDocumentIcon();
-          return /*#__PURE__*/React.createElement(DocumentIcon, {
-            label: label !== null && label !== void 0 ? label : 'document',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case IconType.Blog:
-        {
-          var BlogIcon = getBlogIcon();
-          return /*#__PURE__*/React.createElement(BlogIcon, {
-            label: label !== null && label !== void 0 ? label : 'blog',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case IconType.LiveDocument:
-        {
-          var LiveDocumentIcon = getLiveDocumentIcon();
-          return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
-            label: label !== null && label !== void 0 ? label : 'live-doc',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-    }
+  // Intentionally keep these three icon types synchronous and outside lazy imports.
+  // These icons should be present in SSR markup so hydration does not cause a
+  // visible empty-state-then-pop-in transition in Smart Link consumers.
+  switch (icon) {
+    case IconType.Document:
+      {
+        var DocumentIcon = getDocumentIcon();
+        return /*#__PURE__*/React.createElement(DocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case IconType.Blog:
+      {
+        var BlogIcon = getBlogIcon();
+        return /*#__PURE__*/React.createElement(BlogIcon, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case IconType.LiveDocument:
+      {
+        var LiveDocumentIcon = getLiveDocumentIcon();
+        return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'live-doc',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {

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