@atlaskit/smart-card 42.0.3 → 42.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/smart-card
 
+## 42.1.0
+
+### Minor Changes
+
+- [`3f8d5676ea34c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f8d5676ea34c) -
+  Maintain parity between Page and smart-card by passing relevant refs/callbacks
+
+### Patch Changes
+
+- [`a4a837dc45834`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4a837dc45834) -
+  Adds an analytic event to the hover card preview action as part of the preview panel experiment
+
+## 42.0.4
+
+### Patch Changes
+
+- [`d2f3f4fa7f968`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2f3f4fa7f968) -
+  Revert of revert PR AI3W-1203, also add FF and tests
+- [`8fdc963ebe27a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8fdc963ebe27a) -
+  Replace LP-CC-EMBED iframe with embedded confluence iframe
+- [`169f5e028cdb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/169f5e028cdb2) -
+  NAVX-1911 Adding example in smart-card docs for ui.removeBlockRestriction
+- Updated dependencies
+
 ## 42.0.3
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -558,6 +558,23 @@ events:
           required: false
           type: boolean
           description: Whether a modifier key was pressed when clicking the Smart Link.
+  - smartLink clicked (previewHoverCard):
+      type: ui
+      description: fires an event that represents when a user clicks on a Smart Link to open a preview panel.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
+        id:
+          required: true
+          type: string
+          description: The unique ID for this Smart Link.
+        display:
+          required: true
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          description: Whether the card was an Inline, Block, Embed or Flexible UI
+        previewType:
+          required: true
+          type: ['modal', 'panel']
+          description: What format the preview is in.
   - hoverCard viewed:
       type: ui
       description: fires an event that represents a hover preview being opened.

package/dist/cjs/common/analytics/generated/create-event-payload.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::eb8cd1263459fb798341024dc0c461ea>>
+ * @codegen <<SignedSource::f914fb83fac56e7154ef460866628f7d>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 

package/dist/cjs/common/analytics/generated/use-analytics-events.js

@@ -14,7 +14,7 @@ var _createEventPayload = _interopRequireDefault(require("./create-event-payload
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::1f3587129789e7883af37adad3817cd2>>
+ * @codegen <<SignedSource::676f76a2e45920437adc8c35a9af8b37>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 

package/dist/cjs/common/ui/icons/generic-error-icon.js

@@ -1,4 +1,4 @@
-/* generic-error-icon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* generic-error-icon.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -47,6 +47,19 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
   if (!(0, _canShowAction.canShowAction)(_index.CardAction.PreviewAction, actionOptions)) {
     return;
   }
+
+  /* Analytics UI event for preview action created to support tracking of preview actions as the experiment rolls out */
+  var firePreviewActionUIEvent = function firePreviewActionUIEvent(_ref) {
+    var previewType = _ref.previewType;
+    if (!(0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') || origin !== 'smartLinkPreviewHoverCard' || !fireEvent) {
+      return;
+    }
+    fireEvent('ui.smartLink.clicked.previewHoverCard', {
+      id: id || '',
+      display: 'hoverCardPreview',
+      previewType: previewType
+    });
+  };
   var src = (_extractPreviewData = (0, _linkExtractors.extractPreview)(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;
   if (src) {
     var extensionKey = (0, _helpers.getExtensionKey)(response);
@@ -59,7 +72,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!hasPreviewPanel) {
-                    _context.next = 6;
+                    _context.next = 7;
                     break;
                   }
                   resolvedUrl = url;
@@ -73,10 +86,13 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     name: name,
                     iconUrl: undefined
                   });
-                  _context.next = 8;
+                  (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
+                    previewType: 'panel'
+                  });
+                  _context.next = 10;
                   break;
-                case 6:
-                  _context.next = 8;
+                case 7:
+                  _context.next = 9;
                   return (0, _utils.openEmbedModal)(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
@@ -96,7 +112,11 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   }, (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && {
                     isInPreviewPanel: isInPreviewPanel
                   }));
-                case 8:
+                case 9:
+                  (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
+                    previewType: 'modal'
+                  });
+                case 10:
                 case "end":
                   return _context.stop();
               }

package/dist/cjs/hooks/useConfluencePageData.js

@@ -73,13 +73,16 @@ var useConfluencePageData = exports.useConfluencePageData = function useConfluen
         colorMode: themeMode
       };
     }
+    var calculatedUserInfo = userId && userIdType ? {
+      userId: userId,
+      userIdType: userIdType
+    } : undefined;
     return {
       hostname: hostname,
       spaceKey: spaceKey,
       contentId: contentId,
       parentProduct: parentProduct,
-      userId: userId,
-      userIdType: userIdType,
+      userInfo: calculatedUserInfo,
       hash: hash || '',
       enableInlineComments: enableInlineComments,
       enablePageComments: enablePageComments,

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

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

@@ -1,4 +1,4 @@
-/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* NotFoundView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* NotFoundView.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/BlockCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -1,4 +1,4 @@
-/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/view/CardWithUrl/component.js

@@ -26,6 +26,7 @@ var _BlockCard = require("../BlockCard");
 var _EmbedCard = require("../EmbedCard");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
 var _InlineCard = require("../InlineCard");
+var _useSmartLinkEvents = require("../SmartLinkEvents/useSmartLinkEvents");
 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 thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
@@ -84,6 +85,9 @@ function Component(_ref) {
     actionOptions: actionOptionsProp,
     platform: platform
   });
+  var fire3PClickEvent = (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
@@ -97,23 +101,10 @@ function Component(_ref) {
     if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         var clickURL = (0, _helpers.getClickUrl)(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && fire3PClickEvent) {
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -160,7 +151,7 @@ function Component(_ref) {
       }
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -1,4 +1,4 @@
-/* ErrorFrame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ErrorFrame.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* ExpandedFrame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ExpandedFrame.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* Frame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Frame.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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,43 @@ 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,
+    hash: confluencePageData.hash,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale,
+    iframeRef: childRef,
+    onLoad: props.onLoad,
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    sandbox: props.sandbox,
+    allowedFeatures: confluencePageData.allowedFeatures,
+    themeState: confluencePageData.themeStateObject,
+    userInfo: confluencePageData.userInfo
+  }) :
+  /*#__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/components/ImageIcon.js

@@ -1,4 +1,4 @@
-/* ImageIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ImageIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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/ErroredView.js

@@ -1,4 +1,4 @@
-/* ErroredView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ErroredView.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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/EmbedCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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/components/link-info/index.compiled.css

@@ -1,23 +1,58 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlidpf{flex-grow:0}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
+._15iz1tcg span{min-height:24px}
+._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
+._17521tcg svg{height:24px}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19l31tcg img{max-height:24px}
 ._1bah1h6o{justify-content:center}
-._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
+._1bnm1tcg [data-smart-element-icon] svg{height:24px}
+._1bsb1tcg{width:24px}
 ._1e0c1txw{display:flex}
+._1ekg1tcg [data-smart-element-icon] img{min-width:24px}
+._1h1b1tcg [data-smart-element-icon] span{width:24px}
+._1mj01tcg [data-smart-element-icon] img{max-width:24px}
 ._1o9zidpf{flex-shrink:0}
-._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
-._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
+._1pr21tcg span{max-height:24px}
+._1q121tcg [data-smart-element-icon] img{max-height:24px}
+._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
+._1rg21tcg img{min-width:24px}
+._1rh41tcg [data-smart-element-icon] svg{max-height:24px}
+._1tke1tcg{min-height:24px}
+._1u5t1tcg svg{max-height:24px}
+._1ul91tcg{min-width:24px}
 ._1wpz1fhb{align-self:stretch}
+._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
+._1xjx1tcg span{height:24px}
+._1xyl1tcg [data-smart-element-icon] img{width:24px}
 ._2lx21bp4{flex-direction:column}
-._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
+._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
 ._4t3i1tcg{height:24px}
-._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
+._4x201tcg svg{max-width:24px}
+._b8nk1tcg span{max-width:24px}
+._bna71tcg img{height:24px}
+._c71l1tcg{max-height:24px}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._e2oo1tcg span{width:24px}
+._erub1tcg svg{min-height:24px}
+._gire1tcg [data-smart-element-icon] img{height:24px}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
+._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
+._mezj1tcg img{width:24px}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
-._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
+._p12f1tcg{max-width:24px}
+._prfw1tcg [data-smart-element-icon] svg{width:24px}
+._q7cv1tcg span{min-width:24px}
+._qci81tcg img{min-height:24px}
+._rtys1tcg img{max-width:24px}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._v5981tcg [data-smart-element-icon] span{min-height:24px}
+._w8l51tcg svg{width:24px}
+._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
+._xwbj1tcg svg{min-width:24px}
+._yrry1tcg [data-smart-element-icon] span{height:24px}
+._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
 @media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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/FlexibleCard/components/actions/action/action-button/index.compiled.css

@@ -1,16 +1,58 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11lv1xvx button, ._192b1xvx button:active, ._vbn71xvx button:focus, ._wfu31xvx button:hover{padding-left:var(--ds-space-025,.125rem)}
-._11lvidpf button, ._192bidpf button:active, ._vbn7idpf button:focus, ._wfu3idpf button:hover{padding-left:0}
-._11lvpdf9 button, ._192bpdf9 button:active, ._vbn7pdf9 button:focus, ._wfu3pdf9 button:hover{padding-left:var(--ds-space-050,.25rem)}
-._1gfl1xvx button, ._or3f1xvx button:active, ._1ddv1xvx button:focus, ._1hha1xvx button:hover{padding-top:var(--ds-space-025,.125rem)}
-._1gflidpf button, ._or3fidpf button:active, ._1ddvidpf button:focus, ._1hhaidpf button:hover{padding-top:0}
-._1gqn1xvx button, ._1qdm1xvx button:active, ._df2r1xvx button:focus, ._j1tw1xvx button:hover{padding-bottom:var(--ds-space-025,.125rem)}
-._1gqnidpf button, ._1qdmidpf button:active, ._df2ridpf button:focus, ._j1twidpf button:hover{padding-bottom:0}
-._1i3bidpf button:active>span, ._13gwidpf button:focus>span, ._4wlcidpf button:hover>span, ._rehaidpf button>span{margin-top:0}
-._1vtwidpf button:active>span, ._ijvwidpf button:focus>span, ._tpwpidpf button:hover>span, ._1ad8idpf button>span{margin-left:0}
-._3kh9idpf button:active>span, ._i2vxidpf button:focus>span, ._8pvjidpf button:hover>span, ._1e1oidpf button>span{margin-bottom:0}
+._11lv1xvx button{padding-left:var(--ds-space-025,.125rem)}
+._11lvidpf button{padding-left:0}
+._11lvpdf9 button{padding-left:var(--ds-space-050,.25rem)}
+._13gwidpf button:focus>span{margin-top:0}
+._1ad8idpf button>span{margin-left:0}
+._1bnaidpf button>span{margin-right:0}
+._1e1oidpf button>span{margin-bottom:0}
+._1gfl1xvx button{padding-top:var(--ds-space-025,.125rem)}
+._1gflidpf button{padding-top:0}
+._1gqn1xvx button{padding-bottom:var(--ds-space-025,.125rem)}
+._1gqnidpf button{padding-bottom:0}
+._1i3bidpf button:active>span{margin-top:0}
+._1l0qidpf button:hover>span{margin-right:0}
+._1vtwidpf button:active>span{margin-left:0}
+._3kh9idpf button:active>span{margin-bottom:0}
+._4wlcidpf button:hover>span{margin-top:0}
+._8pvjidpf button:hover>span{margin-bottom:0}
+._i2vxidpf button:focus>span{margin-bottom:0}
+._ijvwidpf button:focus>span{margin-left:0}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._mp2fidpf button:active>span, ._ro8midpf button:focus>span, ._1l0qidpf button:hover>span, ._1bnaidpf button>span{margin-right:0}
-._yhjm1xvx button, ._1trn1xvx button:active, ._1fst1xvx button:focus, ._1xce1xvx button:hover{padding-right:var(--ds-space-025,.125rem)}
-._yhjmidpf button, ._1trnidpf button:active, ._1fstidpf button:focus, ._1xceidpf button:hover{padding-right:0}
-._yhjmpdf9 button, ._1trnpdf9 button:active, ._1fstpdf9 button:focus, ._1xcepdf9 button:hover{padding-right:var(--ds-space-050,.25rem)}
+._mp2fidpf button:active>span{margin-right:0}
+._rehaidpf button>span{margin-top:0}
+._ro8midpf button:focus>span{margin-right:0}
+._tpwpidpf button:hover>span{margin-left:0}
+._yhjm1xvx button{padding-right:var(--ds-space-025,.125rem)}
+._yhjmidpf button{padding-right:0}
+._yhjmpdf9 button{padding-right:var(--ds-space-050,.25rem)}
+._1ddv1xvx button:focus{padding-top:var(--ds-space-025,.125rem)}
+._1ddvidpf button:focus{padding-top:0}
+._1fst1xvx button:focus{padding-right:var(--ds-space-025,.125rem)}
+._1fstidpf button:focus{padding-right:0}
+._1fstpdf9 button:focus{padding-right:var(--ds-space-050,.25rem)}
+._df2r1xvx button:focus{padding-bottom:var(--ds-space-025,.125rem)}
+._df2ridpf button:focus{padding-bottom:0}
+._vbn71xvx button:focus{padding-left:var(--ds-space-025,.125rem)}
+._vbn7idpf button:focus{padding-left:0}
+._vbn7pdf9 button:focus{padding-left:var(--ds-space-050,.25rem)}
+._1hha1xvx button:hover{padding-top:var(--ds-space-025,.125rem)}
+._1hhaidpf button:hover{padding-top:0}
+._1xce1xvx button:hover{padding-right:var(--ds-space-025,.125rem)}
+._1xceidpf button:hover{padding-right:0}
+._1xcepdf9 button:hover{padding-right:var(--ds-space-050,.25rem)}
+._j1tw1xvx button:hover{padding-bottom:var(--ds-space-025,.125rem)}
+._j1twidpf button:hover{padding-bottom:0}
+._wfu31xvx button:hover{padding-left:var(--ds-space-025,.125rem)}
+._wfu3idpf button:hover{padding-left:0}
+._wfu3pdf9 button:hover{padding-left:var(--ds-space-050,.25rem)}
+._192b1xvx button:active{padding-left:var(--ds-space-025,.125rem)}
+._192bidpf button:active{padding-left:0}
+._192bpdf9 button:active{padding-left:var(--ds-space-050,.25rem)}
+._1qdm1xvx button:active{padding-bottom:var(--ds-space-025,.125rem)}
+._1qdmidpf button:active{padding-bottom:0}
+._1trn1xvx button:active{padding-right:var(--ds-space-025,.125rem)}
+._1trnidpf button:active{padding-right:0}
+._1trnpdf9 button:active{padding-right:var(--ds-space-050,.25rem)}
+._or3f1xvx button:active{padding-top:var(--ds-space-025,.125rem)}
+._or3fidpf button:active{padding-top:0}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");