@atlaskit/smart-card 45.21.9 → 45.22.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 45.22.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 45.22.0
+
+### Minor Changes
+
+- [`790c4f8c5dee0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/790c4f8c5dee0) -
+  Add opt-in `/confluence-renderer` and `/local-model` entry points, lazy-load embedded-confluence
+  in smart-card, and register chat autocomplete in the initial editor preset. Trello does not
+  download embedded-confluence or web-llm with the default chat bundle. Confluence users keep focus
+  when `platform_editor_ai_autocomplete_rovo_chat_editor` is on because the plugin is no longer
+  added after mount.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 45.21.9
 
 ### Patch Changes

package/dist/cjs/entry-points/embedded-confluence-page.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EmbeddedConfluencePageProvider", {
+  enumerable: true,
+  get: function get() {
+    return _embeddedConfluencePageContext.EmbeddedConfluencePageProvider;
+  }
+});
+Object.defineProperty(exports, "useEmbeddedConfluencePage", {
+  enumerable: true,
+  get: function get() {
+    return _embeddedConfluencePageContext.useEmbeddedConfluencePage;
+  }
+});
+var _embeddedConfluencePageContext = require("../view/EmbedCard/components/embedded-confluence-page-context");

package/dist/cjs/state/actions/index.js

@@ -10,8 +10,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = require("react");
 var _extractSmartLinkProvider = require("@atlaskit/link-extractors/extract-smart-link-provider");
 var _extractSmartLinkTitle = require("@atlaskit/link-extractors/extract-smart-link-title");
-var _linkProvider = require("@atlaskit/link-provider");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
+var _actions = require("@atlaskit/linking-common/actions");
 var _auth = require("@atlaskit/outbound-auth-flow-client/auth");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _postMessageToPubsub = require("@atlaskit/rovo-triggers/post-message-to-pubsub");
@@ -78,7 +78,7 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var flags = (0, _useActionFlags.default)();
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
     rovoOptions = _useSmartLinkContext.rovoOptions;
   var rovoOptionsRef = (0, _react.useRef)(rovoOptions);
@@ -100,7 +100,7 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
     };
   }, [getState, url]);
   var setMetadataStatus = (0, _react.useCallback)(function (metadataStatus) {
-    dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_UPDATE_METADATA_STATUS, {
+    dispatch((0, _actions.cardAction)(_actions.ACTION_UPDATE_METADATA_STATUS, {
       url: url
     }, undefined, undefined, metadataStatus));
   }, [dispatch, url]);
@@ -171,7 +171,7 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
     var _getSmartLinkState = getSmartLinkState(),
       details = _getSmartLinkState.details;
     if (!details) {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVING, {
+      dispatch((0, _actions.cardAction)(_actions.ACTION_RESOLVING, {
         url: url
       }));
       // Always set metadataStatus to 'pending' during registration to prevent

package/dist/cjs/state/config/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSmartLinkConfig = void 0;
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext = require("@atlaskit/link-provider/use-smart-link-context");
 var useSmartLinkConfig = exports.useSmartLinkConfig = function useSmartLinkConfig() {
-  var context = (0, _linkProvider.useSmartLinkContext)();
+  var context = (0, _useSmartLinkContext.useSmartLinkContext)();
   if (context) {
     return context.config;
   }

package/dist/cjs/state/hooks/use-ai-summary-config/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAISummaryConfig = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var useAISummaryConfig = exports.useAISummaryConfig = function useAISummaryConfig() {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections,
     product = _useSmartLinkContext.product,
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled;

package/dist/cjs/state/hooks/use-control-data-export-config/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useControlDataExportConfig = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var useControlDataExportConfig = exports.useControlDataExportConfig = function useControlDataExportConfig() {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections,
     product = _useSmartLinkContext.product,
     shouldControlDataExport = _useSmartLinkContext.shouldControlDataExport;

package/dist/cjs/state/hooks/use-incoming-outgoing-links/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _api = require("@atlaskit/linking-common/api");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _getCurrentSiteCloudId = require("../../services/current-site-cloud-id/getCurrentSiteCloudId");
 var _query = require("./query");
@@ -22,7 +22,7 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
       return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            return _context.abrupt("return", (0, _linkingCommon.request)('post', baseUriWithNoTrailingSlash + '/gateway/api/graphql', body, headers, [200]));
+            return _context.abrupt("return", (0, _api.request)('post', baseUriWithNoTrailingSlash + '/gateway/api/graphql', body, headers, [200]));
           case 1:
           case "end":
             return _context.stop();
@@ -40,7 +40,7 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
         case 0:
           _context2.prev = 0;
           _context2.next = 1;
-          return (0, _linkingCommon.request)('get', baseUriWithNoTrailingSlash + '/_edge/tenant_info');
+          return (0, _api.request)('get', baseUriWithNoTrailingSlash + '/_edge/tenant_info');
         case 1:
           response = _context2.sent;
           return _context2.abrupt("return", response === null || response === void 0 ? void 0 : response.cloudId);

package/dist/cjs/state/hooks/use-invoke/index.js

@@ -9,9 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _useSmartLinkClientExtension = require("@atlaskit/link-client-extension/use-smart-link-client-extension");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var useInvoke = function useInvoke() {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections;
   var clientExt = (0, _useSmartLinkClientExtension.useSmartLinkClientExtension)(connections.client);
   return (0, _react.useCallback)( /*#__PURE__*/function () {

package/dist/cjs/state/hooks/use-resolve/index.js

@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _isEntityPresent = require("@atlaskit/link-extractors/is-entity-present");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../constants");
 var _addMetadataToExperience = require("../../analytics/addMetadataToExperience");
@@ -19,7 +19,7 @@ var useResolve = function useResolve() {
   // its cache lifespan OR there is no data for it currently. Once the data
   // has come back asynchronously, call the useResponse callback to
   // dispatch the resolved action for the card.
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
     connections = _useSmartLinkContext.connections;
   var getState = store.getState;

package/dist/cjs/state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _context = require("@atlaskit/link-provider/context");
 var _shouldResolveUrl = require("./shouldResolveUrl");
 var useResolveHyperlinkValidator = function useResolveHyperlinkValidator() {
   var href = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var hasSmartCardProvider = !!(0, _react.useContext)(_linkProvider.SmartCardContext);
+  var hasSmartCardProvider = !!(0, _react.useContext)(_context.SmartCardContext);
   return hasSmartCardProvider && (0, _shouldResolveUrl.shouldResolveUrl)(href);
 };
 var _default = exports.default = useResolveHyperlinkValidator;

package/dist/cjs/state/hooks/use-response/index.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactDom = require("react-dom");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
+var _actions = require("@atlaskit/linking-common/actions");
+var _getStatus = require("@atlaskit/linking-common/utils/get-status");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../constants");
@@ -15,14 +17,14 @@ var _constants2 = require("../../actions/constants");
 var useResponse = function useResponse() {
   // Takes in the JSON-LD response and dispatch the resolved action for the card.
   // It will dispatch a successful or error action
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
     config = _useSmartLinkContext.config;
   var getState = store.getState,
     dispatch = store.dispatch;
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var setMetadataStatus = (0, _react.useCallback)(function (url, metadataStatus) {
-    dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_UPDATE_METADATA_STATUS, {
+    dispatch((0, _actions.cardAction)(_actions.ACTION_UPDATE_METADATA_STATUS, {
       url: url
     }, undefined, undefined, metadataStatus));
   }, [dispatch]);
@@ -44,14 +46,14 @@ var useResponse = function useResponse() {
       // If we already have resolved data for this URL in the store, then
       // simply fallback to the previous data.
       if (hasData) {
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+        dispatch((0, _actions.cardAction)(_actions.ACTION_RESOLVED, {
           url: url
         }, details));
 
         // If there's no previous data in the store for this URL, then bail
         // out and let the editor handle fallbacks (returns to a blue link).
       } else {
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
+        dispatch((0, _actions.cardAction)(_actions.ACTION_ERROR, {
           url: url
         }, details, error));
         throw error;
@@ -60,18 +62,18 @@ var useResponse = function useResponse() {
       // Handle AuthErrors (user did not have access to resource) -
       // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
     } else if (error.kind === 'auth') {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+      dispatch((0, _actions.cardAction)(_actions.ACTION_RESOLVED, {
         url: url
       }, (0, _getUnauthorizedJsonLd.getUnauthorizedJsonLd)()));
     } else {
       if (error.kind === 'fallback') {
         // Fallback to blue link with smart link formatting. Not part of reliability.
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR_FALLBACK, {
+        dispatch((0, _actions.cardAction)(_actions.ACTION_ERROR_FALLBACK, {
           url: url
         }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
+        dispatch((0, _actions.cardAction)(_actions.ACTION_ERROR, {
           url: url
         }, undefined, error));
       }
@@ -82,15 +84,15 @@ var useResponse = function useResponse() {
     // Some optimized resolves intentionally leave metadata pending so hover can fetch it.
     // Check response status before evaluating the feature gate so non-resolved responses
     // do not fire a gate exposure when the gate result would be ignored.
-    var shouldUseProvidedMetadataStatus = (0, _linkingCommon.getStatus)(response) === 'resolved' && (0, _fg.fg)('platform_smartlink_inline_resolve_optimization');
+    var shouldUseProvidedMetadataStatus = (0, _getStatus.getStatus)(response) === 'resolved' && (0, _fg.fg)('platform_smartlink_inline_resolve_optimization');
     setMetadataStatus(resourceUrl, shouldUseProvidedMetadataStatus ? metadataStatus : 'resolved');
     // Dispatch Analytics and resolved card action - including unauthorized states.
     if (isReloading) {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RELOADING, {
+      dispatch((0, _actions.cardAction)(_actions.ACTION_RELOADING, {
         url: resourceUrl
       }, response));
     } else {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+      dispatch((0, _actions.cardAction)(_actions.ACTION_RESOLVED, {
         url: resourceUrl
       }, response, undefined, undefined, isMetadataRequest));
     }
@@ -103,7 +105,7 @@ var useResponse = function useResponse() {
       return;
     }
     var hostname = new URL(resourceUrl).hostname;
-    var nextStatus = response ? (0, _linkingCommon.getStatus)(response) : 'fatal';
+    var nextStatus = response ? (0, _getStatus.getStatus)(response) : 'fatal';
 
     // If we require authorization & do not have an authFlow available,
     // throw an error and render as a normal blue link.

package/dist/cjs/state/hooks/use-rovo-config/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var useRovoConfig = function useRovoConfig() {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     rovoOptions = _useSmartLinkContext.rovoOptions,
     product = _useSmartLinkContext.product;
   return (0, _react.useMemo)(function () {

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

@@ -8,7 +8,7 @@ exports.useSmartLinkCrossProductUrlWrapper = 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 _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _constants = require("./constants");
 var _getIsFirstPartyLink = require("./getIsFirstPartyLink");
 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; }
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var useSmartLinkCrossProductUrlWrapper = exports.useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProductUrlWrapper(_ref) {
   var _effectiveProduct$toL;
   var details = _ref.details;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     product = _useSmartLinkContext.product,
     bridgeProduct = _useSmartLinkContext.bridgeProduct,
     xpcProduct = _useSmartLinkContext.xpcProduct,

package/dist/cjs/state/hooks/usePrefetch.js

@@ -8,11 +8,11 @@ exports.usePrefetch = usePrefetch;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
+var _actions = require("@atlaskit/linking-common/actions");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 function usePrefetch(url, appearance) {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
     prefetchStore = _useSmartLinkContext.prefetchStore,
     connections = _useSmartLinkContext.connections;
@@ -69,7 +69,7 @@ function usePrefetch(url, appearance) {
             });
             // Put the metadata status: 'pending' for inline appearance when FG is on, so HoverCard
             // can upgrade to full block data. Otherwise 'resolved' preserves existing behaviour.
-            dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_UPDATE_METADATA_STATUS, {
+            dispatch((0, _actions.cardAction)(_actions.ACTION_UPDATE_METADATA_STATUS, {
               url: url
             }, undefined, undefined, appearance === 'inline' && (0, _fg.fg)('platform_smartlink_inline_resolve_optimization') ? 'pending' : 'resolved'));
           }

package/dist/cjs/state/hooks/useSmartLink.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSmartLink = useSmartLink;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _actions = require("../actions");
 var _config = require("../config");
@@ -23,7 +23,7 @@ var _store = require("../store");
  */
 function useSmartLink(id, url, appearance) {
   var state = (0, _store.useSmartCardState)(url);
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
     isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
     isPreviewRestricted = _useSmartLinkContext.isPreviewRestricted,

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -8,7 +8,7 @@ exports.useSmartLinkActions = useSmartLinkActions;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _uuid = require("uuid");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
@@ -36,7 +36,7 @@ function useSmartLinkActions(_ref) {
   var linkState = (0, _store.useSmartCardState)(url);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
     isPreviewRestricted = _useSmartLinkContext.isPreviewRestricted,
     openPreviewPanel = _useSmartLinkContext.openPreviewPanel;

package/dist/cjs/state/renderers/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartLinkRenderers = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext = require("@atlaskit/link-provider/use-smart-link-context");
 var useSmartLinkRenderers = exports.useSmartLinkRenderers = function useSmartLinkRenderers() {
-  var context = (0, _linkProvider.useSmartLinkContext)();
+  var context = (0, _useSmartLinkContext.useSmartLinkContext)();
   var renderers = context === null || context === void 0 ? void 0 : context.renderers;
   renderers = (0, _react.useMemo)(function () {
     return renderers;

package/dist/cjs/state/store/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartCardState = useSmartCardState;
 var _withSelector = require("use-sync-external-store/shim/with-selector");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var PENDING_STATE = {
   status: 'pending'
 };
 function useSmartCardState(url) {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store;
   var cardState = (0, _withSelector.useSyncExternalStoreWithSelector)(store.subscribe, store.getState, store.getState, function (state) {
     return state[url];

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

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

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartLinkAnalyticsContext = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
+var _store = require("@atlaskit/linking-common/store");
 var _getSmartLinkAnalyticsContext = require("./getSmartLinkAnalyticsContext");
 /**
  * Provides an analytics context data to supply attributes to events based on a URL
@@ -18,9 +18,9 @@ var useSmartLinkAnalyticsContext = exports.useSmartLinkAnalyticsContext = functi
     id = _ref.id,
     source = _ref.source,
     url = _ref.url;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store;
-  var state = store ? (0, _linkingCommon.getUrl)(store, url) : undefined;
+  var state = store ? (0, _store.getUrl)(store, url) : undefined;
   return (0, _react.useMemo)(function () {
     return (0, _getSmartLinkAnalyticsContext.getSmartLinkAnalyticsContext)({
       display: display,

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

@@ -5,18 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartLinkAnalyticsUtils = void 0;
 var _react = require("react");
-var _linkProvider = require("@atlaskit/link-provider");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
+var _store = require("@atlaskit/linking-common/store");
 var _getSmartLinkAnalyticsContext = require("./getSmartLinkAnalyticsContext");
 /**
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
  */
 var useSmartLinkAnalyticsUtils = exports.useSmartLinkAnalyticsUtils = function useSmartLinkAnalyticsUtils() {
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     store = _useSmartLinkContext.store;
   var getByUrl = (0, _react.useCallback)(function (url, props) {
-    var state = store ? (0, _linkingCommon.getUrl)(store, url) : undefined;
+    var state = store ? (0, _store.getUrl)(store, url) : undefined;
     return (0, _getSmartLinkAnalyticsContext.getSmartLinkAnalyticsContext)({
       display: props === null || props === void 0 ? void 0 : props.display,
       id: props === null || props === void 0 ? void 0 : props.id,

package/dist/cjs/utils/fake-factory.js

@@ -12,7 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _linkProvider = require("@atlaskit/link-provider");
+var _client = _interopRequireDefault(require("@atlaskit/link-provider/client"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, implementationPost, implementationPrefetch, implementationAri) {
@@ -111,5 +111,5 @@ var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, imp
         return fetchDataAris;
       }()
     }]);
-  }(_linkProvider.CardClient);
+  }(_client.default);
 };

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

@@ -17,7 +17,7 @@ var _reactIntl = require("react-intl");
 var _reactMagneticDi = require("react-magnetic-di");
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _extractSmartLinkProvider = require("@atlaskit/link-extractors/extract-smart-link-provider");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _componentWithFg = require("@atlaskit/platform-feature-flags-react/component-with-fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
@@ -252,7 +252,7 @@ var UnauthorisedViewWithExperiment = function UnauthorisedViewWithExperiment(_re
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
   var extensionKey = (_props$cardState = props.cardState) === null || _props$cardState === void 0 || (_props$cardState = _props$cardState.details) === null || _props$cardState === void 0 || (_props$cardState = _props$cardState.meta) === null || _props$cardState === void 0 ? void 0 : _props$cardState.key;
   var providerName = (_extractSmartLinkProv2 = (0, _extractSmartLinkProvider.extractSmartLinkProvider)(props.cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections;
   var _useSocialProofExperi = (0, _index.default)(providerName ? extensionKey : undefined, connections.client.baseUrlOverride),
     isTreatment = _useSocialProofExperi.isTreatment,

package/dist/cjs/view/CardWithUrl/experiment-meta-event-attributes/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _getExtensionKey = require("../../../state/getExtensionKey");
 var _getEmbedRovoActionsFooterExperimentMeta = require("../../../state/hooks/use-embed-rovo-actions-footer-experiment/getEmbedRovoActionsFooterExperimentMeta");
 var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
@@ -21,7 +21,7 @@ var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
     state = _ref.state;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
   var _useRovoConfig = (0, _useRovoConfig2.default)(),
     rovoOptions = _useRovoConfig.rovoOptions,

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

@@ -1,18 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IFrame = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _page = require("@atlaskit/embedded-confluence/page");
+var _react = _interopRequireWildcard(require("react"));
 var _useConfluencePageData = require("../../../hooks/useConfluencePageData");
+var _embeddedConfluencePageContext = require("./embedded-confluence-page-context");
+var _loadEmbeddedConfluencePage = require("./loadEmbeddedConfluencePage");
 var _excluded = ["childRef", "className", "extensionKey"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var LazyEmbeddedConfluencePage = /*#__PURE__*/(0, _react.lazy)(function () {
+  return (0, _loadEmbeddedConfluencePage.loadEmbeddedConfluencePage)().then(function (Page) {
+    return {
+      default: Page
+    };
+  });
+});
+
 /**
- * Iframe element isolated for DI purposes
+ * Iframe element isolated for DI purposes.
+ *
+ * Confluence `Page` is a dynamic import (or an injected host component) so
+ * Trello and other non-Confluence embeds do not statically pull
+ * `@atlaskit/embedded-confluence`.
  */
 var IFrame = exports.IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
@@ -20,9 +35,22 @@ var IFrame = exports.IFrame = function IFrame(_ref) {
     extensionKey = _ref.extensionKey,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var confluencePageData = (0, _useConfluencePageData.useConfluencePageData)(props.src || '', extensionKey || '');
+  var InjectedPage = (0, _embeddedConfluencePageContext.useEmbeddedConfluencePage)();
+  var Page = InjectedPage !== null && InjectedPage !== void 0 ? InjectedPage : LazyEmbeddedConfluencePage;
+  var fallbackIframe =
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  _react.default.createElement("iframe", (0, _extends2.default)({
+    className: className
+  }, props, {
+    ref: childRef,
+    title: props.title
+  }));
 
   // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
-  return confluencePageData ? /*#__PURE__*/_react.default.createElement(_page.Page, {
+  return confluencePageData ? /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: fallbackIframe
+  }, /*#__PURE__*/_react.default.createElement(Page, {
     hostname: confluencePageData.hostname,
     spaceKey: confluencePageData.spaceKey,
     contentId: confluencePageData.contentId,
@@ -38,13 +66,5 @@ var IFrame = exports.IFrame = function IFrame(_ref) {
     allowedFeatures: confluencePageData.allowedFeatures,
     themeState: confluencePageData.themeStateObject,
     userInfo: confluencePageData.userInfo
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  _react.default.createElement("iframe", (0, _extends2.default)({
-    className: className
-  }, props, {
-    ref: childRef,
-    title: props.title
-  }));
+  })) : fallbackIframe;
 };