@atlaskit/smart-card 33.1.0 → 33.2.0
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/extractors/flexible/actions/extract-copy-link-action.js +1 -20
- package/dist/cjs/extractors/flexible/actions/extract-download-action.js +1 -23
- package/dist/cjs/extractors/flexible/actions/extract-preview-action.js +1 -34
- package/dist/cjs/extractors/flexible/actions/index.js +2 -15
- package/dist/cjs/extractors/flexible/extract-state.js +1 -5
- package/dist/cjs/extractors/flexible/index.js +3 -7
- package/dist/cjs/state/analytics/useSmartLinkAnalytics.js +18 -190
- package/dist/cjs/state/hooks/use-invoke-client-action/index.js +21 -44
- package/dist/cjs/state/hooks-external/useSmartLinkActions.js +4 -18
- package/dist/cjs/utils/analytics/SmartLinkAnalyticsContext.js +3 -37
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +12 -25
- package/dist/cjs/view/CardWithUrl/loader.js +10 -22
- package/dist/cjs/view/EmbedModal/components/analytics/index.js +40 -89
- package/dist/cjs/view/EmbedModal/index.js +8 -65
- package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js +26 -63
- package/dist/cjs/view/FlexibleCard/components/actions/download-action/index.js +4 -40
- package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js +4 -47
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +3 -3
- package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +10 -26
- package/dist/cjs/view/FlexibleCard/components/utils.js +1 -28
- package/dist/cjs/view/HoverCard/components/views/resolved/index.js +13 -30
- package/dist/cjs/view/HoverCard/index.js +10 -22
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/extractors/flexible/actions/extract-copy-link-action.js +0 -19
- package/dist/es2019/extractors/flexible/actions/extract-download-action.js +0 -21
- package/dist/es2019/extractors/flexible/actions/extract-preview-action.js +0 -34
- package/dist/es2019/extractors/flexible/actions/index.js +4 -23
- package/dist/es2019/extractors/flexible/extract-state.js +1 -5
- package/dist/es2019/extractors/flexible/index.js +3 -4
- package/dist/es2019/state/analytics/useSmartLinkAnalytics.js +2 -172
- package/dist/es2019/state/hooks/use-invoke-client-action/index.js +21 -44
- package/dist/es2019/state/hooks-external/useSmartLinkActions.js +4 -18
- package/dist/es2019/utils/analytics/SmartLinkAnalyticsContext.js +3 -40
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +13 -26
- package/dist/es2019/view/CardWithUrl/loader.js +11 -23
- package/dist/es2019/view/EmbedModal/components/analytics/index.js +39 -88
- package/dist/es2019/view/EmbedModal/index.js +10 -33
- package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js +11 -32
- package/dist/es2019/view/FlexibleCard/components/actions/download-action/index.js +4 -22
- package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js +4 -27
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +3 -3
- package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +6 -24
- package/dist/es2019/view/FlexibleCard/components/utils.js +0 -25
- package/dist/es2019/view/HoverCard/components/views/resolved/index.js +12 -25
- package/dist/es2019/view/HoverCard/index.js +11 -23
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/extractors/flexible/actions/extract-copy-link-action.js +0 -19
- package/dist/esm/extractors/flexible/actions/extract-download-action.js +0 -23
- package/dist/esm/extractors/flexible/actions/extract-preview-action.js +0 -34
- package/dist/esm/extractors/flexible/actions/index.js +4 -17
- package/dist/esm/extractors/flexible/extract-state.js +1 -5
- package/dist/esm/extractors/flexible/index.js +3 -4
- package/dist/esm/state/analytics/useSmartLinkAnalytics.js +19 -191
- package/dist/esm/state/hooks/use-invoke-client-action/index.js +21 -44
- package/dist/esm/state/hooks-external/useSmartLinkActions.js +4 -18
- package/dist/esm/utils/analytics/SmartLinkAnalyticsContext.js +3 -37
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +13 -26
- package/dist/esm/view/CardWithUrl/loader.js +10 -22
- package/dist/esm/view/EmbedModal/components/analytics/index.js +40 -89
- package/dist/esm/view/EmbedModal/index.js +10 -67
- package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js +26 -63
- package/dist/esm/view/FlexibleCard/components/actions/download-action/index.js +4 -40
- package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js +4 -47
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +3 -3
- package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +6 -26
- package/dist/esm/view/FlexibleCard/components/utils.js +0 -27
- package/dist/esm/view/HoverCard/components/views/resolved/index.js +13 -30
- package/dist/esm/view/HoverCard/index.js +10 -22
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/extractors/flexible/actions/extract-copy-link-action.d.ts +0 -7
- package/dist/types/extractors/flexible/actions/extract-download-action.d.ts +0 -7
- package/dist/types/extractors/flexible/actions/extract-preview-action.d.ts +0 -7
- package/dist/types/extractors/flexible/actions/index.d.ts +0 -6
- package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts +2 -60
- package/dist/types/state/flexible-ui-context/types.d.ts +4 -19
- package/dist/types/state/hooks/use-invoke/types.d.ts +0 -6
- package/dist/types/state/hooks/use-invoke-client-action/index.d.ts +1 -1
- package/dist/types/state/hooks/useSmartLink.d.ts +1 -16
- package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts +1 -1
- package/dist/types/utils/mocks.d.ts +1 -16
- package/dist/types/view/EmbedModal/index.d.ts +0 -2
- package/dist/types/view/EmbedModal/types.d.ts +0 -3
- package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.d.ts +0 -6
- package/dist/types/view/FlexibleCard/components/utils.d.ts +0 -6
- package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts +1 -1
- package/dist/types/view/HoverCard/components/views/resolved/index.d.ts +1 -1
- package/dist/types-ts4.5/extractors/flexible/actions/extract-copy-link-action.d.ts +0 -7
- package/dist/types-ts4.5/extractors/flexible/actions/extract-download-action.d.ts +0 -7
- package/dist/types-ts4.5/extractors/flexible/actions/extract-preview-action.d.ts +0 -7
- package/dist/types-ts4.5/extractors/flexible/actions/index.d.ts +0 -6
- package/dist/types-ts4.5/state/analytics/useSmartLinkAnalytics.d.ts +2 -60
- package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts +4 -19
- package/dist/types-ts4.5/state/hooks/use-invoke/types.d.ts +0 -6
- package/dist/types-ts4.5/state/hooks/use-invoke-client-action/index.d.ts +1 -1
- package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts +1 -16
- package/dist/types-ts4.5/utils/analytics/SmartLinkAnalyticsContext.d.ts +1 -1
- package/dist/types-ts4.5/utils/mocks.d.ts +1 -16
- package/dist/types-ts4.5/view/EmbedModal/index.d.ts +0 -2
- package/dist/types-ts4.5/view/EmbedModal/types.d.ts +0 -3
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.d.ts +0 -6
- package/dist/types-ts4.5/view/FlexibleCard/components/utils.d.ts +0 -6
- package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts +1 -1
- package/dist/types-ts4.5/view/HoverCard/components/views/resolved/index.d.ts +1 -1
- package/package.json +1 -4
- package/dist/cjs/extractors/action/extractDownloadActionProps.js +0 -32
- package/dist/cjs/extractors/action/extractPreviewActionProps.js +0 -47
- package/dist/cjs/extractors/action/extractViewActionProps.js +0 -31
- package/dist/cjs/extractors/flexible/actions/extract-view-action.js +0 -27
- package/dist/es2019/extractors/action/extractDownloadActionProps.js +0 -24
- package/dist/es2019/extractors/action/extractPreviewActionProps.js +0 -36
- package/dist/es2019/extractors/action/extractViewActionProps.js +0 -23
- package/dist/es2019/extractors/flexible/actions/extract-view-action.js +0 -20
- package/dist/esm/extractors/action/extractDownloadActionProps.js +0 -27
- package/dist/esm/extractors/action/extractPreviewActionProps.js +0 -41
- package/dist/esm/extractors/action/extractViewActionProps.js +0 -26
- package/dist/esm/extractors/flexible/actions/extract-view-action.js +0 -22
- package/dist/types/extractors/action/extractDownloadActionProps.d.ts +0 -7
- package/dist/types/extractors/action/extractPreviewActionProps.d.ts +0 -7
- package/dist/types/extractors/action/extractViewActionProps.d.ts +0 -7
- package/dist/types/extractors/flexible/actions/extract-view-action.d.ts +0 -7
- package/dist/types/view/FlexibleCard/components/actions/follow-action/__fixtures__/follow-goal-context.d.ts +0 -3
- package/dist/types-ts4.5/extractors/action/extractDownloadActionProps.d.ts +0 -7
- package/dist/types-ts4.5/extractors/action/extractPreviewActionProps.d.ts +0 -7
- package/dist/types-ts4.5/extractors/action/extractViewActionProps.d.ts +0 -7
- package/dist/types-ts4.5/extractors/flexible/actions/extract-view-action.d.ts +0 -7
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/follow-action/__fixtures__/follow-goal-context.d.ts +0 -3
|
@@ -8,18 +8,13 @@ exports.useSmartLinkActions = useSmartLinkActions;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
13
12
|
var _extractInvokeDownloadAction = require("../../extractors/action/extract-invoke-download-action");
|
|
14
13
|
var _extractInvokePreviewAction = require("../../extractors/action/extract-invoke-preview-action");
|
|
15
14
|
var _extractInvokeViewAction = require("../../extractors/action/extract-invoke-view-action");
|
|
16
|
-
var _extractDownloadActionProps = require("../../extractors/action/extractDownloadActionProps");
|
|
17
|
-
var _extractPreviewActionProps = require("../../extractors/action/extractPreviewActionProps");
|
|
18
|
-
var _extractViewActionProps = require("../../extractors/action/extractViewActionProps");
|
|
19
15
|
var _messages = require("../../messages");
|
|
20
16
|
var _toAction = require("../../utils/actions/to-action");
|
|
21
17
|
var _analytics = require("../analytics");
|
|
22
|
-
var _helpers = require("../helpers");
|
|
23
18
|
var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
|
|
24
19
|
var _store = require("../store");
|
|
25
20
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -40,15 +35,6 @@ function useSmartLinkActions(_ref) {
|
|
|
40
35
|
analytics: linkAnalytics
|
|
41
36
|
});
|
|
42
37
|
if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
|
|
43
|
-
var opts = {
|
|
44
|
-
response: linkState.details,
|
|
45
|
-
handleInvoke: invokeClientAction,
|
|
46
|
-
analytics: linkAnalytics,
|
|
47
|
-
origin: origin,
|
|
48
|
-
extensionKey: (0, _helpers.getExtensionKey)(linkState.details),
|
|
49
|
-
source: appearance,
|
|
50
|
-
actionOptions: actionOptions
|
|
51
|
-
};
|
|
52
38
|
var actions = [];
|
|
53
39
|
var invokeParam = {
|
|
54
40
|
actionOptions: actionOptions,
|
|
@@ -56,18 +42,18 @@ function useSmartLinkActions(_ref) {
|
|
|
56
42
|
id: id,
|
|
57
43
|
response: linkState.details
|
|
58
44
|
};
|
|
59
|
-
var downloadActionProps = (0,
|
|
45
|
+
var downloadActionProps = (0, _extractInvokeDownloadAction.extractInvokeDownloadAction)(invokeParam);
|
|
60
46
|
if (downloadActionProps) {
|
|
61
47
|
actions.push((0, _toAction.toAction)(downloadActionProps, invokeClientAction, _messages.messages.download, 'download-content'));
|
|
62
48
|
}
|
|
63
|
-
var viewActionProps = (0,
|
|
49
|
+
var viewActionProps = (0, _extractInvokeViewAction.extractInvokeViewAction)(invokeParam);
|
|
64
50
|
if (viewActionProps) {
|
|
65
51
|
actions.push((0, _toAction.toAction)(viewActionProps, invokeClientAction, _messages.messages.view, 'view-content'));
|
|
66
52
|
}
|
|
67
|
-
var previewActionProps = (0,
|
|
53
|
+
var previewActionProps = (0, _extractInvokePreviewAction.extractInvokePreviewAction)(_objectSpread(_objectSpread({}, invokeParam), {}, {
|
|
68
54
|
fireEvent: fireEvent,
|
|
69
55
|
origin: origin
|
|
70
|
-
}))
|
|
56
|
+
}));
|
|
71
57
|
if (previewActionProps) {
|
|
72
58
|
actions.push((0, _toAction.toAction)(previewActionProps, invokeClientAction, _messages.messages.preview_improved, 'preview-content'));
|
|
73
59
|
}
|
|
@@ -6,17 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.useSmartLinkAnalyticsContext = exports.SmartLinkAnalyticsContext = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
13
12
|
var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
|
|
14
13
|
var _linkProvider = require("@atlaskit/link-provider");
|
|
15
14
|
var _linkingCommon = require("@atlaskit/linking-common");
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
15
|
var _store = require("../../state/store");
|
|
18
16
|
var _analytics = require("./analytics");
|
|
19
|
-
var _LinkAnalyticsContext = require("./LinkAnalyticsContext");
|
|
20
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -59,14 +56,14 @@ var useSmartLinkAnalyticsContext = exports.useSmartLinkAnalyticsContext = functi
|
|
|
59
56
|
store = _useSmartLinkContext.store;
|
|
60
57
|
var state = store ? (0, _linkingCommon.getUrl)(store, url) : undefined;
|
|
61
58
|
return (0, _react.useMemo)(function () {
|
|
62
|
-
return
|
|
59
|
+
return getSmartLinkAnalyticsContext({
|
|
63
60
|
display: display,
|
|
64
61
|
id: id,
|
|
65
62
|
response: state === null || state === void 0 ? void 0 : state.details,
|
|
66
63
|
source: source,
|
|
67
64
|
status: state === null || state === void 0 ? void 0 : state.status,
|
|
68
65
|
url: url
|
|
69
|
-
})
|
|
66
|
+
});
|
|
70
67
|
}, [display, id, source, state === null || state === void 0 ? void 0 : state.details, state === null || state === void 0 ? void 0 : state.status, url]);
|
|
71
68
|
};
|
|
72
69
|
|
|
@@ -74,7 +71,7 @@ var useSmartLinkAnalyticsContext = exports.useSmartLinkAnalyticsContext = functi
|
|
|
74
71
|
* Provides an analytics context to supply attributes to events based on a URL
|
|
75
72
|
* and the link state in the store
|
|
76
73
|
*/
|
|
77
|
-
var
|
|
74
|
+
var SmartLinkAnalyticsContext = exports.SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(_ref3) {
|
|
78
75
|
var children = _ref3.children,
|
|
79
76
|
display = _ref3.display,
|
|
80
77
|
id = _ref3.id,
|
|
@@ -94,35 +91,4 @@ var ExtendedSmartLinkAnalyticsContext = function ExtendedSmartLinkAnalyticsConte
|
|
|
94
91
|
return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
95
92
|
data: data
|
|
96
93
|
}, children);
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Provides an analytics context to supply attributes to events based on a URL
|
|
101
|
-
* and the link state in the store
|
|
102
|
-
*/
|
|
103
|
-
var LegacySmartLinkAnalyticsContext = function LegacySmartLinkAnalyticsContext(props) {
|
|
104
|
-
var children = props.children,
|
|
105
|
-
url = props.url,
|
|
106
|
-
display = props.display;
|
|
107
|
-
var _useSmartLinkState2 = (0, _store.useSmartCardState)(url),
|
|
108
|
-
details = _useSmartLinkState2.details,
|
|
109
|
-
status = _useSmartLinkState2.status;
|
|
110
|
-
var attributes = (0, _resolvedAttributes.getResolvedAttributes)({
|
|
111
|
-
url: url
|
|
112
|
-
}, details, status);
|
|
113
|
-
return /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, (0, _extends2.default)({}, props, {
|
|
114
|
-
display: display
|
|
115
|
-
}), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
116
|
-
data: {
|
|
117
|
-
attributes: attributes
|
|
118
|
-
}
|
|
119
|
-
}, children));
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
/**
|
|
123
|
-
* Provides an analytics context to supply attributes to events based on a URL
|
|
124
|
-
* and the link state in the store
|
|
125
|
-
*/
|
|
126
|
-
var SmartLinkAnalyticsContext = exports.SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
|
|
127
|
-
return (0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics') ? /*#__PURE__*/_react.default.createElement(ExtendedSmartLinkAnalyticsContext, props) : /*#__PURE__*/_react.default.createElement(LegacySmartLinkAnalyticsContext, props);
|
|
128
94
|
};
|
|
@@ -15,7 +15,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
15
15
|
var context = exports.context = {
|
|
16
16
|
componentName: 'smart-cards',
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "33.
|
|
18
|
+
packageVersion: "33.2.0"
|
|
19
19
|
};
|
|
20
20
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.CardWithUrlContent = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
13
12
|
var _constants = require("../../constants");
|
|
14
13
|
var _state = require("../../state");
|
|
@@ -70,7 +69,6 @@ function Component(_ref) {
|
|
|
70
69
|
var extensionKey = (0, _helpers.getExtensionKey)(state.details);
|
|
71
70
|
var resourceType = (0, _helpers.getResourceType)(state.details);
|
|
72
71
|
var services = (0, _helpers.getServices)(state.details);
|
|
73
|
-
var canBeDatasource = (0, _helpers.getCanBeDatasource)(state.details);
|
|
74
72
|
var isFlexibleUi = (0, _react.useMemo)(function () {
|
|
75
73
|
return (0, _flexible.isFlexibleUiCard)(children);
|
|
76
74
|
}, [children]);
|
|
@@ -151,31 +149,20 @@ function Component(_ref) {
|
|
|
151
149
|
// - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
|
|
152
150
|
(0, _react.useEffect)(function () {
|
|
153
151
|
if ((0, _helpers.isFinalState)(state.status)) {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
});
|
|
152
|
+
(0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
|
|
153
|
+
extensionKey: extensionKey,
|
|
154
|
+
display: isFlexibleUi ? 'flexible' : appearance
|
|
155
|
+
});
|
|
159
156
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
} else {
|
|
168
|
-
analytics.ui.renderSuccessEvent({
|
|
169
|
-
display: isFlexibleUi ? 'flexible' : appearance,
|
|
170
|
-
status: state.status,
|
|
171
|
-
id: id,
|
|
172
|
-
definitionId: definitionId,
|
|
173
|
-
extensionKey: extensionKey,
|
|
174
|
-
canBeDatasource: canBeDatasource
|
|
175
|
-
});
|
|
176
|
-
}
|
|
157
|
+
// UFO will disregard this if authentication experience has not yet been started
|
|
158
|
+
(0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
|
|
159
|
+
display: isFlexibleUi ? 'flexible' : appearance
|
|
160
|
+
});
|
|
161
|
+
fireEvent('ui.smartLink.renderSuccess', {
|
|
162
|
+
display: isFlexibleUi ? 'flexible' : appearance
|
|
163
|
+
});
|
|
177
164
|
}
|
|
178
|
-
}, [
|
|
165
|
+
}, [appearance, extensionKey, fireEvent, id, isFlexibleUi, state.status]);
|
|
179
166
|
var onIframeDwell = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
|
|
180
167
|
fireEvent('ui.smartLinkIframe.dwelled', {
|
|
181
168
|
id: id,
|
|
@@ -13,9 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
14
14
|
var _reactMagneticDi = require("react-magnetic-di");
|
|
15
15
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
|
|
18
|
-
var _state = require("../../state");
|
|
19
17
|
var _analytics = require("../../state/analytics");
|
|
20
18
|
var _utils = require("../../utils");
|
|
21
19
|
var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
|
|
@@ -73,7 +71,6 @@ function CardWithURLRenderer(props) {
|
|
|
73
71
|
removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
|
|
74
72
|
resolvingPlaceholder = props.resolvingPlaceholder,
|
|
75
73
|
truncateInline = props.truncateInline;
|
|
76
|
-
var analytics = (0, _state.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', id);
|
|
77
74
|
var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
|
|
78
75
|
var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
|
|
79
76
|
display: isFlexibleUi ? 'flexible' : appearance,
|
|
@@ -98,31 +95,22 @@ function CardWithURLRenderer(props) {
|
|
|
98
95
|
definitionId: null
|
|
99
96
|
}));
|
|
100
97
|
} else if (error.name !== 'APIError') {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}));
|
|
111
|
-
} else {
|
|
112
|
-
analytics.ui.renderFailedEvent({
|
|
113
|
-
display: isFlexibleUi ? 'flexible' : appearance,
|
|
114
|
-
id: id,
|
|
115
|
-
error: error,
|
|
116
|
-
errorInfo: errorInfo
|
|
117
|
-
});
|
|
118
|
-
}
|
|
98
|
+
(0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
|
|
99
|
+
(0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
|
|
100
|
+
(0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
|
|
101
|
+
fireEvent('ui.smartLink.renderFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
|
|
102
|
+
display: isFlexibleUi ? 'flexible' : appearance,
|
|
103
|
+
id: id !== null && id !== void 0 ? id : null,
|
|
104
|
+
error: error,
|
|
105
|
+
errorInfo: errorInfo
|
|
106
|
+
}));
|
|
119
107
|
}
|
|
120
108
|
onError && onError({
|
|
121
109
|
status: 'errored',
|
|
122
110
|
url: url !== null && url !== void 0 ? url : '',
|
|
123
111
|
err: error
|
|
124
112
|
});
|
|
125
|
-
}, [
|
|
113
|
+
}, [analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes, appearance, fireEvent, id, isFlexibleUi, onError, url]);
|
|
126
114
|
if (!url) {
|
|
127
115
|
throw new Error('@atlaskit/smart-card: url property is missing.');
|
|
128
116
|
}
|
|
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
11
|
var _constants = require("../../../../constants");
|
|
13
12
|
var _analytics = require("../../../../state/analytics");
|
|
14
13
|
var _types = require("../../types");
|
|
@@ -19,8 +18,7 @@ var getResizeFrom = function getResizeFrom(size) {
|
|
|
19
18
|
};
|
|
20
19
|
var withAnalytics = function withAnalytics(Component) {
|
|
21
20
|
return function (props) {
|
|
22
|
-
var
|
|
23
|
-
fireEvent = props.fireEvent,
|
|
21
|
+
var fireEvent = props.fireEvent,
|
|
24
22
|
extensionKey = props.extensionKey,
|
|
25
23
|
id = props.id,
|
|
26
24
|
onClose = props.onClose,
|
|
@@ -29,108 +27,61 @@ var withAnalytics = function withAnalytics(Component) {
|
|
|
29
27
|
onResize = props.onResize,
|
|
30
28
|
origin = props.origin;
|
|
31
29
|
var handleOnOpen = (0, _react.useCallback)(function (context) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
attributes: {
|
|
41
|
-
origin: origin,
|
|
42
|
-
size: context.size
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
if ((0, _platformFeatureFlags.fg)('platform-smart-card-migrate-embed-modal-analytics')) {
|
|
47
|
-
(0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
|
|
48
|
-
extensionKey: extensionKey,
|
|
49
|
-
display: _constants.CardDisplay.EmbedPreview
|
|
50
|
-
});
|
|
30
|
+
fireEvent === null || fireEvent === void 0 || fireEvent('screen.embedPreviewModal.viewed', {
|
|
31
|
+
origin: origin !== null && origin !== void 0 ? origin : null,
|
|
32
|
+
size: context.size
|
|
33
|
+
});
|
|
34
|
+
(0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
|
|
35
|
+
extensionKey: extensionKey,
|
|
36
|
+
display: _constants.CardDisplay.EmbedPreview
|
|
37
|
+
});
|
|
51
38
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
} else {
|
|
60
|
-
analytics === null || analytics === void 0 || analytics.ui.renderSuccessEvent({
|
|
61
|
-
status: 'resolved',
|
|
62
|
-
display: _constants.CardDisplay.EmbedPreview
|
|
63
|
-
});
|
|
64
|
-
}
|
|
39
|
+
// UFO will disregard this if authentication experience has not yet been started
|
|
40
|
+
(0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
|
|
41
|
+
display: _constants.CardDisplay.EmbedPreview
|
|
42
|
+
});
|
|
43
|
+
fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderSuccess', {
|
|
44
|
+
display: _constants.CardDisplay.EmbedPreview
|
|
45
|
+
});
|
|
65
46
|
if (onOpen) {
|
|
66
47
|
onOpen(context);
|
|
67
48
|
}
|
|
68
|
-
}, [
|
|
49
|
+
}, [fireEvent, extensionKey, id, onOpen, origin]);
|
|
69
50
|
var handleOnOpenFailed = (0, _react.useCallback)(function (error, errorInfo) {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
});
|
|
80
|
-
} else {
|
|
81
|
-
analytics === null || analytics === void 0 || analytics.ui.renderFailedEvent({
|
|
82
|
-
display: _constants.CardDisplay.EmbedPreview,
|
|
83
|
-
error: error,
|
|
84
|
-
errorInfo: errorInfo
|
|
85
|
-
});
|
|
86
|
-
}
|
|
51
|
+
(0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
|
|
52
|
+
(0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
|
|
53
|
+
(0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
|
|
54
|
+
fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderFailed', {
|
|
55
|
+
display: _constants.CardDisplay.EmbedPreview,
|
|
56
|
+
error: error,
|
|
57
|
+
errorInfo: errorInfo,
|
|
58
|
+
id: id !== null && id !== void 0 ? id : null
|
|
59
|
+
});
|
|
87
60
|
if (onOpenFailed) {
|
|
88
61
|
onOpenFailed(error, errorInfo);
|
|
89
62
|
}
|
|
90
|
-
}, [
|
|
63
|
+
}, [fireEvent, id, onOpenFailed]);
|
|
91
64
|
var handleOnClose = (0, _react.useCallback)(function (context) {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
});
|
|
99
|
-
} else {
|
|
100
|
-
analytics === null || analytics === void 0 || analytics.ui.modalClosedEvent({
|
|
101
|
-
actionSubjectId: 'embedPreview',
|
|
102
|
-
attributes: {
|
|
103
|
-
origin: origin,
|
|
104
|
-
previewTime: context.duration,
|
|
105
|
-
size: context.size
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}
|
|
65
|
+
var _context$duration;
|
|
66
|
+
fireEvent === null || fireEvent === void 0 || fireEvent('ui.modal.closed.embedPreview', {
|
|
67
|
+
origin: origin !== null && origin !== void 0 ? origin : null,
|
|
68
|
+
previewTime: (_context$duration = context.duration) !== null && _context$duration !== void 0 ? _context$duration : null,
|
|
69
|
+
size: context.size
|
|
70
|
+
});
|
|
109
71
|
if (onClose) {
|
|
110
72
|
onClose(context);
|
|
111
73
|
}
|
|
112
|
-
}, [
|
|
74
|
+
}, [fireEvent, onClose, origin]);
|
|
113
75
|
var handleOnResize = (0, _react.useCallback)(function (context) {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
});
|
|
120
|
-
} else {
|
|
121
|
-
analytics === null || analytics === void 0 || analytics.ui.buttonClickedEvent({
|
|
122
|
-
actionSubjectId: 'embedPreviewResize',
|
|
123
|
-
attributes: {
|
|
124
|
-
newSize: context.size,
|
|
125
|
-
origin: origin,
|
|
126
|
-
previousSize: getResizeFrom(context.size)
|
|
127
|
-
}
|
|
128
|
-
});
|
|
129
|
-
}
|
|
76
|
+
fireEvent === null || fireEvent === void 0 || fireEvent('ui.button.clicked.embedPreviewResize', {
|
|
77
|
+
newSize: context.size,
|
|
78
|
+
origin: origin !== null && origin !== void 0 ? origin : null,
|
|
79
|
+
previousSize: getResizeFrom(context.size)
|
|
80
|
+
});
|
|
130
81
|
if (onResize) {
|
|
131
82
|
onResize(context);
|
|
132
83
|
}
|
|
133
|
-
}, [
|
|
84
|
+
}, [fireEvent, onResize, origin]);
|
|
134
85
|
return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
|
|
135
86
|
onClose: handleOnClose,
|
|
136
87
|
onOpen: handleOnOpen,
|
|
@@ -6,13 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
12
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
13
|
var _tokens = require("@atlaskit/tokens");
|
|
17
14
|
var _constants = require("../../constants");
|
|
18
15
|
var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
|
|
@@ -34,11 +31,8 @@ var toWidth = function toWidth(size) {
|
|
|
34
31
|
};
|
|
35
32
|
var EmbedModal = function EmbedModal(_ref) {
|
|
36
33
|
var analytics = _ref.analytics,
|
|
37
|
-
download = _ref.download,
|
|
38
34
|
invokeDownloadAction = _ref.invokeDownloadAction,
|
|
39
|
-
extensionKey = _ref.extensionKey,
|
|
40
35
|
fireEvent = _ref.fireEvent,
|
|
41
|
-
icon = _ref.icon,
|
|
42
36
|
iframeName = _ref.iframeName,
|
|
43
37
|
isSupportTheming = _ref.isSupportTheming,
|
|
44
38
|
_ref$isTrusted = _ref.isTrusted,
|
|
@@ -55,7 +49,6 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
55
49
|
_ref$testId = _ref.testId,
|
|
56
50
|
testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
|
|
57
51
|
title = _ref.title,
|
|
58
|
-
url = _ref.url,
|
|
59
52
|
invokeViewAction = _ref.invokeViewAction;
|
|
60
53
|
var defaultWidth = toWidth(size);
|
|
61
54
|
var _useState = (0, _react.useState)(showModal),
|
|
@@ -103,61 +96,11 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
103
96
|
var themeState = (0, _tokens.useThemeObserver)();
|
|
104
97
|
var previewUrl = src;
|
|
105
98
|
var handleOnViewActionClick = (0, _react.useCallback)(function () {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
} else {
|
|
109
|
-
invoke({
|
|
110
|
-
actionType: 'ViewAction',
|
|
111
|
-
actionFn: function () {
|
|
112
|
-
var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
113
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
114
|
-
while (1) switch (_context.prev = _context.next) {
|
|
115
|
-
case 0:
|
|
116
|
-
return _context.abrupt("return", (0, _utils.openUrl)(url));
|
|
117
|
-
case 1:
|
|
118
|
-
case "end":
|
|
119
|
-
return _context.stop();
|
|
120
|
-
}
|
|
121
|
-
}, _callee);
|
|
122
|
-
}));
|
|
123
|
-
function actionFn() {
|
|
124
|
-
return _actionFn.apply(this, arguments);
|
|
125
|
-
}
|
|
126
|
-
return actionFn;
|
|
127
|
-
}(),
|
|
128
|
-
display: _constants.CardDisplay.EmbedPreview,
|
|
129
|
-
extensionKey: extensionKey
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
}, [extensionKey, invoke, url, invokeViewAction]);
|
|
99
|
+
invokeViewAction && invoke(invokeViewAction);
|
|
100
|
+
}, [invoke, invokeViewAction]);
|
|
133
101
|
var handleOnDownloadActionClick = (0, _react.useCallback)(function () {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
} else {
|
|
137
|
-
invoke({
|
|
138
|
-
actionType: _constants.ActionName.DownloadAction,
|
|
139
|
-
actionFn: function () {
|
|
140
|
-
var _actionFn2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
141
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
142
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
143
|
-
case 0:
|
|
144
|
-
return _context2.abrupt("return", (0, _utils.downloadUrl)(download));
|
|
145
|
-
case 1:
|
|
146
|
-
case "end":
|
|
147
|
-
return _context2.stop();
|
|
148
|
-
}
|
|
149
|
-
}, _callee2);
|
|
150
|
-
}));
|
|
151
|
-
function actionFn() {
|
|
152
|
-
return _actionFn2.apply(this, arguments);
|
|
153
|
-
}
|
|
154
|
-
return actionFn;
|
|
155
|
-
}(),
|
|
156
|
-
display: _constants.CardDisplay.EmbedPreview,
|
|
157
|
-
extensionKey: extensionKey
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
}, [download, invokeDownloadAction, extensionKey, invoke]);
|
|
102
|
+
invokeDownloadAction && invoke(invokeDownloadAction);
|
|
103
|
+
}, [invokeDownloadAction, invoke]);
|
|
161
104
|
if (previewUrl && isSupportTheming) {
|
|
162
105
|
previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
|
|
163
106
|
}
|
|
@@ -169,15 +112,15 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
169
112
|
testId: testId,
|
|
170
113
|
width: width
|
|
171
114
|
}, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
|
|
172
|
-
icon:
|
|
115
|
+
icon: linkIcon && {
|
|
173
116
|
icon: /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, linkIcon, {
|
|
174
117
|
size: _constants.SmartLinkSize.Large
|
|
175
118
|
})),
|
|
176
119
|
isFlexibleUi: true
|
|
177
|
-
}
|
|
120
|
+
},
|
|
178
121
|
providerName: providerName,
|
|
179
|
-
onViewButtonClick:
|
|
180
|
-
onDownloadButtonClick:
|
|
122
|
+
onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
|
|
123
|
+
onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
|
|
181
124
|
onResizeButtonClick: handleOnResizeClick,
|
|
182
125
|
size: width,
|
|
183
126
|
title: title,
|