@atlaskit/smart-card 40.20.1 → 40.20.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 40.20.2
+
+### Patch Changes
+
+- [`3f4271f8a0790`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f4271f8a0790) -
+  Replace LP-CC-EMBED iframe with embedded confluence iframe
+
 ## 40.20.1
 
 ### Patch Changes

package/dist/cjs/hooks/useConfluencePageData.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userType = exports.useConfluencePageData = exports.EMBEDDED_CONFLUENCE_MODE = exports.CONFLUENCE_EXTENSION_KEYS = void 0;
+var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _tokens = require("@atlaskit/tokens");
+var userType = exports.userType = /*#__PURE__*/function (userType) {
+  userType["ATLASSIAN_ACCOUNT"] = "atlassianAccount";
+  userType["HASHED_EMAIL"] = "hashedEmail";
+  userType["LOOM"] = "loom";
+  userType["TRELLO"] = "trello";
+  userType["OPSGENIE"] = "opsgenie";
+  userType["JA_USER_ID"] = "jiraAlign";
+  userType["HALP"] = "halp";
+  return userType;
+}({});
+var EMBEDDED_CONFLUENCE_MODE = exports.EMBEDDED_CONFLUENCE_MODE = /*#__PURE__*/function (EMBEDDED_CONFLUENCE_MODE) {
+  EMBEDDED_CONFLUENCE_MODE["VIEW_MODE"] = "view";
+  EMBEDDED_CONFLUENCE_MODE["EDIT_MODE"] = "edit";
+  return EMBEDDED_CONFLUENCE_MODE;
+}({});
+var CONFLUENCE_EXTENSION_KEYS = exports.CONFLUENCE_EXTENSION_KEYS = /*#__PURE__*/function (CONFLUENCE_EXTENSION_KEYS) {
+  CONFLUENCE_EXTENSION_KEYS["PAGE"] = "integration-confluence-object-provider";
+  CONFLUENCE_EXTENSION_KEYS["CANVAS"] = "canvas-native-object-provider";
+  return CONFLUENCE_EXTENSION_KEYS;
+}({});
+var useConfluencePageData = exports.useConfluencePageData = function useConfluencePageData(url, extensionKey) {
+  var parsedData = (0, _react.useMemo)(function () {
+    if (!(0, _platformFeatureFlags.fg)('platform_deprecate_lp_cc_embed')) {
+      return undefined;
+    }
+    if (!url || typeof url !== 'string' || !url.startsWith('http://') && !url.startsWith('https://') || !extensionKey || !Object.values(CONFLUENCE_EXTENSION_KEYS).find(function (key) {
+      return key === extensionKey;
+    })) {
+      return undefined;
+    }
+    var urlObj;
+    try {
+      urlObj = new URL(url);
+    } catch (_unused) {
+      return undefined;
+    }
+    var _urlObj = urlObj,
+      searchParams = _urlObj.searchParams,
+      hash = _urlObj.hash;
+    var hostname = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('hostname')) || '';
+    var contentId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('contentId')) || '';
+    var spaceKey = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('spaceKey')) || '';
+
+    // Early return for invalid URLs
+    if (!contentId || !hostname) {
+      return undefined;
+    }
+    var themeState = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeState')) || '';
+    var themeMode = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeMode');
+    var enableInlineComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enableInlineComments')) === 'true';
+    var enablePageComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enablePageComments')) === 'true';
+    var userId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userId')) || '';
+    var userIdType = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userInfo')) || undefined;
+    var parentProduct = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('parentProduct')) || '';
+    var inlineComments = enableInlineComments ? ['inline-comments'] : [];
+    var pageComments = enablePageComments ? ['page-comments'] : [];
+
+    // Calculate theme state object here
+    var calculatedThemeStateObject;
+    if (themeState) {
+      calculatedThemeStateObject = (0, _tokens.themeStringToObject)(decodeURIComponent(themeState));
+    } else if (themeMode) {
+      calculatedThemeStateObject = {
+        colorMode: themeMode
+      };
+    }
+    return {
+      hostname: hostname,
+      spaceKey: spaceKey,
+      contentId: contentId,
+      parentProduct: parentProduct,
+      userId: userId,
+      userIdType: userIdType,
+      hash: hash || '',
+      enableInlineComments: enableInlineComments,
+      enablePageComments: enablePageComments,
+      themeStateObject: calculatedThemeStateObject,
+      allowedFeatures: {
+        edit: ['delete-draft'],
+        view: ['byline-contributors', 'byline-extensions', 'page-reactions'].concat(pageComments, inlineComments)
+      },
+      mode: EMBEDDED_CONFLUENCE_MODE.VIEW_MODE,
+      locale: 'en'
+    };
+  }, [url, extensionKey]);
+
+  // Handle theme side effect - only when theme object changes
+  (0, _react.useEffect)(function () {
+    if (parsedData !== null && parsedData !== void 0 && parsedData.themeStateObject) {
+      (0, _tokens.setGlobalTheme)(parsedData.themeStateObject);
+    }
+  }, [parsedData === null || parsedData === void 0 ? void 0 : parsedData.themeStateObject]);
+  return parsedData;
+};

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

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

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

@@ -35,7 +35,8 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
-    title = _ref.title;
+    title = _ref.title,
+    extensionKey = _ref.extensionKey;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isIframeLoaded = _useState2[0],
@@ -124,6 +125,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
     },
     sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: (0, _runtime.ax)(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

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

@@ -8,16 +8,45 @@ 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 _excluded = ["childRef", "className"];
+var _embeddedConfluence = require("@atlaskit/embedded-confluence");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useConfluencePageData = require("../../../hooks/useConfluencePageData");
+var _excluded = ["childRef", "className", "extensionKey"];
 /**
  * Iframe element isolated for DI purposes
  */
 var IFrame = exports.IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
+    extensionKey = _ref.extensionKey,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var confluencePageData = (0, _platformFeatureFlags.fg)('platform_deprecate_lp_cc_embed') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _useConfluencePageData.useConfluencePageData)(props.src || '', extensionKey || '') : undefined;
+
+  // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
+  return confluencePageData && (0, _platformFeatureFlags.fg)('platform_deprecate_lp_cc_embed') ? /*#__PURE__*/_react.default.createElement(_embeddedConfluence.Page, {
+    hostname: confluencePageData.hostname,
+    spaceKey: confluencePageData.spaceKey,
+    contentId: confluencePageData.contentId,
+    parentProduct: confluencePageData.parentProduct
+    // @ts-expect-error - TODO userId is not a valid prop for the Page component, need to look into this, why did they do this in POC PR
+    ,
+    userId: confluencePageData.userId,
+    userIdType: confluencePageData.userIdType,
+    hash: confluencePageData.hash,
+    enableInlineComments: confluencePageData.enableInlineComments,
+    enablePageComments: confluencePageData.enablePageComments,
+    themeStateObject: confluencePageData.themeStateObject,
+    allowedFeatures: confluencePageData.allowedFeatures,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale,
+    viewComponent: _embeddedConfluence.ViewPage,
+    editComponent: _embeddedConfluence.EditPage
+  }) :
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  return /*#__PURE__*/_react.default.createElement("iframe", (0, _extends2.default)({
+  _react.default.createElement("iframe", (0, _extends2.default)({
     className: className
   }, props, {
     ref: childRef,

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

@@ -112,7 +112,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           onIframeFocus: onIframeFocus,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton
+          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
+          extensionKey: extensionKey
         }));
       } else {
         if (platform === 'mobile') {
@@ -170,7 +171,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           isSelected: isSelected,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
-          ref: iframeRef
+          ref: iframeRef,
+          extensionKey: extensionKey
         }));
       }
       var forbiddenAccessContext = (0, _extractAccessContext.extractRequestAccessContextImproved)({

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -31,7 +31,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     isSupportTheming = _ref.isSupportTheming,
     type = _ref.type,
     CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    extensionKey = _ref.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
@@ -84,6 +85,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     ref: embedIframeRef,
     onIframeDwell: onIframeDwell,
     onIframeFocus: onIframeFocus,
-    title: text
+    title: text,
+    extensionKey: extensionKey
   }));
 });

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -12,6 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../../../utils");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
 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); }
@@ -21,7 +22,8 @@ var EmbedContent = function EmbedContent(_ref) {
     name = _ref.name,
     src = _ref.src,
     testId = _ref.testId,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    extensionKey = _ref.extensionKey;
   var sandbox = (0, _utils.getIframeSandboxAttribute)(isTrusted);
   var props = {
     frameBorder: 0,
@@ -32,7 +34,9 @@ var EmbedContent = function EmbedContent(_ref) {
   };
   return /*#__PURE__*/React.createElement(_IFrame.IFrame, (0, _extends2.default)({
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
-  }, props, {
+  }, (0, _platformFeatureFlags.fg)('platform_deprecate_lp_cc_embed') ? {
+    extensionKey: extensionKey
+  } : {}, props, {
     className: (0, _runtime.ax)(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -47,7 +47,8 @@ var EmbedModal = function EmbedModal(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
     title = _ref.title,
-    invokeViewAction = _ref.invokeViewAction;
+    invokeViewAction = _ref.invokeViewAction,
+    extensionKey = _ref.extensionKey;
   var defaultWidth = toWidth(size);
   var _useState = (0, _react.useState)(showModal),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -128,7 +129,8 @@ var EmbedModal = function EmbedModal(_ref) {
     name: iframeName,
     src: previewUrl,
     testId: testId,
-    ariaLabel: title
+    ariaLabel: title,
+    extensionKey: extensionKey
   }))));
 };
 var _default = exports.default = (0, _analytics.default)((0, _errorBoundary.default)(EmbedModal));

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

@@ -21,7 +21,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.20.0",
+  packageVersion: "40.20.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/hooks/useConfluencePageData.js

@@ -0,0 +1,96 @@
+import { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { setGlobalTheme, themeStringToObject } from '@atlaskit/tokens';
+export let userType = /*#__PURE__*/function (userType) {
+  userType["ATLASSIAN_ACCOUNT"] = "atlassianAccount";
+  userType["HASHED_EMAIL"] = "hashedEmail";
+  userType["LOOM"] = "loom";
+  userType["TRELLO"] = "trello";
+  userType["OPSGENIE"] = "opsgenie";
+  userType["JA_USER_ID"] = "jiraAlign";
+  userType["HALP"] = "halp";
+  return userType;
+}({});
+export let EMBEDDED_CONFLUENCE_MODE = /*#__PURE__*/function (EMBEDDED_CONFLUENCE_MODE) {
+  EMBEDDED_CONFLUENCE_MODE["VIEW_MODE"] = "view";
+  EMBEDDED_CONFLUENCE_MODE["EDIT_MODE"] = "edit";
+  return EMBEDDED_CONFLUENCE_MODE;
+}({});
+export let CONFLUENCE_EXTENSION_KEYS = /*#__PURE__*/function (CONFLUENCE_EXTENSION_KEYS) {
+  CONFLUENCE_EXTENSION_KEYS["PAGE"] = "integration-confluence-object-provider";
+  CONFLUENCE_EXTENSION_KEYS["CANVAS"] = "canvas-native-object-provider";
+  return CONFLUENCE_EXTENSION_KEYS;
+}({});
+export const useConfluencePageData = (url, extensionKey) => {
+  const parsedData = useMemo(() => {
+    if (!fg('platform_deprecate_lp_cc_embed')) {
+      return undefined;
+    }
+    if (!url || typeof url !== 'string' || !url.startsWith('http://') && !url.startsWith('https://') || !extensionKey || !Object.values(CONFLUENCE_EXTENSION_KEYS).find(key => key === extensionKey)) {
+      return undefined;
+    }
+    let urlObj;
+    try {
+      urlObj = new URL(url);
+    } catch {
+      return undefined;
+    }
+    const {
+      searchParams,
+      hash
+    } = urlObj;
+    const hostname = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('hostname')) || '';
+    const contentId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('contentId')) || '';
+    const spaceKey = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('spaceKey')) || '';
+
+    // Early return for invalid URLs
+    if (!contentId || !hostname) {
+      return undefined;
+    }
+    const themeState = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeState')) || '';
+    const themeMode = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeMode');
+    const enableInlineComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enableInlineComments')) === 'true';
+    const enablePageComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enablePageComments')) === 'true';
+    const userId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userId')) || '';
+    const userIdType = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userInfo')) || undefined;
+    const parentProduct = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('parentProduct')) || '';
+    const inlineComments = enableInlineComments ? ['inline-comments'] : [];
+    const pageComments = enablePageComments ? ['page-comments'] : [];
+
+    // Calculate theme state object here
+    let calculatedThemeStateObject;
+    if (themeState) {
+      calculatedThemeStateObject = themeStringToObject(decodeURIComponent(themeState));
+    } else if (themeMode) {
+      calculatedThemeStateObject = {
+        colorMode: themeMode
+      };
+    }
+    return {
+      hostname,
+      spaceKey,
+      contentId,
+      parentProduct,
+      userId,
+      userIdType,
+      hash: hash || '',
+      enableInlineComments,
+      enablePageComments,
+      themeStateObject: calculatedThemeStateObject,
+      allowedFeatures: {
+        edit: ['delete-draft'],
+        view: ['byline-contributors', 'byline-extensions', 'page-reactions', ...pageComments, ...inlineComments]
+      },
+      mode: EMBEDDED_CONFLUENCE_MODE.VIEW_MODE,
+      locale: 'en'
+    };
+  }, [url, extensionKey]);
+
+  // Handle theme side effect - only when theme object changes
+  useEffect(() => {
+    if (parsedData !== null && parsedData !== void 0 && parsedData.themeStateObject) {
+      setGlobalTheme(parsedData.themeStateObject);
+    }
+  }, [parsedData === null || parsedData === void 0 ? void 0 : parsedData.themeStateObject]);
+  return parsedData;
+};

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

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

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

@@ -24,7 +24,8 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
   testId,
   onIframeDwell,
   onIframeFocus,
-  title
+  title,
+  extensionKey
 }, iframeRef) => {
   const [isIframeLoaded, setIframeLoaded] = useState(false);
   const [isMouseOver, setMouseOver] = useState(false);
@@ -96,6 +97,7 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
     },
     sandbox: getIframeSandboxAttribute(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

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

@@ -1,15 +1,44 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { EditPage, Page, ViewPage } from '@atlaskit/embedded-confluence';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useConfluencePageData } from '../../../hooks/useConfluencePageData';
 /**
  * Iframe element isolated for DI purposes
  */
 export const IFrame = ({
   childRef,
   className,
+  extensionKey,
   ...props
 }) => {
+  const confluencePageData = fg('platform_deprecate_lp_cc_embed') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useConfluencePageData(props.src || '', extensionKey || '') : undefined;
+
+  // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
+  return confluencePageData && fg('platform_deprecate_lp_cc_embed') ? /*#__PURE__*/React.createElement(Page, {
+    hostname: confluencePageData.hostname,
+    spaceKey: confluencePageData.spaceKey,
+    contentId: confluencePageData.contentId,
+    parentProduct: confluencePageData.parentProduct
+    // @ts-expect-error - TODO userId is not a valid prop for the Page component, need to look into this, why did they do this in POC PR
+    ,
+    userId: confluencePageData.userId,
+    userIdType: confluencePageData.userIdType,
+    hash: confluencePageData.hash,
+    enableInlineComments: confluencePageData.enableInlineComments,
+    enablePageComments: confluencePageData.enablePageComments,
+    themeStateObject: confluencePageData.themeStateObject,
+    allowedFeatures: confluencePageData.allowedFeatures,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale,
+    viewComponent: ViewPage,
+    editComponent: EditPage
+  }) :
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  return /*#__PURE__*/React.createElement("iframe", _extends({
+  React.createElement("iframe", _extends({
     className: className
   }, props, {
     ref: childRef,

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

@@ -109,7 +109,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           onIframeFocus: onIframeFocus,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton
+          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
+          extensionKey: extensionKey
         }));
       } else {
         if (platform === 'mobile') {
@@ -167,7 +168,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           isSelected: isSelected,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
-          ref: iframeRef
+          ref: iframeRef,
+          extensionKey: extensionKey
         }));
       }
       const forbiddenAccessContext = extractRequestAccessContextImproved({

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -23,7 +23,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   isSupportTheming,
   type,
   CompetitorPrompt,
-  hideIconLoadingSkeleton
+  hideIconLoadingSkeleton,
+  extensionKey
 }, embedIframeRef) => {
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
@@ -75,6 +76,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     ref: embedIframeRef,
     onIframeDwell: onIframeDwell,
     onIframeFocus: onIframeFocus,
-    title: text
+    title: text,
+    extensionKey: extensionKey
   }));
 });

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 const iframeCss = null;
@@ -12,7 +13,8 @@ const EmbedContent = ({
   name,
   src,
   testId,
-  ariaLabel
+  ariaLabel,
+  extensionKey
 }) => {
   const sandbox = getIframeSandboxAttribute(isTrusted);
   const props = {
@@ -24,7 +26,9 @@ const EmbedContent = ({
   };
   return /*#__PURE__*/React.createElement(IFrame, _extends({
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : `${testId}-embed`
-  }, props, {
+  }, fg('platform_deprecate_lp_cc_embed') ? {
+    extensionKey
+  } : {}, props, {
     className: ax(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -30,7 +30,8 @@ const EmbedModal = ({
   src,
   testId = 'smart-embed-preview-modal',
   title,
-  invokeViewAction
+  invokeViewAction,
+  extensionKey
 }) => {
   const defaultWidth = toWidth(size);
   const [isOpen, setIsOpen] = useState(showModal);
@@ -104,7 +105,8 @@ const EmbedModal = ({
     name: iframeName,
     src: previewUrl,
     testId: testId,
-    ariaLabel: title
+    ariaLabel: title,
+    extensionKey: extensionKey
   }))));
 };
 export default withAnalytics(withErrorBoundary(EmbedModal));

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.20.0",
+  packageVersion: "40.20.1",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/hooks/useConfluencePageData.js

@@ -0,0 +1,97 @@
+import { useEffect, useMemo } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { setGlobalTheme, themeStringToObject } from '@atlaskit/tokens';
+export var userType = /*#__PURE__*/function (userType) {
+  userType["ATLASSIAN_ACCOUNT"] = "atlassianAccount";
+  userType["HASHED_EMAIL"] = "hashedEmail";
+  userType["LOOM"] = "loom";
+  userType["TRELLO"] = "trello";
+  userType["OPSGENIE"] = "opsgenie";
+  userType["JA_USER_ID"] = "jiraAlign";
+  userType["HALP"] = "halp";
+  return userType;
+}({});
+export var EMBEDDED_CONFLUENCE_MODE = /*#__PURE__*/function (EMBEDDED_CONFLUENCE_MODE) {
+  EMBEDDED_CONFLUENCE_MODE["VIEW_MODE"] = "view";
+  EMBEDDED_CONFLUENCE_MODE["EDIT_MODE"] = "edit";
+  return EMBEDDED_CONFLUENCE_MODE;
+}({});
+export var CONFLUENCE_EXTENSION_KEYS = /*#__PURE__*/function (CONFLUENCE_EXTENSION_KEYS) {
+  CONFLUENCE_EXTENSION_KEYS["PAGE"] = "integration-confluence-object-provider";
+  CONFLUENCE_EXTENSION_KEYS["CANVAS"] = "canvas-native-object-provider";
+  return CONFLUENCE_EXTENSION_KEYS;
+}({});
+export var useConfluencePageData = function useConfluencePageData(url, extensionKey) {
+  var parsedData = useMemo(function () {
+    if (!fg('platform_deprecate_lp_cc_embed')) {
+      return undefined;
+    }
+    if (!url || typeof url !== 'string' || !url.startsWith('http://') && !url.startsWith('https://') || !extensionKey || !Object.values(CONFLUENCE_EXTENSION_KEYS).find(function (key) {
+      return key === extensionKey;
+    })) {
+      return undefined;
+    }
+    var urlObj;
+    try {
+      urlObj = new URL(url);
+    } catch (_unused) {
+      return undefined;
+    }
+    var _urlObj = urlObj,
+      searchParams = _urlObj.searchParams,
+      hash = _urlObj.hash;
+    var hostname = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('hostname')) || '';
+    var contentId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('contentId')) || '';
+    var spaceKey = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('spaceKey')) || '';
+
+    // Early return for invalid URLs
+    if (!contentId || !hostname) {
+      return undefined;
+    }
+    var themeState = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeState')) || '';
+    var themeMode = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('themeMode');
+    var enableInlineComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enableInlineComments')) === 'true';
+    var enablePageComments = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('enablePageComments')) === 'true';
+    var userId = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userId')) || '';
+    var userIdType = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('userInfo')) || undefined;
+    var parentProduct = (searchParams === null || searchParams === void 0 ? void 0 : searchParams.get('parentProduct')) || '';
+    var inlineComments = enableInlineComments ? ['inline-comments'] : [];
+    var pageComments = enablePageComments ? ['page-comments'] : [];
+
+    // Calculate theme state object here
+    var calculatedThemeStateObject;
+    if (themeState) {
+      calculatedThemeStateObject = themeStringToObject(decodeURIComponent(themeState));
+    } else if (themeMode) {
+      calculatedThemeStateObject = {
+        colorMode: themeMode
+      };
+    }
+    return {
+      hostname: hostname,
+      spaceKey: spaceKey,
+      contentId: contentId,
+      parentProduct: parentProduct,
+      userId: userId,
+      userIdType: userIdType,
+      hash: hash || '',
+      enableInlineComments: enableInlineComments,
+      enablePageComments: enablePageComments,
+      themeStateObject: calculatedThemeStateObject,
+      allowedFeatures: {
+        edit: ['delete-draft'],
+        view: ['byline-contributors', 'byline-extensions', 'page-reactions'].concat(pageComments, inlineComments)
+      },
+      mode: EMBEDDED_CONFLUENCE_MODE.VIEW_MODE,
+      locale: 'en'
+    };
+  }, [url, extensionKey]);
+
+  // Handle theme side effect - only when theme object changes
+  useEffect(function () {
+    if (parsedData !== null && parsedData !== void 0 && parsedData.themeStateObject) {
+      setGlobalTheme(parsedData.themeStateObject);
+    }
+  }, [parsedData === null || parsedData === void 0 ? void 0 : parsedData.themeStateObject]);
+  return parsedData;
+};

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

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

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

@@ -26,7 +26,8 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
-    title = _ref.title;
+    title = _ref.title,
+    extensionKey = _ref.extensionKey;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIframeLoaded = _useState2[0],
@@ -115,6 +116,7 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     },
     sandbox: getIframeSandboxAttribute(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

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

@@ -1,16 +1,45 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["childRef", "className"];
+var _excluded = ["childRef", "className", "extensionKey"];
 import React from 'react';
+import { EditPage, Page, ViewPage } from '@atlaskit/embedded-confluence';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useConfluencePageData } from '../../../hooks/useConfluencePageData';
 /**
  * Iframe element isolated for DI purposes
  */
 export var IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
+    extensionKey = _ref.extensionKey,
     props = _objectWithoutProperties(_ref, _excluded);
+  var confluencePageData = fg('platform_deprecate_lp_cc_embed') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useConfluencePageData(props.src || '', extensionKey || '') : undefined;
+
+  // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
+  return confluencePageData && fg('platform_deprecate_lp_cc_embed') ? /*#__PURE__*/React.createElement(Page, {
+    hostname: confluencePageData.hostname,
+    spaceKey: confluencePageData.spaceKey,
+    contentId: confluencePageData.contentId,
+    parentProduct: confluencePageData.parentProduct
+    // @ts-expect-error - TODO userId is not a valid prop for the Page component, need to look into this, why did they do this in POC PR
+    ,
+    userId: confluencePageData.userId,
+    userIdType: confluencePageData.userIdType,
+    hash: confluencePageData.hash,
+    enableInlineComments: confluencePageData.enableInlineComments,
+    enablePageComments: confluencePageData.enablePageComments,
+    themeStateObject: confluencePageData.themeStateObject,
+    allowedFeatures: confluencePageData.allowedFeatures,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale,
+    viewComponent: ViewPage,
+    editComponent: EditPage
+  }) :
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  return /*#__PURE__*/React.createElement("iframe", _extends({
+  React.createElement("iframe", _extends({
     className: className
   }, props, {
     ref: childRef,

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

@@ -104,7 +104,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
           onIframeFocus: onIframeFocus,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton
+          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
+          extensionKey: extensionKey
         }));
       } else {
         if (platform === 'mobile') {
@@ -162,7 +163,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
           isSelected: isSelected,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
-          ref: iframeRef
+          ref: iframeRef,
+          extensionKey: extensionKey
         }));
       }
       var forbiddenAccessContext = extractRequestAccessContextImproved({

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -24,7 +24,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     isSupportTheming = _ref.isSupportTheming,
     type = _ref.type,
     CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    extensionKey = _ref.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
@@ -77,6 +78,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: embedIframeRef,
     onIframeDwell: onIframeDwell,
     onIframeFocus: onIframeFocus,
-    title: text
+    title: text,
+    extensionKey: extensionKey
   }));
 });

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -4,6 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 var iframeCss = null;
@@ -12,7 +13,8 @@ var EmbedContent = function EmbedContent(_ref) {
     name = _ref.name,
     src = _ref.src,
     testId = _ref.testId,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    extensionKey = _ref.extensionKey;
   var sandbox = getIframeSandboxAttribute(isTrusted);
   var props = {
     frameBorder: 0,
@@ -23,7 +25,9 @@ var EmbedContent = function EmbedContent(_ref) {
   };
   return /*#__PURE__*/React.createElement(IFrame, _extends({
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
-  }, props, {
+  }, fg('platform_deprecate_lp_cc_embed') ? {
+    extensionKey: extensionKey
+  } : {}, props, {
     className: ax(["_1bsb1osq _4t3i815d"])
   }));
 };

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

@@ -38,7 +38,8 @@ var EmbedModal = function EmbedModal(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
     title = _ref.title,
-    invokeViewAction = _ref.invokeViewAction;
+    invokeViewAction = _ref.invokeViewAction,
+    extensionKey = _ref.extensionKey;
   var defaultWidth = toWidth(size);
   var _useState = useState(showModal),
     _useState2 = _slicedToArray(_useState, 2),
@@ -119,7 +120,8 @@ var EmbedModal = function EmbedModal(_ref) {
     name: iframeName,
     src: previewUrl,
     testId: testId,
-    ariaLabel: title
+    ariaLabel: title,
+    extensionKey: extensionKey
   }))));
 };
 export default withAnalytics(withErrorBoundary(EmbedModal));

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

@@ -14,7 +14,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.20.0",
+  packageVersion: "40.20.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

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

@@ -0,0 +1,39 @@
+export declare enum userType {
+    ATLASSIAN_ACCOUNT = "atlassianAccount",
+    HASHED_EMAIL = "hashedEmail",
+    LOOM = "loom",
+    TRELLO = "trello",
+    OPSGENIE = "opsgenie",
+    JA_USER_ID = "jiraAlign",
+    HALP = "halp"
+}
+export type PageAllowedFeatures = {
+    edit: string[];
+    view: string[];
+};
+export declare enum EMBEDDED_CONFLUENCE_MODE {
+    VIEW_MODE = "view",
+    EDIT_MODE = "edit"
+}
+export declare enum CONFLUENCE_EXTENSION_KEYS {
+    PAGE = "integration-confluence-object-provider",
+    CANVAS = "canvas-native-object-provider"
+}
+export declare const useConfluencePageData: (url: string, extensionKey: string) => {
+    hostname: string;
+    spaceKey: string;
+    contentId: string;
+    parentProduct: string;
+    userId: string;
+    userIdType: userType;
+    hash: string;
+    enableInlineComments: boolean;
+    enablePageComments: boolean;
+    themeStateObject: Partial<import("@atlaskit/tokens").ThemeState> | undefined;
+    allowedFeatures: {
+        edit: string[];
+        view: string[];
+    };
+    mode: EMBEDDED_CONFLUENCE_MODE;
+    locale: string;
+} | undefined;

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 export interface FrameProps {
+    extensionKey?: string;
     isTrusted?: boolean;
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
     onIframeFocus?: () => void;

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

@@ -2,9 +2,10 @@ import React from 'react';
 interface IFrameProps {
     childRef?: React.Ref<HTMLIFrameElement>;
     className?: string;
+    extensionKey?: string;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
+export declare const IFrame: ({ childRef, className, extensionKey, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
 export {};

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -8,6 +8,8 @@ export interface EmbedCardResolvedViewProps {
     }>;
     /** The context view model */
     context?: ContextViewModel;
+    /** The extension key */
+    extensionKey?: string;
     /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
     frameStyle?: FrameStyle;
     /** For image icons in the title, whether to hide the loading skeleton while the image is loading. */

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,3 +1,3 @@
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel }: EmbedProps) => JSX.Element;
+declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel, extensionKey }: EmbedProps) => JSX.Element;
 export default EmbedContent;

package/dist/types/view/EmbedModal/components/embed-content/types.d.ts

@@ -1,5 +1,6 @@
 export type EmbedProps = {
     ariaLabel?: string;
+    extensionKey?: string;
     isTrusted: boolean;
     name: string;
     src?: string;

package/dist/types/view/EmbedModal/types.d.ts

@@ -12,6 +12,7 @@ export type EmbedModalContext = {
     size: EmbedModalSize;
 };
 export type EmbedModalProps = {
+    extensionKey?: string;
     fireEvent?: FireEventFunction;
     iframeName: string;
     invokeDownloadAction?: InvokeClientActionProps;

package/dist/types-ts4.5/hooks/useConfluencePageData.d.ts

@@ -0,0 +1,39 @@
+export declare enum userType {
+    ATLASSIAN_ACCOUNT = "atlassianAccount",
+    HASHED_EMAIL = "hashedEmail",
+    LOOM = "loom",
+    TRELLO = "trello",
+    OPSGENIE = "opsgenie",
+    JA_USER_ID = "jiraAlign",
+    HALP = "halp"
+}
+export type PageAllowedFeatures = {
+    edit: string[];
+    view: string[];
+};
+export declare enum EMBEDDED_CONFLUENCE_MODE {
+    VIEW_MODE = "view",
+    EDIT_MODE = "edit"
+}
+export declare enum CONFLUENCE_EXTENSION_KEYS {
+    PAGE = "integration-confluence-object-provider",
+    CANVAS = "canvas-native-object-provider"
+}
+export declare const useConfluencePageData: (url: string, extensionKey: string) => {
+    hostname: string;
+    spaceKey: string;
+    contentId: string;
+    parentProduct: string;
+    userId: string;
+    userIdType: userType;
+    hash: string;
+    enableInlineComments: boolean;
+    enablePageComments: boolean;
+    themeStateObject: Partial<import("@atlaskit/tokens").ThemeState> | undefined;
+    allowedFeatures: {
+        edit: string[];
+        view: string[];
+    };
+    mode: EMBEDDED_CONFLUENCE_MODE;
+    locale: string;
+} | undefined;

package/dist/types-ts4.5/view/EmbedCard/components/Frame.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 export interface FrameProps {
+    extensionKey?: string;
     isTrusted?: boolean;
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
     onIframeFocus?: () => void;

package/dist/types-ts4.5/view/EmbedCard/components/IFrame.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 interface IFrameProps {
     childRef?: React.Ref<HTMLIFrameElement>;
     className?: string;
+    extensionKey?: string;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
+export declare const IFrame: ({ childRef, className, extensionKey, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/view/EmbedCard/views/ResolvedView.d.ts

@@ -8,6 +8,8 @@ export interface EmbedCardResolvedViewProps {
     }>;
     /** The context view model */
     context?: ContextViewModel;
+    /** The extension key */
+    extensionKey?: string;
     /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
     frameStyle?: FrameStyle;
     /** For image icons in the title, whether to hide the loading skeleton while the image is loading. */

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,3 +1,3 @@
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel }: EmbedProps) => JSX.Element;
+declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel, extensionKey }: EmbedProps) => JSX.Element;
 export default EmbedContent;

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/types.d.ts

@@ -1,5 +1,6 @@
 export type EmbedProps = {
     ariaLabel?: string;
+    extensionKey?: string;
     isTrusted: boolean;
     name: string;
     src?: string;

package/dist/types-ts4.5/view/EmbedModal/types.d.ts

@@ -12,6 +12,7 @@ export type EmbedModalContext = {
     size: EmbedModalSize;
 };
 export type EmbedModalProps = {
+    extensionKey?: string;
     fireEvent?: FireEventFunction;
     iframeName: string;
     invokeDownloadAction?: InvokeClientActionProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.20.1",
+	"version": "40.20.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,6 +35,7 @@
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
+		"@atlaskit/embedded-confluence": "^4.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^12.5.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
@@ -223,6 +224,9 @@
 		"ptc-enable-embed-team-smart-links": {
 			"type": "boolean"
 		},
+		"platform_deprecate_lp_cc_embed": {
+			"type": "boolean"
+		},
 		"navx-1483-a11y-close-button-in-modal-updates": {
 			"type": "boolean"
 		},