@atlaskit/smart-card 33.0.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 +20 -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 -28
- package/dist/cjs/view/CardWithUrl/loader.js +10 -24
- 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/container/index.js +1 -4
- 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/FlexibleCard/index.js +0 -3
- 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/InlineCard/UnauthorisedView/index.js +1 -4
- package/dist/cjs/view/InlineCard/index.js +0 -3
- 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 -29
- package/dist/es2019/view/CardWithUrl/loader.js +11 -25
- 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/container/index.js +1 -3
- 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/FlexibleCard/index.js +0 -3
- 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/InlineCard/UnauthorisedView/index.js +1 -3
- package/dist/es2019/view/InlineCard/index.js +0 -3
- 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 -29
- package/dist/esm/view/CardWithUrl/loader.js +10 -24
- 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/container/index.js +1 -4
- 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/FlexibleCard/index.js +0 -3
- 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/InlineCard/UnauthorisedView/index.js +1 -4
- package/dist/esm/view/InlineCard/index.js +0 -3
- 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/Card/index.d.ts +1 -1
- package/dist/types/view/Card/types.d.ts +0 -5
- package/dist/types/view/CardWithUrl/types.d.ts +0 -4
- 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/container/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/container/types.d.ts +1 -1
- 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/FlexibleCard/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/types.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/view/InlineCard/UnauthorisedView/index.d.ts +1 -6
- package/dist/types/view/InlineCard/index.d.ts +1 -1
- package/dist/types/view/InlineCard/types.d.ts +0 -4
- 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/Card/index.d.ts +1 -1
- package/dist/types-ts4.5/view/Card/types.d.ts +0 -5
- package/dist/types-ts4.5/view/CardWithUrl/types.d.ts +0 -4
- 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/container/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/container/types.d.ts +1 -1
- 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/FlexibleCard/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/types.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/dist/types-ts4.5/view/InlineCard/UnauthorisedView/index.d.ts +1 -6
- package/dist/types-ts4.5/view/InlineCard/index.d.ts +1 -1
- package/dist/types-ts4.5/view/InlineCard/types.d.ts +0 -4
- package/package.json +2 -8
- 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");
|
|
@@ -48,7 +47,6 @@ function Component(_ref) {
|
|
|
48
47
|
children = _ref.children,
|
|
49
48
|
showHoverPreview = _ref.showHoverPreview,
|
|
50
49
|
hoverPreviewOptions = _ref.hoverPreviewOptions,
|
|
51
|
-
showAuthTooltip = _ref.showAuthTooltip,
|
|
52
50
|
analyticsEvents = _ref.analyticsEvents,
|
|
53
51
|
removeTextHighlightingFromTitle = _ref.removeTextHighlightingFromTitle,
|
|
54
52
|
resolvingPlaceholder = _ref.resolvingPlaceholder,
|
|
@@ -71,7 +69,6 @@ function Component(_ref) {
|
|
|
71
69
|
var extensionKey = (0, _helpers.getExtensionKey)(state.details);
|
|
72
70
|
var resourceType = (0, _helpers.getResourceType)(state.details);
|
|
73
71
|
var services = (0, _helpers.getServices)(state.details);
|
|
74
|
-
var canBeDatasource = (0, _helpers.getCanBeDatasource)(state.details);
|
|
75
72
|
var isFlexibleUi = (0, _react.useMemo)(function () {
|
|
76
73
|
return (0, _flexible.isFlexibleUiCard)(children);
|
|
77
74
|
}, [children]);
|
|
@@ -152,31 +149,20 @@ function Component(_ref) {
|
|
|
152
149
|
// - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
|
|
153
150
|
(0, _react.useEffect)(function () {
|
|
154
151
|
if ((0, _helpers.isFinalState)(state.status)) {
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
});
|
|
152
|
+
(0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
|
|
153
|
+
extensionKey: extensionKey,
|
|
154
|
+
display: isFlexibleUi ? 'flexible' : appearance
|
|
155
|
+
});
|
|
160
156
|
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
} else {
|
|
169
|
-
analytics.ui.renderSuccessEvent({
|
|
170
|
-
display: isFlexibleUi ? 'flexible' : appearance,
|
|
171
|
-
status: state.status,
|
|
172
|
-
id: id,
|
|
173
|
-
definitionId: definitionId,
|
|
174
|
-
extensionKey: extensionKey,
|
|
175
|
-
canBeDatasource: canBeDatasource
|
|
176
|
-
});
|
|
177
|
-
}
|
|
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
|
+
});
|
|
178
164
|
}
|
|
179
|
-
}, [
|
|
165
|
+
}, [appearance, extensionKey, fireEvent, id, isFlexibleUi, state.status]);
|
|
180
166
|
var onIframeDwell = (0, _react.useCallback)(function (dwellTime, dwellPercentVisible) {
|
|
181
167
|
fireEvent('ui.smartLinkIframe.dwelled', {
|
|
182
168
|
id: id,
|
|
@@ -214,7 +200,6 @@ function Component(_ref) {
|
|
|
214
200
|
ui: ui,
|
|
215
201
|
showHoverPreview: showHoverPreview,
|
|
216
202
|
hoverPreviewOptions: hoverPreviewOptions,
|
|
217
|
-
showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
|
|
218
203
|
actionOptions: actionOptions,
|
|
219
204
|
url: url,
|
|
220
205
|
testId: testId,
|
|
@@ -246,7 +231,6 @@ function Component(_ref) {
|
|
|
246
231
|
inlinePreloaderStyle: inlinePreloaderStyle,
|
|
247
232
|
showHoverPreview: showHoverPreview,
|
|
248
233
|
hoverPreviewOptions: hoverPreviewOptions,
|
|
249
|
-
showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
|
|
250
234
|
actionOptions: actionOptions,
|
|
251
235
|
removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
|
|
252
236
|
resolvingPlaceholder: resolvingPlaceholder,
|
|
@@ -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");
|
|
@@ -68,13 +66,11 @@ function CardWithURLRenderer(props) {
|
|
|
68
66
|
ui = props.ui,
|
|
69
67
|
showHoverPreview = props.showHoverPreview,
|
|
70
68
|
hoverPreviewOptions = props.hoverPreviewOptions,
|
|
71
|
-
showAuthTooltip = props.showAuthTooltip,
|
|
72
69
|
placeholder = props.placeholder,
|
|
73
70
|
fallbackComponent = props.fallbackComponent,
|
|
74
71
|
removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
|
|
75
72
|
resolvingPlaceholder = props.resolvingPlaceholder,
|
|
76
73
|
truncateInline = props.truncateInline;
|
|
77
|
-
var analytics = (0, _state.useSmartLinkAnalytics)(url !== null && url !== void 0 ? url : '', id);
|
|
78
74
|
var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children);
|
|
79
75
|
var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
|
|
80
76
|
display: isFlexibleUi ? 'flexible' : appearance,
|
|
@@ -99,31 +95,22 @@ function CardWithURLRenderer(props) {
|
|
|
99
95
|
definitionId: null
|
|
100
96
|
}));
|
|
101
97
|
} else if (error.name !== 'APIError') {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}));
|
|
112
|
-
} else {
|
|
113
|
-
analytics.ui.renderFailedEvent({
|
|
114
|
-
display: isFlexibleUi ? 'flexible' : appearance,
|
|
115
|
-
id: id,
|
|
116
|
-
error: error,
|
|
117
|
-
errorInfo: errorInfo
|
|
118
|
-
});
|
|
119
|
-
}
|
|
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
|
+
}));
|
|
120
107
|
}
|
|
121
108
|
onError && onError({
|
|
122
109
|
status: 'errored',
|
|
123
110
|
url: url !== null && url !== void 0 ? url : '',
|
|
124
111
|
err: error
|
|
125
112
|
});
|
|
126
|
-
}, [
|
|
113
|
+
}, [analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes, appearance, fireEvent, id, isFlexibleUi, onError, url]);
|
|
127
114
|
if (!url) {
|
|
128
115
|
throw new Error('@atlaskit/smart-card: url property is missing.');
|
|
129
116
|
}
|
|
@@ -155,7 +142,6 @@ function CardWithURLRenderer(props) {
|
|
|
155
142
|
ui: ui,
|
|
156
143
|
showHoverPreview: showHoverPreview,
|
|
157
144
|
hoverPreviewOptions: hoverPreviewOptions,
|
|
158
|
-
showAuthTooltip: (0, _platformFeatureFlags.fg)('platform_deprecate-showauthtooltip-smart-card') ? undefined : showAuthTooltip,
|
|
159
145
|
placeholder: placeholder,
|
|
160
146
|
removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
|
|
161
147
|
resolvingPlaceholder: resolvingPlaceholder,
|
|
@@ -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,
|