@atlaskit/smart-card 26.64.0 → 26.66.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 26.66.0
+
+### Minor Changes
+
+-   [#99093](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99093)
+    [`8e779e5c048b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e779e5c048b) -
+    [ux] Update PreviewAction and FollowAction to use new icons under FF
+
+## 26.65.0
+
+### Minor Changes
+
+-   [#98998](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98998)
+    [`935587894f94`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/935587894f94) -
+    Trim snippet content on extractSummary. `extractSummary` will now return undefined if the type
+    is incorrect.
+
 ## 26.64.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/primitives/extractSummary.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractSummary = void 0;
+/**
+ * Return link summary
+ */
 var extractSummary = exports.extractSummary = function extractSummary(jsonLd) {
-  return jsonLd.summary;
+  if (typeof (jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.summary) === 'string') {
+    var summary = jsonLd.summary.trim();
+    return Boolean(summary) ? summary : undefined;
+  }
 };

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.64.0"
+  packageVersion: "26.66.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -9,6 +9,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _inviteTeam = _interopRequireDefault(require("@atlaskit/icon/glyph/invite-team"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../../constants");
@@ -49,6 +50,14 @@ var getIcon = function getIcon(stackIconType) {
   }
   return (0, _utils.importIcon)(importFn);
 };
+var getIconFF = function getIconFF(iconFFEnabled, defaultIcon) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return iconFFEnabled;
+    }
+  }
+  return defaultIcon;
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -80,7 +89,7 @@ var FollowAction = function FollowAction(props) {
     label: "Follow",
     testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
   });
-  var followIcon = isStackItem ? stackIcon : icon;
+  var followIcon = isStackItem ? stackIcon : getIconFF(stackIcon, icon);
   return /*#__PURE__*/_react.default.createElement(_serverAction.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label),
     icon: followIcon,

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

@@ -13,6 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _vidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-on"));
 var _actualSize = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/actual-size"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../../../../constants");
@@ -26,6 +27,14 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 getIconFF = function getIconFF() {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return _actualSize.default;
+    }
+  }
+  return _vidFullScreenOn.default;
+};
 var PreviewAction = function PreviewAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
@@ -72,7 +81,7 @@ var PreviewAction = function PreviewAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';
-  var Icon = isStackItem ? _actualSize.default : _vidFullScreenOn.default;
+  var Icon = isStackItem ? _actualSize.default : getIconFF();
   var tooltipMessage = isStackItem ? _messages.messages.preview_description : _messages.messages.preview_improved;
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),

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

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

package/dist/es2019/extractors/common/primitives/extractSummary.js

@@ -1,3 +1,9 @@
+/**
+ * Return link summary
+ */
 export const extractSummary = jsonLd => {
-  return jsonLd.summary;
+  if (typeof (jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.summary) === 'string') {
+    const summary = jsonLd.summary.trim();
+    return Boolean(summary) ? summary : undefined;
+  }
 };

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.64.0"
+  packageVersion: "26.66.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/follow-action/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -27,6 +28,14 @@ const getIcon = stackIconType => {
   }
   return importIcon(importFn);
 };
+const getIconFF = (iconFFEnabled, defaultIcon) => {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return iconFFEnabled;
+    }
+  }
+  return defaultIcon;
+};
 const FollowAction = props => {
   var _context$actions, _context$actions2;
   const context = useFlexibleUiContext();
@@ -59,7 +68,7 @@ const FollowAction = props => {
     label: "Follow",
     testId: `smart-action-follow-action-${stackIconType}-icon`
   });
-  const followIcon = isStackItem ? stackIcon : icon;
+  const followIcon = isStackItem ? stackIcon : getIconFF(stackIcon, icon);
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, label),
     icon: followIcon,

package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -9,6 +10,14 @@ import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../..
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
+const getIconFF = () => {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return MediaServicesActualSizeIcon;
+    }
+  }
+  return VidFullScreenOnIcon;
+};
 const PreviewAction = ({
   onClick: onClickCallback,
   ...props
@@ -41,7 +50,7 @@ const PreviewAction = ({
     }
   }, [analytics, data, invoke, onClickCallback]);
   const isStackItem = props.as === 'stack-item';
-  const Icon = isStackItem ? MediaServicesActualSizeIcon : VidFullScreenOnIcon;
+  const Icon = isStackItem ? MediaServicesActualSizeIcon : getIconFF();
   const tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.64.0",
+  packageVersion: "26.66.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/extractors/common/primitives/extractSummary.js

@@ -1,3 +1,9 @@
+/**
+ * Return link summary
+ */
 export var extractSummary = function extractSummary(jsonLd) {
-  return jsonLd.summary;
+  if (typeof (jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.summary) === 'string') {
+    var summary = jsonLd.summary.trim();
+    return Boolean(summary) ? summary : undefined;
+  }
 };

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.64.0"
+  packageVersion: "26.66.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/follow-action/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value"];
 import InviteTeamIcon from '@atlaskit/icon/glyph/invite-team';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -35,6 +36,14 @@ var getIcon = function getIcon(stackIconType) {
   }
   return importIcon(importFn);
 };
+var getIconFF = function getIconFF(iconFFEnabled, defaultIcon) {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return iconFFEnabled;
+    }
+  }
+  return defaultIcon;
+};
 var FollowAction = function FollowAction(props) {
   var _context$actions, _context$actions2;
   var context = useFlexibleUiContext();
@@ -66,7 +75,7 @@ var FollowAction = function FollowAction(props) {
     label: "Follow",
     testId: "smart-action-follow-action-".concat(stackIconType, "-icon")
   });
-  var followIcon = isStackItem ? stackIcon : icon;
+  var followIcon = isStackItem ? stackIcon : getIconFF(stackIcon, icon);
   return /*#__PURE__*/React.createElement(ServerAction, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, label),
     icon: followIcon,

package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -8,6 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import VidFullScreenOnIcon from '@atlaskit/icon/glyph/vid-full-screen-on';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/glyph/media-services/actual-size';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ActionName } from '../../../../../constants';
@@ -16,6 +17,14 @@ import { useFlexibleUiAnalyticsContext, useFlexibleUiContext } from '../../../..
 import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
 import { openEmbedModalWithFlexibleUiIcon } from '../../utils';
 import Action from '../action';
+var getIconFF = function getIconFF() {
+  if (getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if (getBooleanFF('platform.linking-platform.smart-card.action-icon-redesign')) {
+      return MediaServicesActualSizeIcon;
+    }
+  }
+  return VidFullScreenOnIcon;
+};
 var PreviewAction = function PreviewAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
@@ -62,7 +71,7 @@ var PreviewAction = function PreviewAction(_ref) {
     }
   }, [analytics, data, invoke, onClickCallback]);
   var isStackItem = props.as === 'stack-item';
-  var Icon = isStackItem ? MediaServicesActualSizeIcon : VidFullScreenOnIcon;
+  var Icon = isStackItem ? MediaServicesActualSizeIcon : getIconFF();
   var tooltipMessage = isStackItem ? messages.preview_description : messages.preview_improved;
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.64.0",
+  packageVersion: "26.66.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/extractors/common/primitives/extractSummary.d.ts

@@ -1,2 +1,5 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
+/**
+ * Return link summary
+ */
 export declare const extractSummary: (jsonLd: JsonLd.Data.BaseData) => string | undefined;

package/dist/types/view/FlexibleCard/components/actions/follow-action/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FollowActionProps } from './types';
+import { type FollowActionProps } from './types';
 declare const FollowAction: React.FC<FollowActionProps>;
 export default FollowAction;

package/dist/types-ts4.5/extractors/common/primitives/extractSummary.d.ts

@@ -1,2 +1,5 @@
-import { JsonLd } from 'json-ld-types';
+import { type JsonLd } from 'json-ld-types';
+/**
+ * Return link summary
+ */
 export declare const extractSummary: (jsonLd: JsonLd.Data.BaseData) => string | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/follow-action/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FollowActionProps } from './types';
+import { type FollowActionProps } from './types';
 declare const FollowAction: React.FC<FollowActionProps>;
 export default FollowAction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.64.0",
+  "version": "26.66.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -179,6 +179,9 @@
     },
     "platform.linking-platform.smart-card.fix-embed-card-blurring": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.action-icon-redesign": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"