@atlaskit/smart-card 45.21.9 → 45.22.1

package/dist/cjs/view/EmbedCard/components/embedded-confluence-page-context.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEmbeddedConfluencePage = exports.EmbeddedConfluencePageProvider = void 0;
+var _react = require("react");
+/**
+ * Props forwarded to `@atlaskit/embedded-confluence` `Page` from the embed iframe.
+ * Kept local so this module never imports the Confluence package.
+ */
+
+var EmbeddedConfluencePageContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Hosts that want Confluence page embeds can inject `Page` here so Trello and
+ * other products never compile `@atlaskit/embedded-confluence` as a hard import.
+ */
+var EmbeddedConfluencePageProvider = exports.EmbeddedConfluencePageProvider = EmbeddedConfluencePageContext.Provider;
+var useEmbeddedConfluencePage = exports.useEmbeddedConfluencePage = function useEmbeddedConfluencePage() {
+  return (0, _react.useContext)(EmbeddedConfluencePageContext);
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadEmbeddedConfluencePage = loadEmbeddedConfluencePage;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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" != (0, _typeof2.default)(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); }
+/**
+ * Async factory for the Confluence embed `Page` component.
+ *
+ * Kept in its own module so `@atlaskit/embedded-confluence` is a dynamic
+ * import only — hosts that never render a Confluence embed URL do not
+ * download this chunk.
+ */
+function loadEmbeddedConfluencePage() {
+  return _loadEmbeddedConfluencePage.apply(this, arguments);
+}
+function _loadEmbeddedConfluencePage() {
+  _loadEmbeddedConfluencePage = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _yield$import, Page;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_smart-card-embedded-confluence" */
+            '@atlaskit/embedded-confluence'));
+          });
+        case 1:
+          _yield$import = _context.sent;
+          Page = _yield$import.Page;
+          return _context.abrupt("return", Page);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _loadEmbeddedConfluencePage.apply(this, arguments);
+}

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(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 _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
@@ -58,7 +58,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     ssrTitle = _ref.title;
   var aiSummaryConfig = (0, _useAiSummaryConfig.useAISummaryConfig)();
   var resolve = (0, _useResolve.default)();
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
     isPreviewRestricted = _useSmartLinkContext.isPreviewRestricted,
     openPreviewPanel = _useSmartLinkContext.openPreviewPanel,

package/dist/cjs/view/HoverCard/components/HoverCardContent.js

@@ -9,7 +9,7 @@ exports.hoverCardClassName = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _functionUnionWithCondition = require("@atlaskit/platform-feature-flags-react/function-union-with-condition");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -91,7 +91,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
   var definitionId = (0, _react.useMemo)(function () {
     return (0, _getDefinitionId.getDefinitionId)(cardState.details);
   }, [cardState.details]);
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     isAdminHubAIEnabled = _useSmartLinkContext.isAdminHubAIEnabled,
     product = _useSmartLinkContext.product;
   var isAISummaryEnabled = (0, _getIsAiSummaryEnabled.getIsAISummaryEnabled)(isAdminHubAIEnabled, cardState.details);

package/dist/cjs/view/InlineCard/Icon.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _linkingCommon = require("@atlaskit/linking-common");
+var _spanSkeleton = require("@atlaskit/linking-common/span-skeleton");
 var _excluded = ["as", "style"];
 /* eslint-disable @atlaskit/ui-styling-standard/no-styled */
 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); }
@@ -47,7 +47,7 @@ var Shimmer = exports.Shimmer = function Shimmer(_ref2) {
     transform: 'translate(-50%, -50%)',
     marginRight: "var(--ds-space-050, 4px)"
   };
-  return /*#__PURE__*/_react.default.createElement(_linkingCommon.SpanSkeleton, {
+  return /*#__PURE__*/_react.default.createElement(_spanSkeleton.SpanSkeleton, {
     width: 16,
     height: 16,
     borderRadius: "var(--ds-radius-xsmall, 2px)",

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.21.9",
+  packageVersion: "45.22.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

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

@@ -12,7 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _extractLink = require("@atlaskit/link-extractors/extract-link");
-var _linkProvider = require("@atlaskit/link-provider");
+var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _useIncomingOutgoingLinks = _interopRequireDefault(require("../../state/hooks/use-incoming-outgoing-links"));
 var _useResponse2 = _interopRequireDefault(require("../../state/hooks/use-response"));
@@ -37,7 +37,7 @@ var RelatedLinksModal = function RelatedLinksModal(_ref) {
   var RELATED_LINKS_LENGTH = 5;
   var _useIncomingOutgoingA = (0, _useIncomingOutgoingLinks.default)(baseUriWithNoTrailingSlash),
     getIncomingOutgoingAris = _useIncomingOutgoingA.getIncomingOutgoingAris;
-  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _useSmartLinkContext2.useSmartLinkContext)(),
     connections = _useSmartLinkContext.connections;
   var _useResponse = (0, _useResponse2.default)(),
     handleResolvedLinkResponse = _useResponse.handleResolvedLinkResponse;

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

@@ -0,0 +1 @@
+export { EmbeddedConfluencePageProvider, useEmbeddedConfluencePage } from '../view/EmbedCard/components/embedded-confluence-page-context';

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

@@ -1,8 +1,8 @@
 import { useCallback, useMemo, useRef } from 'react';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors/extract-smart-link-provider';
 import { extractSmartLinkTitle } from '@atlaskit/link-extractors/extract-smart-link-title';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
 import { auth } from '@atlaskit/outbound-auth-flow-client/auth';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ROVO_POST_MESSAGE_EVENT_TYPE } from '@atlaskit/rovo-triggers/post-message-to-pubsub';

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

@@ -1,4 +1,4 @@
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export const useSmartLinkConfig = () => {
   const context = useSmartLinkContext();
   if (context) {

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export const useAISummaryConfig = () => {
   const {
     connections,

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export const useControlDataExportConfig = () => {
   const {
     connections,

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

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { request } from '@atlaskit/linking-common';
+import { request } from '@atlaskit/linking-common/api';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id/getCurrentSiteCloudId';
 import { queryIncomingOutgoingLinks as queryIncomingOutgoingAris } from './query';

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

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension/use-smart-link-client-extension';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 const useInvoke = () => {
   const {
     connections

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

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { isEntityPresent } from '@atlaskit/link-extractors/is-entity-present';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SmartLinkStatus } from '../../../constants';
 import { addMetadataToExperience } from '../../analytics/addMetadataToExperience';

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

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { SmartCardContext } from '@atlaskit/link-provider';
+import { SmartCardContext } from '@atlaskit/link-provider/context';
 import { shouldResolveUrl } from './shouldResolveUrl';
 const useResolveHyperlinkValidator = (href = '') => {
   const hasSmartCardProvider = !!useContext(SmartCardContext);

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

@@ -1,7 +1,9 @@
 import { useCallback, useMemo } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
+import { getStatus } from '@atlaskit/linking-common/utils/get-status';
+import { APIError } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SmartLinkStatus } from '../../../constants';
 import { getUnauthorizedJsonLd } from '../../../utils/get-unauthorized-json-ld';

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 const useRovoConfig = () => {
   const {
     rovoOptions,

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

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { useCrossProductUrlWrapper } from '@atlaskit/analytics-cross-product/useCrossProductUrlWrapper';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { XPC_CONSTANTS } from './constants';
 import { getIsFirstPartyLink } from './getIsFirstPartyLink';
 export const useSmartLinkCrossProductUrlWrapper = ({

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

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 export function usePrefetch(url, appearance) {
   const {

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useSmartCardActions as useSmartLinkActions } from '../actions';
 import { useSmartLinkConfig } from '../config';

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

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export const useSmartLinkRenderers = () => {
   const context = useSmartLinkContext();
   let renderers = context === null || context === void 0 ? void 0 : context.renderers;

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

@@ -1,5 +1,5 @@
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 const PENDING_STATE = {
   status: 'pending'
 };

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

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

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

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { getUrl } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { getUrl } from '@atlaskit/linking-common/store';
 import { getSmartLinkAnalyticsContext } from './getSmartLinkAnalyticsContext';
 
 /**

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

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { getUrl } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { getUrl } from '@atlaskit/linking-common/store';
 import { getSmartLinkAnalyticsContext } from './getSmartLinkAnalyticsContext';
 /**
  * Provides an analytics context data to supply attributes to events based on a URL

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

@@ -1,4 +1,4 @@
-import { CardClient } from '@atlaskit/link-provider';
+import CardClient from '@atlaskit/link-provider/client';
 export const fakeFactory = (implementation, implementationPost, implementationPrefetch, implementationAri) => class CustomClient extends CardClient {
   async fetchData(url) {
     return await implementation(url);

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

@@ -8,7 +8,7 @@ import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors/extract-smart-link-provider';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react/component-with-fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';

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

@@ -1,5 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { getExtensionKey } from '../../../state/getExtensionKey';
 import { getEmbedRovoActionsFooterExperimentMeta } from '../../../state/hooks/use-embed-rovo-actions-footer-experiment/getEmbedRovoActionsFooterExperimentMeta';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';

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

@@ -1,9 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Page } from '@atlaskit/embedded-confluence/page';
+import React, { lazy, Suspense } from 'react';
 import { useConfluencePageData } from '../../../hooks/useConfluencePageData';
+import { useEmbeddedConfluencePage } from './embedded-confluence-page-context';
+import { loadEmbeddedConfluencePage } from './loadEmbeddedConfluencePage';
+const LazyEmbeddedConfluencePage = /*#__PURE__*/lazy(() => loadEmbeddedConfluencePage().then(Page => ({
+  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`.
  */
 export const IFrame = ({
   childRef,
@@ -12,9 +21,22 @@ export const IFrame = ({
   ...props
 }) => {
   const confluencePageData = useConfluencePageData(props.src || '', extensionKey || '');
+  const InjectedPage = useEmbeddedConfluencePage();
+  const Page = InjectedPage !== null && InjectedPage !== void 0 ? InjectedPage : LazyEmbeddedConfluencePage;
+  const fallbackIframe =
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  React.createElement("iframe", _extends({
+    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.createElement(Page, {
+  return confluencePageData ? /*#__PURE__*/React.createElement(Suspense, {
+    fallback: fallbackIframe
+  }, /*#__PURE__*/React.createElement(Page, {
     hostname: confluencePageData.hostname,
     spaceKey: confluencePageData.spaceKey,
     contentId: confluencePageData.contentId,
@@ -30,13 +52,5 @@ export const IFrame = ({
     allowedFeatures: confluencePageData.allowedFeatures,
     themeState: confluencePageData.themeStateObject,
     userInfo: confluencePageData.userInfo
-  }) :
-  /*#__PURE__*/
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  React.createElement("iframe", _extends({
-    className: className
-  }, props, {
-    ref: childRef,
-    title: props.title
-  }));
+  })) : fallbackIframe;
 };

package/dist/es2019/view/EmbedCard/components/embedded-confluence-page-context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+/**
+ * Props forwarded to `@atlaskit/embedded-confluence` `Page` from the embed iframe.
+ * Kept local so this module never imports the Confluence package.
+ */
+
+const EmbeddedConfluencePageContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Hosts that want Confluence page embeds can inject `Page` here so Trello and
+ * other products never compile `@atlaskit/embedded-confluence` as a hard import.
+ */
+export const EmbeddedConfluencePageProvider = EmbeddedConfluencePageContext.Provider;
+export const useEmbeddedConfluencePage = () => useContext(EmbeddedConfluencePageContext);

package/dist/es2019/view/EmbedCard/components/loadEmbeddedConfluencePage.js

@@ -0,0 +1,14 @@
+/**
+ * Async factory for the Confluence embed `Page` component.
+ *
+ * Kept in its own module so `@atlaskit/embedded-confluence` is a dynamic
+ * import only — hosts that never render a Confluence embed URL do not
+ * download this chunk.
+ */
+export async function loadEmbeddedConfluencePage() {
+  const {
+    Page
+  } = await import( /* webpackChunkName: "@atlaskit-internal_smart-card-embedded-confluence" */
+  '@atlaskit/embedded-confluence');
+  return Page;
+}

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import UFOHoldLoad from '@atlaskit/react-ufo/load-hold';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { functionUnionWithCondition } from '@atlaskit/platform-feature-flags-react/function-union-with-condition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/es2019/view/InlineCard/Icon.js

@@ -5,7 +5,7 @@ import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/no-styled */
 import React from 'react';
-import { SpanSkeleton } from '@atlaskit/linking-common';
+import { SpanSkeleton } from '@atlaskit/linking-common/span-skeleton';
 // TODO: Figure out a more scalable/responsive solution
 // for vertical alignment.
 // Current rationale: vertically positioned at the top of

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

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

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
 import { extractLink } from '@atlaskit/link-extractors/extract-link';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import useIncomingOutgoingAri from '../../state/hooks/use-incoming-outgoing-links';
 import useResponse from '../../state/hooks/use-response';

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

@@ -0,0 +1 @@
+export { EmbeddedConfluencePageProvider, useEmbeddedConfluencePage } from '../view/EmbedCard/components/embedded-confluence-page-context';

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

@@ -3,8 +3,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo, useRef } from 'react';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors/extract-smart-link-provider';
 import { extractSmartLinkTitle } from '@atlaskit/link-extractors/extract-smart-link-title';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
 import { auth } from '@atlaskit/outbound-auth-flow-client/auth';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ROVO_POST_MESSAGE_EVENT_TYPE } from '@atlaskit/rovo-triggers/post-message-to-pubsub';

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

@@ -1,4 +1,4 @@
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export var useSmartLinkConfig = function useSmartLinkConfig() {
   var context = useSmartLinkContext();
   if (context) {

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export var useAISummaryConfig = function useAISummaryConfig() {
   var _useSmartLinkContext = useSmartLinkContext(),
     connections = _useSmartLinkContext.connections,

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 export var useControlDataExportConfig = function useControlDataExportConfig() {
   var _useSmartLinkContext = useSmartLinkContext(),
     connections = _useSmartLinkContext.connections,

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

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
-import { request } from '@atlaskit/linking-common';
+import { request } from '@atlaskit/linking-common/api';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id/getCurrentSiteCloudId';
 import { queryIncomingOutgoingLinks as queryIncomingOutgoingAris } from './query';

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

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension/use-smart-link-client-extension';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 var useInvoke = function useInvoke() {
   var _useSmartLinkContext = useSmartLinkContext(),
     connections = _useSmartLinkContext.connections;

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

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import { isEntityPresent } from '@atlaskit/link-extractors/is-entity-present';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SmartLinkStatus } from '../../../constants';
 import { addMetadataToExperience } from '../../analytics/addMetadataToExperience';

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

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { SmartCardContext } from '@atlaskit/link-provider';
+import { SmartCardContext } from '@atlaskit/link-provider/context';
 import { shouldResolveUrl } from './shouldResolveUrl';
 var useResolveHyperlinkValidator = function useResolveHyperlinkValidator() {
   var href = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';

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

@@ -1,7 +1,9 @@
 import { useCallback, useMemo } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
+import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
+import { getStatus } from '@atlaskit/linking-common/utils/get-status';
+import { APIError } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SmartLinkStatus } from '../../../constants';
 import { getUnauthorizedJsonLd } from '../../../utils/get-unauthorized-json-ld';

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 var useRovoConfig = function useRovoConfig() {
   var _useSmartLinkContext = useSmartLinkContext(),
     rovoOptions = _useSmartLinkContext.rovoOptions,