@atlaskit/smart-card 43.24.5 → 43.24.7
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 +16 -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 +2 -1
- 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 +2 -1
- 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 +2 -1
- 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 +1 -0
- package/dist/types/state/hooks/use-rovo-config/index.d.ts +2 -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 +1 -0
- package/dist/types-ts4.5/state/hooks/use-rovo-config/index.d.ts +2 -0
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts +1 -0
- package/package.json +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.24.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 43.24.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`06cdd352d03d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06cdd352d03d0) -
|
|
14
|
+
Add useRovoConfig hook
|
|
15
|
+
- [`c5bebe6465da5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5bebe6465da5) -
|
|
16
|
+
NAVX-3264 refactoring new unauthed block card to use BE value or general hardcoded preview only
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 43.24.5
|
|
4
20
|
|
|
5
21
|
### 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.6"
|
|
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, ")")
|
|
@@ -70,6 +70,7 @@ var RovoChatAction = function RovoChatAction(_ref) {
|
|
|
70
70
|
testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
|
|
71
71
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
72
72
|
var _useRovoChat = (0, _useRovoChat2.default)(),
|
|
73
|
+
isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
|
|
73
74
|
sendPromptMessage = _useRovoChat.sendPromptMessage;
|
|
74
75
|
var _onClick = (0, _react.useCallback)(function (promptData) {
|
|
75
76
|
if (promptData) {
|
|
@@ -99,6 +100,6 @@ var RovoChatAction = function RovoChatAction(_ref) {
|
|
|
99
100
|
}, props)) : null;
|
|
100
101
|
});
|
|
101
102
|
}, [_onClick, prompts, props, testId]);
|
|
102
|
-
return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, promptActions) : null;
|
|
103
|
+
return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, promptActions) : null;
|
|
103
104
|
};
|
|
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.6",
|
|
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.6"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import { useCallback, useMemo } from 'react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
8
|
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
9
|
+
import { fg } from "@atlaskit/platform-feature-flags";
|
|
9
10
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
11
|
import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
|
|
11
12
|
import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../constants';
|
|
@@ -128,22 +129,26 @@ const NewUnauthorisedBlock = ({
|
|
|
128
129
|
let overrideUrl = data === null || data === void 0 ? void 0 : (_data$preview = data.preview) === null || _data$preview === void 0 ? void 0 : _data$preview.url;
|
|
129
130
|
let isHardcodedImage = !overrideUrl;
|
|
130
131
|
if (isHardcodedImage) {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
132
|
+
if (fg('navx-3264-refactoring-unauth-provider-images-fe')) {
|
|
133
|
+
overrideUrl = unauthIllustrationGeneral;
|
|
134
|
+
} else {
|
|
135
|
+
switch (extensionKey) {
|
|
136
|
+
case 'figma-object-provider':
|
|
137
|
+
overrideUrl = unauthIllustrationFigma;
|
|
138
|
+
break;
|
|
139
|
+
case 'google-object-provider':
|
|
140
|
+
overrideUrl = unauthIllustrationGdrive;
|
|
141
|
+
break;
|
|
142
|
+
case 'onedrive-object-provider':
|
|
143
|
+
overrideUrl = unauthIllustrationOnedrive;
|
|
144
|
+
break;
|
|
145
|
+
case 'slack-object-provider':
|
|
146
|
+
overrideUrl = unauthIllustrationSlack;
|
|
147
|
+
break;
|
|
148
|
+
default:
|
|
149
|
+
overrideUrl = unauthIllustrationGeneral;
|
|
150
|
+
break;
|
|
151
|
+
}
|
|
147
152
|
}
|
|
148
153
|
}
|
|
149
154
|
return /*#__PURE__*/React.createElement(Block, _extends({}, titleBlockOptions, {
|
|
@@ -172,7 +177,7 @@ const NewUnauthorisedBlock = ({
|
|
|
172
177
|
}, renderElementItems([{
|
|
173
178
|
name: ElementName.HostName
|
|
174
179
|
}])))), children, actionGroup), hasActions ? /*#__PURE__*/React.createElement("div", {
|
|
175
|
-
className: ax(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", isHardcodedImage && "_1bsbo60d"])
|
|
180
|
+
className: ax(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", (isHardcodedImage || fg('navx-3264-refactoring-unauth-provider-images-fe')) && "_1bsbo60d"])
|
|
176
181
|
}, /*#__PURE__*/React.createElement("div", {
|
|
177
182
|
style: {
|
|
178
183
|
backgroundImage: `url(${overrideUrl})`
|
|
@@ -58,6 +58,7 @@ const RovoChatAction = ({
|
|
|
58
58
|
...props
|
|
59
59
|
}) => {
|
|
60
60
|
const {
|
|
61
|
+
isRovoChatEnabled,
|
|
61
62
|
sendPromptMessage
|
|
62
63
|
} = useRovoChat();
|
|
63
64
|
const onClick = useCallback(promptData => {
|
|
@@ -87,6 +88,6 @@ const RovoChatAction = ({
|
|
|
87
88
|
}, props)) : null;
|
|
88
89
|
});
|
|
89
90
|
}, [onClick, prompts, props, testId]);
|
|
90
|
-
return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
|
|
91
|
+
return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
|
|
91
92
|
};
|
|
92
93
|
export default RovoChatAction;
|
|
@@ -25,7 +25,8 @@ const LozengeAction = ({
|
|
|
25
25
|
testId = 'smart-element-lozenge-action',
|
|
26
26
|
text,
|
|
27
27
|
zIndex,
|
|
28
|
-
onAfterChanged
|
|
28
|
+
onAfterChanged,
|
|
29
|
+
shouldRenderToParent = false
|
|
29
30
|
}) => {
|
|
30
31
|
var _action$update;
|
|
31
32
|
const [selected, setSelected] = useState({
|
|
@@ -153,7 +154,7 @@ const LozengeAction = ({
|
|
|
153
154
|
testId: testId,
|
|
154
155
|
trigger: trigger,
|
|
155
156
|
zIndex: zIndex,
|
|
156
|
-
shouldRenderToParent:
|
|
157
|
+
shouldRenderToParent: shouldRenderToParent
|
|
157
158
|
}, dropdownItemGroup);
|
|
158
159
|
};
|
|
159
160
|
export default withErrorBoundary(LozengeAction);
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
const PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "43.24.
|
|
15
|
+
packageVersion: "43.24.6",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
const Anchor = 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
|
-
var AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var AudioIconWithColor = renderIconTile(AudioIcon, 'redBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var FileIconWithColor = renderIconTile(FileIcon, 'grayBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var 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
|
-
var PageIconWithColor = renderIconTile(PageIcon, 'blueBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var PageIconWithColor = renderIconTile(PageIcon, 'blueBold');
|
|
6
4
|
PageIconWithColor.displayName = 'PageIconWithColor';
|
|
7
5
|
export default PageIconWithColor;
|
|
@@ -25,7 +25,7 @@ export var renderIconPerSize = function renderIconPerSize(IconSmall, IconLarge)
|
|
|
25
25
|
return /*#__PURE__*/React.createElement(IconSmall, props);
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
|
-
export var renderIconTile = function renderIconTile(Icon, appearance
|
|
28
|
+
export var renderIconTile = function renderIconTile(Icon, appearance) {
|
|
29
29
|
return function (_ref2) {
|
|
30
30
|
var size = _ref2.size,
|
|
31
31
|
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
@@ -33,10 +33,6 @@ export var renderIconTile = function renderIconTile(Icon, appearance, LegacyIcon
|
|
|
33
33
|
appearance: appearance,
|
|
34
34
|
icon: Icon,
|
|
35
35
|
size: transformSmartLinkSizeToIconTileSize(size)
|
|
36
|
-
}, props
|
|
37
|
-
LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, _extends({}, props, {
|
|
38
|
-
size: size
|
|
39
|
-
}))
|
|
40
|
-
}));
|
|
36
|
+
}, props));
|
|
41
37
|
};
|
|
42
38
|
};
|
|
@@ -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
|
-
var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold'
|
|
2
|
+
import { renderIconTile } from './utils';
|
|
3
|
+
var VideoIconWithColor = renderIconTile(VideoIcon, 'redBold');
|
|
6
4
|
VideoIconWithColor.displayName = 'VideoIconWithColor';
|
|
7
5
|
export default VideoIconWithColor;
|
|
@@ -3,10 +3,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
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; }
|
|
4
4
|
import { useCallback, useMemo } from 'react';
|
|
5
5
|
import { useRovoPostMessageToPubsub } from '@atlaskit/rovo-triggers/post-message-to-pubsub';
|
|
6
|
+
import useRovoConfig from '../use-rovo-config';
|
|
6
7
|
var SMART_LINK_TO_ROVO_SOURCE = 'smart-link';
|
|
7
8
|
var useRovoChat = function useRovoChat() {
|
|
9
|
+
var config = useRovoConfig();
|
|
8
10
|
var _useRovoPostMessageTo = useRovoPostMessageToPubsub(),
|
|
9
11
|
publishWithPostMessage = _useRovoPostMessageTo.publishWithPostMessage;
|
|
12
|
+
var isRovoChatEnabled = config !== null && config !== void 0 && config.isRovoEnabled && config !== null && config !== void 0 && config.isRovoLLMEnabled ? true : false;
|
|
10
13
|
var sendPromptMessage = useCallback(function (data) {
|
|
11
14
|
var _window$parent;
|
|
12
15
|
publishWithPostMessage({
|
|
@@ -29,8 +32,9 @@ var useRovoChat = function useRovoChat() {
|
|
|
29
32
|
}, [publishWithPostMessage]);
|
|
30
33
|
return useMemo(function () {
|
|
31
34
|
return {
|
|
35
|
+
isRovoChatEnabled: isRovoChatEnabled,
|
|
32
36
|
sendPromptMessage: sendPromptMessage
|
|
33
37
|
};
|
|
34
|
-
}, [sendPromptMessage]);
|
|
38
|
+
}, [isRovoChatEnabled, sendPromptMessage]);
|
|
35
39
|
};
|
|
36
40
|
export default useRovoChat;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
3
|
+
var useRovoConfig = function useRovoConfig() {
|
|
4
|
+
var _useSmartLinkContext = useSmartLinkContext(),
|
|
5
|
+
rovoOptions = _useSmartLinkContext.rovoOptions;
|
|
6
|
+
return useMemo(function () {
|
|
7
|
+
return rovoOptions;
|
|
8
|
+
}, [rovoOptions]);
|
|
9
|
+
};
|
|
10
|
+
export default useRovoConfig;
|
|
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export var context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "43.24.
|
|
7
|
+
packageVersion: "43.24.6"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
8
8
|
import { useCallback, useMemo } from 'react';
|
|
9
9
|
import { FormattedMessage } from 'react-intl-next';
|
|
10
10
|
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
11
|
+
import { fg } from "@atlaskit/platform-feature-flags";
|
|
11
12
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
12
13
|
import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
|
|
13
14
|
import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../constants';
|
|
@@ -126,22 +127,26 @@ var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
|
|
|
126
127
|
var overrideUrl = data === null || data === void 0 || (_data$preview = data.preview) === null || _data$preview === void 0 ? void 0 : _data$preview.url;
|
|
127
128
|
var isHardcodedImage = !overrideUrl;
|
|
128
129
|
if (isHardcodedImage) {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
130
|
+
if (fg('navx-3264-refactoring-unauth-provider-images-fe')) {
|
|
131
|
+
overrideUrl = unauthIllustrationGeneral;
|
|
132
|
+
} else {
|
|
133
|
+
switch (extensionKey) {
|
|
134
|
+
case 'figma-object-provider':
|
|
135
|
+
overrideUrl = unauthIllustrationFigma;
|
|
136
|
+
break;
|
|
137
|
+
case 'google-object-provider':
|
|
138
|
+
overrideUrl = unauthIllustrationGdrive;
|
|
139
|
+
break;
|
|
140
|
+
case 'onedrive-object-provider':
|
|
141
|
+
overrideUrl = unauthIllustrationOnedrive;
|
|
142
|
+
break;
|
|
143
|
+
case 'slack-object-provider':
|
|
144
|
+
overrideUrl = unauthIllustrationSlack;
|
|
145
|
+
break;
|
|
146
|
+
default:
|
|
147
|
+
overrideUrl = unauthIllustrationGeneral;
|
|
148
|
+
break;
|
|
149
|
+
}
|
|
145
150
|
}
|
|
146
151
|
}
|
|
147
152
|
return /*#__PURE__*/React.createElement(Block, _extends({}, titleBlockOptions, {
|
|
@@ -170,7 +175,7 @@ var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
|
|
|
170
175
|
}, renderElementItems([{
|
|
171
176
|
name: ElementName.HostName
|
|
172
177
|
}])))), children, actionGroup), hasActions ? /*#__PURE__*/React.createElement("div", {
|
|
173
|
-
className: ax(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", isHardcodedImage && "_1bsbo60d"])
|
|
178
|
+
className: ax(["_1reo15vq _18m915vq _1bsb1o87 _1wpz1fhb _1dptglyw", (isHardcodedImage || fg('navx-3264-refactoring-unauth-provider-images-fe')) && "_1bsbo60d"])
|
|
174
179
|
}, /*#__PURE__*/React.createElement("div", {
|
|
175
180
|
style: {
|
|
176
181
|
backgroundImage: "url(".concat(overrideUrl, ")")
|
|
@@ -61,6 +61,7 @@ var RovoChatAction = function RovoChatAction(_ref) {
|
|
|
61
61
|
testId = _ref$testId === void 0 ? 'smart-action-rovo-chat-action' : _ref$testId,
|
|
62
62
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
63
63
|
var _useRovoChat = useRovoChat(),
|
|
64
|
+
isRovoChatEnabled = _useRovoChat.isRovoChatEnabled,
|
|
64
65
|
sendPromptMessage = _useRovoChat.sendPromptMessage;
|
|
65
66
|
var _onClick = useCallback(function (promptData) {
|
|
66
67
|
if (promptData) {
|
|
@@ -90,6 +91,6 @@ var RovoChatAction = function RovoChatAction(_ref) {
|
|
|
90
91
|
}, props)) : null;
|
|
91
92
|
});
|
|
92
93
|
}, [_onClick, prompts, props, testId]);
|
|
93
|
-
return (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
|
|
94
|
+
return isRovoChatEnabled && (promptActions === null || promptActions === void 0 ? void 0 : promptActions.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, promptActions) : null;
|
|
94
95
|
};
|
|
95
96
|
export default RovoChatAction;
|
|
@@ -34,7 +34,9 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
34
34
|
testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
|
|
35
35
|
text = _ref.text,
|
|
36
36
|
zIndex = _ref.zIndex,
|
|
37
|
-
onAfterChanged = _ref.onAfterChanged
|
|
37
|
+
onAfterChanged = _ref.onAfterChanged,
|
|
38
|
+
_ref$shouldRenderToPa = _ref.shouldRenderToParent,
|
|
39
|
+
shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa;
|
|
38
40
|
var _useState = useState({
|
|
39
41
|
appearance: appearance,
|
|
40
42
|
text: text
|
|
@@ -230,7 +232,7 @@ var LozengeAction = function LozengeAction(_ref) {
|
|
|
230
232
|
testId: testId,
|
|
231
233
|
trigger: trigger,
|
|
232
234
|
zIndex: zIndex,
|
|
233
|
-
shouldRenderToParent:
|
|
235
|
+
shouldRenderToParent: shouldRenderToParent
|
|
234
236
|
}, dropdownItemGroup);
|
|
235
237
|
};
|
|
236
238
|
export default withErrorBoundary(LozengeAction);
|
|
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
15
15
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
16
16
|
var PACKAGE_DATA = {
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "43.24.
|
|
18
|
+
packageVersion: "43.24.6",
|
|
19
19
|
componentName: 'linkUrl'
|
|
20
20
|
};
|
|
21
21
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
|
|
|
11
11
|
size?: SmartLinkSize;
|
|
12
12
|
}>;
|
|
13
13
|
type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
|
|
14
|
-
export declare const renderIconTile: (Icon: IconTileProps["icon"], appearance: IconTileProps["appearance"]
|
|
14
|
+
export declare const renderIconTile: (Icon: IconTileProps["icon"], appearance: IconTileProps["appearance"]) => React.FC<AtlaskitIconTileProps>;
|
|
15
15
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ChatNewPayload } from '@atlaskit/rovo-triggers/types';
|
|
2
2
|
export type SendPromptMessageData = Partial<ChatNewPayload['data']>;
|
|
3
3
|
declare const useRovoChat: () => {
|
|
4
|
+
isRovoChatEnabled: boolean;
|
|
4
5
|
sendPromptMessage: (data: SendPromptMessageData) => void;
|
|
5
6
|
};
|
|
6
7
|
export default useRovoChat;
|
|
@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
|
|
|
11
11
|
size?: SmartLinkSize;
|
|
12
12
|
}>;
|
|
13
13
|
type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
|
|
14
|
-
export declare const renderIconTile: (Icon: IconTileProps["icon"], appearance: IconTileProps["appearance"]
|
|
14
|
+
export declare const renderIconTile: (Icon: IconTileProps["icon"], appearance: IconTileProps["appearance"]) => React.FC<AtlaskitIconTileProps>;
|
|
15
15
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ChatNewPayload } from '@atlaskit/rovo-triggers/types';
|
|
2
2
|
export type SendPromptMessageData = Partial<ChatNewPayload['data']>;
|
|
3
3
|
declare const useRovoChat: () => {
|
|
4
|
+
isRovoChatEnabled: boolean;
|
|
4
5
|
sendPromptMessage: (data: SendPromptMessageData) => void;
|
|
5
6
|
};
|
|
6
7
|
export default useRovoChat;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "43.24.
|
|
3
|
+
"version": "43.24.7",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@atlaskit/form": "^15.3.0",
|
|
43
43
|
"@atlaskit/frontend-utilities": "^3.2.0",
|
|
44
44
|
"@atlaskit/heading": "^5.3.0",
|
|
45
|
-
"@atlaskit/icon": "^
|
|
45
|
+
"@atlaskit/icon": "^31.0.0",
|
|
46
46
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
47
47
|
"@atlaskit/icon-object": "^7.4.0",
|
|
48
48
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@atlaskit/popup": "^4.13.0",
|
|
66
66
|
"@atlaskit/primitives": "^18.0.0",
|
|
67
67
|
"@atlaskit/react-ufo": "^5.2.0",
|
|
68
|
-
"@atlaskit/rovo-triggers": "^5.
|
|
68
|
+
"@atlaskit/rovo-triggers": "^5.14.0",
|
|
69
69
|
"@atlaskit/section-message": "^8.12.0",
|
|
70
70
|
"@atlaskit/select": "^21.7.0",
|
|
71
71
|
"@atlaskit/spinner": "^19.0.0",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@atlaskit/textfield": "^8.2.0",
|
|
74
74
|
"@atlaskit/theme": "^21.0.0",
|
|
75
75
|
"@atlaskit/tile": "^1.0.0",
|
|
76
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
76
|
+
"@atlaskit/tmp-editor-statsig": "^25.0.0",
|
|
77
77
|
"@atlaskit/tokens": "^11.0.0",
|
|
78
78
|
"@atlaskit/tooltip": "^20.14.0",
|
|
79
79
|
"@atlaskit/ufo": "^0.4.0",
|
|
@@ -225,6 +225,9 @@
|
|
|
225
225
|
},
|
|
226
226
|
"navx-2565-inline-card-error-state-underline": {
|
|
227
227
|
"type": "boolean"
|
|
228
|
+
},
|
|
229
|
+
"navx-3264-refactoring-unauth-provider-images-fe": {
|
|
230
|
+
"type": "boolean"
|
|
228
231
|
}
|
|
229
232
|
},
|
|
230
233
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"
|