@atlaskit/smart-card 44.23.1 → 44.23.3
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 +15 -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/utils/click-helpers.js +30 -1
- package/dist/cjs/view/CardWithUrl/component.js +109 -45
- 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 +31 -16
- 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/utils/click-helpers.js +29 -0
- package/dist/es2019/view/CardWithUrl/component.js +111 -47
- 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 +31 -17
- 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/utils/click-helpers.js +29 -0
- package/dist/esm/view/CardWithUrl/component.js +110 -46
- 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 +31 -16
- 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/utils/click-helpers.d.ts +20 -0
- 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/utils/click-helpers.d.ts +20 -0
- 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
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",
|
|
@@ -11,7 +11,6 @@ import React, { useCallback, useState } from 'react';
|
|
|
11
11
|
import { FormattedMessage } from 'react-intl';
|
|
12
12
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
15
14
|
import { ActionName } from '../../../../../constants';
|
|
16
15
|
import { messages } from '../../../../../messages';
|
|
17
16
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -64,7 +63,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
|
|
|
64
63
|
color: "currentColor",
|
|
65
64
|
label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
|
|
66
65
|
spacing: "spacious"
|
|
67
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled
|
|
66
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
|
|
68
67
|
size: props.iconSize
|
|
69
68
|
} : {})),
|
|
70
69
|
onClick: onClick,
|
|
@@ -5,7 +5,6 @@ import React from 'react';
|
|
|
5
5
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
6
6
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
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 } from '../../../../../constants';
|
|
10
9
|
import { messages } from '../../../../../messages';
|
|
11
10
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -74,7 +73,7 @@ var FollowAction = function FollowAction(props) {
|
|
|
74
73
|
};
|
|
75
74
|
return /*#__PURE__*/React.createElement(ServerAction, _extends({
|
|
76
75
|
content: /*#__PURE__*/React.createElement(FormattedMessage, label)
|
|
77
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
76
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
78
77
|
ariaLabel: intl.formatMessage(label)
|
|
79
78
|
} : {}, {
|
|
80
79
|
icon: followIcon,
|
|
@@ -7,7 +7,6 @@ import MediaServicesActualSizeIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
|
7
7
|
import PanelRightIcon from '@atlaskit/icon/core/panel-right';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
11
10
|
import { ActionName } from '../../../../../constants';
|
|
12
11
|
import { messages } from '../../../../../messages';
|
|
13
12
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -38,7 +37,7 @@ var PreviewAction = function PreviewAction(_ref) {
|
|
|
38
37
|
color: "currentColor",
|
|
39
38
|
spacing: "spacious",
|
|
40
39
|
label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
|
|
41
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled
|
|
40
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
|
|
42
41
|
size: props.iconSize
|
|
43
42
|
} : {}));
|
|
44
43
|
}
|
|
@@ -46,7 +45,7 @@ var PreviewAction = function PreviewAction(_ref) {
|
|
|
46
45
|
color: "currentColor",
|
|
47
46
|
spacing: "spacious",
|
|
48
47
|
label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
|
|
49
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled
|
|
48
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
|
|
50
49
|
size: props.iconSize
|
|
51
50
|
} : {}));
|
|
52
51
|
}, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
|
|
@@ -8,7 +8,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
8
8
|
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; }
|
|
9
9
|
import React, { useCallback, useMemo } from 'react';
|
|
10
10
|
import { useIntl } from 'react-intl';
|
|
11
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
12
11
|
import { ActionName } from '../../../../../constants';
|
|
13
12
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
14
13
|
import useInvokeClientAction from '../../../../../state/hooks/use-invoke-client-action';
|
|
@@ -16,9 +15,6 @@ import useRovoChat from '../../../../../state/hooks/use-rovo-chat';
|
|
|
16
15
|
import { getPromptAction, RovoChatPromptKey } from "../../../../common/rovo-chat-utils";
|
|
17
16
|
import Action from '../action';
|
|
18
17
|
var GOOGLE_PROMPTS = [RovoChatPromptKey.RECOMMEND_OTHER_SOURCES, RovoChatPromptKey.SHOW_OTHER_MENTIONS, RovoChatPromptKey.SUGGEST_IMPROVEMENT];
|
|
19
|
-
var GENERIC_3P_PROMPTS = [
|
|
20
|
-
// For rovogrowth-640-inline-action-nudge-exp only
|
|
21
|
-
RovoChatPromptKey.SHOW_ME_WHATS_RELEVANT, RovoChatPromptKey.SUMMARIZE_THIS_FOR_ME, RovoChatPromptKey.ASK_A_SPECIFIC_QUESTION];
|
|
22
18
|
var DEFAULT_PROMPTS = GOOGLE_PROMPTS;
|
|
23
19
|
var RovoChatAction = function RovoChatAction(_ref) {
|
|
24
20
|
var _context$actions;
|
|
@@ -37,9 +33,6 @@ var RovoChatAction = function RovoChatAction(_ref) {
|
|
|
37
33
|
if (prompts) {
|
|
38
34
|
return prompts;
|
|
39
35
|
}
|
|
40
|
-
if (expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true)) {
|
|
41
|
-
return GENERIC_3P_PROMPTS;
|
|
42
|
-
}
|
|
43
36
|
return DEFAULT_PROMPTS;
|
|
44
37
|
}, [prompts]);
|
|
45
38
|
var invoke = useInvokeClientAction({});
|
|
@@ -4,7 +4,6 @@ var _excluded = ["onClick"];
|
|
|
4
4
|
import React, { lazy, useCallback } from 'react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
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 { messages } from '../../../../../messages';
|
|
10
9
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -39,10 +38,10 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
|
|
|
39
38
|
}, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
|
|
40
39
|
return actionData ? /*#__PURE__*/React.createElement(Action, _extends({
|
|
41
40
|
content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
|
|
42
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
41
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
43
42
|
tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_links)
|
|
44
43
|
} : {}, {
|
|
45
|
-
icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
44
|
+
icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
46
45
|
iconSize: props.iconSize
|
|
47
46
|
} : {}),
|
|
48
47
|
onClick: onClick,
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlkb7n{flex-grow:1}
|
|
1
|
+
._16jlkb7n{flex-grow:1}
|
|
3
2
|
._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
|
|
4
3
|
._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
|
|
5
|
-
._1bsb1osq{width:100%}
|
|
6
|
-
._1e0c11p5{display:grid}
|
|
7
4
|
._1e0c1txw{display:flex}
|
|
8
5
|
._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
|
|
9
6
|
._2lx21bp4{flex-direction:column}
|
|
10
|
-
._vchhusvi{box-sizing:border-box}
|
|
11
|
-
._yv0e1ris{grid-template-columns:max-content}
|
|
7
|
+
._vchhusvi{box-sizing:border-box}
|
|
@@ -6,15 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import { useCallback, useMemo, useState } from 'react';
|
|
7
7
|
import { di } from 'react-magnetic-di';
|
|
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 { ActionName, SmartLinkSize } from '../../../../../constants';
|
|
11
10
|
import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
|
|
12
11
|
import * as Actions from '../../actions';
|
|
13
12
|
import { ActionFooter } from './action-footer';
|
|
14
|
-
import AskRovoSectionHeader from './ask-rovo-section-header';
|
|
15
13
|
var ignoreContainerPaddingStyles = null;
|
|
16
|
-
var inlineActionNudgePillWrapperStyles = null;
|
|
17
|
-
var inlineActionNudgeColumnStyles = null;
|
|
18
14
|
var DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
|
|
19
15
|
var sort = function sort(a, b) {
|
|
20
16
|
var idxA = DEFAULT_SORT_ORDER.indexOf(a);
|
|
@@ -57,10 +53,7 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
57
53
|
isAny3pRovoActionsExperimentOn = _ref.isAny3pRovoActionsExperimentOn;
|
|
58
54
|
var context = useFlexibleUiContext();
|
|
59
55
|
var ui = useFlexibleUiOptionContext();
|
|
60
|
-
var isRovoChatActionAvailable =
|
|
61
|
-
|
|
62
|
-
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
63
|
-
var isInlineActionNudgeExperiment = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
56
|
+
var isRovoChatActionAvailable = isAny3pRovoActionsExperimentOn && fg('platform_sl_3p_auth_rovo_action_kill_switch') ? (context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.RovoChatAction]) !== undefined : undefined;
|
|
64
57
|
var _useState = useState(),
|
|
65
58
|
_useState2 = _slicedToArray(_useState, 2),
|
|
66
59
|
message = _useState2[0],
|
|
@@ -84,7 +77,7 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
84
77
|
if (!(context !== null && context !== void 0 && context.actions)) {
|
|
85
78
|
return;
|
|
86
79
|
}
|
|
87
|
-
var arr = fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
80
|
+
var arr = fg('platform_sl_3p_auth_rovo_action_kill_switch') ? isRovoChatActionAvailable ? [ActionName.RovoChatAction] : Object.keys(context.actions).filter(function (name) {
|
|
88
81
|
return name !== ActionName.RovoChatAction;
|
|
89
82
|
}) : Object.keys(context.actions);
|
|
90
83
|
arr.sort(sort);
|
|
@@ -105,7 +98,7 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
105
98
|
size: size || (ui === null || ui === void 0 ? void 0 : ui.size)
|
|
106
99
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
107
100
|
,
|
|
108
|
-
style:
|
|
101
|
+
style: padding ? {
|
|
109
102
|
paddingInline: padding
|
|
110
103
|
} : undefined,
|
|
111
104
|
hideTooltip: isLoading
|
|
@@ -114,25 +107,10 @@ var ActionBlock = function ActionBlock(_ref) {
|
|
|
114
107
|
return arr.map(function (name) {
|
|
115
108
|
return renderAction(name);
|
|
116
109
|
});
|
|
117
|
-
}, [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
|
|
118
|
-
var showRovoSectionHeader = isInlineActionNudgeExperiment && isRovoChatActionAvailable;
|
|
110
|
+
}, [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]);
|
|
119
111
|
if (!actions) {
|
|
120
112
|
return null;
|
|
121
113
|
}
|
|
122
|
-
if (isInlineActionNudgeExperiment && isRovoChatActionAvailable) {
|
|
123
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
124
|
-
ref: blockRef,
|
|
125
|
-
"data-testid": testId,
|
|
126
|
-
className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _1bsb1osq"])
|
|
127
|
-
}, showRovoSectionHeader && /*#__PURE__*/React.createElement(AskRovoSectionHeader, {
|
|
128
|
-
testId: testId ? "".concat(testId, "-rovo-section-header") : undefined
|
|
129
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
130
|
-
className: ax(["_zulpu2gc _1e0c11p5 _yv0e1ris"])
|
|
131
|
-
}, actions), /*#__PURE__*/React.createElement(ActionFooter, {
|
|
132
|
-
message: message,
|
|
133
|
-
testId: testId
|
|
134
|
-
}));
|
|
135
|
-
}
|
|
136
114
|
return /*#__PURE__*/React.createElement("div", {
|
|
137
115
|
ref: blockRef,
|
|
138
116
|
"data-testid": testId
|
package/dist/esm/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}
|
|
@@ -6,8 +6,6 @@ import "./index.compiled.css";
|
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
8
|
import { useMemo } from 'react';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
-
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
11
9
|
import { ActionName } from '../../../../../constants';
|
|
12
10
|
import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
|
|
13
11
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
@@ -20,7 +18,6 @@ import Block from '../block';
|
|
|
20
18
|
*/
|
|
21
19
|
var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [ActionName.RovoChatAction];
|
|
22
20
|
var ignoreContainerMarginStyles = null;
|
|
23
|
-
var inlineActionNudgeFooterMarginStyles = null;
|
|
24
21
|
var elevatedFooterStyles = null;
|
|
25
22
|
var providerStyles = null;
|
|
26
23
|
var actionsStyles = null;
|
|
@@ -66,7 +63,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
|
|
|
66
63
|
return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
|
|
67
64
|
size: size,
|
|
68
65
|
testId: "".concat(testId, "-resolved-view"),
|
|
69
|
-
className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"
|
|
66
|
+
className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
|
|
70
67
|
}), !hideProvider && /*#__PURE__*/React.createElement("div", {
|
|
71
68
|
className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
|
|
72
69
|
}, /*#__PURE__*/React.createElement(Provider, {
|
|
@@ -51,7 +51,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
|
|
|
51
51
|
isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
|
|
52
52
|
openPreviewPanel = _useSmartLinkContext.openPreviewPanel,
|
|
53
53
|
product = _useSmartLinkContext.product;
|
|
54
|
-
var rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
54
|
+
var rovoConfig = fg('platform_sl_3p_auth_rovo_action_kill_switch') ?
|
|
55
55
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
56
56
|
useRovoConfig() : undefined;
|
|
57
57
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
@@ -80,7 +80,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
|
|
|
80
80
|
origin: origin,
|
|
81
81
|
renderers: renderers,
|
|
82
82
|
resolve: resolve
|
|
83
|
-
}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
83
|
+
}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
84
84
|
product: product,
|
|
85
85
|
rovoConfig: rovoConfig
|
|
86
86
|
} : undefined), {}, {
|
|
@@ -13,12 +13,13 @@ import { useAnalyticsEvents } from '../../../common/analytics/generated/use-anal
|
|
|
13
13
|
import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
|
|
14
14
|
import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
|
|
15
15
|
import { getDefinitionId, getExtensionKey, getServices } from '../../../state/helpers';
|
|
16
|
-
import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
|
|
17
16
|
import useRovoConfig from '../../../state/hooks/use-rovo-config';
|
|
17
|
+
import { useSmartLinkCrossProductUrlWrapperGated } from '../../../state/hooks/use-smart-link-cross-product-url-wrapper';
|
|
18
18
|
import { useSmartCardState } from '../../../state/store';
|
|
19
19
|
import { isSpecialEvent } from '../../../utils';
|
|
20
20
|
import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
|
|
21
21
|
import { fireLinkClickedEvent } from '../../../utils/analytics/click';
|
|
22
|
+
import { getAnchorAttributesFromEvent } from '../../../utils/click-helpers';
|
|
22
23
|
import { flexibleUiOptions } from '../styled';
|
|
23
24
|
import { getMetadata } from '../utils';
|
|
24
25
|
import ContentContainer from './ContentContainer';
|
|
@@ -87,6 +88,9 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
87
88
|
product = _useSmartLinkContext.product;
|
|
88
89
|
var isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
|
|
89
90
|
var services = getServices(linkState.details);
|
|
91
|
+
var appendCrossProductAnalyticsParams = useSmartLinkCrossProductUrlWrapperGated({
|
|
92
|
+
details: linkState.details
|
|
93
|
+
});
|
|
90
94
|
var statusRef = useRef(linkStatus);
|
|
91
95
|
var fireEventRef = useRef(fireEvent);
|
|
92
96
|
var definitionIdRef = useRef(definitionId);
|
|
@@ -128,6 +132,24 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
128
132
|
};
|
|
129
133
|
}, []);
|
|
130
134
|
var onClick = useCallback(function (event) {
|
|
135
|
+
if (fg('platform_smartlink_xpc_url_wrapping')) {
|
|
136
|
+
// Prevent the anchor's native navigation so we can open the destination URL
|
|
137
|
+
// with cross-product analytics query parameters appended.
|
|
138
|
+
// The href is read from the anchor element at click time rather than at render
|
|
139
|
+
// time because the URL for the anchor may be different from original URL.
|
|
140
|
+
// The component may use the URL from the resolved response which can be a redirect URL
|
|
141
|
+
// or other preferred URL based on link extractor.
|
|
142
|
+
// The cross-product params are client-only and cannot be rendered
|
|
143
|
+
// server-side. Falls back to the original `url` prop if the event target is
|
|
144
|
+
// not an anchor element.
|
|
145
|
+
event.preventDefault();
|
|
146
|
+
var _getAnchorAttributesF = getAnchorAttributesFromEvent(event),
|
|
147
|
+
_getAnchorAttributesF2 = _getAnchorAttributesF.href,
|
|
148
|
+
href = _getAnchorAttributesF2 === void 0 ? url : _getAnchorAttributesF2,
|
|
149
|
+
target = _getAnchorAttributesF.target;
|
|
150
|
+
var destinationUrl = appendCrossProductAnalyticsParams(href);
|
|
151
|
+
window.open(destinationUrl, target);
|
|
152
|
+
}
|
|
131
153
|
var isModifierKeyPressed = isSpecialEvent(event);
|
|
132
154
|
fireEvent('ui.smartLink.clicked.titleGoToLink', {
|
|
133
155
|
id: id,
|
|
@@ -136,7 +158,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
136
158
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
|
|
137
159
|
});
|
|
138
160
|
fireLinkClickedEvent(createAnalyticsEvent)(event);
|
|
139
|
-
}, [createAnalyticsEvent, id, fireEvent, definitionId]);
|
|
161
|
+
}, [createAnalyticsEvent, appendCrossProductAnalyticsParams, id, fireEvent, definitionId, url]);
|
|
140
162
|
var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
|
|
141
163
|
var _getMetadata = getMetadata(extensionKey, data),
|
|
142
164
|
subtitle = _getMetadata.subtitle;
|
|
@@ -236,9 +258,8 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
236
258
|
flexibleCardProps: flexibleCardProps
|
|
237
259
|
});
|
|
238
260
|
}
|
|
239
|
-
var is3PInlinePostAuthActionsEnabled = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
240
261
|
if (isResolved) {
|
|
241
|
-
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
262
|
+
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
242
263
|
actionOptions: actionOptions,
|
|
243
264
|
showRovoResolvedView: showRovoResolvedView
|
|
244
265
|
} : undefined, {
|
|
@@ -289,9 +310,8 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
289
310
|
flexibleCardProps: flexibleCardProps
|
|
290
311
|
});
|
|
291
312
|
}
|
|
292
|
-
var is3PInlinePostAuthActionsEnabled = fg('rovogrowth-640-inline-action-nudge-fg') && expValEqualsNoExposure('rovogrowth-640-inline-action-nudge-exp', 'isEnabled', true);
|
|
293
313
|
if (cardState.status === 'resolved') {
|
|
294
|
-
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch')
|
|
314
|
+
return /*#__PURE__*/React.createElement(HoverCardResolvedView, _extends({}, fg('platform_sl_3p_auth_rovo_action_kill_switch') ? {
|
|
295
315
|
actionOptions: actionOptions,
|
|
296
316
|
showRovoResolvedView: showRovoResolvedView
|
|
297
317
|
} : undefined, {
|
|
@@ -317,8 +337,7 @@ var HoverCardContent = function HoverCardContent(_ref4) {
|
|
|
317
337
|
};
|
|
318
338
|
var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(props) {
|
|
319
339
|
var cardState = props.cardState,
|
|
320
|
-
actionOptions = props.actionOptions
|
|
321
|
-
url = props.url;
|
|
340
|
+
actionOptions = props.actionOptions;
|
|
322
341
|
var rovoConfig = useRovoConfig();
|
|
323
342
|
var isResolved = useIsResolvedView(props);
|
|
324
343
|
var showPreauthBetterHovercard = useIsShowPreauthBetterHovercard(props);
|
|
@@ -329,22 +348,19 @@ var HoverCardContentWithViewVariant = function HoverCardContentWithViewVariant(p
|
|
|
329
348
|
actionOptions: actionOptions
|
|
330
349
|
}) !== undefined;
|
|
331
350
|
}, [actionOptions, cardState.details, rovoConfig, isResolved]);
|
|
332
|
-
var _useInlineActionNudge = useInlineActionNudgeExperiment(url, true, actionOptions),
|
|
333
|
-
rovoActionsCtaShown = _useInlineActionNudge.isEnabled;
|
|
334
351
|
var data = useMemo(function () {
|
|
335
352
|
var viewVariant = 'default';
|
|
336
|
-
if (showRovoResolvedView &&
|
|
353
|
+
if (showRovoResolvedView && expValEqualsNoExposure('platform_sl_3p_auth_rovo_action', 'isEnabled', true)) {
|
|
337
354
|
viewVariant = 'rovo-resolved-view';
|
|
338
355
|
} else if (showPreauthBetterHovercard) {
|
|
339
356
|
viewVariant = 'rovo-unauthorised-view';
|
|
340
357
|
}
|
|
341
358
|
return {
|
|
342
359
|
attributes: {
|
|
343
|
-
viewVariant: viewVariant
|
|
344
|
-
rovoActionsCtaShown: rovoActionsCtaShown
|
|
360
|
+
viewVariant: viewVariant
|
|
345
361
|
}
|
|
346
362
|
};
|
|
347
|
-
}, [showRovoResolvedView, showPreauthBetterHovercard
|
|
363
|
+
}, [showRovoResolvedView, showPreauthBetterHovercard]);
|
|
348
364
|
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
349
365
|
data: data
|
|
350
366
|
}, /*#__PURE__*/React.createElement(HoverCardContent, _extends({}, props, {
|
|
@@ -355,7 +371,6 @@ var _default_1 = componentWithCondition(function () {
|
|
|
355
371
|
// We need to read both of them to sutisfy some of the tests that expect both to be checked.
|
|
356
372
|
var flagA = fg('platform_sl_3p_preauth_better_hovercard_killswitch');
|
|
357
373
|
var flagB = fg('platform_sl_3p_auth_rovo_action_kill_switch');
|
|
358
|
-
|
|
359
|
-
return flagA || flagB || flagC;
|
|
374
|
+
return flagA || flagB;
|
|
360
375
|
}, HoverCardContentWithViewVariant, HoverCardContent);
|
|
361
376
|
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';
|
|
@@ -20,8 +19,7 @@ var snippetBlockCss = null;
|
|
|
20
19
|
var actionBlockCss = null;
|
|
21
20
|
var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
|
|
22
21
|
var _cardState$details;
|
|
23
|
-
var
|
|
24
|
-
cardState = _ref.cardState,
|
|
22
|
+
var cardState = _ref.cardState,
|
|
25
23
|
extensionKey = _ref.extensionKey,
|
|
26
24
|
flexibleCardProps = _ref.flexibleCardProps,
|
|
27
25
|
isAISummaryEnabled = _ref.isAISummaryEnabled,
|
|
@@ -31,14 +29,9 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
|
|
|
31
29
|
id = _ref.id;
|
|
32
30
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
33
31
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
34
|
-
var _useInlineActionNudge = useInlineActionNudgeExperiment(flexibleCardProps.url, true, actionOptions),
|
|
35
|
-
InlineActionNudgeExperimentValue = _useInlineActionNudge.isEnabled;
|
|
36
|
-
|
|
37
32
|
// We want to fire exposure event only for those cases when user otherwise can see the experiment which would be controlled
|
|
38
33
|
// by all the other condition defined above as a result of what was defined in actionOptions as well as in CardContext.
|
|
39
34
|
var is3PAuthRovoActionsExperimentOn = showRovoResolvedView && expValEquals('platform_sl_3p_auth_rovo_action', 'isEnabled', true);
|
|
40
|
-
var is3PInlinePostAuthActionsExperimentOn = showRovoResolvedView && InlineActionNudgeExperimentValue;
|
|
41
|
-
var isAny3pRovoActionsExperimentOn = is3PAuthRovoActionsExperimentOn || is3PInlinePostAuthActionsExperimentOn;
|
|
42
35
|
useEffect(function () {
|
|
43
36
|
// Since this hover view is only rendered on resolved status,
|
|
44
37
|
// there is no need to check for statuses.
|
|
@@ -86,7 +79,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
|
|
|
86
79
|
}), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
|
|
87
80
|
aiSummaryMinHeight: aiSummaryMinHeight,
|
|
88
81
|
placeholder: snippet,
|
|
89
|
-
isAny3pRovoActionsExperimentOn:
|
|
82
|
+
isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn
|
|
90
83
|
}) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
|
|
91
84
|
testId: "hidden-snippet",
|
|
92
85
|
onRender: onSnippetRender,
|
|
@@ -96,9 +89,9 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
|
|
|
96
89
|
}), /*#__PURE__*/React.createElement(ActionBlock, {
|
|
97
90
|
onClick: onActionClick,
|
|
98
91
|
spaceInline: "space.100",
|
|
99
|
-
isAny3pRovoActionsExperimentOn:
|
|
92
|
+
isAny3pRovoActionsExperimentOn: is3PAuthRovoActionsExperimentOn,
|
|
100
93
|
className: ax(["_n3td1b66"])
|
|
101
|
-
}),
|
|
94
|
+
}), is3PAuthRovoActionsExperimentOn ? /*#__PURE__*/React.createElement(ResolvedHoverCardFooterBlock, {
|
|
102
95
|
onActionClick: onActionClick
|
|
103
96
|
}) : /*#__PURE__*/React.createElement(AIFooterBlock, null));
|
|
104
97
|
};
|