@atlaskit/smart-card 45.21.9 → 45.22.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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

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/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/es2019/entry-points/embedded-confluence-page.js

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

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/esm/entry-points/embedded-confluence-page.js

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

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/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/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.9",
+	"version": "45.22.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"