@atlaskit/smart-card 44.23.1 → 44.23.2
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 +8 -0
- package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default.png +3 -0
- package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
- package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-with-entity-support--default.png +2 -2
- package/dist/cjs/extractors/flexible/actions/extract-rovo-chat-action.js +2 -4
- package/dist/cjs/extractors/flexible/actions/index.js +1 -1
- package/dist/cjs/extractors/flexible/index.js +1 -1
- package/dist/cjs/state/hooks/use-rovo-chat/index.js +1 -1
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +3 -3
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +0 -9
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +7 -28
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/index.js +1 -10
- package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/automation-action/index.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/follow-action/index.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js +2 -3
- package/dist/cjs/view/FlexibleCard/components/actions/rovo-chat-action/index.js +0 -7
- package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/index.js +2 -3
- package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.compiled.css +2 -6
- package/dist/cjs/view/FlexibleCard/components/blocks/action-block/index.js +4 -26
- package/dist/cjs/view/FlexibleCard/components/blocks/hover-card-footer-block/index.compiled.css +0 -1
- package/dist/cjs/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js +1 -4
- package/dist/cjs/view/FlexibleCard/index.js +2 -2
- package/dist/cjs/view/HoverCard/components/HoverCardContent.js +7 -15
- package/dist/cjs/view/HoverCard/components/views/resolved/index.js +4 -11
- package/dist/cjs/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +2 -8
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/common/ai-summary/index.js +1 -3
- package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default.png +3 -0
- package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
- package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-with-entity-support--default.png +2 -2
- package/dist/es2019/extractors/flexible/actions/extract-rovo-chat-action.js +2 -4
- package/dist/es2019/extractors/flexible/actions/index.js +1 -1
- package/dist/es2019/extractors/flexible/index.js +1 -1
- package/dist/es2019/state/hooks/use-rovo-chat/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +3 -4
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +0 -9
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +7 -28
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/index.js +1 -10
- package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/automation-action/index.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/follow-action/index.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js +2 -3
- package/dist/es2019/view/FlexibleCard/components/actions/rovo-chat-action/index.js +0 -7
- package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/index.js +2 -3
- package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.compiled.css +2 -6
- package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.js +4 -26
- package/dist/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/index.compiled.css +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js +1 -4
- package/dist/es2019/view/FlexibleCard/index.js +2 -2
- package/dist/es2019/view/HoverCard/components/HoverCardContent.js +7 -16
- package/dist/es2019/view/HoverCard/components/views/resolved/index.js +3 -11
- package/dist/es2019/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +3 -10
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/common/ai-summary/index.js +1 -3
- package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default.png +3 -0
- package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-cta-treatment---default.png +2 -2
- package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-with-entity-support--default.png +2 -2
- package/dist/esm/extractors/flexible/actions/extract-rovo-chat-action.js +2 -4
- package/dist/esm/extractors/flexible/actions/index.js +1 -1
- package/dist/esm/extractors/flexible/index.js +1 -1
- package/dist/esm/state/hooks/use-rovo-chat/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +3 -3
- package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +0 -9
- package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +7 -28
- package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/index.js +1 -10
- package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summary-action-component.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/automation-action/index.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/follow-action/index.js +1 -2
- package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js +2 -3
- package/dist/esm/view/FlexibleCard/components/actions/rovo-chat-action/index.js +0 -7
- package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/index.js +2 -3
- package/dist/esm/view/FlexibleCard/components/blocks/action-block/index.compiled.css +2 -6
- package/dist/esm/view/FlexibleCard/components/blocks/action-block/index.js +4 -26
- package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/index.compiled.css +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js +1 -4
- package/dist/esm/view/FlexibleCard/index.js +2 -2
- package/dist/esm/view/HoverCard/components/HoverCardContent.js +7 -15
- package/dist/esm/view/HoverCard/components/views/resolved/index.js +4 -11
- package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js +3 -9
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/common/ai-summary/index.js +1 -3
- package/dist/types/view/FlexibleCard/components/blocks/action-block/types.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts +2 -2
- package/dist/types/view/HoverCard/components/views/resolved/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/types.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/types.d.ts +2 -2
- package/dist/types-ts4.5/view/HoverCard/components/views/resolved/index.d.ts +1 -1
- package/package.json +1 -4
- package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png +0 -3
- package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-false.png +0 -3
- package/dist/cjs/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png +0 -3
- package/dist/cjs/state/hooks/use-inline-action-nudge-experiment/index.js +0 -54
- package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css +0 -15
- package/dist/cjs/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js +0 -44
- package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png +0 -3
- package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-false.png +0 -3
- package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png +0 -3
- package/dist/es2019/state/hooks/use-inline-action-nudge-experiment/index.js +0 -48
- package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css +0 -15
- package/dist/es2019/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js +0 -36
- package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-generic-3p-rovo-chat-action--default.png +0 -3
- package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-false.png +0 -3
- package/dist/esm/__tests__/vr-tests/__snapshots__/hover-card/hover-card-with-google-rovo-chat-action--default--rovogrowth-640-inline-action-nudge-exp-true.png +0 -3
- package/dist/esm/state/hooks/use-inline-action-nudge-experiment/index.js +0 -47
- package/dist/esm/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.compiled.css +0 -15
- package/dist/esm/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.js +0 -35
- package/dist/types/state/hooks/use-inline-action-nudge-experiment/index.d.ts +0 -24
- package/dist/types/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.d.ts +0 -12
- package/dist/types-ts4.5/state/hooks/use-inline-action-nudge-experiment/index.d.ts +0 -24
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/ask-rovo-section-header.d.ts +0 -12
|
@@ -5,15 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { useCallback, useMemo, useState } from 'react';
|
|
6
6
|
import { di } from 'react-magnetic-di';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
9
8
|
import { ActionName, SmartLinkSize } from '../../../../../constants';
|
|
10
9
|
import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
|
|
11
10
|
import * as Actions from '../../actions';
|
|
12
11
|
import { ActionFooter } from './action-footer';
|
|
13
|
-
import AskRovoSectionHeader from './ask-rovo-section-header';
|
|
14
12
|
const ignoreContainerPaddingStyles = null;
|
|
15
|
-
const inlineActionNudgePillWrapperStyles = null;
|
|
16
|
-
const inlineActionNudgeColumnStyles = null;
|
|
17
13
|
const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
|
|
18
14
|
const sort = (a, b) => {
|
|
19
15
|
let idxA = DEFAULT_SORT_ORDER.indexOf(a);
|
|
@@ -56,10 +52,7 @@ const ActionBlock = ({
|
|
|
56
52
|
var _context$actions;
|
|
57
53
|
const context = useFlexibleUiContext();
|
|
58
54
|
const ui = useFlexibleUiOptionContext();
|
|
59
|
-
const isRovoChatActionAvailable =
|
|
60
|
-
|
|
61
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
62
|
-
const isInlineActionNudgeExperiment = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
55
|
+
const isRovoChatActionAvailable = isAny3pRovoActionsExperimentOn && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction]) !== undefined : undefined;
|
|
63
56
|
const [message, setMessage] = useState();
|
|
64
57
|
const [isLoading, setIsLoading] = useState(false);
|
|
65
58
|
const onLoadingChange = useCallback(isLoading => {
|
|
@@ -77,7 +70,7 @@ const ActionBlock = ({
|
|
|
77
70
|
if (!(context !== null && context !== void 0 && context.actions)) {
|
|
78
71
|
return;
|
|
79
72
|
}
|
|
80
|
-
const arr = fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
73
|
+
const arr = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? isRovoChatActionAvailable ? [ActionName.RovoChatAction] : Object.keys(context.actions).filter(name => name !== ActionName.RovoChatAction) : Object.keys(context.actions);
|
|
81
74
|
arr.sort(sort);
|
|
82
75
|
const renderAction = name => {
|
|
83
76
|
const Action = name in Actions ? Actions[name] : undefined;
|
|
@@ -94,32 +87,17 @@ const ActionBlock = ({
|
|
|
94
87
|
size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
|
|
95
88
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
96
89
|
,
|
|
97
|
-
style:
|
|
90
|
+
style: padding ? {
|
|
98
91
|
paddingInline: padding
|
|
99
92
|
} : undefined,
|
|
100
93
|
hideTooltip: isLoading
|
|
101
94
|
});
|
|
102
95
|
};
|
|
103
96
|
return arr.map(name => renderAction(name));
|
|
104
|
-
}, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick
|
|
105
|
-
const showRovoSectionHeader = isInlineActionNudgeExperiment && isRovoChatActionAvailable;
|
|
97
|
+
}, [context === null || context === void 0 ? void 0 : context.actions, isRovoChatActionAvailable, spaceInline, onError, onLoadingChange, size, ui === null || ui === void 0 ? void 0 : ui.size, padding, isLoading, onClick]);
|
|
106
98
|
if (!actions) {
|
|
107
99
|
return null;
|
|
108
100
|
}
|
|
109
|
-
if (isInlineActionNudgeExperiment && isRovoChatActionAvailable) {
|
|
110
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
111
|
-
ref: blockRef,
|
|
112
|
-
"data-testid": testId,
|
|
113
|
-
className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _1bsb1osq"])
|
|
114
|
-
}, showRovoSectionHeader && /*#__PURE__*/React.createElement(AskRovoSectionHeader, {
|
|
115
|
-
testId: testId ? `${testId}-rovo-section-header` : undefined
|
|
116
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
117
|
-
className: ax(["_zulpu2gc _1e0c11p5 _yv0e1ris"])
|
|
118
|
-
}, actions), /*#__PURE__*/React.createElement(ActionFooter, {
|
|
119
|
-
message: message,
|
|
120
|
-
testId: testId
|
|
121
|
-
}));
|
|
122
|
-
}
|
|
123
101
|
return /*#__PURE__*/React.createElement("div", {
|
|
124
102
|
ref: blockRef,
|
|
125
103
|
"data-testid": testId
|
package/dist/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/index.compiled.css
CHANGED
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
|
|
11
11
|
._18u01wug{margin-left:auto}
|
|
12
12
|
._19p4ze3t *{padding-right:var(--ds-space-0,0)}
|
|
13
|
-
._19pkutpp{margin-top:var(--ds-space-150,9pt)}
|
|
14
13
|
._1bah1y6m{justify-content:flex-start}
|
|
15
14
|
._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
|
|
16
15
|
._1e0c1txw{display:flex}
|
|
@@ -4,8 +4,6 @@ import "./index.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { useMemo } from 'react';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
9
7
|
import { ActionName } from '../../../../../constants';
|
|
10
8
|
import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
|
|
11
9
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -18,7 +16,6 @@ import Block from '../block';
|
|
|
18
16
|
*/
|
|
19
17
|
const HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [ActionName.RovoChatAction];
|
|
20
18
|
const ignoreContainerMarginStyles = null;
|
|
21
|
-
const inlineActionNudgeFooterMarginStyles = null;
|
|
22
19
|
const elevatedFooterStyles = null;
|
|
23
20
|
const providerStyles = null;
|
|
24
21
|
const actionsStyles = null;
|
|
@@ -60,7 +57,7 @@ const ResolvedHoverCardFooterBlock = ({
|
|
|
60
57
|
return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
|
|
61
58
|
size: size,
|
|
62
59
|
testId: `${testId}-resolved-view`,
|
|
63
|
-
className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"
|
|
60
|
+
className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
|
|
64
61
|
}), !hideProvider && /*#__PURE__*/React.createElement("div", {
|
|
65
62
|
className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
|
|
66
63
|
}, /*#__PURE__*/React.createElement(Provider, {
|
|
@@ -49,7 +49,7 @@ const FlexibleCard = ({
|
|
|
49
49
|
openPreviewPanel,
|
|
50
50
|
product
|
|
51
51
|
} = useSmartLinkContext();
|
|
52
|
-
const rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
52
|
+
const rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
|
|
53
53
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
54
54
|
useRovoConfig() : undefined;
|
|
55
55
|
const {
|
|
@@ -78,7 +78,7 @@ const FlexibleCard = ({
|
|
|
78
78
|
origin,
|
|
79
79
|
renderers,
|
|
80
80
|
resolve,
|
|
81
|
-
...(fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
81
|
+
...(fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
82
82
|
product,
|
|
83
83
|
rovoConfig
|
|
84
84
|
} : undefined),
|
|
@@ -10,7 +10,6 @@ import { useAnalyticsEvents } from '../../../common/analytics/generated/use-anal
|
|
|
10
10
|
import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
|
|
11
11
|
import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
|
|
12
12
|
import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
|
|
13
|
-
import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
|
|
14
13
|
import useRovoConfig from '../../../state/hooks/use-rovo-config';
|
|
15
14
|
import { useSmartCardState } from '../../../state/store';
|
|
16
15
|
import { isSpecialEvent } from '../../../utils';
|
|
@@ -224,9 +223,8 @@ const HoverCardContent = ({
|
|
|
224
223
|
flexibleCardProps: flexibleCardProps
|
|
225
224
|
});
|
|
226
225
|
}
|
|
227
|
-
const is3PInlinePostAuthActionsEnabled = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
228
226
|
if (isResolved) {
|
|
229
|
-
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
227
|
+
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
230
228
|
actionOptions,
|
|
231
229
|
showRovoResolvedView
|
|
232
230
|
} : undefined, {
|
|
@@ -277,9 +275,8 @@ const HoverCardContent = ({
|
|
|
277
275
|
flexibleCardProps: flexibleCardProps
|
|
278
276
|
});
|
|
279
277
|
}
|
|
280
|
-
const is3PInlinePostAuthActionsEnabled = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
281
278
|
if (cardState.status === 'resolved') {
|
|
282
|
-
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
279
|
+
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
283
280
|
actionOptions,
|
|
284
281
|
showRovoResolvedView
|
|
285
282
|
} : undefined, {
|
|
@@ -306,8 +303,7 @@ const HoverCardContent = ({
|
|
|
306
303
|
const HoverCardContentWithViewVariant = props => {
|
|
307
304
|
const {
|
|
308
305
|
cardState,
|
|
309
|
-
actionOptions
|
|
310
|
-
url
|
|
306
|
+
actionOptions
|
|
311
307
|
} = props;
|
|
312
308
|
const rovoConfig = useRovoConfig();
|
|
313
309
|
const isResolved = useIsResolvedView(props);
|
|
@@ -317,23 +313,19 @@ const HoverCardContentWithViewVariant = props => {
|
|
|
317
313
|
rovoConfig,
|
|
318
314
|
actionOptions
|
|
319
315
|
}) !== undefined, [actionOptions, cardState.details, rovoConfig, isResolved]);
|
|
320
|
-
const {
|
|
321
|
-
isEnabled: rovoActionsCtaShown
|
|
322
|
-
} = useInlineActionNudgeExperiment(url, true, actionOptions);
|
|
323
316
|
const data = useMemo(() => {
|
|
324
317
|
let viewVariant = 'default';
|
|
325
|
-
if (showRovoResolvedView &&
|
|
318
|
+
if (showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true)) {
|
|
326
319
|
viewVariant = 'rovo-resolved-view';
|
|
327
320
|
} else if (showPreauthBetterHovercard) {
|
|
328
321
|
viewVariant = 'rovo-unauthorised-view';
|
|
329
322
|
}
|
|
330
323
|
return {
|
|
331
324
|
attributes: {
|
|
332
|
-
viewVariant
|
|
333
|
-
rovoActionsCtaShown
|
|
325
|
+
viewVariant
|
|
334
326
|
}
|
|
335
327
|
};
|
|
336
|
-
}, [showRovoResolvedView, showPreauthBetterHovercard
|
|
328
|
+
}, [showRovoResolvedView, showPreauthBetterHovercard]);
|
|
337
329
|
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
338
330
|
data: data
|
|
339
331
|
}, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
|
|
@@ -344,7 +336,6 @@ const _default_1 = componentWithCondition(() => {
|
|
|
344
336
|
// We need to read both of them to sutisfy some of the tests that expect both to be checked.
|
|
345
337
|
const flagA = fg('platform_sl_3p_preauth_better_hovercard_killswitch');
|
|
346
338
|
const flagB = fg('platform_sl_3p_auth_rovo_action_kill_switch');
|
|
347
|
-
|
|
348
|
-
return flagA || flagB || flagC;
|
|
339
|
+
return flagA || flagB;
|
|
349
340
|
}, HoverCardContentWithViewVariant, HoverCardContent);
|
|
350
341
|
export default _default_1;
|
|
@@ -9,7 +9,6 @@ import { useAnalyticsEvents } from '../../../../../common/analytics/generated/us
|
|
|
9
9
|
import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
|
|
10
10
|
import { succeedUfoExperience } from '../../../../../state/analytics';
|
|
11
11
|
import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
|
|
12
|
-
import useInlineActionNudgeExperiment from '../../../../../state/hooks/use-inline-action-nudge-experiment';
|
|
13
12
|
import FlexibleCard from '../../../../FlexibleCard';
|
|
14
13
|
import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
|
|
15
14
|
import { getMetadata } from '../../../utils';
|
|
@@ -19,7 +18,6 @@ const titleBlockStyles = null;
|
|
|
19
18
|
const snippetBlockCss = null;
|
|
20
19
|
const actionBlockCss = null;
|
|
21
20
|
const HoverCardResolvedView = ({
|
|
22
|
-
actionOptions,
|
|
23
21
|
cardState,
|
|
24
22
|
extensionKey,
|
|
25
23
|
flexibleCardProps,
|
|
@@ -33,15 +31,9 @@ const HoverCardResolvedView = ({
|
|
|
33
31
|
const {
|
|
34
32
|
fireEvent
|
|
35
33
|
} = useAnalyticsEvents();
|
|
36
|
-
const {
|
|
37
|
-
isEnabled: InlineActionNudgeExperimentValue
|
|
38
|
-
} = useInlineActionNudgeExperiment(flexibleCardProps.url, true, actionOptions);
|
|
39
|
-
|
|
40
34
|
// We want to fire exposure event only for those cases when user otherwise can see the experiment which would be controlled
|
|
41
35
|
// by all the other condition defined above as a result of what was defined in actionOptions as well as in CardContext.
|
|
42
36
|
const is3PAuthRovoActionsExperimentOn = showRovoResolvedView && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
|
|
43
|
-
const is3PInlinePostAuthActionsExperimentOn = showRovoResolvedView && InlineActionNudgeExperimentValue;
|
|
44
|
-
const isAny3pRovoActionsExperimentOn = is3PAuthRovoActionsExperimentOn || is3PInlinePostAuthActionsExperimentOn;
|
|
45
37
|
useEffect(() => {
|
|
46
38
|
// Since this hover view is only rendered on resolved status,
|
|
47
39
|
// there is no need to check for statuses.
|
|
@@ -90,7 +82,7 @@ const HoverCardResolvedView = ({
|
|
|
90
82
|
}), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
|
|
91
83
|
aiSummaryMinHeight: aiSummaryMinHeight,
|
|
92
84
|
placeholder: snippet,
|
|
93
|
-
isAny3pRovoActionsExperimentOn:
|
|
85
|
+
isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn
|
|
94
86
|
}) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
|
|
95
87
|
testId: "hidden-snippet",
|
|
96
88
|
onRender: onSnippetRender,
|
|
@@ -100,9 +92,9 @@ const HoverCardResolvedView = ({
|
|
|
100
92
|
}), /*#__PURE__*/React.createElement(ActionBlock, {
|
|
101
93
|
onClick: onActionClick,
|
|
102
94
|
spaceInline: "space.100",
|
|
103
|
-
isAny3pRovoActionsExperimentOn:
|
|
95
|
+
isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn,
|
|
104
96
|
className: ax(["_n3td1b66"])
|
|
105
|
-
}),
|
|
97
|
+
}), is3PAuthRovoActionsExperimentOn ? /*#__PURE__*/React.createElement(ResolvedHoverCardFooterBlock, {
|
|
106
98
|
onActionClick: onActionClick
|
|
107
99
|
}) : /*#__PURE__*/React.createElement(AIFooterBlock, null));
|
|
108
100
|
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { fg } from "@atlaskit/platform-feature-flags";
|
|
3
2
|
import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
|
|
4
|
-
import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
|
|
5
3
|
import useInlineTailoredActionExperiment from '../../../state/hooks/use-inline-tailored-action-experiment';
|
|
6
4
|
import { HoverCard } from '../../HoverCard';
|
|
7
|
-
import {
|
|
5
|
+
import { InlineRovoActionButton } from '../common/rovo-actions-cta';
|
|
8
6
|
import { Frame } from '../Frame';
|
|
9
7
|
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
10
8
|
import { renderLozenge } from './renderLozenge';
|
|
@@ -77,9 +75,6 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
|
|
|
77
75
|
hideIconLoadingSkeleton,
|
|
78
76
|
lozenge
|
|
79
77
|
}) {
|
|
80
|
-
const {
|
|
81
|
-
isEnabled
|
|
82
|
-
} = useInlineActionNudgeExperiment(link, showHoverPreview, actionOptions);
|
|
83
78
|
const {
|
|
84
79
|
isEnabled: isInlineTailoredRovoActionEnabled
|
|
85
80
|
} = useInlineTailoredActionExperiment(link, showHoverPreview, actionOptions);
|
|
@@ -101,9 +96,7 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
|
|
|
101
96
|
titleTextColor: titleTextColor,
|
|
102
97
|
type: type,
|
|
103
98
|
hideIconLoadingSkeleton: hideIconLoadingSkeleton
|
|
104
|
-
}), renderLozenge(lozenge),
|
|
105
|
-
testId: `${testId}-rovo-actions-cta`
|
|
106
|
-
}), isInlineTailoredRovoActionEnabled && /*#__PURE__*/React.createElement(InlineRovoActionButton, {
|
|
99
|
+
}), renderLozenge(lozenge), isInlineTailoredRovoActionEnabled && /*#__PURE__*/React.createElement(InlineRovoActionButton, {
|
|
107
100
|
testId: `${testId}-rovo-actions-cta`,
|
|
108
101
|
url: link
|
|
109
102
|
}));
|
|
@@ -119,4 +112,4 @@ export function InlineCardResolvedViewFunctionalWithRovoActions({
|
|
|
119
112
|
}
|
|
120
113
|
|
|
121
114
|
// Todo: replace with platform_sl_3p_auth_inline_tailored_cta_killswitch after cleanup of rovogrowth-640-inline-action-nudge-fg
|
|
122
|
-
export const InlineCardResolvedViewFunctional = componentWithFG('
|
|
115
|
+
export const InlineCardResolvedViewFunctional = componentWithFG('platform_sl_3p_auth_inline_tailored_cta_killswitch', InlineCardResolvedViewFunctionalWithRovoActions, InlineCardResolvedViewBase);
|
|
@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
9
9
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
10
10
|
const PACKAGE_DATA = {
|
|
11
11
|
packageName: "@atlaskit/smart-card",
|
|
12
|
-
packageVersion: "44.23.
|
|
12
|
+
packageVersion: "44.23.1",
|
|
13
13
|
componentName: 'linkUrl'
|
|
14
14
|
};
|
|
15
15
|
const LinkUrl = ({
|
|
@@ -26,9 +26,7 @@ const AISummary = ({
|
|
|
26
26
|
}
|
|
27
27
|
const is3pExperimentEnabled =
|
|
28
28
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
29
|
-
fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true)
|
|
30
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
31
|
-
fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
29
|
+
fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
|
|
32
30
|
return /*#__PURE__*/React.createElement(Markdown, {
|
|
33
31
|
"data-testid": testId
|
|
34
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:13d8e863b7dcc6b41eef967c98a4e961078c5442a20e9d14ce373567ec6ea6f9
|
|
3
|
+
size 12894
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:79dfaed74e187a22da54cdf220a9f681e089542858ba84b0ffeb7e77b787f626
|
|
3
|
+
size 2111
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { extractSmartLinkUrl } from '@atlaskit/link-extractors';
|
|
2
2
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
4
3
|
import { ActionName, CardAction } from '../../../constants';
|
|
5
4
|
import { getDefinitionId, getExtensionKey, getResourceType } from '../../../state/helpers';
|
|
6
5
|
import { isBlockCardRovoActionExperimentEnabled } from '../../../state/hooks/use-block-card-rovo-action-experiment';
|
|
7
6
|
import { canShowAction } from '../../../utils/actions/can-show-action';
|
|
8
7
|
import { getIsRovoChatEnabled } from '../../../utils/rovo';
|
|
9
|
-
// For
|
|
8
|
+
// For block card experiment (NAVX-4814)
|
|
10
9
|
var ELIGIBLE_EXTENSION_KEYS = new Set(['slack-object-provider', 'google-object-provider', 'onedrive-object-provider', 'github-object-provider', 'ms-teams-object-provider', 'gitlab-object-provider', 'salesforce-object-provider']);
|
|
11
10
|
var extractRovoChatAction = function extractRovoChatAction(_ref) {
|
|
12
11
|
var _rovoConfig$product, _actionOptions$rovoCh;
|
|
@@ -27,9 +26,8 @@ var extractRovoChatAction = function extractRovoChatAction(_ref) {
|
|
|
27
26
|
var isGoogleProvider = extensionKey === 'google-object-provider';
|
|
28
27
|
var is3PBlockExperimentEnabled = isBlockCardRovoActionExperimentEnabled((_rovoConfig$product = rovoConfig === null || rovoConfig === void 0 ? void 0 : rovoConfig.product) !== null && _rovoConfig$product !== void 0 ? _rovoConfig$product : product);
|
|
29
28
|
var is3PAuthRovoActionEnabled = isGoogleProvider && fg('platform_sl_3p_auth_rovo_action_kill_switch');
|
|
30
|
-
var is3PInlinePostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
31
29
|
var is3PBlockPostAuthActionsEnabled = extensionKey !== undefined && ELIGIBLE_EXTENSION_KEYS.has(extensionKey) && is3PBlockExperimentEnabled;
|
|
32
|
-
var isSupportedFeature =
|
|
30
|
+
var isSupportedFeature = is3PAuthRovoActionEnabled || is3PBlockPostAuthActionsEnabled;
|
|
33
31
|
var isOptIn = (actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh === void 0 ? void 0 : _actionOptions$rovoCh.optIn) === true;
|
|
34
32
|
var url = extractSmartLinkUrl(response);
|
|
35
33
|
return isSupportedFeature && isOptIn ? {
|
|
@@ -43,7 +43,7 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
|
|
|
43
43
|
response: response,
|
|
44
44
|
isPreviewPanelAvailable: isPreviewPanelAvailable,
|
|
45
45
|
openPreviewPanel: openPreviewPanel
|
|
46
|
-
})), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
46
|
+
})), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform_sl_3p_auth_rovo_action_kill_switch') ? _defineProperty({}, ActionName.RovoChatAction, extractRovoChatAction({
|
|
47
47
|
actionOptions: actionOptions,
|
|
48
48
|
appearance: appearance,
|
|
49
49
|
id: id,
|
|
@@ -49,7 +49,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
|
|
|
49
49
|
fireEvent: fireEvent,
|
|
50
50
|
id: id,
|
|
51
51
|
origin: origin
|
|
52
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
52
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
53
53
|
product: product,
|
|
54
54
|
rovoConfig: rovoConfig
|
|
55
55
|
} : undefined), {}, {
|
|
@@ -29,7 +29,7 @@ var useRovoChat = function useRovoChat() {
|
|
|
29
29
|
agentId: undefined
|
|
30
30
|
}),
|
|
31
31
|
openChat: true,
|
|
32
|
-
openChatMode: isJiraProduct &&
|
|
32
|
+
openChatMode: isJiraProduct && fg('platform_sl_3p_auth_rovo_block_jira_kill_switch') ? 'mini-modal' : 'sidebar'
|
|
33
33
|
},
|
|
34
34
|
onAcknowledgeTimeout: function onAcknowledgeTimeout() {
|
|
35
35
|
// NAVX-3599: Add analytics event
|
|
@@ -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: "44.23.
|
|
7
|
+
packageVersion: "44.23.1" || ''
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -13,7 +13,6 @@ import { CardDisplay } from '../../constants';
|
|
|
13
13
|
import { useSmartLink } from '../../state';
|
|
14
14
|
import { succeedUfoExperience } from '../../state/analytics';
|
|
15
15
|
import { getClickUrl, getDefinitionId, getExtensionKey, getFirstPartyIdentifier, getObjectAri, getObjectIconUrl, getObjectName, getResourceType, getServices, getThirdPartyARI, isFinalState } from '../../state/helpers';
|
|
16
|
-
import useInlineActionNudgeExperiment from '../../state/hooks/use-inline-action-nudge-experiment';
|
|
17
16
|
import { useSmartLinkCrossProductUrlWrapperGated } from '../../state/hooks/use-smart-link-cross-product-url-wrapper';
|
|
18
17
|
import { SmartLinkModalProvider } from '../../state/modal';
|
|
19
18
|
import { isSpecialClick, isSpecialEvent, isSpecialKey } from '../../utils';
|
|
@@ -92,8 +91,9 @@ function Component(_ref) {
|
|
|
92
91
|
actionOptions: actionOptionsProp,
|
|
93
92
|
platform: platform
|
|
94
93
|
});
|
|
95
|
-
|
|
96
|
-
|
|
94
|
+
|
|
95
|
+
// TODO: [ZS] Add new experiment flag to determine if the Rovo Actions CTA should be shown
|
|
96
|
+
var rovoActionsCtaShown = false;
|
|
97
97
|
var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
|
|
98
98
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
99
99
|
useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
|
|
@@ -1,25 +1,16 @@
|
|
|
1
1
|
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
-
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
3
|
-
._189ee4h9{border-width:var(--ds-border-width,1px)}
|
|
4
|
-
._1dqonqa1{border-style:solid}
|
|
5
|
-
._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
|
|
6
2
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
7
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
8
3
|
._1bah1h6o{justify-content:center}
|
|
9
4
|
._1bsb1osq{width:100%}
|
|
10
5
|
._1bsb1tcg{width:24px}
|
|
11
6
|
._1e0c116y{display:inline-flex}
|
|
12
|
-
._1o9zidpf{flex-shrink:0}
|
|
13
7
|
._4cvr1h6o{align-items:center}
|
|
14
8
|
._4t3i1tcg{height:24px}
|
|
15
9
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
16
10
|
._ca0q1b66{padding-top:var(--ds-space-050,4px)}
|
|
17
|
-
._kqswh2mm{position:relative}
|
|
18
11
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
19
|
-
._o5721q9c{white-space:nowrap}
|
|
20
12
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
21
13
|
._u5f31b66{padding-right:var(--ds-space-050,4px)}
|
|
22
|
-
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
23
14
|
._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
|
|
24
15
|
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
25
16
|
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js
CHANGED
|
@@ -9,20 +9,14 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
9
9
|
import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import Spinner from '@atlaskit/spinner';
|
|
11
11
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
12
|
-
import { ActionName } from '../../../../../../constants';
|
|
13
|
-
import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
|
|
14
12
|
import { getPrimitivesInlineSpaceBySize } from '../../../utils';
|
|
15
13
|
import ActionIcon from '../action-icon';
|
|
16
14
|
var styles = {
|
|
17
15
|
button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
|
|
18
|
-
pillButton: "_2rko1qi0 _189ee4h9 _1dqonqa1 _1h6d1l7x _kqswh2mm _bfhksm61 _u5f3u2gc _19bvv77o _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
|
|
19
16
|
content: "_11c8wadc _syazi7uo",
|
|
20
|
-
pillContent: "_11c8wadc _syazi7uo _o5721q9c",
|
|
21
17
|
spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"
|
|
22
18
|
};
|
|
23
|
-
var pillIconWrapperStyles = null;
|
|
24
19
|
var ActionButton = function ActionButton(_ref) {
|
|
25
|
-
var _flexibleUiContext$ac;
|
|
26
20
|
var content = _ref.content,
|
|
27
21
|
iconOption = _ref.icon,
|
|
28
22
|
isDisabled = _ref.isDisabled,
|
|
@@ -42,20 +36,7 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
42
36
|
}, [isDisabled, isLoading, onClickCallback]);
|
|
43
37
|
var is3pExperimentEnabled =
|
|
44
38
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
45
|
-
fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true)
|
|
46
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
47
|
-
fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* NOTE: We only apply the pill variant when there's text label
|
|
51
|
-
* (textual `content`). Icon-only stack-item buttons (e.g. the link/expand
|
|
52
|
-
* icons in the hover card footer) are also rendered with `as="stack-item"`
|
|
53
|
-
* but pass `content=""` and should keep their original borderless styling.
|
|
54
|
-
*/
|
|
55
|
-
var hasTextualContent = typeof content === 'string' ? content.trim().length > 0 : Boolean(content);
|
|
56
|
-
var flexibleUiContext = useFlexibleUiContext();
|
|
57
|
-
var isInRovoActionStack = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[ActionName.RovoChatAction]);
|
|
58
|
-
var isInlineActionNudgeExperiment = hasTextualContent && isInRovoActionStack && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
39
|
+
fg('platform_sl_3p_auth_rovo_action_kill_switch') && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
|
|
59
40
|
var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
|
|
60
41
|
icon: is3pExperimentEnabled ? /*#__PURE__*/React.createElement(Box, {
|
|
61
42
|
xcss: styles.spinner
|
|
@@ -67,23 +48,21 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
67
48
|
})
|
|
68
49
|
}) : iconOption;
|
|
69
50
|
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
70
|
-
xcss: cx(
|
|
51
|
+
xcss: cx(styles.button)
|
|
71
52
|
}, tooltipProps, {
|
|
72
53
|
onClick: onClick,
|
|
73
54
|
testId: testId
|
|
74
55
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
75
56
|
,
|
|
76
57
|
style: style
|
|
77
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
58
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
78
59
|
'aria-label': ariaLabel
|
|
79
60
|
} : {}), /*#__PURE__*/React.createElement(Inline, {
|
|
80
61
|
alignBlock: "center",
|
|
81
|
-
grow:
|
|
82
|
-
space:
|
|
83
|
-
},
|
|
84
|
-
|
|
85
|
-
}, icon) : icon, /*#__PURE__*/React.createElement(Box, {
|
|
86
|
-
xcss: cx(isInlineActionNudgeExperiment ? styles.pillContent : styles.content)
|
|
62
|
+
grow: "fill",
|
|
63
|
+
space: space
|
|
64
|
+
}, icon, /*#__PURE__*/React.createElement(Box, {
|
|
65
|
+
xcss: cx(styles.content)
|
|
87
66
|
}, content)));
|
|
88
67
|
};
|
|
89
68
|
export default ActionButton;
|
|
@@ -2,30 +2,21 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["content", "tooltipMessage", "tooltipOnHide", "hideTooltipOnMouseDown", "hideTooltip"];
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
7
5
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
-
import { ActionName } from '../../../../../../constants';
|
|
9
|
-
import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
|
|
10
6
|
import ActionButton from './action-button';
|
|
11
7
|
var ActionStackItem = function ActionStackItem(_ref) {
|
|
12
|
-
var _flexibleUiContext$ac;
|
|
13
8
|
var content = _ref.content,
|
|
14
9
|
tooltipMessage = _ref.tooltipMessage,
|
|
15
10
|
tooltipOnHide = _ref.tooltipOnHide,
|
|
16
11
|
hideTooltipOnMouseDown = _ref.hideTooltipOnMouseDown,
|
|
17
12
|
hideTooltip = _ref.hideTooltip,
|
|
18
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
var flexibleUiContext = useFlexibleUiContext();
|
|
20
|
-
var isRovoAction = !!(flexibleUiContext !== null && flexibleUiContext !== void 0 && (_flexibleUiContext$ac = flexibleUiContext.actions) !== null && _flexibleUiContext$ac !== void 0 && _flexibleUiContext$ac[ActionName.RovoChatAction]);
|
|
21
|
-
var isRovoPillVariant = isRovoAction && fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
22
14
|
return hideTooltip ? /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
|
|
23
15
|
content: content
|
|
24
16
|
})) : /*#__PURE__*/React.createElement(Tooltip, {
|
|
25
17
|
content: tooltipMessage || content,
|
|
26
18
|
onHide: tooltipOnHide,
|
|
27
|
-
hideTooltipOnMouseDown: hideTooltipOnMouseDown
|
|
28
|
-
position: isRovoPillVariant ? 'right' : undefined
|
|
19
|
+
hideTooltipOnMouseDown: hideTooltipOnMouseDown
|
|
29
20
|
}, function (tooltipProps) {
|
|
30
21
|
return /*#__PURE__*/React.createElement(ActionButton, _extends({}, props, {
|
|
31
22
|
content: content,
|
package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js
CHANGED
|
@@ -6,7 +6,6 @@ import { FormattedMessage } from 'react-intl';
|
|
|
6
6
|
import RovoIcon from '@atlaskit/icon-lab/core/rovo';
|
|
7
7
|
import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
10
9
|
import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
|
|
11
10
|
import { messages } from '../../../../../messages';
|
|
12
11
|
import { useBlockCardRovoActionExperimentNoExposure } from '../../../../../state/hooks/use-block-card-rovo-action-experiment';
|
|
@@ -45,7 +44,7 @@ export function AISummariseAction(_ref) {
|
|
|
45
44
|
spacing: "spacious",
|
|
46
45
|
color: "currentColor",
|
|
47
46
|
label: "Summarise with AI"
|
|
48
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled
|
|
47
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
|
|
49
48
|
size: props.iconSize
|
|
50
49
|
} : {})),
|
|
51
50
|
onClick: handleActionClick,
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { di } from 'react-magnetic-di';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
6
5
|
import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
|
|
7
6
|
import { AISummariseAction } from './ai-summarise-action';
|
|
8
7
|
import { CopySummaryAction, CopySummaryActionNew } from './copy-summary-action';
|
|
@@ -19,7 +18,7 @@ export var AISummaryActionComponent = function AISummaryActionComponent(props) {
|
|
|
19
18
|
useEffect(function () {
|
|
20
19
|
onLoadingChange === null || onLoadingChange === void 0 || onLoadingChange(status === 'loading');
|
|
21
20
|
}, [onLoadingChange, status]);
|
|
22
|
-
return status === 'done' ? fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
21
|
+
return status === 'done' ? fg('platform_sl_3p_auth_rovo_action_kill_switch') ? /*#__PURE__*/React.createElement(CopySummaryActionNew, _extends({}, props, {
|
|
23
22
|
summary: content,
|
|
24
23
|
testId: testId
|
|
25
24
|
})) : /*#__PURE__*/React.createElement(CopySummaryAction, _extends({}, props, {
|
|
@@ -4,7 +4,6 @@ import { FormattedMessage, useIntl } from 'react-intl';
|
|
|
4
4
|
import AutomationIcon from '@atlaskit/icon/core/automation';
|
|
5
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
6
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
8
7
|
import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
|
|
9
8
|
import { ActionName } from '../../../../../constants';
|
|
10
9
|
import { messages } from '../../../../../messages';
|
|
@@ -78,7 +77,7 @@ var AutomationAction = function AutomationAction(props) {
|
|
|
78
77
|
spacing: "spacious",
|
|
79
78
|
color: "currentColor",
|
|
80
79
|
label: automationActionIconLabel
|
|
81
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled
|
|
80
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
|
|
82
81
|
size: props.iconSize
|
|
83
82
|
} : {})),
|
|
84
83
|
testId: "smart-action-automation-action",
|