@atlaskit/smart-card 38.18.0 → 38.20.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 38.20.0
+
+### Minor Changes
+
+- [#175651](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175651)
+  [`ac94e060dd41f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac94e060dd41f) -
+  [ux] updated error handling of CardSSR component to use fallback component
+
+## 38.19.0
+
+### Minor Changes
+
+- [#177020](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177020)
+  [`206ae7b37b4af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/206ae7b37b4af) -
+  [ux] Add Competitor Prompt for Embed Smart Link
+
 ## 38.18.0
 
 ### Minor Changes

package/dist/cjs/ssr.js

@@ -31,11 +31,16 @@ var CardSSR = exports.CardSSR = function CardSSR(props) {
   var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id
   });
+  var ErrorFallbackComponent = cardProps.fallbackComponent;
+  var errorBoundaryFallbackComponent = function errorBoundaryFallbackComponent() {
+    if (ErrorFallbackComponent) {
+      return /*#__PURE__*/_react.default.createElement(ErrorFallbackComponent, null);
+    }
+    return /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardProps);
+  };
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: _analytics.context
   }, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
-    FallbackComponent: function FallbackComponent() {
-      return /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardProps);
-    }
+    FallbackComponent: errorBoundaryFallbackComponent
   }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps)));
 };

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

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

@@ -294,7 +294,8 @@ function Component(_ref) {
         actionOptions: actionOptions,
         ref: embedIframeRef,
         onIframeDwell: onIframeDwell,
-        onIframeFocus: onIframeFocus
+        onIframeFocus: onIframeFocus,
+        CompetitorPrompt: CompetitorPrompt
       });
   }
 }

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.compiled.css

@@ -15,6 +15,7 @@
 ._18postnw:after{position:absolute}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19doidpf:after{left:0}
+._1bah1yb4{justify-content:space-between}
 ._1bqqidpf:after{z-index:0}
 ._1bsb7vkz{width:1pc}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -27,6 +28,7 @@
 ._1pbykb7n{z-index:1}
 ._1reo15vq{overflow-x:hidden}
 ._1reo1wug{overflow-x:auto}
+._1ul9idpf{min-width:0}
 ._1x88idpf:after{bottom:0}
 ._2lx21bp4{flex-direction:column}
 ._32rxidpf:after{right:0}

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

@@ -36,7 +36,8 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     _ref$allowScrollBar = _ref.allowScrollBar,
     allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
     _ref$setOverflow = _ref.setOverflow,
-    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -44,10 +45,18 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return (0, _utils.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
+
+  // Note: cleanup fg based on results of prompt_whiteboard_competitor_link experiment
+  var CompetitorPromptComponent = CompetitorPrompt && href && (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: href,
+    linkType: "embed"
+  }) : null;
   var renderHeader = function renderHeader() {
     if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
       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", {
@@ -60,7 +69,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
         onClick: handleClick,
         onMouseDown: handleMouseDown,
         className: (0, _runtime.ax)([styles.headerAnchor])
-      }, text))));
+      }, text)))), CompetitorPromptComponent);
     }
     return (
       /*#__PURE__*/
@@ -170,7 +179,8 @@ var styles = {
   linkWrapperSelected: "_8x3u92p9",
   linkWrapperBorderAndBackground: "_1tqzzgxb _1hfkhp5a _1ifikb7n",
   linkWrapperInteractiveNotHidden: "_hcgvzgxb _4tpuhp5a _x148kb7n",
-  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _4t3igktf _1pbykb7n",
+  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _1bah1yb4 _4t3igktf _1pbykb7n",
+  leftSection: "_zulp1b66 _1e0c1txw _4cvr1h6o _1ul9idpf",
   tooltipWrapper: "_1reo15vq _18m915vq",
   headerAnchor: "_11c8140y _1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c _9oik1r31 _1bnxglyw _jf4cnqa1",
   headerIcon: "_11c8140y _1bsb7vkz _4t3i7vkz",

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

@@ -41,7 +41,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     onIframeFocus = _ref.onIframeFocus,
     iframeUrlType = _ref.iframeUrlType,
     actionOptions = _ref.actionOptions,
-    renderers = _ref.renderers;
+    renderers = _ref.renderers,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -100,7 +101,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
-          testId: testId
+          testId: testId,
+          CompetitorPrompt: CompetitorPrompt
         }));
       } else {
         if (platform === 'mobile') {

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

@@ -29,7 +29,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
     isSupportTheming = _ref.isSupportTheming,
-    type = _ref.type;
+    type = _ref.type,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   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);
@@ -67,7 +68,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions,
-    setOverflow: false
+    setOverflow: false,
+    CompetitorPrompt: CompetitorPrompt
   }, /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

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

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

package/dist/es2019/ssr.js

@@ -17,9 +17,16 @@ export const CardSSR = props => {
     ...props,
     id
   };
+  const ErrorFallbackComponent = cardProps.fallbackComponent;
+  const errorBoundaryFallbackComponent = () => {
+    if (ErrorFallbackComponent) {
+      return /*#__PURE__*/React.createElement(ErrorFallbackComponent, null);
+    }
+    return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: context
   }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    FallbackComponent: () => /*#__PURE__*/React.createElement(LoadingCardLink, cardProps)
+    FallbackComponent: errorBoundaryFallbackComponent
   }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps)));
 };

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

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

@@ -283,7 +283,8 @@ function Component({
         actionOptions: actionOptions,
         ref: embedIframeRef,
         onIframeDwell: onIframeDwell,
-        onIframeFocus: onIframeFocus
+        onIframeFocus: onIframeFocus,
+        CompetitorPrompt: CompetitorPrompt
       });
   }
 }

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.compiled.css

@@ -15,6 +15,7 @@
 ._18postnw:after{position:absolute}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19doidpf:after{left:0}
+._1bah1yb4{justify-content:space-between}
 ._1bqqidpf:after{z-index:0}
 ._1bsb7vkz{width:1pc}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -27,6 +28,7 @@
 ._1pbykb7n{z-index:1}
 ._1reo15vq{overflow-x:hidden}
 ._1reo1wug{overflow-x:auto}
+._1ul9idpf{min-width:0}
 ._1x88idpf:after{bottom:0}
 ._2lx21bp4{flex-direction:column}
 ._32rxidpf:after{right:0}

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

@@ -22,15 +22,24 @@ export const ExpandedFrame = ({
   testId = 'expanded-frame',
   inheritDimensions,
   allowScrollBar = false,
-  setOverflow = true
+  setOverflow = true,
+  CompetitorPrompt
 }) => {
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
+
+  // Note: cleanup fg based on results of prompt_whiteboard_competitor_link experiment
+  const CompetitorPromptComponent = CompetitorPrompt && href && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: href,
+    linkType: "embed"
+  }) : null;
   const renderHeader = () => {
     if (fg('platform-linking-visual-refresh-v1')) {
       return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
         className: ax([styles.header, "embed-header"])
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ax([styles.leftSection])
       }, /*#__PURE__*/React.createElement("div", {
         className: ax([styles.headerIcon])
       }, icon), /*#__PURE__*/React.createElement("div", {
@@ -43,7 +52,7 @@ export const ExpandedFrame = ({
         onClick: handleClick,
         onMouseDown: handleMouseDown,
         className: ax([styles.headerAnchor])
-      }, text))));
+      }, text)))), CompetitorPromptComponent);
     }
     return (
       /*#__PURE__*/
@@ -153,7 +162,8 @@ const styles = {
   linkWrapperSelected: "_8x3u92p9",
   linkWrapperBorderAndBackground: "_1tqzzgxb _1hfkhp5a _1ifikb7n",
   linkWrapperInteractiveNotHidden: "_hcgvzgxb _4tpuhp5a _x148kb7n",
-  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _4t3igktf _1pbykb7n",
+  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _1bah1yb4 _4t3igktf _1pbykb7n",
+  leftSection: "_zulp1b66 _1e0c1txw _4cvr1h6o _1ul9idpf",
   tooltipWrapper: "_1reo15vq _18m915vq",
   headerAnchor: "_11c8140y _1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c _9oik1r31 _1bnxglyw _jf4cnqa1",
   headerIcon: "_11c8140y _1bsb7vkz _4t3i7vkz",

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

@@ -33,7 +33,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   onIframeFocus,
   iframeUrlType,
   actionOptions,
-  renderers
+  renderers,
+  CompetitorPrompt
 }, iframeRef) => {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
   const {
@@ -97,7 +98,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
-          testId: testId
+          testId: testId,
+          CompetitorPrompt: CompetitorPrompt
         }));
       } else {
         if (platform === 'mobile') {

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

@@ -21,7 +21,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   onIframeDwell,
   onIframeFocus,
   isSupportTheming,
-  type
+  type,
+  CompetitorPrompt
 }, embedIframeRef) => {
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
@@ -58,7 +59,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions,
-    setOverflow: false
+    setOverflow: false,
+    CompetitorPrompt: CompetitorPrompt
   }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

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

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

package/dist/esm/ssr.js

@@ -22,11 +22,16 @@ export var CardSSR = function CardSSR(props) {
   var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id
   });
+  var ErrorFallbackComponent = cardProps.fallbackComponent;
+  var errorBoundaryFallbackComponent = function errorBoundaryFallbackComponent() {
+    if (ErrorFallbackComponent) {
+      return /*#__PURE__*/React.createElement(ErrorFallbackComponent, null);
+    }
+    return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
+  };
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: context
   }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    FallbackComponent: function FallbackComponent() {
-      return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
-    }
+    FallbackComponent: errorBoundaryFallbackComponent
   }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps)));
 };

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

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

@@ -285,7 +285,8 @@ function Component(_ref) {
         actionOptions: actionOptions,
         ref: embedIframeRef,
         onIframeDwell: onIframeDwell,
-        onIframeFocus: onIframeFocus
+        onIframeFocus: onIframeFocus,
+        CompetitorPrompt: CompetitorPrompt
       });
   }
 }

package/dist/esm/view/EmbedCard/components/ExpandedFrame.compiled.css

@@ -15,6 +15,7 @@
 ._18postnw:after{position:absolute}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19doidpf:after{left:0}
+._1bah1yb4{justify-content:space-between}
 ._1bqqidpf:after{z-index:0}
 ._1bsb7vkz{width:1pc}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -27,6 +28,7 @@
 ._1pbykb7n{z-index:1}
 ._1reo15vq{overflow-x:hidden}
 ._1reo1wug{overflow-x:auto}
+._1ul9idpf{min-width:0}
 ._1x88idpf:after{bottom:0}
 ._2lx21bp4{flex-direction:column}
 ._32rxidpf:after{right:0}

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

@@ -27,7 +27,8 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     _ref$allowScrollBar = _ref.allowScrollBar,
     allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
     _ref$setOverflow = _ref.setOverflow,
-    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -35,10 +36,18 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
+
+  // Note: cleanup fg based on results of prompt_whiteboard_competitor_link experiment
+  var CompetitorPromptComponent = CompetitorPrompt && href && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: href,
+    linkType: "embed"
+  }) : null;
   var renderHeader = function renderHeader() {
     if (fg('platform-linking-visual-refresh-v1')) {
       return frameStyle !== 'hide' && /*#__PURE__*/React.createElement("div", {
         className: ax([styles.header, "embed-header"])
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ax([styles.leftSection])
       }, /*#__PURE__*/React.createElement("div", {
         className: ax([styles.headerIcon])
       }, icon), /*#__PURE__*/React.createElement("div", {
@@ -51,7 +60,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
         onClick: handleClick,
         onMouseDown: handleMouseDown,
         className: ax([styles.headerAnchor])
-      }, text))));
+      }, text)))), CompetitorPromptComponent);
     }
     return (
       /*#__PURE__*/
@@ -161,7 +170,8 @@ var styles = {
   linkWrapperSelected: "_8x3u92p9",
   linkWrapperBorderAndBackground: "_1tqzzgxb _1hfkhp5a _1ifikb7n",
   linkWrapperInteractiveNotHidden: "_hcgvzgxb _4tpuhp5a _x148kb7n",
-  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _4t3igktf _1pbykb7n",
+  header: "_11c8140y _zulp1b66 _1e0c1txw _4cvr1h6o _1bah1yb4 _4t3igktf _1pbykb7n",
+  leftSection: "_zulp1b66 _1e0c1txw _4cvr1h6o _1ul9idpf",
   tooltipWrapper: "_1reo15vq _18m915vq",
   headerAnchor: "_11c8140y _1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c _9oik1r31 _1bnxglyw _jf4cnqa1",
   headerIcon: "_11c8140y _1bsb7vkz _4t3i7vkz",

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

@@ -34,7 +34,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     onIframeFocus = _ref.onIframeFocus,
     iframeUrlType = _ref.iframeUrlType,
     actionOptions = _ref.actionOptions,
-    renderers = _ref.renderers;
+    renderers = _ref.renderers,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
@@ -93,7 +94,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
           ref: iframeRef,
           onIframeDwell: onIframeDwell,
           onIframeFocus: onIframeFocus,
-          testId: testId
+          testId: testId,
+          CompetitorPrompt: CompetitorPrompt
         }));
       } else {
         if (platform === 'mobile') {

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

@@ -22,7 +22,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
     isSupportTheming = _ref.isSupportTheming,
-    type = _ref.type;
+    type = _ref.type,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   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);
@@ -60,7 +61,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     text: text,
     onClick: onClick,
     inheritDimensions: inheritDimensions,
-    setOverflow: false
+    setOverflow: false,
+    CompetitorPrompt: CompetitorPrompt
   }, /*#__PURE__*/React.createElement(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

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

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

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

@@ -36,5 +36,10 @@ export interface ExpandedFrameProps {
      * @default true
      */
     setOverflow?: boolean;
+    /** Component to prompt for competitor link */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, }: ExpandedFrameProps) => JSX.Element;

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

@@ -24,6 +24,10 @@ export type EmbedCardProps = {
     onIframeFocus?: () => void;
     iframeUrlType?: EmbedIframeUrlType;
     renderers?: CardProviderRenderers;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };
 export interface WithShowControlMethodProp {
     showControls?: () => void;

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

@@ -30,5 +30,10 @@ export interface EmbedCardResolvedViewProps {
     onIframeFocus?: () => void;
     /** Type of the object */
     type?: string[];
+    /** Component to prompt for competitor link */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
 export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

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

@@ -36,5 +36,10 @@ export interface ExpandedFrameProps {
      * @default true
      */
     setOverflow?: boolean;
+    /** Component to prompt for competitor link */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, }: ExpandedFrameProps) => JSX.Element;

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

@@ -24,6 +24,10 @@ export type EmbedCardProps = {
     onIframeFocus?: () => void;
     iframeUrlType?: EmbedIframeUrlType;
     renderers?: CardProviderRenderers;
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 };
 export interface WithShowControlMethodProp {
     showControls?: () => void;

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

@@ -30,5 +30,10 @@ export interface EmbedCardResolvedViewProps {
     onIframeFocus?: () => void;
     /** Type of the object */
     type?: string[];
+    /** Component to prompt for competitor link */
+    CompetitorPrompt?: React.ComponentType<{
+        sourceUrl: string;
+        linkType?: string;
+    }>;
 }
 export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.18.0",
+	"version": "38.20.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,8 +20,7 @@
 		"team": "Linking Platform",
 		"website": {
 			"name": "Smart Card"
-		},
-		"runReact18": true
+		}
 	},
 	"scripts": {
 		"analytics:codegen": "yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card --output ./src/common/analytics/generated"
@@ -54,7 +53,7 @@
 		"@atlaskit/link-test-helpers": "^8.1.0",
 		"@atlaskit/linking-common": "^9.1.0",
 		"@atlaskit/linking-types": "^13.0.0",
-		"@atlaskit/logo": "^19.4.0",
+		"@atlaskit/logo": "^19.5.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/modal-dialog": "^14.2.0",