@atlaskit/smart-card 44.22.0 → 44.23.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 44.23.1
+
+### Patch Changes
+
+- [`ade405aaaa7a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ade405aaaa7a6) -
+  Allow for sync icon loading for some types to keep SSR non-pop-in functionality
+- Updated dependencies
+
+## 44.23.0
+
+### Minor Changes
+
+- [`d890e9e688ce5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d890e9e688ce5) -
+  Exposed subproduct and product for jira and townsquare
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 44.22.0
 
 ### Minor Changes

package/dist/cjs/__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/cjs/__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/cjs/__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/cjs/__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/cjs/__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/cjs/__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/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -8,8 +8,6 @@ exports.extractIconFromDocument = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _blog = _interopRequireDefault(require("@atlaskit/object/blog"));
-var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/object/page-live-doc"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
@@ -66,12 +64,9 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       {
-        if ((0, _platformFeatureFlags.fg)('platform_sl_icons_refactor')) {
-          return /*#__PURE__*/_react.default.createElement(_blog.default, {
-            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.default.createElement(BlogIconWrapped, {
           label: documentLabel(opts, 'blog'),
@@ -132,12 +127,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 && (0, _linkExtractors.isConfluenceGenerator)(opts.provider.id)) {
-    if ((0, _platformFeatureFlags.fg)('platform_sl_icons_refactor')) {
-      return /*#__PURE__*/_react.default.createElement(_pageLiveDoc.default, {
-        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.default.createElement(LiveDocumentIconWrapped, {
       label: documentLabel(opts, 'live document'),

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

@@ -1,13 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSmartLinkCrossProductUrlWrapperGated = exports.getIsFirstPartyLink = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _useCrossProductUrlWrapper = require("@atlaskit/analytics-cross-product/useCrossProductUrlWrapper");
 var _linkProvider = require("@atlaskit/link-provider");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+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; }
 var SMART_LINKS_XPC_BRIDGE = 'smartLinks';
 var XPC_QUERY_PARAM = 'xpis';
 var getIsFirstPartyLink = exports.getIsFirstPartyLink = function getIsFirstPartyLink(details) {
@@ -21,17 +25,24 @@ var useSmartLinkCrossProductUrlWrapperFallback = function useSmartLinkCrossProdu
   return identityUrlWrapper;
 };
 var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWrapper(_ref) {
-  var _product$toLowerCase;
+  var _effectiveProduct$toL;
   var details = _ref.details;
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     product = _useSmartLinkContext.product,
-    bridgeProduct = _useSmartLinkContext.bridgeProduct;
-  var wrapUrl = (0, _useCrossProductUrlWrapper.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 = (0, _useCrossProductUrlWrapper.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 (0, _react.useCallback)(function (url) {
-    if (!getIsFirstPartyLink(details) || !product) {
+    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     var parsedUrl;
@@ -44,6 +55,6 @@ var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWra
       return url;
     }
     return wrapUrl(url);
-  }, [details, product, wrapUrl]);
+  }, [details, effectiveProduct, wrapUrl]);
 };
 var useSmartLinkCrossProductUrlWrapperGated = exports.useSmartLinkCrossProductUrlWrapperGated = (0, _platformFeatureFlagsReact.functionWithFG)('platform_smartlink_xpc_url_wrapping', useSmartLinkCrossProductUrlWrapper, useSmartLinkCrossProductUrlWrapperFallback);

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

package/dist/cjs/utils/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.sleep = exports.openUrl = exports.noop = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isProfileType = exports.isIntersectionObserverSupported = exports.isIframe = exports.isIconSizeLarge = exports.importWithRetry = exports.handleOnClick = exports.getPreviewUrlWithTheme = exports.getLazyIcons = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
@@ -18,8 +18,6 @@ var _tokens = require("@atlaskit/tokens");
 var _constants = require("../constants");
 var _extractFileFormatIcon = _interopRequireDefault(require("../extractors/flexible/icon/extract-file-formatIcon"));
 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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); 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; }
 var isSpecialEvent = exports.isSpecialEvent = function isSpecialEvent(evt) {
   return evt.isDefaultPrevented() && (isIframe() || isSpecialKey(evt) || isSpecialClick(evt));
 };
@@ -83,8 +81,8 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
 };
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
-  var _objectSpread2, _objectSpread3;
-  return _objectSpread(_objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread2, _constants.IconType.Document, {
+  var _ref3;
+  return _ref3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Document, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
@@ -144,7 +142,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread2, _constants.IconType.Project, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Project, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group'));
@@ -204,7 +202,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread2, _constants.IconType.React, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.React, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up'));
@@ -284,7 +282,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread2, _constants.IconType.GoogleForms, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.GoogleForms, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16'));
@@ -372,57 +370,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/24'));
       });
     }
-  })), (0, _platformFeatureFlags.fg)('platform_sl_icons_refactor') ? (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.IconType.Blog, {
-    default: function _default() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/blog'));
-      });
-    },
-    large: function large() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlog" */'@atlaskit/object/tile/blog'));
-      }).then(function (module) {
-        return {
-          default: function _default(props) {
-            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
-              size: "small"
-            }));
-          }
-        };
-      });
-    }
-  }), _constants.IconType.LiveDocument, {
-    default: function _default() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/page-live-doc'));
-      });
-    },
-    large: function large() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'@atlaskit/object/tile/page-live-doc'));
-      }).then(function (module) {
-        return {
-          default: function _default(props) {
-            return /*#__PURE__*/_react.default.createElement(module.default, (0, _extends2.default)({}, props, {
-              size: "small"
-            }));
-          }
-        };
-      });
-    }
-  }) : (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.IconType.Blog, {
-    default: function _default() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlock" */'../common/ui/icons/blog-icon'));
-      });
-    }
-  }), _constants.IconType.LiveDocument, {
-    default: function _default() {
-      return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPageLiveDoc" */'../common/ui/icons/live-document-icon'));
-      });
-    }
-  })), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread3, _constants.IconType.Branch, {
+  }), _constants.IconType.Branch, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBranch" */'@atlaskit/object/branch'));
@@ -460,7 +408,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), _constants.IconType.PullRequest, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PullRequest, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/object/pull-request'));
@@ -612,7 +560,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread3, _constants.IconType.Story, {
+  }), _constants.IconType.Story, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphStory" */'@atlaskit/object/story'));
@@ -650,7 +598,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         };
       });
     }
-  }), _constants.IconType.Task, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Task, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/object/task'));
@@ -673,8 +621,8 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon'));
-      }).then(function (_ref3) {
-        var ConfluenceIcon = _ref3.ConfluenceIcon;
+      }).then(function (_ref) {
+        var ConfluenceIcon = _ref.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -684,8 +632,8 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon'));
-      }).then(function (_ref4) {
-        var JiraIcon = _ref4.JiraIcon;
+      }).then(function (_ref2) {
+        var JiraIcon = _ref2.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -721,7 +669,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'../common/ui/icons/priority-low-icon'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_objectSpread3, _constants.IconType.PriorityLowest, {
+  }), _constants.IconType.PriorityLowest, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'../common/ui/icons/priority-lowest-icon'));
@@ -733,7 +681,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'../common/ui/icons/priority-major-icon'));
       });
     }
-  }), _constants.IconType.PriorityMedium, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityMedium, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'../common/ui/icons/priority-medium-icon'));
@@ -751,7 +699,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'../common/ui/icons/priority-trivial-icon'));
       });
     }
-  })));
+  });
 };
 var getTypeToIconMap = function getTypeToIconMap(fileFormat) {
   var iconDescriptor = (0, _extractFileFormatIcon.default)(fileFormat);
@@ -790,7 +738,7 @@ var sleep = exports.sleep = function sleep(ms) {
   });
 };
 var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments,
@@ -825,11 +773,11 @@ var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[1, 3]]);
   }));
   return function importWithRetry(_x) {
-    return _ref5.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();
 var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
-  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regenerator.default.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -865,11 +813,11 @@ var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref6.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 var openUrl = exports.openUrl = /*#__PURE__*/function () {
-  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
     return _regenerator.default.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -887,7 +835,7 @@ var openUrl = exports.openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref7.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 

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

@@ -52,42 +52,40 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
     isTiledIcon = _ref.isTiledIcon;
-  if (!(0, _platformFeatureFlags.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 _constants.IconType.Document:
-        {
-          var DocumentIcon = getDocumentIcon();
-          return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
-            label: label !== null && label !== void 0 ? label : 'document',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case _constants.IconType.Blog:
-        {
-          var BlogIcon = getBlogIcon();
-          return /*#__PURE__*/_react.default.createElement(BlogIcon, {
-            label: label !== null && label !== void 0 ? label : 'blog',
-            testId: testId,
-            size: size,
-            isTiledIcon: isTiledIcon
-          });
-        }
-      case _constants.IconType.LiveDocument:
-        {
-          var LiveDocumentIcon = getLiveDocumentIcon();
-          return /*#__PURE__*/_react.default.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 _constants.IconType.Document:
+      {
+        var DocumentIcon = getDocumentIcon();
+        return /*#__PURE__*/_react.default.createElement(DocumentIcon, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case _constants.IconType.Blog:
+      {
+        var BlogIcon = getBlogIcon();
+        return /*#__PURE__*/_react.default.createElement(BlogIcon, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size,
+          isTiledIcon: isTiledIcon
+        });
+      }
+    case _constants.IconType.LiveDocument:
+      {
+        var LiveDocumentIcon = getLiveDocumentIcon();
+        return /*#__PURE__*/_react.default.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/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: "44.21.0",
+  packageVersion: "44.23.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/__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/es2019/__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/es2019/__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/es2019/__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/es2019/__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/es2019/__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/es2019/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';
@@ -47,12 +45,9 @@ const 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.
         const BlogIconWrapped = getBlogIconWrapped();
         return /*#__PURE__*/React.createElement(BlogIconWrapped, {
           label: documentLabel(opts, 'blog'),
@@ -113,12 +108,9 @@ const documentTypeToIcon = (type, opts) => {
 const 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.
     const LiveDocumentIconWrapped = getLiveDocumentIconWrapped();
     return /*#__PURE__*/React.createElement(LiveDocumentIconWrapped, {
       label: documentLabel(opts, 'live document'),