@atlaskit/smart-card 45.6.2 → 45.6.5
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 +29 -0
- package/compass.yml +27 -40
- package/dist/cjs/messages.js +3 -3
- package/dist/cjs/state/actions/index.js +6 -11
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/InlineCard/common/inline-lozenge/index.js +6 -11
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/common/ai-prism/index.js +2 -4
- package/dist/es2019/messages.js +3 -3
- package/dist/es2019/state/actions/index.js +6 -11
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/InlineCard/common/inline-lozenge/index.js +6 -11
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/common/ai-prism/index.js +2 -3
- package/dist/esm/messages.js +3 -3
- package/dist/esm/state/actions/index.js +6 -11
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/InlineCard/common/inline-lozenge/index.js +6 -11
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/common/ai-prism/index.js +2 -4
- package/package.json +7 -10
- package/smart-card.docs.tsx +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 45.6.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`46ee61dd53e91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/46ee61dd53e91) -
|
|
8
|
+
Remove stale experiment confluence_compact_text_format (FFCLEANUP-85812): inline final values
|
|
9
|
+
(flag enabled), simplify conditions, remove experiment config entries.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 45.6.4
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`d4cb3caca585e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4cb3caca585e) -
|
|
17
|
+
De-enroll these packages from `isReactCompilerActivePlatform` to fix React Compiler runtime
|
|
18
|
+
failures behind the `confluence_enable_react-compiler-runtime-platform` experiment (HOT-303951):
|
|
19
|
+
the comment-add page freeze (renderer and its smart-card dependency) and smart answers / SAIN
|
|
20
|
+
crashes (search-page).
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
23
|
+
## 45.6.3
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- [`313eb6637ec9d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/313eb6637ec9d) -
|
|
28
|
+
Cleanup feature gate `platform_sl_connect_account_flag`. The connect success flag after 3P auth
|
|
29
|
+
and AI prism border radius are now always enabled.
|
|
30
|
+
- Updated dependencies
|
|
31
|
+
|
|
3
32
|
## 45.6.2
|
|
4
33
|
|
|
5
34
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
name: Smart Links
|
|
2
|
-
id:
|
|
2
|
+
id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/bee4b8ee-1ffd-432c-9fea-327a379f645d
|
|
3
3
|
description:
|
|
4
4
|
Smart Links transform ordinary URLs into rich, interactive elements—such as cards, embeds, and
|
|
5
5
|
lists—directly within Atlassian products. This functionality allows users to preview, interact
|
|
@@ -7,33 +7,35 @@ description:
|
|
|
7
7
|
workspace, streamlining collaboration and reducing context switching.
|
|
8
8
|
configVersion: 1
|
|
9
9
|
typeId: CAPABILITY
|
|
10
|
-
ownerId:
|
|
10
|
+
ownerId: ari:cloud:identity::team/0e6dedf8-18d1-4531-b4b9-07648a425d47 # Eng - Navigation Experiences (Darko Zoroja)
|
|
11
11
|
fields:
|
|
12
|
-
isMonorepoProject: false
|
|
13
12
|
tier: 3
|
|
14
13
|
lifecycle: Active
|
|
14
|
+
isMonorepoProject: false
|
|
15
15
|
links:
|
|
16
16
|
- name: Root Repository
|
|
17
17
|
type: REPOSITORY
|
|
18
18
|
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
|
|
19
19
|
- name: ''
|
|
20
20
|
type: CHAT_CHANNEL
|
|
21
|
-
url:
|
|
21
|
+
url: https://atlassian.enterprise.slack.com/archives/CFKGAQZRV # #help-fe-linking-platform
|
|
22
22
|
- name: ''
|
|
23
23
|
type: ON_CALL
|
|
24
|
-
url:
|
|
24
|
+
url: https://hello.jira.atlassian.cloud/jira/ops/teams/0e6dedf8-18d1-4531-b4b9-07648a425d47/on-call
|
|
25
25
|
- name: ''
|
|
26
26
|
type: PROJECT
|
|
27
|
-
url:
|
|
27
|
+
url: https://hello.jira.atlassian.cloud/jira/software/projects/NAVX/boards/14605
|
|
28
28
|
- name: SignalFx - Smart Links
|
|
29
29
|
type: DASHBOARD
|
|
30
|
-
url:
|
|
30
|
+
url: https://atlassian.signalfx.com/#/dashboard/GcIfe4aA4AA?groupId=Fcva05QA4AA&configId=GcIfgHgA4AA&startTime=-1w&endTime=Now
|
|
31
|
+
- name: Smart Card
|
|
32
|
+
type: REPOSITORY
|
|
33
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/linking-platform/smart-card
|
|
31
34
|
relationships: null
|
|
32
|
-
labels:
|
|
35
|
+
labels:
|
|
36
|
+
- platform-code
|
|
37
|
+
- platform-afm
|
|
33
38
|
customFields:
|
|
34
|
-
- name: Anomaly-Detection
|
|
35
|
-
type: text
|
|
36
|
-
value: null
|
|
37
39
|
- name: Compass Config-as-Code
|
|
38
40
|
type: boolean
|
|
39
41
|
value: true
|
|
@@ -43,43 +45,28 @@ customFields:
|
|
|
43
45
|
- 6abcbe4f-1063-4cf7-8b32-58ebd01078da
|
|
44
46
|
- name: Engineering Manager
|
|
45
47
|
type: user
|
|
46
|
-
value:
|
|
47
|
-
- name: FFP per month
|
|
48
|
-
type: number
|
|
49
|
-
value: null
|
|
48
|
+
value: ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd
|
|
50
49
|
- name: Is renovate enabled?
|
|
51
50
|
type: boolean
|
|
52
51
|
value: false
|
|
53
|
-
- name: Lineage
|
|
54
|
-
type: text
|
|
55
|
-
value: null
|
|
56
|
-
- name: Maintenance Time (hours/week)
|
|
57
|
-
type: number
|
|
58
|
-
value: null
|
|
59
52
|
- name: Owner or Team Name
|
|
60
53
|
type: single_select
|
|
61
|
-
value: 1e93a963-fa64-4c3a-aebb-cc835e418a0a
|
|
62
|
-
- name: Perimeter
|
|
63
|
-
type: single_select
|
|
64
|
-
value: null
|
|
65
|
-
- name: Perimeter (string)
|
|
66
|
-
type: text
|
|
67
|
-
value: null
|
|
68
|
-
- name: Product Owner
|
|
69
|
-
type: user
|
|
70
|
-
value: null
|
|
71
|
-
- name: Tech Debt
|
|
72
|
-
type: text
|
|
73
|
-
value: null
|
|
54
|
+
value: 1e93a963-fa64-4c3a-aebb-cc835e418a0a
|
|
74
55
|
- name: Technical Owner
|
|
75
56
|
type: user
|
|
76
|
-
value:
|
|
57
|
+
value: ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd # Darko Zoroja
|
|
77
58
|
- name: anomaly-detection
|
|
78
59
|
type: boolean
|
|
79
60
|
value: false
|
|
80
|
-
- name:
|
|
81
|
-
type: single_select
|
|
82
|
-
value: null
|
|
83
|
-
- name: statsig_target_application
|
|
61
|
+
- name: Department
|
|
84
62
|
type: text
|
|
85
|
-
value:
|
|
63
|
+
value: Eng - Navigation Experiences
|
|
64
|
+
- name: Required Reviewers Opt In
|
|
65
|
+
type: boolean
|
|
66
|
+
value: true
|
|
67
|
+
- name: Reviewer Selection Mechanism
|
|
68
|
+
type: text
|
|
69
|
+
value: random(2)
|
|
70
|
+
- name: Required Reviewer Approvals
|
|
71
|
+
type: number
|
|
72
|
+
value: 1
|
package/dist/cjs/messages.js
CHANGED
|
@@ -167,17 +167,17 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
|
|
|
167
167
|
description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view. Displayed in byline.'
|
|
168
168
|
},
|
|
169
169
|
connect_link_account_success_flag_description: {
|
|
170
|
-
id: 'fabric.linking.connect_link_account_success_flag_description
|
|
170
|
+
id: 'fabric.linking.connect_link_account_success_flag_description',
|
|
171
171
|
defaultMessage: 'Shared links now display rich previews.',
|
|
172
172
|
description: 'Shown in a flag after user successfully connect 3P account and Smart Link reload with metadata'
|
|
173
173
|
},
|
|
174
174
|
connect_link_account_success_flag_title: {
|
|
175
|
-
id: 'fabric.linking.connect_link_account_success_flag_title
|
|
175
|
+
id: 'fabric.linking.connect_link_account_success_flag_title',
|
|
176
176
|
defaultMessage: '{context} is connected',
|
|
177
177
|
description: 'Shown in a flag after user successfully connect 3P account. {context} is the name of link provider, e.g. Google, Figma, etc.'
|
|
178
178
|
},
|
|
179
179
|
connect_link_account_success_flag_title_default: {
|
|
180
|
-
id: 'fabric.linking.connect_link_account_success_flag_title_default
|
|
180
|
+
id: 'fabric.linking.connect_link_account_success_flag_title_default',
|
|
181
181
|
defaultMessage: 'Smart Link',
|
|
182
182
|
description: 'Default context for connect_link_account_success_flag_title when link provider name (Google, Figma, etc.) is not provided'
|
|
183
183
|
},
|
|
@@ -13,12 +13,10 @@ var _linkProvider = require("@atlaskit/link-provider");
|
|
|
13
13
|
var _linkingCommon = require("@atlaskit/linking-common");
|
|
14
14
|
var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
|
|
15
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
|
-
var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
|
|
17
16
|
var _postMessageToPubsub = require("@atlaskit/rovo-triggers/post-message-to-pubsub");
|
|
18
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
19
18
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
20
19
|
var _constants = require("../../constants");
|
|
21
|
-
var _utils = require("../../utils");
|
|
22
20
|
var _rovo = require("../../utils/rovo");
|
|
23
21
|
var _analytics = require("../analytics");
|
|
24
22
|
var _helpers = require("../helpers");
|
|
@@ -75,8 +73,7 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
|
|
|
75
73
|
var invokeClientAction = (0, _useInvokeClientAction.default)({});
|
|
76
74
|
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
77
75
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
78
|
-
var
|
|
79
|
-
var flags = useActionFlagsGated();
|
|
76
|
+
var flags = (0, _useActionFlags.default)();
|
|
80
77
|
var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
|
|
81
78
|
store = _useSmartLinkContext.store,
|
|
82
79
|
rovoOptions = _useSmartLinkContext.rovoOptions;
|
|
@@ -288,13 +285,11 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
|
|
|
288
285
|
// exposure is counted for the triggered eligible pool.
|
|
289
286
|
var isPostAuthChatTreatment = isEligibleForPostAuthChat && (0, _expValEquals.expValEquals)('platform_sl_3p_post_auth_chat_open_exp', 'isEnabled', true);
|
|
290
287
|
if (status === 'unauthorized' && !isPostAuthChatTreatment) {
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
});
|
|
297
|
-
}
|
|
288
|
+
var provider = (0, _linkExtractors.extractSmartLinkProvider)(details);
|
|
289
|
+
flags.showConnectFlag({
|
|
290
|
+
id: "smart-link-connect-success-".concat(extensionKey),
|
|
291
|
+
provider: provider
|
|
292
|
+
});
|
|
298
293
|
}
|
|
299
294
|
reload();
|
|
300
295
|
if (isPostAuthChatTreatment) {
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card" || '',
|
|
14
|
-
packageVersion: "45.6.
|
|
14
|
+
packageVersion: "45.6.4" || ''
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -10,27 +10,22 @@ exports.default = void 0;
|
|
|
10
10
|
require("./index.compiled.css");
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
13
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
15
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
16
|
var wrapperStylesOld = null;
|
|
19
17
|
var wrapperStylesNew = null;
|
|
20
18
|
var wrapperStylesNewLozenge = null;
|
|
21
19
|
var InlineLozenge = function InlineLozenge(props) {
|
|
22
|
-
var shouldAddLozengeAttribute = (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp');
|
|
23
20
|
if ((0, _platformFeatureFlags.fg)('jfp-magma-platform-lozenge-jump-fix')) {
|
|
24
|
-
return /*#__PURE__*/React.createElement("span",
|
|
25
|
-
|
|
26
|
-
}, {
|
|
21
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
22
|
+
"data-inline-card-lozenge": true,
|
|
27
23
|
className: (0, _runtime.ax)(["_1e0c1o8l _154i1n1a _kqswh2mm _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
28
|
-
}
|
|
24
|
+
}, /*#__PURE__*/React.createElement(_lozenge.default, props));
|
|
29
25
|
}
|
|
30
|
-
return /*#__PURE__*/React.createElement("span",
|
|
31
|
-
|
|
32
|
-
}, {
|
|
26
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
27
|
+
"data-inline-card-lozenge": true,
|
|
33
28
|
className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
34
|
-
}
|
|
29
|
+
}, /*#__PURE__*/React.createElement(_lozenge.default, props));
|
|
35
30
|
};
|
|
36
31
|
var _default = exports.default = InlineLozenge;
|
|
@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
19
19
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
20
20
|
var PACKAGE_DATA = {
|
|
21
21
|
packageName: "@atlaskit/smart-card",
|
|
22
|
-
packageVersion: "45.6.
|
|
22
|
+
packageVersion: "45.6.4",
|
|
23
23
|
componentName: 'linkUrl'
|
|
24
24
|
};
|
|
25
25
|
var LinkUrl = function LinkUrl(_ref) {
|
|
@@ -10,7 +10,6 @@ exports.default = void 0;
|
|
|
10
10
|
require("./index.compiled.css");
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _tokens = require("@atlaskit/tokens");
|
|
15
14
|
var _aiGlowingBorder = _interopRequireDefault(require("./ai-glowing-border"));
|
|
16
15
|
var _constants = require("./constants");
|
|
@@ -28,8 +27,7 @@ var borderRadiusStyles = {
|
|
|
28
27
|
var popupContainerStyles = null;
|
|
29
28
|
var AIPrism = function AIPrism(_ref) {
|
|
30
29
|
var _AI_BORDER_PALETTE$co;
|
|
31
|
-
var
|
|
32
|
-
borderRadius = _ref$borderRadius === void 0 ? 'large' : _ref$borderRadius,
|
|
30
|
+
var borderRadius = _ref.borderRadius,
|
|
33
31
|
children = _ref.children,
|
|
34
32
|
_ref$isGlowing = _ref.isGlowing,
|
|
35
33
|
isGlowing = _ref$isGlowing === void 0 ? true : _ref$isGlowing,
|
|
@@ -45,7 +43,7 @@ var AIPrism = function AIPrism(_ref) {
|
|
|
45
43
|
isGlowing: isGlowing,
|
|
46
44
|
isMoving: isMoving,
|
|
47
45
|
testId: testId,
|
|
48
|
-
className: (0, _runtime.ax)([animatedSvgContainerStyles[isVisible ? 'true' : 'false'],
|
|
46
|
+
className: (0, _runtime.ax)([animatedSvgContainerStyles[isVisible ? 'true' : 'false'], borderRadius && borderRadiusStyles[borderRadius]])
|
|
49
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
50
48
|
className: (0, _runtime.ax)(["_2rko1mok _bfhk1bhr _16qs130s", "_v5649spz", isVisible && "_16qs1aef"])
|
|
51
49
|
}, children));
|
package/dist/es2019/messages.js
CHANGED
|
@@ -161,17 +161,17 @@ export const messages = defineMessages({
|
|
|
161
161
|
description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view. Displayed in byline.'
|
|
162
162
|
},
|
|
163
163
|
connect_link_account_success_flag_description: {
|
|
164
|
-
id: 'fabric.linking.connect_link_account_success_flag_description
|
|
164
|
+
id: 'fabric.linking.connect_link_account_success_flag_description',
|
|
165
165
|
defaultMessage: 'Shared links now display rich previews.',
|
|
166
166
|
description: 'Shown in a flag after user successfully connect 3P account and Smart Link reload with metadata'
|
|
167
167
|
},
|
|
168
168
|
connect_link_account_success_flag_title: {
|
|
169
|
-
id: 'fabric.linking.connect_link_account_success_flag_title
|
|
169
|
+
id: 'fabric.linking.connect_link_account_success_flag_title',
|
|
170
170
|
defaultMessage: '{context} is connected',
|
|
171
171
|
description: 'Shown in a flag after user successfully connect 3P account. {context} is the name of link provider, e.g. Google, Figma, etc.'
|
|
172
172
|
},
|
|
173
173
|
connect_link_account_success_flag_title_default: {
|
|
174
|
-
id: 'fabric.linking.connect_link_account_success_flag_title_default
|
|
174
|
+
id: 'fabric.linking.connect_link_account_success_flag_title_default',
|
|
175
175
|
defaultMessage: 'Smart Link',
|
|
176
176
|
description: 'Default context for connect_link_account_success_flag_title when link provider name (Google, Figma, etc.) is not provided'
|
|
177
177
|
},
|
|
@@ -4,12 +4,10 @@ import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
|
4
4
|
import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
|
|
5
5
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
-
import { functionWithFG } from '@atlaskit/platform-feature-flags-react';
|
|
8
7
|
import { ROVO_POST_MESSAGE_EVENT_TYPE } from '@atlaskit/rovo-triggers/post-message-to-pubsub';
|
|
9
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
9
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
11
10
|
import { SmartLinkStatus } from '../../constants';
|
|
12
|
-
import { noop } from '../../utils';
|
|
13
11
|
import { getIsRovoChatEnabled } from '../../utils/rovo';
|
|
14
12
|
import { startUfoExperience } from '../analytics';
|
|
15
13
|
import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
|
|
@@ -65,8 +63,7 @@ export const useSmartCardActions = (id, url) => {
|
|
|
65
63
|
const {
|
|
66
64
|
fireEvent
|
|
67
65
|
} = useAnalyticsEvents();
|
|
68
|
-
const
|
|
69
|
-
const flags = useActionFlagsGated();
|
|
66
|
+
const flags = useActionFlags();
|
|
70
67
|
const {
|
|
71
68
|
store,
|
|
72
69
|
rovoOptions
|
|
@@ -252,13 +249,11 @@ export const useSmartCardActions = (id, url) => {
|
|
|
252
249
|
// exposure is counted for the triggered eligible pool.
|
|
253
250
|
const isPostAuthChatTreatment = isEligibleForPostAuthChat && expValEquals('platform_sl_3p_post_auth_chat_open_exp', 'isEnabled', true);
|
|
254
251
|
if (status === 'unauthorized' && !isPostAuthChatTreatment) {
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
});
|
|
261
|
-
}
|
|
252
|
+
const provider = extractSmartLinkProvider(details);
|
|
253
|
+
flags.showConnectFlag({
|
|
254
|
+
id: `smart-link-connect-success-${extensionKey}`,
|
|
255
|
+
provider
|
|
256
|
+
});
|
|
262
257
|
}
|
|
263
258
|
reload();
|
|
264
259
|
if (isPostAuthChatTreatment) {
|
|
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
2
2
|
export const context = {
|
|
3
3
|
componentName: 'smart-cards',
|
|
4
4
|
packageName: "@atlaskit/smart-card" || '',
|
|
5
|
-
packageVersion: "45.6.
|
|
5
|
+
packageVersion: "45.6.4" || ''
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,27 +1,22 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import "./index.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
5
|
import Lozenge from '@atlaskit/lozenge';
|
|
7
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
7
|
const wrapperStylesOld = null;
|
|
10
8
|
const wrapperStylesNew = null;
|
|
11
9
|
const wrapperStylesNewLozenge = null;
|
|
12
10
|
const InlineLozenge = props => {
|
|
13
|
-
const shouldAddLozengeAttribute = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
14
11
|
if (fg('jfp-magma-platform-lozenge-jump-fix')) {
|
|
15
|
-
return /*#__PURE__*/React.createElement("span",
|
|
16
|
-
|
|
17
|
-
}, {
|
|
12
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
13
|
+
"data-inline-card-lozenge": true,
|
|
18
14
|
className: ax(["_1e0c1o8l _154i1n1a _kqswh2mm _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
19
|
-
}
|
|
15
|
+
}, /*#__PURE__*/React.createElement(Lozenge, props));
|
|
20
16
|
}
|
|
21
|
-
return /*#__PURE__*/React.createElement("span",
|
|
22
|
-
|
|
23
|
-
}, {
|
|
17
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
18
|
+
"data-inline-card-lozenge": true,
|
|
24
19
|
className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
25
|
-
}
|
|
20
|
+
}, /*#__PURE__*/React.createElement(Lozenge, props));
|
|
26
21
|
};
|
|
27
22
|
export default InlineLozenge;
|
|
@@ -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: "45.6.
|
|
12
|
+
packageVersion: "45.6.4",
|
|
13
13
|
componentName: 'linkUrl'
|
|
14
14
|
};
|
|
15
15
|
const LinkUrl = ({
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
7
6
|
import AIGlowingBorder from './ai-glowing-border';
|
|
8
7
|
import { AI_BORDER_PALETTE } from './constants';
|
|
@@ -18,7 +17,7 @@ const borderRadiusStyles = {
|
|
|
18
17
|
};
|
|
19
18
|
const popupContainerStyles = null;
|
|
20
19
|
const AIPrism = ({
|
|
21
|
-
borderRadius
|
|
20
|
+
borderRadius,
|
|
22
21
|
children,
|
|
23
22
|
isGlowing = true,
|
|
24
23
|
isMoving = true,
|
|
@@ -34,7 +33,7 @@ const AIPrism = ({
|
|
|
34
33
|
isGlowing: isGlowing,
|
|
35
34
|
isMoving: isMoving,
|
|
36
35
|
testId: testId,
|
|
37
|
-
className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false'],
|
|
36
|
+
className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false'], borderRadius && borderRadiusStyles[borderRadius]])
|
|
38
37
|
}, /*#__PURE__*/React.createElement("div", {
|
|
39
38
|
className: ax(["_2rko1mok _bfhk1bhr _16qs130s", "_v5649spz", isVisible && "_16qs1aef"])
|
|
40
39
|
}, children));
|
package/dist/esm/messages.js
CHANGED
|
@@ -161,17 +161,17 @@ export var messages = defineMessages({
|
|
|
161
161
|
description: 'Shown when a user does not have access to a link, but can connect their external account to view the link on card view. Displayed in byline.'
|
|
162
162
|
},
|
|
163
163
|
connect_link_account_success_flag_description: {
|
|
164
|
-
id: 'fabric.linking.connect_link_account_success_flag_description
|
|
164
|
+
id: 'fabric.linking.connect_link_account_success_flag_description',
|
|
165
165
|
defaultMessage: 'Shared links now display rich previews.',
|
|
166
166
|
description: 'Shown in a flag after user successfully connect 3P account and Smart Link reload with metadata'
|
|
167
167
|
},
|
|
168
168
|
connect_link_account_success_flag_title: {
|
|
169
|
-
id: 'fabric.linking.connect_link_account_success_flag_title
|
|
169
|
+
id: 'fabric.linking.connect_link_account_success_flag_title',
|
|
170
170
|
defaultMessage: '{context} is connected',
|
|
171
171
|
description: 'Shown in a flag after user successfully connect 3P account. {context} is the name of link provider, e.g. Google, Figma, etc.'
|
|
172
172
|
},
|
|
173
173
|
connect_link_account_success_flag_title_default: {
|
|
174
|
-
id: 'fabric.linking.connect_link_account_success_flag_title_default
|
|
174
|
+
id: 'fabric.linking.connect_link_account_success_flag_title_default',
|
|
175
175
|
defaultMessage: 'Smart Link',
|
|
176
176
|
description: 'Default context for connect_link_account_success_flag_title when link provider name (Google, Figma, etc.) is not provided'
|
|
177
177
|
},
|
|
@@ -6,12 +6,10 @@ import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
|
6
6
|
import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
|
|
7
7
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
-
import { functionWithFG } from '@atlaskit/platform-feature-flags-react';
|
|
10
9
|
import { ROVO_POST_MESSAGE_EVENT_TYPE } from '@atlaskit/rovo-triggers/post-message-to-pubsub';
|
|
11
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
11
|
import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
|
|
13
12
|
import { SmartLinkStatus } from '../../constants';
|
|
14
|
-
import { noop } from '../../utils';
|
|
15
13
|
import { getIsRovoChatEnabled } from '../../utils/rovo';
|
|
16
14
|
import { startUfoExperience } from '../analytics';
|
|
17
15
|
import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
|
|
@@ -68,8 +66,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
|
|
|
68
66
|
var invokeClientAction = useInvokeClientAction({});
|
|
69
67
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
70
68
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
71
|
-
var
|
|
72
|
-
var flags = useActionFlagsGated();
|
|
69
|
+
var flags = useActionFlags();
|
|
73
70
|
var _useSmartLinkContext = useSmartLinkContext(),
|
|
74
71
|
store = _useSmartLinkContext.store,
|
|
75
72
|
rovoOptions = _useSmartLinkContext.rovoOptions;
|
|
@@ -281,13 +278,11 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
|
|
|
281
278
|
// exposure is counted for the triggered eligible pool.
|
|
282
279
|
var isPostAuthChatTreatment = isEligibleForPostAuthChat && expValEquals('platform_sl_3p_post_auth_chat_open_exp', 'isEnabled', true);
|
|
283
280
|
if (status === 'unauthorized' && !isPostAuthChatTreatment) {
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
});
|
|
290
|
-
}
|
|
281
|
+
var provider = extractSmartLinkProvider(details);
|
|
282
|
+
flags.showConnectFlag({
|
|
283
|
+
id: "smart-link-connect-success-".concat(extensionKey),
|
|
284
|
+
provider: provider
|
|
285
|
+
});
|
|
291
286
|
}
|
|
292
287
|
reload();
|
|
293
288
|
if (isPostAuthChatTreatment) {
|
|
@@ -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: "45.6.
|
|
7
|
+
packageVersion: "45.6.4" || ''
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,27 +1,22 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import "./index.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
5
|
import Lozenge from '@atlaskit/lozenge';
|
|
7
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
7
|
var wrapperStylesOld = null;
|
|
10
8
|
var wrapperStylesNew = null;
|
|
11
9
|
var wrapperStylesNewLozenge = null;
|
|
12
10
|
var InlineLozenge = function InlineLozenge(props) {
|
|
13
|
-
var shouldAddLozengeAttribute = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
14
11
|
if (fg('jfp-magma-platform-lozenge-jump-fix')) {
|
|
15
|
-
return /*#__PURE__*/React.createElement("span",
|
|
16
|
-
|
|
17
|
-
}, {
|
|
12
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
13
|
+
"data-inline-card-lozenge": true,
|
|
18
14
|
className: ax(["_1e0c1o8l _154i1n1a _kqswh2mm _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
19
|
-
}
|
|
15
|
+
}, /*#__PURE__*/React.createElement(Lozenge, props));
|
|
20
16
|
}
|
|
21
|
-
return /*#__PURE__*/React.createElement("span",
|
|
22
|
-
|
|
23
|
-
}, {
|
|
17
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
18
|
+
"data-inline-card-lozenge": true,
|
|
24
19
|
className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o _p12f1osq", fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_2hwxt94y"])
|
|
25
|
-
}
|
|
20
|
+
}, /*#__PURE__*/React.createElement(Lozenge, props));
|
|
26
21
|
};
|
|
27
22
|
export default InlineLozenge;
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
var PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "45.6.
|
|
15
|
+
packageVersion: "45.6.4",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
var LinkUrl = function LinkUrl(_ref) {
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
7
6
|
import AIGlowingBorder from './ai-glowing-border';
|
|
8
7
|
import { AI_BORDER_PALETTE } from './constants';
|
|
@@ -19,8 +18,7 @@ var borderRadiusStyles = {
|
|
|
19
18
|
var popupContainerStyles = null;
|
|
20
19
|
var AIPrism = function AIPrism(_ref) {
|
|
21
20
|
var _AI_BORDER_PALETTE$co;
|
|
22
|
-
var
|
|
23
|
-
borderRadius = _ref$borderRadius === void 0 ? 'large' : _ref$borderRadius,
|
|
21
|
+
var borderRadius = _ref.borderRadius,
|
|
24
22
|
children = _ref.children,
|
|
25
23
|
_ref$isGlowing = _ref.isGlowing,
|
|
26
24
|
isGlowing = _ref$isGlowing === void 0 ? true : _ref$isGlowing,
|
|
@@ -36,7 +34,7 @@ var AIPrism = function AIPrism(_ref) {
|
|
|
36
34
|
isGlowing: isGlowing,
|
|
37
35
|
isMoving: isMoving,
|
|
38
36
|
testId: testId,
|
|
39
|
-
className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false'],
|
|
37
|
+
className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false'], borderRadius && borderRadiusStyles[borderRadius]])
|
|
40
38
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41
39
|
className: ax(["_2rko1mok _bfhk1bhr _16qs130s", "_v5649spz", isVisible && "_16qs1aef"])
|
|
42
40
|
}, children));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "45.6.
|
|
3
|
+
"version": "45.6.5",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"atlassian": {
|
|
20
20
|
"i18n": true,
|
|
21
21
|
"react-compiler": {
|
|
22
|
-
"enabled":
|
|
22
|
+
"enabled": false,
|
|
23
23
|
"gating": {
|
|
24
24
|
"source": "@atlaskit/react-compiler-gating",
|
|
25
25
|
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@atlaskit/adf-utils": "^20.
|
|
38
|
+
"@atlaskit/adf-utils": "^20.1.0",
|
|
39
39
|
"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.6.0",
|
|
40
40
|
"@atlaskit/analytics-cross-product": "^2.0.0",
|
|
41
41
|
"@atlaskit/analytics-gas-types": "^6.0.0",
|
|
@@ -76,10 +76,10 @@
|
|
|
76
76
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
77
77
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
78
78
|
"@atlaskit/popup": "^5.1.0",
|
|
79
|
-
"@atlaskit/primitives": "^20.
|
|
79
|
+
"@atlaskit/primitives": "^20.3.0",
|
|
80
80
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
81
81
|
"@atlaskit/react-ufo": "^7.3.0",
|
|
82
|
-
"@atlaskit/rovo-triggers": "^9.
|
|
82
|
+
"@atlaskit/rovo-triggers": "^9.6.0",
|
|
83
83
|
"@atlaskit/section-message": "^9.2.0",
|
|
84
84
|
"@atlaskit/select": "^22.3.0",
|
|
85
85
|
"@atlaskit/spinner": "^20.1.0",
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
"@atlaskit/textfield": "^9.1.0",
|
|
89
89
|
"@atlaskit/theme": "^26.1.0",
|
|
90
90
|
"@atlaskit/tile": "^2.1.0",
|
|
91
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
92
|
-
"@atlaskit/tokens": "^15.
|
|
91
|
+
"@atlaskit/tmp-editor-statsig": "^118.0.0",
|
|
92
|
+
"@atlaskit/tokens": "^15.3.0",
|
|
93
93
|
"@atlaskit/tooltip": "^23.1.0",
|
|
94
94
|
"@atlaskit/ufo": "^1.0.0",
|
|
95
95
|
"@atlaskit/width-detector": "^6.1.0",
|
|
@@ -209,9 +209,6 @@
|
|
|
209
209
|
"platform_sl_3p_auth_rovo_action_kill_switch": {
|
|
210
210
|
"type": "boolean"
|
|
211
211
|
},
|
|
212
|
-
"platform_sl_connect_account_flag": {
|
|
213
|
-
"type": "boolean"
|
|
214
|
-
},
|
|
215
212
|
"platform-dst-shape-theme-default": {
|
|
216
213
|
"type": "boolean"
|
|
217
214
|
},
|
package/smart-card.docs.tsx
CHANGED
|
@@ -287,6 +287,8 @@ const documentation: StructuredContentSource = {
|
|
|
287
287
|
},
|
|
288
288
|
],
|
|
289
289
|
},
|
|
290
|
+
],
|
|
291
|
+
hooks: [
|
|
290
292
|
{
|
|
291
293
|
name: 'useSmartLinkEvents',
|
|
292
294
|
description:
|
|
@@ -302,7 +304,6 @@ const documentation: StructuredContentSource = {
|
|
|
302
304
|
usageGuidelines: [
|
|
303
305
|
'Use when you need to fire Smart Link analytics (e.g. insert events) from custom UI that is not the default Card.',
|
|
304
306
|
],
|
|
305
|
-
contentGuidelines: [],
|
|
306
307
|
accessibilityGuidelines: [
|
|
307
308
|
'Use analytics events to understand usage; ensure event wiring does not change focus, interrupt screen readers, or alter semantics.',
|
|
308
309
|
],
|
|
@@ -332,7 +333,6 @@ const documentation: StructuredContentSource = {
|
|
|
332
333
|
usageGuidelines: [
|
|
333
334
|
'Use when building custom action UI (buttons, menus) that should expose Smart Link actions (e.g. Preview, Open) for a given URL.',
|
|
334
335
|
],
|
|
335
|
-
contentGuidelines: [],
|
|
336
336
|
accessibilityGuidelines: [
|
|
337
337
|
'When rendering actions from this hook (e.g. buttons or menus), provide accessible labels (e.g. from action.text) and ensure keyboard support.',
|
|
338
338
|
],
|