@atlaskit/smart-card 45.21.8 → 45.22.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 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
+
+- Updated dependencies
+
 ## 45.21.8
 
 ### 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/services/current-site-cloud-id/CurrentSiteCloudIdService.js

@@ -10,12 +10,12 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
+var _StorageClient = require("@atlaskit/frontend-utilities/StorageClient");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _cloudIdStorageItemKey = require("./cloudIdStorageItemKey");
 var _constants = require("./constants");
 var _normalizeBaseUri = require("./normalizeBaseUri");
-var smartCardStorage = new _storageClient.StorageClient(_constants.currentSiteCloudIdConstants.SMART_CARD_STORAGE_SCOPE);
+var smartCardStorage = new _StorageClient.StorageClient(_constants.currentSiteCloudIdConstants.SMART_CARD_STORAGE_SCOPE);
 var CurrentSiteCloudIdService = exports.CurrentSiteCloudIdService = /*#__PURE__*/function () {
   function CurrentSiteCloudIdService() {
     (0, _classCallCheck2.default)(this, CurrentSiteCloudIdService);

package/dist/cjs/state/services/personalization/PersonalizationService.js

@@ -12,9 +12,9 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
+var _StorageClient = require("@atlaskit/frontend-utilities/StorageClient");
 var _constants = require("./constants");
-var smartCardStorage = new _storageClient.StorageClient(_constants.personalizationConstants.PERSONALIZATION_STORAGE_SCOPE);
+var smartCardStorage = new _StorageClient.StorageClient(_constants.personalizationConstants.PERSONALIZATION_STORAGE_SCOPE);
 
 /** Keys written by this service in localStorage when using {@link smartCardStorage}. */
 var LOCAL_STORAGE_ROW_KEY_PREFIX = "".concat(_constants.personalizationConstants.PERSONALIZATION_STORAGE_SCOPE, "_").concat(_constants.personalizationConstants.PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX);

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

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSmartLinkAnalyticsContext = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
+var _getResolvedAttributes = require("@atlaskit/link-analytics/get-resolved-attributes");
 var _analytics = require("./analytics");
 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; }
@@ -15,7 +15,7 @@ var getExtendedResolvedAttributes = function getExtendedResolvedAttributes(linkD
   return _objectSpread({
     definitionId: (_details$meta$definit = details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.definitionId) !== null && _details$meta$definit !== void 0 ? _details$meta$definit : null,
     resourceType: (_details$meta$resourc = details === null || details === void 0 || (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.resourceType) !== null && _details$meta$resourc !== void 0 ? _details$meta$resourc : null
-  }, (0, _resolvedAttributes.getResolvedAttributes)(linkDetails, details, linkStatus, error));
+  }, (0, _getResolvedAttributes.getResolvedAttributes)(linkDetails, details, linkStatus, error));
 };
 var getSmartLinkAnalyticsContext = exports.getSmartLinkAnalyticsContext = function getSmartLinkAnalyticsContext(_ref) {
   var display = _ref.display,

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;
 };

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/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -10,7 +10,7 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
+var _StorageClient = require("@atlaskit/frontend-utilities/StorageClient");
 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 LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
@@ -30,7 +30,7 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
     testId = _ref.testId;
   var renderedTime = (0, _react.useRef)();
   var storageClient = (0, _react.useMemo)(function () {
-    return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
+    return new _StorageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
   }, []);
   var discovered = (0, _react.useMemo)(function () {
     try {

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

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/services/current-site-cloud-id/CurrentSiteCloudIdService.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 import { request } from '@atlaskit/linking-common';
 import { cloudIdStorageItemKey } from './cloudIdStorageItemKey';
 import { currentSiteCloudIdConstants } from './constants';

package/dist/es2019/state/services/personalization/PersonalizationService.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 import { personalizationConstants } from './constants';
 const smartCardStorage = new StorageClient(personalizationConstants.PERSONALIZATION_STORAGE_SCOPE);
 

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

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

@@ -1,4 +1,4 @@
-import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/get-resolved-attributes';
 import { context } from './analytics';
 const getExtendedResolvedAttributes = (linkDetails, details, linkStatus, error) => {
   var _details$meta$definit, _details$meta, _details$meta$resourc, _details$meta2;

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/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useRef } from 'react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 const LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 const LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
 const LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';

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

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/services/current-site-cloud-id/CurrentSiteCloudIdService.js

@@ -3,7 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 import { request } from '@atlaskit/linking-common';
 import { cloudIdStorageItemKey } from './cloudIdStorageItemKey';
 import { currentSiteCloudIdConstants } from './constants';

package/dist/esm/state/services/personalization/PersonalizationService.js

@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 import { personalizationConstants } from './constants';
 var smartCardStorage = new StorageClient(personalizationConstants.PERSONALIZATION_STORAGE_SCOPE);
 

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

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

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/get-resolved-attributes';
 import { context } from './analytics';
 var getExtendedResolvedAttributes = function getExtendedResolvedAttributes(linkDetails, details, linkStatus, error) {
   var _details$meta$definit, _details$meta, _details$meta$resourc, _details$meta2;

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

@@ -1,11 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["childRef", "className", "extensionKey"];
-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';
+var LazyEmbeddedConfluencePage = /*#__PURE__*/lazy(function () {
+  return 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`.
  */
 export var IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
@@ -13,9 +26,22 @@ export var IFrame = function IFrame(_ref) {
     extensionKey = _ref.extensionKey,
     props = _objectWithoutProperties(_ref, _excluded);
   var confluencePageData = useConfluencePageData(props.src || '', extensionKey || '');
+  var InjectedPage = 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.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,
@@ -31,13 +57,5 @@ export var 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.createElement("iframe", _extends({
-    className: className
-  }, props, {
-    ref: childRef,
-    title: props.title
-  }));
+  })) : fallbackIframe;
 };

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

@@ -0,0 +1,17 @@
+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.
+ */
+
+var 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 var EmbeddedConfluencePageProvider = EmbeddedConfluencePageContext.Provider;
+export var useEmbeddedConfluencePage = function useEmbeddedConfluencePage() {
+  return useContext(EmbeddedConfluencePageContext);
+};

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

@@ -0,0 +1,33 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/**
+ * 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 function loadEmbeddedConfluencePage() {
+  return _loadEmbeddedConfluencePage.apply(this, arguments);
+}
+function _loadEmbeddedConfluencePage() {
+  _loadEmbeddedConfluencePage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$import, Page;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 1;
+          return import( /* 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/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useRef } from 'react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
+import { StorageClient } from '@atlaskit/frontend-utilities/StorageClient';
 var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
 var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
 var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';

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

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

package/dist/types/entry-points/embedded-confluence-page.d.ts

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

package/dist/types/hooks/useConfluencePageData.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeState } from '@atlaskit/tokens/theme-config';
+import type { ThemeState } from '@atlaskit/tokens/theme-state';
 export declare enum userType {
     ATLASSIAN_ACCOUNT = "atlassianAccount",
     HASHED_EMAIL = "hashedEmail",

package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import type { getResolvedAttributes } from '@atlaskit/link-analytics/get-resolved-attributes';
 import { type context } from './analytics';
 export type SmartLinkAnalyticsContextProps = {
     children?: React.ReactNode;

package/dist/types/view/EmbedCard/components/IFrame.d.ts

@@ -5,7 +5,11 @@ interface IFrameProps {
     extensionKey?: string;
 }
 /**
- * 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 declare const IFrame: ({ childRef, className, extensionKey, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => React.JSX.Element;
 export {};

package/dist/types/view/EmbedCard/components/embedded-confluence-page-context.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentType, type MouseEventHandler, type Provider, type ReactEventHandler, type Ref } from 'react';
+/**
+ * Props forwarded to `@atlaskit/embedded-confluence` `Page` from the embed iframe.
+ * Kept local so this module never imports the Confluence package.
+ */
+export type EmbeddedConfluencePageProps = {
+    allowedFeatures?: unknown;
+    contentId: string;
+    hash?: string;
+    hostname: string;
+    iframeRef?: Ref<HTMLIFrameElement>;
+    locale?: string;
+    mode?: string;
+    onLoad?: ReactEventHandler<HTMLIFrameElement>;
+    onMouseEnter?: MouseEventHandler<HTMLIFrameElement>;
+    onMouseLeave?: MouseEventHandler<HTMLIFrameElement>;
+    parentProduct?: string;
+    sandbox?: string;
+    spaceKey: string;
+    themeState?: unknown;
+    userInfo?: unknown;
+};
+export type EmbeddedConfluencePageComponent = ComponentType<EmbeddedConfluencePageProps>;
+/**
+ * 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 declare const EmbeddedConfluencePageProvider: Provider<EmbeddedConfluencePageComponent | null>;
+export declare const useEmbeddedConfluencePage: () => EmbeddedConfluencePageComponent | null;

package/dist/types/view/EmbedCard/components/loadEmbeddedConfluencePage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 declare function loadEmbeddedConfluencePage(): Promise<(typeof import('@atlaskit/embedded-confluence'))['Page']>;

package/embedded-confluence-page/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/embedded-confluence-page",
+  "main": "../dist/cjs/entry-points/embedded-confluence-page.js",
+  "module": "../dist/esm/entry-points/embedded-confluence-page.js",
+  "module:es2019": "../dist/es2019/entry-points/embedded-confluence-page.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/embedded-confluence-page.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.21.8",
+	"version": "45.22.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		}
 	},
 	"scripts": {
-		"analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card --output ./src/common/analytics/generated",
+		"analytics:codegen": "afm workspace @atlassian/analytics-tooling analytics:codegen smart-card --output ./src/common/analytics/generated",
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
 	},
 	"dependencies": {
@@ -90,7 +90,7 @@
 		"@atlaskit/textfield": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
 		"@atlaskit/tile": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^186.0.0",
+		"@atlaskit/tmp-editor-statsig": "^187.0.0",
 		"@atlaskit/tokens": "^16.12.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/ufo": "^1.2.0",