@atlaskit/smart-card 44.9.11 → 44.10.0

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

@@ -11,10 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _useAnalyticsEvents3 = require("../../common/analytics/generated/use-analytics-events");
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
 var _analytics = require("../../state/analytics");
@@ -37,7 +36,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var thirdPartyARIPrefix = 'ari:third-party';
-var EmbedCardComponent = (0, _platformFeatureFlagsReact.componentWithFG)('rovo_chat_embed_card_dwell_and_hover_metrics', _EmbedCard.EmbedCardUpdated, _EmbedCard.EmbedCard);
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
@@ -68,7 +66,7 @@ function Component(_ref) {
     placeholderData = _ref.placeholderData;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children, ui);
@@ -205,312 +203,6 @@ function Component(_ref) {
     }
   }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, fireEvent]);
 
-  // NB: once the smart-card has rendered into an end state, we capture
-  // this as a successful render. These can be one of:
-  // - the resolved state: when metadata is shown;
-  // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
-  (0, _react.useEffect)(function () {
-    if ((0, _helpers.isFinalState)(state.status)) {
-      (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
-        extensionKey: extensionKey,
-        display: isFlexibleUi ? 'flexible' : appearance
-      });
-
-      // UFO will disregard this if authentication experience has not yet been started
-      (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
-        display: isFlexibleUi ? 'flexible' : appearance
-      });
-      fireEvent('ui.smartLink.renderSuccess', _objectSpread({
-        display: isFlexibleUi ? 'flexible' : appearance
-      }, appearance === 'inline' && {
-        rovoActionsCtaShown: rovoActionsCtaShown
-      }));
-    }
-  }, [appearance, extensionKey, fireEvent, id, isFlexibleUi, rovoActionsCtaShown, state.status]);
-  var onIframeDwell = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
-    fireEvent('ui.smartLinkIframe.dwelled', {
-      id: id,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-      display: isFlexibleUi ? 'flexible' : appearance,
-      dwellPercentVisible: dwellPercentVisible,
-      dwellTime: dwellTime
-    });
-  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
-  var onIframeFocus = (0, _react.useCallback)(function () {
-    fireEvent('ui.smartLinkIframe.focused', {
-      id: id,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-      display: isFlexibleUi ? 'flexible' : appearance
-    });
-  }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
-  if (isFlexibleUi) {
-    var cardState = state;
-    if (error) {
-      if ((error === null || error === void 0 ? void 0 : error.name) === 'APIError') {
-        cardState = {
-          status: 'errored'
-        };
-      } else {
-        throw error;
-      }
-    }
-    return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
-      id: id,
-      cardState: cardState,
-      placeholderData: placeholderData,
-      onAuthorize: services.length && handleAuthorize || undefined,
-      onClick: handleClickWrapper,
-      origin: "smartLinkCard",
-      renderers: renderers,
-      ui: ui,
-      showHoverPreview: showHoverPreview,
-      hoverPreviewOptions: hoverPreviewOptions,
-      actionOptions: actionOptions,
-      url: url,
-      testId: testId,
-      onResolve: onResolve,
-      onError: onError
-    }, children);
-  }
-
-  // We have to keep this last to prevent hook order from being violated
-  if (error) {
-    throw error;
-  }
-  switch (appearance) {
-    case 'inline':
-      return /*#__PURE__*/_react.default.createElement(_InlineCard.InlineCard, {
-        id: id,
-        url: url,
-        renderers: renderers,
-        cardState: state,
-        handleAuthorize: services.length && handleAuthorize || undefined,
-        handleFrameClick: handleClickWrapper,
-        isSelected: isSelected,
-        isHovered: isHovered,
-        onResolve: onResolve,
-        onError: onError,
-        testId: testId,
-        inlinePreloaderStyle: inlinePreloaderStyle,
-        showHoverPreview: showHoverPreview,
-        hoverPreviewOptions: hoverPreviewOptions,
-        actionOptions: actionOptions,
-        removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
-        resolvingPlaceholder: resolvingPlaceholder,
-        truncateInline: truncateInline,
-        hideIconLoadingSkeleton: hideIconLoadingSkeleton
-      });
-    case 'block':
-      return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCard, {
-        id: id,
-        url: url,
-        renderers: renderers,
-        authFlow: config && config.authFlow,
-        cardState: state,
-        handleAuthorize: services.length && handleAuthorize || undefined,
-        handleFrameClick: handleClickWrapper,
-        isSelected: isSelected,
-        onResolve: onResolve,
-        onError: onError,
-        testId: testId,
-        actionOptions: actionOptions,
-        CompetitorPrompt: CompetitorPrompt,
-        hideIconLoadingSkeleton: hideIconLoadingSkeleton
-      });
-    case 'embed':
-      return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {
-        id: id,
-        url: url,
-        renderers: renderers,
-        cardState: state,
-        iframeUrlType: embedIframeUrlType,
-        handleAuthorize: services.length && handleAuthorize || undefined,
-        handleErrorRetry: handleRetry,
-        handleFrameClick: handleClickWrapper,
-        handleInvoke: handleInvoke,
-        isSelected: isSelected,
-        frameStyle: frameStyle,
-        platform: platform,
-        onResolve: onResolve,
-        onError: onError,
-        testId: testId,
-        inheritDimensions: inheritDimensions,
-        actionOptions: actionOptions,
-        ref: embedIframeRef,
-        onIframeDwell: onIframeDwell,
-        onIframeFocus: onIframeFocus,
-        CompetitorPrompt: CompetitorPrompt,
-        hideIconLoadingSkeleton: hideIconLoadingSkeleton
-      });
-  }
-}
-function ComponentUpdated(_ref2) {
-  var id = _ref2.id,
-    url = _ref2.url,
-    isSelected = _ref2.isSelected,
-    isHovered = _ref2.isHovered,
-    frameStyle = _ref2.frameStyle,
-    platform = _ref2.platform,
-    onClick = _ref2.onClick,
-    appearance = _ref2.appearance,
-    onResolve = _ref2.onResolve,
-    onError = _ref2.onError,
-    testId = _ref2.testId,
-    actionOptionsProp = _ref2.actionOptions,
-    inheritDimensions = _ref2.inheritDimensions,
-    embedIframeRef = _ref2.embedIframeRef,
-    embedIframeUrlType = _ref2.embedIframeUrlType,
-    inlinePreloaderStyle = _ref2.inlinePreloaderStyle,
-    ui = _ref2.ui,
-    children = _ref2.children,
-    showHoverPreview = _ref2.showHoverPreview,
-    hoverPreviewOptions = _ref2.hoverPreviewOptions,
-    removeTextHighlightingFromTitle = _ref2.removeTextHighlightingFromTitle,
-    resolvingPlaceholder = _ref2.resolvingPlaceholder,
-    truncateInline = _ref2.truncateInline,
-    CompetitorPrompt = _ref2.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref2.hideIconLoadingSkeleton,
-    disablePreviewPanel = _ref2.disablePreviewPanel,
-    placeholderData = _ref2.placeholderData;
-  var _useAnalyticsEventsNe2 = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEventsNe2.createAnalyticsEvent;
-  var _useAnalyticsEvents2 = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents2.fireEvent;
-  var isFlexibleUi = (0, _react.useMemo)(function () {
-    return (0, _flexible.isFlexibleUiCard)(children, ui);
-  }, [children, ui]);
-
-  // Get state, actions for this card.
-  var _useSmartLink2 = (0, _state.useSmartLink)(id, url),
-    state = _useSmartLink2.state,
-    actions = _useSmartLink2.actions,
-    config = _useSmartLink2.config,
-    renderers = _useSmartLink2.renderers,
-    error = _useSmartLink2.error,
-    isPreviewPanelAvailable = _useSmartLink2.isPreviewPanelAvailable,
-    openPreviewPanel = _useSmartLink2.openPreviewPanel;
-  var ari = (0, _helpers.getObjectAri)(state.details);
-  var name = (0, _helpers.getObjectName)(state.details);
-  var definitionId = (0, _helpers.getDefinitionId)(state.details);
-  var extensionKey = (0, _helpers.getExtensionKey)(state.details);
-  var resourceType = (0, _helpers.getResourceType)(state.details);
-  var services = (0, _helpers.getServices)(state.details);
-  var thirdPartyARI = (0, _helpers.getThirdPartyARI)(state.details);
-  var firstPartyIdentifier = (0, _helpers.getFirstPartyIdentifier)();
-  var actionOptions = (0, _combineActionOptions.combineActionOptions)({
-    actionOptions: actionOptionsProp,
-    platform: platform
-  });
-  var _useInlineActionNudge2 = (0, _useInlineActionNudgeExperiment.default)(url, showHoverPreview, actionOptions),
-    rovoActionsCtaShown = _useInlineActionNudge2.isEnabled;
-  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) {
-    var isModifierKeyPressed = (0, _utils.isSpecialKey)(event) || (0, _utils.isSpecialClick)(event);
-    fireEvent('ui.smartLink.clicked', {
-      id: id,
-      display: isFlexibleUi ? _constants.CardDisplay.Flexible : appearance,
-      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-      isModifierKeyPressed: isModifierKeyPressed
-    });
-    if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
-      if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
-        var clickURL = (0, _helpers.getClickUrl)(url, state.details);
-        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
-          fire3PClickEvent();
-        }
-      }
-    }
-    var isDisablePreviewPanel = disablePreviewPanel && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
-      exposure: true
-    });
-
-    // If preview panel is available and the user clicked on the link,
-    // delegate the click to the preview panel handler
-    if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
-      ari: ari
-    }) && !isDisablePreviewPanel) {
-      var _extractSmartLinkEmbe2;
-      event.preventDefault();
-      event.stopPropagation();
-      openPreviewPanel({
-        url: url,
-        ari: ari,
-        name: name,
-        iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
-        panelData: {
-          embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe2 = (0, _linkExtractors.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src : undefined
-        }
-      });
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
-        attributes: {
-          clickOutcome: 'previewPanel'
-        }
-      });
-      return;
-    } else if (!onClick && !isFlexibleUi) {
-      var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
-
-      // Ctrl+left click on mac typically doesn't trigger onClick
-      // The event could have potentially had `e.preventDefault()` called on it by now
-      // event by smart card internally
-      // If it has been called then only then can `isSpecialEvent` be true.
-      var target = (0, _utils.isSpecialEvent)(event) ? '_blank' : '_self';
-      window.open(clickUrl, target);
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
-        attributes: {
-          clickOutcome: target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
-        }
-      });
-    } else {
-      if (onClick) {
-        onClick(event);
-      }
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
-    }
-  }, [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]);
-  var handleRetry = (0, _react.useCallback)(function () {
-    actions.reload();
-  }, [actions]);
-  var handleInvoke = (0, _react.useCallback)(function (opts) {
-    return actions.invoke(opts, appearance);
-  }, [actions, appearance]);
-
-  // NB: for each status change in a Smart Link, a performance mark is created.
-  // Measures are sent relative to the first mark, matching what a user sees.
-  (0, _react.useEffect)(function () {
-    measure.mark(id, state.status);
-    if (state.status !== 'pending' && state.status !== 'resolving') {
-      var _state$error4, _state$error5, _state$error6;
-      measure.create(id, state.status);
-      if (state.status === 'resolved') {
-        var _measure$getMeasure$d2, _measure$getMeasure2;
-        fireEvent('operational.smartLink.resolved', {
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-          duration: (_measure$getMeasure$d2 = (_measure$getMeasure2 = measure.getMeasure(id, state.status)) === null || _measure$getMeasure2 === void 0 ? void 0 : _measure$getMeasure2.duration) !== null && _measure$getMeasure$d2 !== void 0 ? _measure$getMeasure$d2 : null
-        });
-      } else if (((_state$error4 = state.error) === null || _state$error4 === void 0 ? void 0 : _state$error4.type) !== 'ResolveUnsupportedError' && ((_state$error5 = state.error) === null || _state$error5 === void 0 ? void 0 : _state$error5.type) !== 'UnsupportedError' && ((_state$error6 = state.error) === null || _state$error6 === void 0 ? void 0 : _state$error6.name) !== 'InvalidUrlError') {
-        fireEvent('operational.smartLink.unresolved', {
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-          reason: state.status,
-          error: state.error === undefined ? null : {
-            name: state.error.name,
-            kind: state.error.kind,
-            type: state.error.type
-          }
-        });
-      }
-    }
-  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, fireEvent]);
-
   // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
   // - the resolved state: when metadata is shown;
@@ -641,7 +333,7 @@ function ComponentUpdated(_ref2) {
         hideIconLoadingSkeleton: hideIconLoadingSkeleton
       });
     case 'embed':
-      return /*#__PURE__*/_react.default.createElement(EmbedCardComponent, {
+      return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {
         id: id,
         url: url,
         renderers: renderers,
@@ -669,13 +361,12 @@ function ComponentUpdated(_ref2) {
       });
   }
 }
-var CardWithUrlContentComponent = (0, _platformFeatureFlagsReact.componentWithFG)('rovo_chat_embed_card_dwell_and_hover_metrics', ComponentUpdated, Component);
 var CardWithUrlContent = exports.CardWithUrlContent = function CardWithUrlContent(props) {
   var display = (0, _flexible.isFlexibleUiCard)(props.children, props === null || props === void 0 ? void 0 : props.ui) ? _constants.CardDisplay.Flexible : props.appearance;
   return /*#__PURE__*/_react.default.createElement(_modal.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,
     display: display
-  }, /*#__PURE__*/_react.default.createElement(CardWithUrlContentComponent, props)));
+  }, /*#__PURE__*/_react.default.createElement(Component, props)));
 };
 var CardWithUrl = exports.CardWithUrl = (0, _cardIntersectionObserver.default)(CardWithUrlContent);

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

@@ -11,14 +11,28 @@ require("./ExpandedFrame.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 var _utils = require("../../common/utils");
 var _styled = require("./styled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line no-unused-vars
-var ExpandedFrame = function ExpandedFrame(_ref) {
+var styles = {
+  linkWrapper: "_zulpu2gc _kqswh2mm _1e0c1txw _2lx21bp4 _4t3ik5xz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _uiztglyw _qc5o94zs _14mjpb1k _aetrb3bt _18postnw _15l2idpf _32rxidpf _1x88idpf _19doidpf _1hfk1j28 _1bqqidpf _u94kidpf _1ifiidpf",
+  linkWrapperInheritDimensions: "_4t3i1osq",
+  linkWrapperSelected: "_8x3u1yw3",
+  linkWrapperBorderAndBackground: "_1tqzia51 _1hfkhp5a _1ifikb7n",
+  linkWrapperInteractiveNotHidden: "_hcgvia51 _4tpuhp5a _x148kb7n",
+  header: "_11c81qyo _zulp1b66 _1e0c1txw _4cvr1h6o _1bah1yb4 _4t3igktf _1pbykb7n",
+  leftSection: "_zulp1b66 _1e0c1txw _4cvr1h6o _1ul9idpf",
+  tooltipWrapper: "_1reo15vq _18m915vq",
+  headerAnchor: "_11c81qyo _1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c _9oik1r31 _1bnxglyw _jf4cnqa1",
+  headerIcon: "_11c81qyo _1bsb7vkz _4t3i7vkz",
+  contentStyle: "_19itdlqj _2rkoy00x _1reo15vq _18m915vq _v56414au _bfhkhp5a _16jlkb7n _4t3i1osq _1pbykb7n",
+  contentInteractiveActiveBorder: "_1jhm1tt7",
+  contentOverflowAuto: "_1reo1wug _18m91wug"
+};
+var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
     children = _ref.children,
@@ -38,104 +52,9 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
     allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
     _ref$setOverflow = _ref.setOverflow,
     setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow,
-    CompetitorPrompt = _ref.CompetitorPrompt;
-  var isInteractive = function isInteractive() {
-    return !isPlaceholder && (Boolean(href) || Boolean(onClick));
-  };
-  var handleClick = function handleClick(event) {
-    return (0, _utils.handleClickCommon)(event, onClick);
-  };
-  var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var CompetitorPromptComponent = CompetitorPrompt && href ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
-    sourceUrl: href,
-    linkType: "embed"
-  }) : null;
-  var renderHeader = function renderHeader() {
-    return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([styles.header, "embed-header"])
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([styles.leftSection])
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([styles.headerIcon])
-    }, icon), /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([styles.tooltipWrapper])
-    }, !isPlaceholder && /*#__PURE__*/React.createElement(_tooltip.default, {
-      content: text,
-      hideTooltipOnMouseDown: true
-    }, /*#__PURE__*/React.createElement("a", {
-      href: href,
-      onClick: handleClick,
-      onMouseDown: handleMouseDown,
-      className: (0, _runtime.ax)([styles.headerAnchor])
-    }, text)))), CompetitorPromptComponent);
-  };
-  var interactive = isInteractive();
-  var showBackgroundAlways = frameStyle === 'show' || isSelected && frameStyle !== 'hide';
-  var showBackgroundOnHover = interactive && frameStyle !== 'hide';
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "embed-content-wrapper",
-      // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
-      // See: HOT-107830
-      contentEditable: false,
-      className: (0, _runtime.ax)([styles.contentStyle, setOverflow && allowScrollBar && styles.contentOverflowAuto, interactive && !showBackgroundAlways && !showBackgroundOnHover && styles.contentInteractiveActiveBorder])
-    }, children);
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)([styles.linkWrapper, inheritDimensions && styles.linkWrapperInheritDimensions, isSelected && frameStyle !== 'hide' && styles.linkWrapperSelected, showBackgroundAlways && styles.linkWrapperBorderAndBackground, showBackgroundOnHover && !showBackgroundAlways && styles.linkWrapperInteractiveNotHidden, _styled.className]),
-    style: {
-      minWidth: minWidth ? "".concat(minWidth, "px") : '',
-      maxWidth: maxWidth ? "".concat(maxWidth, "px") : ''
-    },
-    "data-testid": testId,
-    "data-trello-do-not-use-override": testId
-    // Due to limitations of testing library, we can't assert ::after
-    ,
-    "data-is-selected": isSelected
-  }, (isPlaceholder || !href) && {
-    'data-wrapper-type': 'default',
-    'data-is-interactive': isInteractive()
-  }), renderHeader(), renderContent());
-};
-var styles = {
-  linkWrapper: "_zulpu2gc _kqswh2mm _1e0c1txw _2lx21bp4 _4t3ik5xz _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _uiztglyw _qc5o94zs _14mjpb1k _aetrb3bt _18postnw _15l2idpf _32rxidpf _1x88idpf _19doidpf _1hfk1j28 _1bqqidpf _u94kidpf _1ifiidpf",
-  linkWrapperInheritDimensions: "_4t3i1osq",
-  linkWrapperSelected: "_8x3u1yw3",
-  linkWrapperBorderAndBackground: "_1tqzia51 _1hfkhp5a _1ifikb7n",
-  linkWrapperInteractiveNotHidden: "_hcgvia51 _4tpuhp5a _x148kb7n",
-  header: "_11c81qyo _zulp1b66 _1e0c1txw _4cvr1h6o _1bah1yb4 _4t3igktf _1pbykb7n",
-  leftSection: "_zulp1b66 _1e0c1txw _4cvr1h6o _1ul9idpf",
-  tooltipWrapper: "_1reo15vq _18m915vq",
-  headerAnchor: "_11c81qyo _1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c _9oik1r31 _1bnxglyw _jf4cnqa1",
-  headerIcon: "_11c81qyo _1bsb7vkz _4t3i7vkz",
-  contentStyle: "_19itdlqj _2rkoy00x _1reo15vq _18m915vq _v56414au _bfhkhp5a _16jlkb7n _4t3i1osq _1pbykb7n",
-  contentInteractiveActiveBorder: "_1jhm1tt7",
-  contentOverflowAuto: "_1reo1wug _18m91wug"
-};
-var ExpandedFrameUpdated = function ExpandedFrameUpdated(_ref2) {
-  var _ref2$isPlaceholder = _ref2.isPlaceholder,
-    isPlaceholder = _ref2$isPlaceholder === void 0 ? false : _ref2$isPlaceholder,
-    children = _ref2.children,
-    onClick = _ref2.onClick,
-    icon = _ref2.icon,
-    text = _ref2.text,
-    isSelected = _ref2.isSelected,
-    _ref2$frameStyle = _ref2.frameStyle,
-    frameStyle = _ref2$frameStyle === void 0 ? 'showOnHover' : _ref2$frameStyle,
-    href = _ref2.href,
-    minWidth = _ref2.minWidth,
-    maxWidth = _ref2.maxWidth,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'expanded-frame' : _ref2$testId,
-    inheritDimensions = _ref2.inheritDimensions,
-    _ref2$allowScrollBar = _ref2.allowScrollBar,
-    allowScrollBar = _ref2$allowScrollBar === void 0 ? false : _ref2$allowScrollBar,
-    _ref2$setOverflow = _ref2.setOverflow,
-    setOverflow = _ref2$setOverflow === void 0 ? true : _ref2$setOverflow,
-    CompetitorPrompt = _ref2.CompetitorPrompt,
-    onContentMouseEnter = _ref2.onContentMouseEnter,
-    onContentMouseLeave = _ref2.onContentMouseLeave;
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    onContentMouseEnter = _ref.onContentMouseEnter,
+    onContentMouseLeave = _ref.onContentMouseLeave;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -198,5 +117,4 @@ var ExpandedFrameUpdated = function ExpandedFrameUpdated(_ref2) {
     'data-wrapper-type': 'default',
     'data-is-interactive': isInteractive()
   }), renderHeader(), renderContent());
-};
-var ExpandedFrameWithFG = exports.ExpandedFrame = (0, _platformFeatureFlagsReact.componentWithFG)('rovo_chat_embed_card_dwell_and_hover_metrics', ExpandedFrameUpdated, ExpandedFrame);
+};