@atlaskit/smart-card 43.24.3 → 43.24.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 43.24.5
+
+### Patch Changes
+
+- [`ed9a3814a96db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed9a3814a96db) -
+  Add RovoChatAction component
+- Updated dependencies
+
+## 43.24.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.24.3
 
 ### 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.24.2"
+  packageVersion: "43.24.4"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RovoChatPromptKey = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
+var _useRovoChat2 = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-chat"));
+var _action = _interopRequireDefault(require("../action"));
+var _excluded = ["onClick", "prompts", "testId"];
+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); }
+// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
+var RovoChatPromptKey = exports.RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
+  RovoChatPromptKey["MESSAGE_1"] = "message-1";
+  RovoChatPromptKey["MESSAGE_2"] = "message-2";
+  return RovoChatPromptKey;
+}({});
+var DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
+var getPromptAction = function getPromptAction(promptKey) {
+  // NAVX-3581: Replace this with real prompt message
+  switch (promptKey) {
+    case RovoChatPromptKey.MESSAGE_1:
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 1',
+        tooltipMessage: 'Action tooltip 1',
+        data: {
+          name: 'Chat title 1',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+    case RovoChatPromptKey.MESSAGE_2:
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 2',
+        tooltipMessage: 'Action tooltip 2',
+        data: {
+          name: 'Chat title 2',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+  }
+};
+var RovoChatAction = function RovoChatAction(_ref) {
+  var onClickCallback = _ref.onClick,
+    _ref$prompts = _ref.prompts,
+    prompts = _ref$prompts === void 0 ? DEFAULT_PROMPTS : _ref$prompts,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useRovoChat = (0, _useRovoChat2.default)(),
+    sendPromptMessage = _useRovoChat.sendPromptMessage;
+  var _onClick = (0, _react.useCallback)(function (promptData) {
+    if (promptData) {
+      sendPromptMessage(promptData);
+
+      // NAVX-3599: Add analytics event, possibly as useInvokeClientAction()
+
+      onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+    }
+  }, [onClickCallback, sendPromptMessage]);
+  var promptActions = (0, _react.useMemo)(function () {
+    return prompts.map(function (promptKey, idx) {
+      var _ref2 = getPromptAction(promptKey) || {},
+        icon = _ref2.icon,
+        content = _ref2.content,
+        tooltipMessage = _ref2.tooltipMessage,
+        promptData = _ref2.data;
+      return promptData ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+        content: content,
+        icon: icon,
+        key: promptKey,
+        onClick: function onClick() {
+          return _onClick(promptData);
+        },
+        testId: "".concat(testId, "-").concat(idx + 1),
+        tooltipMessage: tooltipMessage
+      }, props)) : null;
+    });
+  }, [_onClick, prompts, props, testId]);
+  return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, promptActions) : null;
+};
+var _default = exports.default = RovoChatAction;

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

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

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useMemo } from 'react';
+import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
+import Action from '../action';
+// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
+export let RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
+  RovoChatPromptKey["MESSAGE_1"] = "message-1";
+  RovoChatPromptKey["MESSAGE_2"] = "message-2";
+  return RovoChatPromptKey;
+}({});
+const DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
+const getPromptAction = promptKey => {
+  // NAVX-3581: Replace this with real prompt message
+  switch (promptKey) {
+    case RovoChatPromptKey.MESSAGE_1:
+      return {
+        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 1',
+        tooltipMessage: 'Action tooltip 1',
+        data: {
+          name: 'Chat title 1',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+    case RovoChatPromptKey.MESSAGE_2:
+      return {
+        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 2',
+        tooltipMessage: 'Action tooltip 2',
+        data: {
+          name: 'Chat title 2',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+  }
+};
+const RovoChatAction = ({
+  onClick: onClickCallback,
+  prompts = DEFAULT_PROMPTS,
+  testId = 'smart-action-rovo-chat-action',
+  ...props
+}) => {
+  const {
+    sendPromptMessage
+  } = useRovoChat();
+  const onClick = useCallback(promptData => {
+    if (promptData) {
+      sendPromptMessage(promptData);
+
+      // NAVX-3599: Add analytics event, possibly as useInvokeClientAction()
+
+      onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback();
+    }
+  }, [onClickCallback, sendPromptMessage]);
+  const promptActions = useMemo(() => {
+    return prompts.map((promptKey, idx) => {
+      const {
+        icon,
+        content,
+        tooltipMessage,
+        data: promptData
+      } = getPromptAction(promptKey) || {};
+      return promptData ? /*#__PURE__*/React.createElement(Action, _extends({
+        content: content,
+        icon: icon,
+        key: promptKey,
+        onClick: () => onClick(promptData),
+        testId: `${testId}-${idx + 1}`,
+        tooltipMessage: tooltipMessage
+      }, props)) : null;
+    });
+  }, [onClick, prompts, props, testId]);
+  return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
+};
+export default RovoChatAction;

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

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

@@ -0,0 +1,95 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onClick", "prompts", "testId"];
+import React, { useCallback, useMemo } from 'react';
+import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
+import Action from '../action';
+// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
+export var RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
+  RovoChatPromptKey["MESSAGE_1"] = "message-1";
+  RovoChatPromptKey["MESSAGE_2"] = "message-2";
+  return RovoChatPromptKey;
+}({});
+var DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
+var getPromptAction = function getPromptAction(promptKey) {
+  // NAVX-3581: Replace this with real prompt message
+  switch (promptKey) {
+    case RovoChatPromptKey.MESSAGE_1:
+      return {
+        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 1',
+        tooltipMessage: 'Action tooltip 1',
+        data: {
+          name: 'Chat title 1',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+    case RovoChatPromptKey.MESSAGE_2:
+      return {
+        icon: /*#__PURE__*/React.createElement(RovoChatIcon, {
+          label: "",
+          spacing: "spacious"
+        }),
+        content: 'Action title 2',
+        tooltipMessage: 'Action tooltip 2',
+        data: {
+          name: 'Chat title 2',
+          dialogues: [],
+          prompt: {
+            version: 1,
+            type: 'doc',
+            content: []
+          }
+        }
+      };
+  }
+};
+var RovoChatAction = function RovoChatAction(_ref) {
+  var onClickCallback = _ref.onClick,
+    _ref$prompts = _ref.prompts,
+    prompts = _ref$prompts === void 0 ? DEFAULT_PROMPTS : _ref$prompts,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useRovoChat = useRovoChat(),
+    sendPromptMessage = _useRovoChat.sendPromptMessage;
+  var _onClick = useCallback(function (promptData) {
+    if (promptData) {
+      sendPromptMessage(promptData);
+
+      // NAVX-3599: Add analytics event, possibly as useInvokeClientAction()
+
+      onClickCallback === null || onClickCallback === void 0 || onClickCallback();
+    }
+  }, [onClickCallback, sendPromptMessage]);
+  var promptActions = useMemo(function () {
+    return prompts.map(function (promptKey, idx) {
+      var _ref2 = getPromptAction(promptKey) || {},
+        icon = _ref2.icon,
+        content = _ref2.content,
+        tooltipMessage = _ref2.tooltipMessage,
+        promptData = _ref2.data;
+      return promptData ? /*#__PURE__*/React.createElement(Action, _extends({
+        content: content,
+        icon: icon,
+        key: promptKey,
+        onClick: function onClick() {
+          return _onClick(promptData);
+        },
+        testId: "".concat(testId, "-").concat(idx + 1),
+        tooltipMessage: tooltipMessage
+      }, props)) : null;
+    });
+  }, [_onClick, prompts, props, testId]);
+  return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
+};
+export default RovoChatAction;

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.24.2",
+  packageVersion: "43.24.4",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-rovo-chat/index.d.ts

@@ -1,5 +1,6 @@
 import type { ChatNewPayload } from '@atlaskit/rovo-triggers/types';
+export type SendPromptMessageData = Partial<ChatNewPayload['data']>;
 declare const useRovoChat: () => {
-    sendPromptMessage: (data: Partial<ChatNewPayload["data"]>) => void;
+    sendPromptMessage: (data: SendPromptMessageData) => void;
 };
 export default useRovoChat;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type LinkActionProps } from '../types';
+export declare enum RovoChatPromptKey {
+    MESSAGE_1 = "message-1",
+    MESSAGE_2 = "message-2"
+}
+type RovoChatActionProps = LinkActionProps & {
+    prompts?: RovoChatPromptKey[];
+};
+declare const RovoChatAction: ({ onClick: onClickCallback, prompts, testId, ...props }: RovoChatActionProps) => React.JSX.Element | null;
+export default RovoChatAction;

package/dist/types-ts4.5/state/hooks/use-rovo-chat/index.d.ts

@@ -1,5 +1,6 @@
 import type { ChatNewPayload } from '@atlaskit/rovo-triggers/types';
+export type SendPromptMessageData = Partial<ChatNewPayload['data']>;
 declare const useRovoChat: () => {
-    sendPromptMessage: (data: Partial<ChatNewPayload["data"]>) => void;
+    sendPromptMessage: (data: SendPromptMessageData) => void;
 };
 export default useRovoChat;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type LinkActionProps } from '../types';
+export declare enum RovoChatPromptKey {
+    MESSAGE_1 = "message-1",
+    MESSAGE_2 = "message-2"
+}
+type RovoChatActionProps = LinkActionProps & {
+    prompts?: RovoChatPromptKey[];
+};
+declare const RovoChatAction: ({ onClick: onClickCallback, prompts, testId, ...props }: RovoChatActionProps) => React.JSX.Element | null;
+export default RovoChatAction;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.24.3",
+	"version": "43.24.5",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -65,7 +65,7 @@
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/react-ufo": "^5.2.0",
-		"@atlaskit/rovo-triggers": "^5.12.0",
+		"@atlaskit/rovo-triggers": "^5.13.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.7.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -73,7 +73,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^23.0.0",
+		"@atlaskit/tmp-editor-statsig": "^24.1.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -92,7 +92,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/link-provider": "^4.1.0",
+		"@atlaskit/link-provider": "^4.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -104,7 +104,7 @@
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.9.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/gemini": "^1.33.0",