@atlaskit/smart-card 43.24.4 → 43.24.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/common/ui/icons/angle-brackets-icon.js +1 -3
- package/dist/cjs/common/ui/icons/audio-icon.js +1 -3
- package/dist/cjs/common/ui/icons/chart-bar-icon.js +1 -3
- package/dist/cjs/common/ui/icons/file-icon.js +1 -3
- package/dist/cjs/common/ui/icons/folder-icon.js +1 -3
- package/dist/cjs/common/ui/icons/image-icon.js +1 -3
- package/dist/cjs/common/ui/icons/list-bullet-icon.js +1 -3
- package/dist/cjs/common/ui/icons/page-icon.js +1 -3
- package/dist/cjs/common/ui/icons/utils.js +2 -6
- package/dist/cjs/common/ui/icons/video-icon.js +1 -3
- package/dist/cjs/state/hooks/use-rovo-chat/index.js +5 -1
- package/dist/cjs/state/hooks/use-rovo-config/index.js +16 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/BlockCard/views/UnauthorisedView.js +22 -17
- package/dist/cjs/view/FlexibleCard/components/actions/rovo-chat-action/index.js +105 -0
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +4 -2
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/common/ui/icons/angle-brackets-icon.js +2 -4
- package/dist/es2019/common/ui/icons/audio-icon.js +2 -4
- package/dist/es2019/common/ui/icons/chart-bar-icon.js +2 -4
- package/dist/es2019/common/ui/icons/file-icon.js +2 -4
- package/dist/es2019/common/ui/icons/folder-icon.js +2 -4
- package/dist/es2019/common/ui/icons/image-icon.js +2 -4
- package/dist/es2019/common/ui/icons/list-bullet-icon.js +2 -4
- package/dist/es2019/common/ui/icons/page-icon.js +2 -4
- package/dist/es2019/common/ui/icons/utils.js +2 -6
- package/dist/es2019/common/ui/icons/video-icon.js +2 -4
- package/dist/es2019/state/hooks/use-rovo-chat/index.js +5 -1
- package/dist/es2019/state/hooks/use-rovo-config/index.js +9 -0
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/BlockCard/views/UnauthorisedView.js +22 -17
- package/dist/es2019/view/FlexibleCard/components/actions/rovo-chat-action/index.js +93 -0
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +3 -2
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/common/ui/icons/angle-brackets-icon.js +2 -4
- package/dist/esm/common/ui/icons/audio-icon.js +2 -4
- package/dist/esm/common/ui/icons/chart-bar-icon.js +2 -4
- package/dist/esm/common/ui/icons/file-icon.js +2 -4
- package/dist/esm/common/ui/icons/folder-icon.js +2 -4
- package/dist/esm/common/ui/icons/image-icon.js +2 -4
- package/dist/esm/common/ui/icons/list-bullet-icon.js +2 -4
- package/dist/esm/common/ui/icons/page-icon.js +2 -4
- package/dist/esm/common/ui/icons/utils.js +2 -6
- package/dist/esm/common/ui/icons/video-icon.js +2 -4
- package/dist/esm/state/hooks/use-rovo-chat/index.js +5 -1
- package/dist/esm/state/hooks/use-rovo-config/index.js +10 -0
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/BlockCard/views/UnauthorisedView.js +22 -17
- package/dist/esm/view/FlexibleCard/components/actions/rovo-chat-action/index.js +96 -0
- package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js +4 -2
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/common/ui/icons/utils.d.ts +1 -1
- package/dist/types/state/hooks/use-rovo-chat/index.d.ts +3 -1
- package/dist/types/state/hooks/use-rovo-config/index.d.ts +2 -0
- package/dist/types/view/FlexibleCard/components/actions/rovo-chat-action/index.d.ts +11 -0
- package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts +1 -0
- package/dist/types-ts4.5/common/ui/icons/utils.d.ts +1 -1
- package/dist/types-ts4.5/state/hooks/use-rovo-chat/index.d.ts +3 -1
- package/dist/types-ts4.5/state/hooks/use-rovo-config/index.d.ts +2 -0
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/rovo-chat-action/index.d.ts +11 -0
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts +1 -0
- package/package.json +6 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.24.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`06cdd352d03d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06cdd352d03d0) -
|
|
8
|
+
Add useRovoConfig hook
|
|
9
|
+
- [`c5bebe6465da5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5bebe6465da5) -
|
|
10
|
+
NAVX-3264 refactoring new unauthed block card to use BE value or general hardcoded preview only
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 43.24.5
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`ed9a3814a96db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed9a3814a96db) -
|
|
18
|
+
Add RovoChatAction component
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 43.24.4
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/source-code/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/source-code/24"));
|
|
10
8
|
var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var AngleBracketsIconWithColor = (0, _utils.renderIconTile)(_angleBrackets.default, 'blueBold'
|
|
10
|
+
var AngleBracketsIconWithColor = (0, _utils.renderIconTile)(_angleBrackets.default, 'blueBold');
|
|
13
11
|
AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
|
|
14
12
|
var _default = exports.default = AngleBracketsIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/24"));
|
|
10
8
|
var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var AudioIconWithColor = (0, _utils.renderIconTile)(_audio.default, 'redBold'
|
|
10
|
+
var AudioIconWithColor = (0, _utils.renderIconTile)(_audio.default, 'redBold');
|
|
13
11
|
AudioIconWithColor.displayName = 'AudioIconWithColor';
|
|
14
12
|
var _default = exports.default = AudioIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/24"));
|
|
10
8
|
var _chartBar = _interopRequireDefault(require("@atlaskit/icon/core/chart-bar"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var ChartBarIconWithColor = (0, _utils.renderIconTile)(_chartBar.default, 'purpleBold'
|
|
10
|
+
var ChartBarIconWithColor = (0, _utils.renderIconTile)(_chartBar.default, 'purpleBold');
|
|
13
11
|
ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
|
|
14
12
|
var _default = exports.default = ChartBarIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/24"));
|
|
10
8
|
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var FileIconWithColor = (0, _utils.renderIconTile)(_file.default, 'grayBold'
|
|
10
|
+
var FileIconWithColor = (0, _utils.renderIconTile)(_file.default, 'grayBold');
|
|
13
11
|
FileIconWithColor.displayName = 'FileIconWithColor';
|
|
14
12
|
var _default = exports.default = FileIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/24"));
|
|
10
8
|
var _folderClosed = _interopRequireDefault(require("@atlaskit/icon/core/folder-closed"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var FolderClosedIconWithColor = (0, _utils.renderIconTile)(_folderClosed.default, 'blueBold'
|
|
10
|
+
var FolderClosedIconWithColor = (0, _utils.renderIconTile)(_folderClosed.default, 'blueBold');
|
|
13
11
|
FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
|
|
14
12
|
var _default = exports.default = FolderClosedIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/24"));
|
|
10
8
|
var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var ImageIconWithColor = (0, _utils.renderIconTile)(_image.default, 'yellowBold'
|
|
10
|
+
var ImageIconWithColor = (0, _utils.renderIconTile)(_image.default, 'yellowBold');
|
|
13
11
|
ImageIconWithColor.displayName = 'ImageIconWithColor';
|
|
14
12
|
var _default = exports.default = ImageIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/24"));
|
|
10
8
|
var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var ListBulletedIconWithColor = (0, _utils.renderIconTile)(_listBulleted.default, 'greenBold'
|
|
10
|
+
var ListBulletedIconWithColor = (0, _utils.renderIconTile)(_listBulleted.default, 'greenBold');
|
|
13
11
|
ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
|
|
14
12
|
var _default = exports.default = ListBulletedIconWithColor;
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/24"));
|
|
10
8
|
var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var PageIconWithColor = (0, _utils.renderIconTile)(_page.default, 'blueBold'
|
|
10
|
+
var PageIconWithColor = (0, _utils.renderIconTile)(_page.default, 'blueBold');
|
|
13
11
|
PageIconWithColor.displayName = 'PageIconWithColor';
|
|
14
12
|
var _default = exports.default = PageIconWithColor;
|
|
@@ -32,7 +32,7 @@ var renderIconPerSize = exports.renderIconPerSize = function renderIconPerSize(I
|
|
|
32
32
|
return /*#__PURE__*/_react.default.createElement(IconSmall, props);
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
|
-
var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appearance
|
|
35
|
+
var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appearance) {
|
|
36
36
|
return function (_ref2) {
|
|
37
37
|
var size = _ref2.size,
|
|
38
38
|
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
|
|
@@ -40,10 +40,6 @@ var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appe
|
|
|
40
40
|
appearance: appearance,
|
|
41
41
|
icon: Icon,
|
|
42
42
|
size: transformSmartLinkSizeToIconTileSize(size)
|
|
43
|
-
}, props
|
|
44
|
-
LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/_react.default.createElement(LegacyIcon, (0, _extends2.default)({}, props, {
|
|
45
|
-
size: size
|
|
46
|
-
}))
|
|
47
|
-
}));
|
|
43
|
+
}, props));
|
|
48
44
|
};
|
|
49
45
|
};
|
|
@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/16"));
|
|
9
|
-
var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/24"));
|
|
10
8
|
var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
|
|
11
9
|
var _utils = require("./utils");
|
|
12
|
-
var VideoIconWithColor = (0, _utils.renderIconTile)(_video.default, 'redBold'
|
|
10
|
+
var VideoIconWithColor = (0, _utils.renderIconTile)(_video.default, 'redBold');
|
|
13
11
|
VideoIconWithColor.displayName = 'VideoIconWithColor';
|
|
14
12
|
var _default = exports.default = VideoIconWithColor;
|
|
@@ -8,12 +8,15 @@ exports.default = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _postMessageToPubsub = require("@atlaskit/rovo-triggers/post-message-to-pubsub");
|
|
11
|
+
var _useRovoConfig = _interopRequireDefault(require("../use-rovo-config"));
|
|
11
12
|
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; }
|
|
12
13
|
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; }
|
|
13
14
|
var SMART_LINK_TO_ROVO_SOURCE = 'smart-link';
|
|
14
15
|
var useRovoChat = function useRovoChat() {
|
|
16
|
+
var config = (0, _useRovoConfig.default)();
|
|
15
17
|
var _useRovoPostMessageTo = (0, _postMessageToPubsub.useRovoPostMessageToPubsub)(),
|
|
16
18
|
publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
|
|
19
|
+
var isRovoChatEnabled = config !== null && config !== void 0 && config.isRovoEnabled && config !== null && config !== void 0 && config.isRovoLLMEnabled ? true : false;
|
|
17
20
|
var sendPromptMessage = (0, _react.useCallback)(function (data) {
|
|
18
21
|
var _window$parent;
|
|
19
22
|
publishWithPostMessage({
|
|
@@ -36,8 +39,9 @@ var useRovoChat = function useRovoChat() {
|
|
|
36
39
|
}, [publishWithPostMessage]);
|
|
37
40
|
return (0, _react.useMemo)(function () {
|
|
38
41
|
return {
|
|
42
|
+
isRovoChatEnabled: isRovoChatEnabled,
|
|
39
43
|
sendPromptMessage: sendPromptMessage
|
|
40
44
|
};
|
|
41
|
-
}, [sendPromptMessage]);
|
|
45
|
+
}, [isRovoChatEnabled, sendPromptMessage]);
|
|
42
46
|
};
|
|
43
47
|
var _default = exports.default = useRovoChat;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _linkProvider = require("@atlaskit/link-provider");
|
|
9
|
+
var useRovoConfig = function useRovoConfig() {
|
|
10
|
+
var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
|
|
11
|
+
rovoOptions = _useSmartLinkContext.rovoOptions;
|
|
12
|
+
return (0, _react.useMemo)(function () {
|
|
13
|
+
return rovoOptions;
|
|
14
|
+
}, [rovoOptions]);
|
|
15
|
+
};
|
|
16
|
+
var _default = exports.default = useRovoConfig;
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "43.24.
|
|
14
|
+
packageVersion: "43.24.5"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -15,6 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
15
15
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
16
16
|
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
var _linkExtractors = require("@atlaskit/link-extractors");
|
|
18
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
20
|
var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
|
|
20
21
|
var _constants = require("../../../constants");
|
|
@@ -135,22 +136,26 @@ var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
|
|
|
135
136
|
var overrideUrl = data === null || data === void 0 || (_data$preview = data.preview) === null || _data$preview === void 0 ? void 0 : _data$preview.url;
|
|
136
137
|
var isHardcodedImage = !overrideUrl;
|
|
137
138
|
if (isHardcodedImage) {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
139
|
+
if ((0, _platformFeatureFlags.fg)('navx-3264-refactoring-unauth-provider-images-fe')) {
|
|
140
|
+
overrideUrl = _general2x.default;
|
|
141
|
+
} else {
|
|
142
|
+
switch (extensionKey) {
|
|
143
|
+
case 'figma-object-provider':
|
|
144
|
+
overrideUrl = _figma2x.default;
|
|
145
|
+
break;
|
|
146
|
+
case 'google-object-provider':
|
|
147
|
+
overrideUrl = _googleDrive2x.default;
|
|
148
|
+
break;
|
|
149
|
+
case 'onedrive-object-provider':
|
|
150
|
+
overrideUrl = _onedrive2x.default;
|
|
151
|
+
break;
|
|
152
|
+
case 'slack-object-provider':
|
|
153
|
+
overrideUrl = _slack2x.default;
|
|
154
|
+
break;
|
|
155
|
+
default:
|
|
156
|
+
overrideUrl = _general2x.default;
|
|
157
|
+
break;
|
|
158
|
+
}
|
|
154
159
|
}
|
|
155
160
|
}
|
|
156
161
|
return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, _utils2.titleBlockOptions, {
|
|
@@ -179,7 +184,7 @@ var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
|
|
|
179
184
|
}, (0, _utils.renderElementItems)([{
|
|
180
185
|
name: _constants.ElementName.HostName
|
|
181
186
|
}])))), children, actionGroup), hasActions ? /*#__PURE__*/React.createElement("div", {
|
|
182
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", isHardcodedImage && "_1bsbo60d"])
|
|
187
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", (isHardcodedImage || (0, _platformFeatureFlags.fg)('navx-3264-refactoring-unauth-provider-images-fe')) && "_1bsbo60d"])
|
|
183
188
|
}, /*#__PURE__*/React.createElement("div", {
|
|
184
189
|
style: {
|
|
185
190
|
backgroundImage: "url(".concat(overrideUrl, ")")
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = exports.RovoChatPromptKey = void 0;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _rovoChat = _interopRequireDefault(require("@atlaskit/icon/core/rovo-chat"));
|
|
13
|
+
var _useRovoChat2 = _interopRequireDefault(require("../../../../../state/hooks/use-rovo-chat"));
|
|
14
|
+
var _action = _interopRequireDefault(require("../action"));
|
|
15
|
+
var _excluded = ["onClick", "prompts", "testId"];
|
|
16
|
+
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); }
|
|
17
|
+
// Replace this with actual message key, e.g. link-relevancy, link-summary, etc.
|
|
18
|
+
var RovoChatPromptKey = exports.RovoChatPromptKey = /*#__PURE__*/function (RovoChatPromptKey) {
|
|
19
|
+
RovoChatPromptKey["MESSAGE_1"] = "message-1";
|
|
20
|
+
RovoChatPromptKey["MESSAGE_2"] = "message-2";
|
|
21
|
+
return RovoChatPromptKey;
|
|
22
|
+
}({});
|
|
23
|
+
var DEFAULT_PROMPTS = [RovoChatPromptKey.MESSAGE_1, RovoChatPromptKey.MESSAGE_2];
|
|
24
|
+
var getPromptAction = function getPromptAction(promptKey) {
|
|
25
|
+
// NAVX-3581: Replace this with real prompt message
|
|
26
|
+
switch (promptKey) {
|
|
27
|
+
case RovoChatPromptKey.MESSAGE_1:
|
|
28
|
+
return {
|
|
29
|
+
icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
|
|
30
|
+
label: "",
|
|
31
|
+
spacing: "spacious"
|
|
32
|
+
}),
|
|
33
|
+
content: 'Action title 1',
|
|
34
|
+
tooltipMessage: 'Action tooltip 1',
|
|
35
|
+
data: {
|
|
36
|
+
name: 'Chat title 1',
|
|
37
|
+
dialogues: [],
|
|
38
|
+
prompt: {
|
|
39
|
+
version: 1,
|
|
40
|
+
type: 'doc',
|
|
41
|
+
content: []
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
case RovoChatPromptKey.MESSAGE_2:
|
|
46
|
+
return {
|
|
47
|
+
icon: /*#__PURE__*/_react.default.createElement(_rovoChat.default, {
|
|
48
|
+
label: "",
|
|
49
|
+
spacing: "spacious"
|
|
50
|
+
}),
|
|
51
|
+
content: 'Action title 2',
|
|
52
|
+
tooltipMessage: 'Action tooltip 2',
|
|
53
|
+
data: {
|
|
54
|
+
name: 'Chat title 2',
|
|
55
|
+
dialogues: [],
|
|
56
|
+
prompt: {
|
|
57
|
+
version: 1,
|
|
58
|
+
type: 'doc',
|
|
59
|
+
content: []
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
var RovoChatAction = function RovoChatAction(_ref) {
|
|
66
|
+
var onClickCallback = _ref.onClick,
|
|
67
|
+
_ref$prompts = _ref.prompts,
|
|
68
|
+
prompts = _ref$prompts === void 0 ? DEFAULT_PROMPTS : _ref$prompts,
|
|
69
|
+
_ref$testId = _ref.testId,
|
|
70
|
+
testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
|
|
71
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
72
|
+
var _useRovoChat = (0, _useRovoChat2.default)(),
|
|
73
|
+
isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
|
|
74
|
+
sendPromptMessage = _useRovoChat.sendPromptMessage;
|
|
75
|
+
var _onClick = (0, _react.useCallback)(function (promptData) {
|
|
76
|
+
if (promptData) {
|
|
77
|
+
sendPromptMessage(promptData);
|
|
78
|
+
|
|
79
|
+
// NAVX-3599: Add analytics event, possibly as useInvokeClientAction()
|
|
80
|
+
|
|
81
|
+
onClickCallback === null || onClickCallback === void 0 || onClickCallback();
|
|
82
|
+
}
|
|
83
|
+
}, [onClickCallback, sendPromptMessage]);
|
|
84
|
+
var promptActions = (0, _react.useMemo)(function () {
|
|
85
|
+
return prompts.map(function (promptKey, idx) {
|
|
86
|
+
var _ref2 = getPromptAction(promptKey) || {},
|
|
87
|
+
icon = _ref2.icon,
|
|
88
|
+
content = _ref2.content,
|
|
89
|
+
tooltipMessage = _ref2.tooltipMessage,
|
|
90
|
+
promptData = _ref2.data;
|
|
91
|
+
return promptData ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
|
|
92
|
+
content: content,
|
|
93
|
+
icon: icon,
|
|
94
|
+
key: promptKey,
|
|
95
|
+
onClick: function onClick() {
|
|
96
|
+
return _onClick(promptData);
|
|
97
|
+
},
|
|
98
|
+
testId: "".concat(testId, "-").concat(idx + 1),
|
|
99
|
+
tooltipMessage: tooltipMessage
|
|
100
|
+
}, props)) : null;
|
|
101
|
+
});
|
|
102
|
+
}, [_onClick, prompts, props, testId]);
|
|
103
|
+
return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, promptActions) : null;
|
|
104
|
+
};
|
|
105
|
+
var _default = exports.default = RovoChatAction;
|
|
@@ -43,7 +43,9 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
43
43
|
testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
|
|
44
44
|
text = _ref.text,
|
|
45
45
|
zIndex = _ref.zIndex,
|
|
46
|
-
onAfterChanged = _ref.onAfterChanged
|
|
46
|
+
onAfterChanged = _ref.onAfterChanged,
|
|
47
|
+
_ref$shouldRenderToPa = _ref.shouldRenderToParent,
|
|
48
|
+
shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa;
|
|
47
49
|
var _useState = (0, _react.useState)({
|
|
48
50
|
appearance: appearance,
|
|
49
51
|
text: text
|
|
@@ -239,7 +241,7 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
239
241
|
testId: testId,
|
|
240
242
|
trigger: trigger,
|
|
241
243
|
zIndex: zIndex,
|
|
242
|
-
shouldRenderToParent:
|
|
244
|
+
shouldRenderToParent: shouldRenderToParent
|
|
243
245
|
}, dropdownItemGroup);
|
|
244
246
|
};
|
|
245
247
|
var _default = exports.default = (0, _errorBoundary.default)(LozengeAction);
|
|
@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
22
22
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
23
23
|
var PACKAGE_DATA = {
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "43.24.
|
|
25
|
+
packageVersion: "43.24.5",
|
|
26
26
|
componentName: 'linkUrl'
|
|
27
27
|
};
|
|
28
28
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/source-code/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/source-code/24';
|
|
3
1
|
import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
|
|
4
|
-
import {
|
|
5
|
-
const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold');
|
|
6
4
|
AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
|
|
7
5
|
export default AngleBracketsIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/audio/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/audio/24';
|
|
3
1
|
import AudioIcon from '@atlaskit/icon/core/audio';
|
|
4
|
-
import {
|
|
5
|
-
const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold');
|
|
6
4
|
AudioIconWithColor.displayName = 'AudioIconWithColor';
|
|
7
5
|
export default AudioIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/presentation/24';
|
|
3
1
|
import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
|
|
4
|
-
import {
|
|
5
|
-
const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold');
|
|
6
4
|
ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
|
|
7
5
|
export default ChartBarIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/generic/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/generic/24';
|
|
3
1
|
import FileIcon from '@atlaskit/icon/core/file';
|
|
4
|
-
import {
|
|
5
|
-
const FileIconWithColor = renderIconTile(FileIcon, 'grayBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const FileIconWithColor = renderIconTile(FileIcon, 'grayBold');
|
|
6
4
|
FileIconWithColor.displayName = 'FileIconWithColor';
|
|
7
5
|
export default FileIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/folder/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/folder/24';
|
|
3
1
|
import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
|
|
4
|
-
import {
|
|
5
|
-
const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold');
|
|
6
4
|
FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
|
|
7
5
|
export default FolderClosedIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/image/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/image/24';
|
|
3
1
|
import ImageIcon from '@atlaskit/icon/core/image';
|
|
4
|
-
import {
|
|
5
|
-
const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold');
|
|
6
4
|
ImageIconWithColor.displayName = 'ImageIconWithColor';
|
|
7
5
|
export default ImageIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/spreadsheet/24';
|
|
3
1
|
import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
|
|
4
|
-
import {
|
|
5
|
-
const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold');
|
|
6
4
|
ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
|
|
7
5
|
export default ListBulletedIconWithColor;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/document/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/document/24';
|
|
3
1
|
import PageIcon from '@atlaskit/icon/core/page';
|
|
4
|
-
import {
|
|
5
|
-
const PageIconWithColor = renderIconTile(PageIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const PageIconWithColor = renderIconTile(PageIcon, 'blueBold');
|
|
6
4
|
PageIconWithColor.displayName = 'PageIconWithColor';
|
|
7
5
|
export default PageIconWithColor;
|
|
@@ -23,7 +23,7 @@ export const renderIconPerSize = (IconSmall, IconLarge) => {
|
|
|
23
23
|
return /*#__PURE__*/React.createElement(IconSmall, props);
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
export const renderIconTile = (Icon, appearance
|
|
26
|
+
export const renderIconTile = (Icon, appearance) => {
|
|
27
27
|
return ({
|
|
28
28
|
size,
|
|
29
29
|
...props
|
|
@@ -32,10 +32,6 @@ export const renderIconTile = (Icon, appearance, LegacyIcon) => {
|
|
|
32
32
|
appearance: appearance,
|
|
33
33
|
icon: Icon,
|
|
34
34
|
size: transformSmartLinkSizeToIconTileSize(size)
|
|
35
|
-
}, props
|
|
36
|
-
LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, _extends({}, props, {
|
|
37
|
-
size: size
|
|
38
|
-
}))
|
|
39
|
-
}));
|
|
35
|
+
}, props));
|
|
40
36
|
};
|
|
41
37
|
};
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import LegacyIcon from '@atlaskit/icon-file-type/glyph/video/16';
|
|
2
|
-
import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/video/24';
|
|
3
1
|
import VideoIcon from '@atlaskit/icon/core/video';
|
|
4
|
-
import {
|
|
5
|
-
const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold');
|
|
6
4
|
VideoIconWithColor.displayName = 'VideoIconWithColor';
|
|
7
5
|
export default VideoIconWithColor;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { useCallback, useMemo } from 'react';
|
|
2
2
|
import { useRovoPostMessageToPubsub } from '@atlaskit/rovo-triggers/post-message-to-pubsub';
|
|
3
|
+
import useRovoConfig from '../use-rovo-config';
|
|
3
4
|
const SMART_LINK_TO_ROVO_SOURCE = 'smart-link';
|
|
4
5
|
const useRovoChat = () => {
|
|
6
|
+
const config = useRovoConfig();
|
|
5
7
|
const {
|
|
6
8
|
publishWithPostMessage
|
|
7
9
|
} = useRovoPostMessageToPubsub();
|
|
10
|
+
const isRovoChatEnabled = config !== null && config !== void 0 && config.isRovoEnabled && config !== null && config !== void 0 && config.isRovoLLMEnabled ? true : false;
|
|
8
11
|
const sendPromptMessage = useCallback(data => {
|
|
9
12
|
var _window$parent;
|
|
10
13
|
publishWithPostMessage({
|
|
@@ -26,7 +29,8 @@ const useRovoChat = () => {
|
|
|
26
29
|
});
|
|
27
30
|
}, [publishWithPostMessage]);
|
|
28
31
|
return useMemo(() => ({
|
|
32
|
+
isRovoChatEnabled,
|
|
29
33
|
sendPromptMessage
|
|
30
|
-
}), [sendPromptMessage]);
|
|
34
|
+
}), [isRovoChatEnabled, sendPromptMessage]);
|
|
31
35
|
};
|
|
32
36
|
export default useRovoChat;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
3
|
+
const useRovoConfig = () => {
|
|
4
|
+
const {
|
|
5
|
+
rovoOptions
|
|
6
|
+
} = useSmartLinkContext();
|
|
7
|
+
return useMemo(() => rovoOptions, [rovoOptions]);
|
|
8
|
+
};
|
|
9
|
+
export default useRovoConfig;
|
|
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
2
2
|
export const context = {
|
|
3
3
|
componentName: 'smart-cards',
|
|
4
4
|
packageName: "@atlaskit/smart-card",
|
|
5
|
-
packageVersion: "43.24.
|
|
5
|
+
packageVersion: "43.24.5"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|