@atlaskit/smart-card 43.29.2 → 43.30.0

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

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

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbedCardUpdated = exports.EmbedCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _embed = require("../../extractors/embed");
@@ -25,8 +23,6 @@ var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
 var _ResolvedView3 = require("./views/ResolvedView");
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
-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 UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadHold.default, {
@@ -80,13 +76,12 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
       var resolvedViewProps = (0, _embed.extractEmbedProps)(details, platform, iframeUrlType);
       if (onResolve) {
         var _resolvedViewProps$pr, _details$meta;
-        onResolve(_objectSpread({
+        onResolve({
           title: resolvedViewProps.title,
           url: url,
-          aspectRatio: (_resolvedViewProps$pr = resolvedViewProps.preview) === null || _resolvedViewProps$pr === void 0 ? void 0 : _resolvedViewProps$pr.aspectRatio
-        }, (0, _platformFeatureFlags.fg)('expose-product-details-from-smart-card') && {
+          aspectRatio: (_resolvedViewProps$pr = resolvedViewProps.preview) === null || _resolvedViewProps$pr === void 0 ? void 0 : _resolvedViewProps$pr.aspectRatio,
           extensionKey: details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
-        }));
+        });
       }
       if ((0, _shouldDataExport.getIsDataExportEnabled)(shouldControlDataExport, cardState.details)) {
         var unauthViewProps = (0, _embed.extractEmbedProps)(details, platform);
@@ -281,13 +276,12 @@ var EmbedCardUpdated = exports.EmbedCardUpdated = /*#__PURE__*/_react.default.fo
       var resolvedViewProps = (0, _embed.extractEmbedProps)(details, platform, iframeUrlType);
       if (onResolve) {
         var _resolvedViewProps$pr2, _details$meta3;
-        onResolve(_objectSpread({
+        onResolve({
           title: resolvedViewProps.title,
           url: url,
-          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio
-        }, (0, _platformFeatureFlags.fg)('expose-product-details-from-smart-card') && {
+          aspectRatio: (_resolvedViewProps$pr2 = resolvedViewProps.preview) === null || _resolvedViewProps$pr2 === void 0 ? void 0 : _resolvedViewProps$pr2.aspectRatio,
           extensionKey: details === null || details === void 0 || (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.key
-        }));
+        });
       }
       if ((0, _shouldDataExport.getIsDataExportEnabled)(shouldControlDataExport, cardState.details)) {
         var unauthViewProps = (0, _embed.extractEmbedProps)(details, platform);

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

@@ -111,12 +111,11 @@ var FlexibleCard = function FlexibleCard(_ref) {
       case _constants.SmartLinkStatus.Resolved:
         if (onResolve) {
           var _details$meta;
-          onResolve(_objectSpread({
+          onResolve({
             title: title,
-            url: url
-          }, (0, _platformFeatureFlags.fg)('expose-product-details-from-smart-card') && {
+            url: url,
             extensionKey: details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
-          }));
+          });
         }
         break;
       case _constants.SmartLinkStatus.Errored:

package/dist/cjs/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardResolvedViewFunctional = InlineCardResolvedViewFunctional;
+var _react = _interopRequireDefault(require("react"));
+var _HoverCard = require("../../HoverCard");
+var _Frame = require("../Frame");
+var _IconAndTitleLayout = require("../IconAndTitleLayout");
+var _renderLozenge = require("./renderLozenge");
+function InlineCardResolvedViewFunctional(_ref) {
+  var id = _ref.id,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    isSelected = _ref.isSelected,
+    isHovered = _ref.isHovered,
+    onClick = _ref.onClick,
+    icon = _ref.icon,
+    link = _ref.link,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'inline-card-resolved-view' : _ref$testId,
+    titleTextColor = _ref.titleTextColor,
+    titlePrefix = _ref.titlePrefix,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    actionOptions = _ref.actionOptions,
+    truncateInline = _ref.truncateInline,
+    type = _ref.type,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    lozenge = _ref.lozenge;
+  var frame = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+    testId: testId,
+    link: link,
+    isSelected: isSelected,
+    isHovered: isHovered,
+    onClick: onClick,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
+    emoji: titlePrefix,
+    icon: icon,
+    title: title,
+    titleTextColor: titleTextColor,
+    type: type,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton
+  }), (0, _renderLozenge.renderLozenge)(lozenge));
+  if (!showHoverPreview || !link) {
+    return frame;
+  }
+  return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+    id: id,
+    url: link,
+    actionOptions: actionOptions,
+    hoverPreviewOptions: hoverPreviewOptions
+  }, frame);
+}

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -13,19 +13,21 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _HoverCard = require("../../HoverCard");
 var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
+var _InlineCardResolvedViewFunctional = require("./InlineCardResolvedViewFunctional");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
-  function InlineCardResolvedView() {
-    (0, _classCallCheck2.default)(this, InlineCardResolvedView);
-    return _callSuper(this, InlineCardResolvedView, arguments);
+var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
+  function InlineCardResolvedViewClass() {
+    (0, _classCallCheck2.default)(this, InlineCardResolvedViewClass);
+    return _callSuper(this, InlineCardResolvedViewClass, arguments);
   }
-  (0, _inherits2.default)(InlineCardResolvedView, _React$Component);
-  return (0, _createClass2.default)(InlineCardResolvedView, [{
+  (0, _inherits2.default)(InlineCardResolvedViewClass, _React$Component);
+  return (0, _createClass2.default)(InlineCardResolvedViewClass, [{
     key: "renderLozenge",
     value: function renderLozenge() {
       var _lozenge$style3, _lozenge$style4;
@@ -112,4 +114,5 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
       return inlineCardResolvedView;
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component);
+var InlineCardResolvedView = exports.InlineCardResolvedView = (0, _platformFeatureFlagsReact.componentWithFG)('smart-card-inline-resolved-view-refactor', _InlineCardResolvedViewFunctional.InlineCardResolvedViewFunctional, InlineCardResolvedViewClass);

package/dist/cjs/view/InlineCard/ResolvedView/renderLozenge.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderLozenge = renderLozenge;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
+var LOZENGE_TEST_ID = 'inline-card-resolved-view-lozenge';
+function renderLozenge(lozenge) {
+  var _lozenge$style3, _lozenge$style4;
+  if (!lozenge || !(lozenge !== null && lozenge !== void 0 && lozenge.text)) {
+    return null;
+  }
+  if ((0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    var stateMetricMatch = lozenge.text.match(/^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/);
+    if (stateMetricMatch) {
+      var _lozenge$style, _lozenge$style2;
+      var _stateMetricMatch = (0, _slicedToArray2.default)(stateMetricMatch, 3),
+        label = _stateMetricMatch[1],
+        metric = _stateMetricMatch[2];
+      var _appearance = lozenge.appearance || 'neutral';
+      return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
+        testId: LOZENGE_TEST_ID,
+        appearance: _appearance,
+        style: {
+          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+          color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+        },
+        trailingMetric: metric
+      }, label);
+    }
+  }
+  var appearance = lozenge.appearance || 'default';
+  return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
+    testId: LOZENGE_TEST_ID,
+    appearance: appearance,
+    style: {
+      backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style3 = lozenge.style) === null || _lozenge$style3 === void 0 ? void 0 : _lozenge$style3.backgroundColor,
+      color: lozenge === null || lozenge === void 0 || (_lozenge$style4 = lozenge.style) === null || _lozenge$style4 === void 0 ? void 0 : _lozenge$style4.color
+    },
+    isBold: lozenge.isBold !== false
+  }, lozenge.text);
+}

package/dist/cjs/view/InlineCard/ResolvedView/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -37,11 +37,9 @@ Object.defineProperty(exports, "InlineCardUnauthorizedView", {
   }
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"));
 var _constants = require("../../constants");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
@@ -55,8 +53,6 @@ var _ResolvedView = require("./ResolvedView");
 var _ResolvingView = require("./ResolvingView");
 var _UnauthorisedView = require("./UnauthorisedView");
 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); }
-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 UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_loadHold.default, {
@@ -95,12 +91,11 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref2) {
     var _details$meta;
     switch (status) {
       case _constants.SmartLinkStatus.Resolved:
-        onResolve === null || onResolve === void 0 || onResolve(_objectSpread({
+        onResolve === null || onResolve === void 0 || onResolve({
           url: url,
-          title: resolvedProps.title
-        }, (0, _platformFeatureFlags.fg)('expose-product-details-from-smart-card') && {
+          title: resolvedProps.title,
           extensionKey: details === null || details === void 0 || (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.key
-        }));
+        });
         break;
       case _constants.SmartLinkStatus.Errored:
       case _constants.SmartLinkStatus.Fallback: