@atlaskit/smart-card 43.4.4 → 43.5.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 43.5.0
+
+### Minor Changes
+
+- [`9465562138b8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9465562138b8e) -
+  [ux] Display competitor link prompt for unresolved Smart Link Card.
+
 ## 43.4.4
 
 ### Patch Changes

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

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

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _userAgent = require("@atlaskit/linking-common/user-agent");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
 var _blocks = require("../../../FlexibleCard/components/blocks");
 var _utils = require("../utils");
@@ -32,7 +33,8 @@ var UnresolvedView = function UnresolvedView(_ref) {
     showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
     testId = _ref.testId,
     title = _ref.title,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var _useMemo = (0, _react.useMemo)(function () {
       return (0, _userAgent.browser)();
@@ -51,7 +53,10 @@ var UnresolvedView = function UnresolvedView(_ref) {
     url: url
   }, /*#__PURE__*/React.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, _utils.titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt: CompetitorPrompt
+  } : undefined, {
     className: (0, _runtime.ax)(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.compiled.css

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,16 +6,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../../constants");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _actions = require("../../../actions");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon", "CompetitorPrompt"];
+var styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -32,15 +41,22 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     title = _ref.title,
     icon = _ref.icon,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var showRetry = !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction]);
+  var competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && (0, _platformFeatureFlags.fg)('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/_react.default.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), competitorPrompt ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     align: _constants.SmartLinkAlignment.Right
   }, /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, {
     testId: testId

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

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

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

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
@@ -22,7 +23,8 @@ const UnresolvedView = ({
   showPreview = false,
   testId,
   title,
-  url
+  url,
+  CompetitorPrompt
 }) => {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const {
@@ -40,7 +42,10 @@ const UnresolvedView = ({
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, fg('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt
+  } : undefined, {
     className: ax(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(CustomBlock, {
     className: ax(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.compiled.css

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,11 +1,20 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkAlignment } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { UnresolvedAction } from '../../../actions';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
+const styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -22,17 +31,24 @@ const TitleBlockErroredView = ({
   title,
   icon,
   hideIcon,
+  CompetitorPrompt,
   ...blockProps
 }) => {
   var _context$actions;
   const context = useFlexibleUiContext();
   const showRetry = !hideRetry && Boolean(context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction]);
+  const competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
+  }), competitorPrompt ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
     align: SmartLinkAlignment.Right
   }, /*#__PURE__*/React.createElement(UnresolvedAction, {
     testId: testId

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

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

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

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
+import { fg } from '@atlaskit/platform-feature-flags';
 import FlexibleCard from '../../../FlexibleCard';
 import { CustomBlock, InternalFooterBlock, PreviewBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { FlexibleCardUiOptions, PreviewBlockOptions, titleBlockOptions } from '../utils';
@@ -23,7 +24,8 @@ var UnresolvedView = function UnresolvedView(_ref) {
     showPreview = _ref$showPreview === void 0 ? false : _ref$showPreview,
     testId = _ref.testId,
     title = _ref.title,
-    url = _ref.url;
+    url = _ref.url,
+    CompetitorPrompt = _ref.CompetitorPrompt;
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var _useMemo = useMemo(function () {
       return browser();
@@ -42,7 +44,10 @@ var UnresolvedView = function UnresolvedView(_ref) {
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockOptions, {
     hideIcon: !!title,
-    text: title,
+    text: title
+  }, fg('prompt_whiteboard_competitor_link_gate') ? {
+    CompetitorPrompt: CompetitorPrompt
+  } : undefined, {
     className: ax(["_zulpu2gc _13mh1pd9 _2yhz14q2"])
   })), /*#__PURE__*/React.createElement(CustomBlock, {
     className: ax(["_zulp1b66 _1e0c1txw _4cvr1y6m _1wpz1fhb _7yjtidpf _ngc01fxt"])

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.compiled.css

@@ -0,0 +1,4 @@
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,13 +1,22 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon"];
+var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon", "CompetitorPrompt"];
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkAlignment } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { UnresolvedAction } from '../../../actions';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
+var styles = {
+  titleBoxCard: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"
+};
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -25,15 +34,22 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     title = _ref.title,
     icon = _ref.icon,
     hideIcon = _ref.hideIcon,
+    CompetitorPrompt = _ref.CompetitorPrompt,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var context = useFlexibleUiContext();
   var showRetry = !hideRetry && Boolean(context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction]);
+  var competitorPrompt = CompetitorPrompt && context !== null && context !== void 0 && context.url && fg('prompt_whiteboard_competitor_link_gate') ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
+    sourceUrl: context === null || context === void 0 ? void 0 : context.url,
+    linkType: 'card'
+  }) : null;
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
+  }), competitorPrompt ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.titleBoxCard
+  }, title, competitorPrompt) : title, showRetry && /*#__PURE__*/React.createElement(ElementGroup, {
     align: SmartLinkAlignment.Right
   }, /*#__PURE__*/React.createElement(UnresolvedAction, {
     testId: testId

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

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

package/dist/types/view/BlockCard/views/unresolved-view/index.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, CompetitorPrompt, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, CompetitorPrompt, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -21,7 +21,7 @@ export type TitleBlockProps = {
      */
     anchorTarget?: AnchorTarget;
     /**
-     * Competitor Prompt Component for Competitor link experiment
+     * Competitor Prompt Component for Competitor link
      */
     CompetitorPrompt?: React.ComponentType<{
         linkType?: string;
@@ -105,7 +105,7 @@ export type TitleBlockProps = {
      */
     text?: string;
     /**
-     * The URL of the link for Competitor Prompt experiment
+     * The URL of the link for Competitor Prompt
      */
     url?: string;
 } & BlockProps;

package/dist/types-ts4.5/view/BlockCard/views/unresolved-view/index.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import { type UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, CompetitorPrompt, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
+declare const TitleBlockErroredView: ({ actionGroup, hideRetry, retry, position, testId, title, icon, hideIcon, CompetitorPrompt, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -21,7 +21,7 @@ export type TitleBlockProps = {
      */
     anchorTarget?: AnchorTarget;
     /**
-     * Competitor Prompt Component for Competitor link experiment
+     * Competitor Prompt Component for Competitor link
      */
     CompetitorPrompt?: React.ComponentType<{
         linkType?: string;
@@ -105,7 +105,7 @@ export type TitleBlockProps = {
      */
     text?: string;
     /**
-     * The URL of the link for Competitor Prompt experiment
+     * The URL of the link for Competitor Prompt
      */
     url?: string;
 } & BlockProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.4.4",
+	"version": "43.5.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,7 +62,7 @@
 		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.5.0",
+		"@atlaskit/popup": "^4.6.0",
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/section-message": "^8.8.0",
 		"@atlaskit/select": "^21.3.0",