@commercetools-frontend/application-shell 20.10.5 → 20.12.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/dist/{application-entry-point-83ea80e3.cjs.prod.js → application-entry-point-52f79266.cjs.prod.js} +52 -52
- package/dist/{application-entry-point-b7c5325e.esm.js → application-entry-point-a7199847.esm.js} +3 -3
- package/dist/{application-entry-point-4b134bcb.cjs.dev.js → application-entry-point-ae4c00f2.cjs.dev.js} +55 -55
- package/dist/commercetools-frontend-application-shell.cjs.dev.js +15 -41
- package/dist/commercetools-frontend-application-shell.cjs.prod.js +15 -41
- package/dist/commercetools-frontend-application-shell.esm.js +2 -2
- package/dist/declarations/src/components/locale-switcher/locale-switcher.d.ts +0 -5
- package/dist/declarations/src/components/navbar/use-navbar-state-manager.d.ts +13 -13
- package/dist/declarations/src/components/quick-access/butler-command/butler-command.d.ts +0 -11
- package/dist/declarations/src/types/generated/ctp.d.ts +3619 -3336
- package/dist/declarations/src/types/generated/mc.d.ts +189 -195
- package/dist/declarations/src/types/generated/proxy.d.ts +28 -28
- package/dist/declarations/src/types/generated/settings.d.ts +1425 -2504
- package/dist/declarations/src/version.d.ts +1 -1
- package/dist/{index-577c7a43.esm.js → index-1d2a788a.esm.js} +57 -45
- package/dist/{index-8605a9e1.cjs.prod.js → index-b2a644f6.cjs.prod.js} +230 -217
- package/dist/{index-82a5ea23.cjs.dev.js → index-fd0e0765.cjs.dev.js} +338 -326
- package/dist/{project-expired-5603cf9b.cjs.prod.js → project-expired-6f5d474a.cjs.prod.js} +7 -7
- package/dist/{project-expired-4a4db9c8.cjs.dev.js → project-expired-8a630330.cjs.dev.js} +7 -7
- package/dist/{project-expired-55c51196.esm.js → project-expired-b312aef3.esm.js} +3 -3
- package/dist/{project-not-found-f325728d.cjs.prod.js → project-not-found-19312707.cjs.prod.js} +7 -7
- package/dist/{project-not-found-efa7e5a7.esm.js → project-not-found-1c1a349f.esm.js} +3 -3
- package/dist/{project-not-found-33567915.cjs.dev.js → project-not-found-7bdc583e.cjs.dev.js} +7 -7
- package/dist/{project-not-initialized-68192fda.cjs.prod.js → project-not-initialized-10a1ce69.cjs.prod.js} +7 -7
- package/dist/{project-not-initialized-d396896e.cjs.dev.js → project-not-initialized-2f2ee69f.cjs.dev.js} +7 -7
- package/dist/{project-not-initialized-36c1617d.esm.js → project-not-initialized-8179abd1.esm.js} +3 -3
- package/dist/{project-suspended-69502d1e.esm.js → project-suspended-3e5b8d4f.esm.js} +3 -3
- package/dist/{project-suspended-e43ce7c2.cjs.prod.js → project-suspended-da1d5c10.cjs.prod.js} +7 -7
- package/dist/{project-suspended-61a15b65.cjs.dev.js → project-suspended-f541ad12.cjs.dev.js} +7 -7
- package/dist/{quick-access-1f9e885b.esm.js → quick-access-52ee94fa.esm.js} +9 -15
- package/dist/{quick-access-2e6398f7.cjs.prod.js → quick-access-592bdd5b.cjs.prod.js} +87 -87
- package/dist/{quick-access-57979158.cjs.dev.js → quick-access-8e4582e8.cjs.dev.js} +104 -110
- package/dist/{service-page-project-switcher-013404f5.esm.js → service-page-project-switcher-283ce683.esm.js} +1 -1
- package/dist/{service-page-project-switcher-ef90ae95.cjs.dev.js → service-page-project-switcher-8ccd2f3c.cjs.dev.js} +2 -2
- package/dist/{service-page-project-switcher-8efe2817.cjs.prod.js → service-page-project-switcher-c5ba651f.cjs.prod.js} +2 -2
- package/package.json +15 -17
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.dev.js +25 -29
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.prod.js +19 -23
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var applicationEntryPoint = require('./application-entry-point-
|
|
3
|
+
var applicationEntryPoint = require('./application-entry-point-52f79266.cjs.prod.js');
|
|
4
4
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
5
5
|
var _styled = require('@emotion/styled/base');
|
|
6
6
|
var _pt = require('prop-types');
|
|
@@ -180,7 +180,7 @@ var createApolloContextForProxyForwardTo = function createApolloContextForProxyF
|
|
|
180
180
|
var getSelectedDataLocaleForProject = function getSelectedDataLocaleForProject(projectLocales) {
|
|
181
181
|
var cachedDataLocale = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.SELECTED_DATA_LOCALE); // Make sure the cached locale is listed in the selected project
|
|
182
182
|
|
|
183
|
-
var isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default[
|
|
183
|
+
var isCachedDataLocaleIncludedInProjectLanguages = _includesInstanceProperty__default["default"](projectLocales).call(projectLocales, cachedDataLocale || '');
|
|
184
184
|
|
|
185
185
|
if (cachedDataLocale && isCachedDataLocaleIncludedInProjectLanguages) return cachedDataLocale; // Pick the first locale from the list
|
|
186
186
|
|
|
@@ -210,14 +210,14 @@ var ProjectDataLocale = function ProjectDataLocale(props) {
|
|
|
210
210
|
};
|
|
211
211
|
|
|
212
212
|
ProjectDataLocale.propTypes = {
|
|
213
|
-
locales: _pt__default[
|
|
214
|
-
children: _pt__default[
|
|
213
|
+
locales: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired,
|
|
214
|
+
children: _pt__default["default"].func.isRequired
|
|
215
215
|
};
|
|
216
216
|
ProjectDataLocale.displayName = 'ProjectDataLocale';
|
|
217
217
|
|
|
218
|
-
function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
218
|
+
function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
219
219
|
|
|
220
|
-
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default[
|
|
220
|
+
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$f(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
221
221
|
|
|
222
222
|
var isPlainTrackingListValue = function isPlainTrackingListValue(value) {
|
|
223
223
|
return typeof value === 'string';
|
|
@@ -233,7 +233,7 @@ var isHtmlElement = function isHtmlElement(node) {
|
|
|
233
233
|
|
|
234
234
|
var getDataAttribute = function getDataAttribute(node, key) {
|
|
235
235
|
if (isHtmlElement(node)) {
|
|
236
|
-
var camelKey = camelcase__default[
|
|
236
|
+
var camelKey = camelcase__default["default"](key.replace(/^data-/, ''));
|
|
237
237
|
return node.dataset[camelKey];
|
|
238
238
|
}
|
|
239
239
|
|
|
@@ -268,7 +268,7 @@ var logTracking = function logTracking(_ref) {
|
|
|
268
268
|
},
|
|
269
269
|
isIgnored = _ref2.isIgnored;
|
|
270
270
|
|
|
271
|
-
var groupName = _concatInstanceProperty__default[
|
|
271
|
+
var groupName = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "%cGTM ".concat(isIgnored ? '%cignoring' : '%cperforming', " %ctracking %c")).call(_context2, category, " %c")).call(_context, label || '');
|
|
272
272
|
|
|
273
273
|
applicationEntryPoint.logger.groupCollapsed(groupName, 'color: gray; font-weight: bold;', "color: ".concat(isIgnored ? 'orangered' : 'seagreen', "; font-weight: lighter;"), 'color: gray; font-weight: lighter;', 'color: goldenrod; font-style: normal;', 'color: cornflowerblue; font-style: normal;');
|
|
274
274
|
if (action) applicationEntryPoint.logger.log('%caction', 'color: cadetblue;', action);
|
|
@@ -347,7 +347,7 @@ var getHierarchy = function getHierarchy(node) {
|
|
|
347
347
|
parent = parent.parentNode;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
_reverseInstanceProperty__default[
|
|
350
|
+
_reverseInstanceProperty__default["default"](hierarchy).call(hierarchy);
|
|
351
351
|
|
|
352
352
|
return hierarchy.join('-');
|
|
353
353
|
};
|
|
@@ -383,7 +383,7 @@ var eventHandler = function eventHandler(name, trackingEventList) {
|
|
|
383
383
|
if (!trackEvent) return;
|
|
384
384
|
if (trackEvent !== name) return;
|
|
385
385
|
|
|
386
|
-
var hierarchyKey = _reverseInstanceProperty__default[
|
|
386
|
+
var hierarchyKey = _reverseInstanceProperty__default["default"](hierarchy).call(hierarchy).join('-'); // The event map also serves as an allow list. This is really not intuitive
|
|
387
387
|
// by looking at the name.
|
|
388
388
|
// Since we don't want to have all caught events to be sent automatically
|
|
389
389
|
// but only certain events that we are interesting in actually tracking
|
|
@@ -427,7 +427,7 @@ var eventHandler = function eventHandler(name, trackingEventList) {
|
|
|
427
427
|
|
|
428
428
|
var events = ['click', 'change', 'drop'];
|
|
429
429
|
var boot = function boot(trackingEventList) {
|
|
430
|
-
_forEachInstanceProperty__default[
|
|
430
|
+
_forEachInstanceProperty__default["default"](events).call(events, function (event) {
|
|
431
431
|
var handler = eventHandler(event, trackingEventList);
|
|
432
432
|
window.addEventListener(event, handler, true);
|
|
433
433
|
});
|
|
@@ -488,7 +488,7 @@ var mapMetricToLabel = function mapMetricToLabel(metricName) {
|
|
|
488
488
|
};
|
|
489
489
|
|
|
490
490
|
var trackPerformance = function trackPerformance() {
|
|
491
|
-
new Perfume__default[
|
|
491
|
+
new Perfume__default["default"]({
|
|
492
492
|
analyticsTracker: function analyticsTracker(_ref) {
|
|
493
493
|
var metricName = _ref.metricName,
|
|
494
494
|
data = _ref.data;
|
|
@@ -625,16 +625,16 @@ var buildOidcScope = function buildOidcScope(options) {
|
|
|
625
625
|
if (options.projectKey) {
|
|
626
626
|
var _context, _context2, _options$oAuthScopes$, _options$oAuthScopes, _context4, _options$oAuthScopes$2, _options$oAuthScopes2;
|
|
627
627
|
|
|
628
|
-
claims.push(_concatInstanceProperty__default[
|
|
629
|
-
claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default[
|
|
628
|
+
claims.push(_concatInstanceProperty__default["default"](_context = "".concat(applicationEntryPoint.OIDC_CLAIMS.PROJECT_KEY, ":")).call(_context, options.projectKey));
|
|
629
|
+
claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default["default"](_context2 = (_options$oAuthScopes$ = (_options$oAuthScopes = options.oAuthScopes) === null || _options$oAuthScopes === void 0 ? void 0 : _options$oAuthScopes.view) !== null && _options$oAuthScopes$ !== void 0 ? _options$oAuthScopes$ : []).call(_context2, function (scope) {
|
|
630
630
|
var _context3;
|
|
631
631
|
|
|
632
|
-
return _concatInstanceProperty__default[
|
|
632
|
+
return _concatInstanceProperty__default["default"](_context3 = "".concat(applicationEntryPoint.OIDC_CLAIMS.VIEW, ":")).call(_context3, scope);
|
|
633
633
|
})));
|
|
634
|
-
claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default[
|
|
634
|
+
claims.push.apply(claims, _toConsumableArray(_mapInstanceProperty__default["default"](_context4 = (_options$oAuthScopes$2 = (_options$oAuthScopes2 = options.oAuthScopes) === null || _options$oAuthScopes2 === void 0 ? void 0 : _options$oAuthScopes2.manage) !== null && _options$oAuthScopes$2 !== void 0 ? _options$oAuthScopes$2 : []).call(_context4, function (scope) {
|
|
635
635
|
var _context5;
|
|
636
636
|
|
|
637
|
-
return _concatInstanceProperty__default[
|
|
637
|
+
return _concatInstanceProperty__default["default"](_context5 = "".concat(applicationEntryPoint.OIDC_CLAIMS.MANAGE, ":")).call(_context5, scope);
|
|
638
638
|
})));
|
|
639
639
|
}
|
|
640
640
|
|
|
@@ -643,18 +643,18 @@ var buildOidcScope = function buildOidcScope(options) {
|
|
|
643
643
|
if (teamId) {
|
|
644
644
|
var _context6;
|
|
645
645
|
|
|
646
|
-
claims.push(_concatInstanceProperty__default[
|
|
646
|
+
claims.push(_concatInstanceProperty__default["default"](_context6 = "".concat(applicationEntryPoint.OIDC_CLAIMS.TEAM_ID, ":")).call(_context6, teamId));
|
|
647
647
|
}
|
|
648
648
|
|
|
649
|
-
return _concatInstanceProperty__default[
|
|
649
|
+
return _concatInstanceProperty__default["default"](_context7 = [// This is required as per OIDC spec.
|
|
650
650
|
applicationEntryPoint.OIDC_CLAIMS.OPEN_ID]).call(_context7, claims).join(' ');
|
|
651
651
|
};
|
|
652
652
|
|
|
653
653
|
var withoutProjectKeyClaim = function withoutProjectKeyClaim(scope) {
|
|
654
654
|
var _context;
|
|
655
655
|
|
|
656
|
-
return _filterInstanceProperty__default[
|
|
657
|
-
return !_startsWithInstanceProperty__default[
|
|
656
|
+
return _filterInstanceProperty__default["default"](_context = scope.split(' ')).call(_context, function (claim) {
|
|
657
|
+
return !_startsWithInstanceProperty__default["default"](claim).call(claim, applicationEntryPoint.OIDC_CLAIMS.PROJECT_KEY);
|
|
658
658
|
}).join(' ');
|
|
659
659
|
};
|
|
660
660
|
|
|
@@ -806,9 +806,9 @@ var AmILoggedIn = function AmILoggedIn(props) {
|
|
|
806
806
|
|
|
807
807
|
AmILoggedIn.displayName = 'AmILoggedIn';
|
|
808
808
|
|
|
809
|
-
function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
809
|
+
function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
810
810
|
|
|
811
|
-
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
811
|
+
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$e(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
812
812
|
|
|
813
813
|
var redirectTo$1 = function redirectTo(targetUrl) {
|
|
814
814
|
applicationEntryPoint.location.replace(targetUrl);
|
|
@@ -824,7 +824,7 @@ var Redirector = function Redirector(props) {
|
|
|
824
824
|
|
|
825
825
|
var searchQuery = _objectSpread$e(_objectSpread$e({}, (_props$queryParams = props.queryParams) !== null && _props$queryParams !== void 0 ? _props$queryParams : {}), (_enhancedLocation$que = enhancedLocation.query) !== null && _enhancedLocation$que !== void 0 ? _enhancedLocation$que : {});
|
|
826
826
|
|
|
827
|
-
var targetUrlObject = new _URL__default[
|
|
827
|
+
var targetUrlObject = new _URL__default["default"](originUrl);
|
|
828
828
|
targetUrlObject.pathname = props.to || targetUrlObject.pathname;
|
|
829
829
|
targetUrlObject.search = "?".concat(qss.encode(searchQuery));
|
|
830
830
|
var targetUrl = targetUrlObject.toString();
|
|
@@ -835,20 +835,20 @@ var Redirector = function Redirector(props) {
|
|
|
835
835
|
};
|
|
836
836
|
|
|
837
837
|
Redirector.propTypes = {
|
|
838
|
-
to: _pt__default[
|
|
839
|
-
origin: _pt__default[
|
|
840
|
-
queryParams: _pt__default[
|
|
841
|
-
redirectTo: _pt__default[
|
|
842
|
-
client_id: _pt__default[
|
|
843
|
-
response_type: _pt__default[
|
|
844
|
-
scope: _pt__default[
|
|
845
|
-
state: _pt__default[
|
|
846
|
-
nonce: _pt__default[
|
|
838
|
+
to: _pt__default["default"].string.isRequired,
|
|
839
|
+
origin: _pt__default["default"].string,
|
|
840
|
+
queryParams: _pt__default["default"].shape({
|
|
841
|
+
redirectTo: _pt__default["default"].string,
|
|
842
|
+
client_id: _pt__default["default"].string,
|
|
843
|
+
response_type: _pt__default["default"].string,
|
|
844
|
+
scope: _pt__default["default"].string,
|
|
845
|
+
state: _pt__default["default"].string,
|
|
846
|
+
nonce: _pt__default["default"].string
|
|
847
847
|
})
|
|
848
848
|
};
|
|
849
849
|
Redirector.displayName = 'Redirector';
|
|
850
850
|
|
|
851
|
-
var Divider = _styled__default[
|
|
851
|
+
var Divider = _styled__default["default"]("div", {
|
|
852
852
|
target: "e57nw7s0"
|
|
853
853
|
} )("box-sizing:border-box;width:100%;margin:0;border:0;border-style:solid;border-top-width:1px;border-top-color:", designSystem.customProperties.colorNeutral, ";" + ("" ));
|
|
854
854
|
|
|
@@ -864,29 +864,29 @@ var AuthCallbackErrorPage = function AuthCallbackErrorPage(props) {
|
|
|
864
864
|
locale: locale,
|
|
865
865
|
messages: messages,
|
|
866
866
|
children: jsxRuntime.jsx(applicationComponents.PublicPageLayout, {
|
|
867
|
-
children: jsxRuntime.jsx(Card__default[
|
|
868
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
867
|
+
children: jsxRuntime.jsx(Card__default["default"], {
|
|
868
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
869
869
|
scale: "l",
|
|
870
|
-
children: [jsxRuntime.jsx(Spacings__default[
|
|
870
|
+
children: [jsxRuntime.jsx(Spacings__default["default"].Inline, {
|
|
871
871
|
justifyContent: "center",
|
|
872
872
|
children: jsxRuntime.jsx("img", {
|
|
873
|
-
src: FailedAuthenticationSVG__default[
|
|
873
|
+
src: FailedAuthenticationSVG__default["default"],
|
|
874
874
|
alt: "Failed authentication"
|
|
875
875
|
})
|
|
876
|
-
}), jsxRuntime.jsx(Text__default[
|
|
876
|
+
}), jsxRuntime.jsx(Text__default["default"].Headline, {
|
|
877
877
|
as: "h2",
|
|
878
878
|
children: 'Authentication error'
|
|
879
879
|
}), jsxRuntime.jsx(notifications.ContentNotification, {
|
|
880
880
|
type: "error",
|
|
881
|
-
children: jsxRuntime.jsx(Spacings__default[
|
|
881
|
+
children: jsxRuntime.jsx(Spacings__default["default"].Stack, {
|
|
882
882
|
scale: "m",
|
|
883
|
-
children: jsxRuntime.jsx(Text__default[
|
|
883
|
+
children: jsxRuntime.jsx(Text__default["default"].Body, {
|
|
884
884
|
children: props.message
|
|
885
885
|
})
|
|
886
886
|
})
|
|
887
|
-
}), jsxRuntime.jsxs(Spacings__default[
|
|
887
|
+
}), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
888
888
|
scale: "m",
|
|
889
|
-
children: [jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(FlatButton__default[
|
|
889
|
+
children: [jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(FlatButton__default["default"], {
|
|
890
890
|
label: "Try log in again",
|
|
891
891
|
icon: jsxRuntime.jsx(icons.AngleLeftIcon, {}),
|
|
892
892
|
onClick: function onClick() {
|
|
@@ -916,7 +916,7 @@ var OidcCallback = function OidcCallback(props) {
|
|
|
916
916
|
|
|
917
917
|
try {
|
|
918
918
|
if (sessionToken) {
|
|
919
|
-
decodedSessionToken = jwtDecode__default[
|
|
919
|
+
decodedSessionToken = jwtDecode__default["default"](sessionToken);
|
|
920
920
|
} else {
|
|
921
921
|
errorMessage = 'Invalid client session (missing sessionToken)';
|
|
922
922
|
}
|
|
@@ -951,7 +951,7 @@ var OidcCallback = function OidcCallback(props) {
|
|
|
951
951
|
|
|
952
952
|
if (sessionState !== null && sessionState !== void 0 && sessionState.query.redirectTo) {
|
|
953
953
|
try {
|
|
954
|
-
var redirectToUrl = new _URL__default[
|
|
954
|
+
var redirectToUrl = new _URL__default["default"](sessionState.query.redirectTo);
|
|
955
955
|
return jsxRuntime.jsx(Redirector, {
|
|
956
956
|
to: redirectToUrl.pathname
|
|
957
957
|
});
|
|
@@ -967,9 +967,9 @@ var OidcCallback = function OidcCallback(props) {
|
|
|
967
967
|
|
|
968
968
|
OidcCallback.displayName = 'OidcCallback';
|
|
969
969
|
|
|
970
|
-
function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
970
|
+
function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
971
971
|
|
|
972
|
-
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
972
|
+
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$d(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$d(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
973
973
|
|
|
974
974
|
var Authenticated = function Authenticated(props) {
|
|
975
975
|
var _window$app$__DEVELOP, _window$app$__DEVELOP2;
|
|
@@ -1043,9 +1043,9 @@ var trackingEventList = {
|
|
|
1043
1043
|
'Navigation-Support-links': 'Navigation-Support-links'
|
|
1044
1044
|
};
|
|
1045
1045
|
|
|
1046
|
-
function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
1046
|
+
function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1047
1047
|
|
|
1048
|
-
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
1048
|
+
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$c(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$c(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1049
1049
|
// Expose a Context with the tracking functions.
|
|
1050
1050
|
// This context can be used by consumers to access the values by either:
|
|
1051
1051
|
// 1. using `<GtmContext.Consumer>`
|
|
@@ -1072,8 +1072,8 @@ var GtmBooter = function GtmBooter(props) {
|
|
|
1072
1072
|
};
|
|
1073
1073
|
|
|
1074
1074
|
GtmBooter.propTypes = {
|
|
1075
|
-
trackingEventList: _pt__default[
|
|
1076
|
-
children: _pt__default[
|
|
1075
|
+
trackingEventList: _pt__default["default"].objectOf(_pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].objectOf(_pt__default["default"].string)])).isRequired,
|
|
1076
|
+
children: _pt__default["default"].node.isRequired
|
|
1077
1077
|
};
|
|
1078
1078
|
GtmBooter.displayName = 'GtmBooter';
|
|
1079
1079
|
|
|
@@ -1081,9 +1081,9 @@ var ApplicationLoader = function ApplicationLoader(props) {
|
|
|
1081
1081
|
return jsxRuntime.jsxs("div", {
|
|
1082
1082
|
css: /*#__PURE__*/react$2.css("display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;height:100vh;padding:", designSystem.customProperties.spacingL, ";>*+*{margin:", designSystem.customProperties.spacingL, " 0 0;}" + ("" ), "" ),
|
|
1083
1083
|
"data-testid": "application-loader",
|
|
1084
|
-
children: [jsxRuntime.jsx(LoadingSpinner__default[
|
|
1084
|
+
children: [jsxRuntime.jsx(LoadingSpinner__default["default"], {}), props.showLogo === true ? jsxRuntime.jsx("img", {
|
|
1085
1085
|
alt: "commercetools logo",
|
|
1086
|
-
src: CTLogoSVG__default[
|
|
1086
|
+
src: CTLogoSVG__default["default"]
|
|
1087
1087
|
}) : null]
|
|
1088
1088
|
});
|
|
1089
1089
|
};
|
|
@@ -1101,14 +1101,14 @@ var messages$5 = reactIntl.defineMessages({
|
|
|
1101
1101
|
}
|
|
1102
1102
|
});
|
|
1103
1103
|
|
|
1104
|
-
function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
1104
|
+
function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1105
1105
|
|
|
1106
|
-
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
1106
|
+
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$b(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$b(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1107
1107
|
|
|
1108
1108
|
var ErrorApologizer = function ErrorApologizer() {
|
|
1109
1109
|
var intl = reactIntl.useIntl();
|
|
1110
1110
|
return jsxRuntime.jsx(applicationComponents.MaintenancePageLayout, {
|
|
1111
|
-
imageSrc: UnexpectedErrorSVG__default[
|
|
1111
|
+
imageSrc: UnexpectedErrorSVG__default["default"],
|
|
1112
1112
|
title: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.title)),
|
|
1113
1113
|
label: intl.formatMessage(messages$5.title),
|
|
1114
1114
|
paragraph1: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$b({}, messages$5.notifiedTeam))
|
|
@@ -1117,9 +1117,9 @@ var ErrorApologizer = function ErrorApologizer() {
|
|
|
1117
1117
|
|
|
1118
1118
|
ErrorApologizer.displayName = 'ErrorApologizer';
|
|
1119
1119
|
|
|
1120
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default[
|
|
1120
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
1121
1121
|
|
|
1122
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default[
|
|
1122
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1123
1123
|
|
|
1124
1124
|
var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
1125
1125
|
_inherits(ErrorBoundary, _Component);
|
|
@@ -1137,7 +1137,7 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
1137
1137
|
args[_key] = arguments[_key];
|
|
1138
1138
|
}
|
|
1139
1139
|
|
|
1140
|
-
_this = _super.call.apply(_super, _concatInstanceProperty__default[
|
|
1140
|
+
_this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
|
|
1141
1141
|
_this.state = {
|
|
1142
1142
|
hasError: false
|
|
1143
1143
|
};
|
|
@@ -1178,7 +1178,9 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
|
1178
1178
|
}
|
|
1179
1179
|
}], [{
|
|
1180
1180
|
key: "getDerivedStateFromError",
|
|
1181
|
-
value: function
|
|
1181
|
+
value: function
|
|
1182
|
+
/* error */
|
|
1183
|
+
getDerivedStateFromError() {
|
|
1182
1184
|
// Update state so the next render will show the fallback UI.
|
|
1183
1185
|
return {
|
|
1184
1186
|
hasError: true
|
|
@@ -1212,9 +1214,9 @@ var getBrowserLocale = function getBrowserLocale(win) {
|
|
|
1212
1214
|
return l10n.getSupportedLocale(browserLocale);
|
|
1213
1215
|
};
|
|
1214
1216
|
|
|
1215
|
-
function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
1217
|
+
function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1216
1218
|
|
|
1217
|
-
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
1219
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1218
1220
|
|
|
1219
1221
|
/**
|
|
1220
1222
|
* NOTE:
|
|
@@ -1248,7 +1250,7 @@ var getCoerceEnvironmentValue = function getCoerceEnvironmentValue(environmentVa
|
|
|
1248
1250
|
var shallowlyCoerceValues = function shallowlyCoerceValues(uncoercedEnvironmentValues) {
|
|
1249
1251
|
var _context;
|
|
1250
1252
|
|
|
1251
|
-
return _reduceInstanceProperty__default[
|
|
1253
|
+
return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](uncoercedEnvironmentValues)).call(_context, function (coercedEnvironmentValues, key) {
|
|
1252
1254
|
var uncoercedEnvironmentValue = uncoercedEnvironmentValues[key];
|
|
1253
1255
|
return _objectSpread$a(_objectSpread$a({}, coercedEnvironmentValues), {}, _defineProperty({}, key, getCoerceEnvironmentValue(uncoercedEnvironmentValue)));
|
|
1254
1256
|
}, {});
|
|
@@ -1324,7 +1326,7 @@ var ApplicationShellProvider = function ApplicationShellProvider(props) {
|
|
|
1324
1326
|
ApplicationShellProvider.propTypes = {};
|
|
1325
1327
|
ApplicationShellProvider.displayName = 'ApplicationShellProvider'; // This is useful to inject a custom history object during tests
|
|
1326
1328
|
|
|
1327
|
-
ApplicationShellProvider.history = history__default[
|
|
1329
|
+
ApplicationShellProvider.history = history__default["default"];
|
|
1328
1330
|
|
|
1329
1331
|
var LoggedInUserQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchLoggedInUser" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "email" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "gravatarHash" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "firstName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "lastName" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "language" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "numberFormat" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "timeZone" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingId" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingGroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingSubgroup" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTeam" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "launchdarklyTrackingTenant" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultProjectKey" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "businessRole" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "total" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 516, source: { body: "query FetchLoggedInUser {\n user: me {\n id\n email\n gravatarHash\n firstName\n lastName\n language\n numberFormat\n timeZone\n launchdarklyTrackingId\n launchdarklyTrackingGroup\n launchdarklyTrackingSubgroup\n launchdarklyTrackingTeam\n launchdarklyTrackingTenant\n defaultProjectKey\n businessRole\n projects {\n total\n results {\n name\n key\n suspension {\n isActive\n }\n expiry {\n isActive\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
1330
1332
|
|
|
@@ -1349,7 +1351,7 @@ var FetchUser = function FetchUser(props) {
|
|
|
1349
1351
|
};
|
|
1350
1352
|
|
|
1351
1353
|
FetchUser.propTypes = {
|
|
1352
|
-
children: _pt__default[
|
|
1354
|
+
children: _pt__default["default"].func.isRequired
|
|
1353
1355
|
};
|
|
1354
1356
|
FetchUser.displayName = 'FetchUser';
|
|
1355
1357
|
|
|
@@ -1358,7 +1360,7 @@ var pushDependencyVersionCounter = function pushDependencyVersionCounter(_ref) {
|
|
|
1358
1360
|
return sdk.actions.post({
|
|
1359
1361
|
uri: '/metrics/counters',
|
|
1360
1362
|
mcApiProxyTarget: constants.MC_API_PROXY_TARGETS.MC_METRICS,
|
|
1361
|
-
payload: _JSON$stringify__default[
|
|
1363
|
+
payload: _JSON$stringify__default["default"](payload)
|
|
1362
1364
|
});
|
|
1363
1365
|
};
|
|
1364
1366
|
|
|
@@ -1427,15 +1429,15 @@ var FetchProject = function FetchProject(props) {
|
|
|
1427
1429
|
};
|
|
1428
1430
|
|
|
1429
1431
|
FetchProject.propTypes = {
|
|
1430
|
-
projectKey: _pt__default[
|
|
1431
|
-
skip: _pt__default[
|
|
1432
|
-
children: _pt__default[
|
|
1432
|
+
projectKey: _pt__default["default"].string.isRequired,
|
|
1433
|
+
skip: _pt__default["default"].bool,
|
|
1434
|
+
children: _pt__default["default"].func.isRequired
|
|
1433
1435
|
};
|
|
1434
1436
|
FetchProject.displayName = 'FetchProject';
|
|
1435
1437
|
|
|
1436
|
-
function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
1438
|
+
function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1437
1439
|
|
|
1438
|
-
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty__default[
|
|
1440
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; _forEachInstanceProperty__default["default"](_context6 = ownKeys$9(Object(source), true)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context7; _forEachInstanceProperty__default["default"](_context7 = ownKeys$9(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1439
1441
|
var FetchApplicationsMenu = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchApplicationsMenu" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "applicationsMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "navBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "shouldRenderDivider" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuVisibility" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "actionRights" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "dataFences" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "group" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "appBar" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }] } }] } }] } }], loc: { start: 0, end: 849, source: { body: "query FetchApplicationsMenu {\n applicationsMenu {\n navBar {\n shouldRenderDivider\n key\n uriPath\n icon\n labelAllLocales {\n locale\n value\n }\n featureToggle\n menuVisibility\n permissions\n dataFences {\n group\n name\n type\n }\n actionRights {\n group\n name\n }\n submenu {\n key\n uriPath\n labelAllLocales {\n locale\n value\n }\n featureToggle\n menuVisibility\n permissions\n actionRights {\n group\n name\n }\n dataFences {\n group\n name\n type\n }\n }\n }\n appBar {\n key\n uriPath\n labelAllLocales {\n locale\n value\n }\n featureToggle\n permissions\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
1440
1442
|
var supportedLocales = ['en', 'de', 'es', 'fr-FR', 'zh-CN', 'ja'];
|
|
1441
1443
|
var defaultApiUrl$1 = window.location.origin;
|
|
@@ -1447,8 +1449,8 @@ var mapLabelAllLocalesWithDefaults = function mapLabelAllLocalesWithDefaults(lab
|
|
|
1447
1449
|
// Map all supported locales with the given localized labels.
|
|
1448
1450
|
// If a locale is not defined in the config, we use the `default` label as the value.
|
|
1449
1451
|
// This is only needed for development as we're trying to map two different schemas.
|
|
1450
|
-
mappedLabelAllLocales = _mapInstanceProperty__default[
|
|
1451
|
-
var existingField = _findInstanceProperty__default[
|
|
1452
|
+
mappedLabelAllLocales = _mapInstanceProperty__default["default"](supportedLocales).call(supportedLocales, function (supportedLocale) {
|
|
1453
|
+
var existingField = _findInstanceProperty__default["default"](labelAllLocales).call(labelAllLocales, function (field) {
|
|
1452
1454
|
return field.locale === supportedLocale;
|
|
1453
1455
|
});
|
|
1454
1456
|
|
|
@@ -1461,7 +1463,7 @@ var mapLabelAllLocalesWithDefaults = function mapLabelAllLocalesWithDefaults(lab
|
|
|
1461
1463
|
} // Add the `__typename`.
|
|
1462
1464
|
|
|
1463
1465
|
|
|
1464
|
-
return _mapInstanceProperty__default[
|
|
1466
|
+
return _mapInstanceProperty__default["default"](mappedLabelAllLocales).call(mappedLabelAllLocales, function (field) {
|
|
1465
1467
|
return _objectSpread$9({
|
|
1466
1468
|
__typename: 'LocalizedField'
|
|
1467
1469
|
}, field);
|
|
@@ -1499,12 +1501,12 @@ var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuCo
|
|
|
1499
1501
|
actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
|
|
1500
1502
|
// @ts-ignore: not defined in schema, as it's only used internally.
|
|
1501
1503
|
dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
|
|
1502
|
-
submenu: _mapInstanceProperty__default[
|
|
1504
|
+
submenu: _mapInstanceProperty__default["default"](_context = menuLinks.submenuLinks).call(_context, function (submenuLink) {
|
|
1503
1505
|
var _context2, _context3, _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
|
|
1504
1506
|
|
|
1505
1507
|
return {
|
|
1506
1508
|
__typename: 'BaseMenu',
|
|
1507
|
-
key: _concatInstanceProperty__default[
|
|
1509
|
+
key: _concatInstanceProperty__default["default"](_context2 = "".concat(entryPointUriPath, "-")).call(_context2, submenuLink.uriPath),
|
|
1508
1510
|
// The `uriPath` of each submenu link is supposed to be defined relative
|
|
1509
1511
|
// to the entry point URI path.
|
|
1510
1512
|
// However, when rendering the link, we need to provide the full uri path.
|
|
@@ -1512,7 +1514,7 @@ var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuCo
|
|
|
1512
1514
|
// treated the same as the entry point uri path. In this case, the return value
|
|
1513
1515
|
// should not contain any unnecessary trailing slash and therefore we return the
|
|
1514
1516
|
// main value `entryPointUriPath`.
|
|
1515
|
-
uriPath: submenuLink.uriPath === '/' ? entryPointUriPath : _concatInstanceProperty__default[
|
|
1517
|
+
uriPath: submenuLink.uriPath === '/' ? entryPointUriPath : _concatInstanceProperty__default["default"](_context3 = "".concat(entryPointUriPath, "/")).call(_context3, submenuLink.uriPath),
|
|
1516
1518
|
labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
|
|
1517
1519
|
permissions: submenuLink.permissions,
|
|
1518
1520
|
// @ts-ignore: not defined in schema, as it's only used internally.
|
|
@@ -1526,7 +1528,7 @@ var mapApplicationMenuConfigToGraqhQLQueryResult = function mapApplicationMenuCo
|
|
|
1526
1528
|
};
|
|
1527
1529
|
})
|
|
1528
1530
|
}] : [],
|
|
1529
|
-
appBar: _mapInstanceProperty__default[
|
|
1531
|
+
appBar: _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, function (menuLink) {
|
|
1530
1532
|
var _menuLink$featureTogg;
|
|
1531
1533
|
|
|
1532
1534
|
return {
|
|
@@ -1555,7 +1557,7 @@ var mapLegacyMenuJsonToGraphQLQueryResult = function mapLegacyMenuJsonToGraphQLQ
|
|
|
1555
1557
|
applicationsMenu: {
|
|
1556
1558
|
__typename: 'ApplicationsMenu',
|
|
1557
1559
|
// @ts-ignore: to suppress `featureToggle` error.
|
|
1558
|
-
navBar: menuKey === 'navBar' ? _mapInstanceProperty__default[
|
|
1560
|
+
navBar: menuKey === 'navBar' ? _mapInstanceProperty__default["default"](menuJson).call(menuJson, function (data) {
|
|
1559
1561
|
var _menuLink$featureTogg2, _menuLink$menuVisibil, _menuLink$actionRight, _menuLink$dataFences, _context4;
|
|
1560
1562
|
|
|
1561
1563
|
var menuLink = data;
|
|
@@ -1576,12 +1578,12 @@ var mapLegacyMenuJsonToGraphQLQueryResult = function mapLegacyMenuJsonToGraphQLQ
|
|
|
1576
1578
|
actionRights: (_menuLink$actionRight = menuLink.actionRights) !== null && _menuLink$actionRight !== void 0 ? _menuLink$actionRight : null,
|
|
1577
1579
|
// @ts-ignore: not defined in schema, as it's only used internally.
|
|
1578
1580
|
dataFences: (_menuLink$dataFences = menuLink.dataFences) !== null && _menuLink$dataFences !== void 0 ? _menuLink$dataFences : null,
|
|
1579
|
-
submenu: _mapInstanceProperty__default[
|
|
1581
|
+
submenu: _mapInstanceProperty__default["default"](_context4 = menuLink.submenu).call(_context4, function (submenuLink) {
|
|
1580
1582
|
var _context5, _submenuLink$featureT2, _submenuLink$menuVisi2, _submenuLink$actionRi2, _submenuLink$dataFenc2;
|
|
1581
1583
|
|
|
1582
1584
|
return {
|
|
1583
1585
|
__typename: 'BaseMenu',
|
|
1584
|
-
key: _concatInstanceProperty__default[
|
|
1586
|
+
key: _concatInstanceProperty__default["default"](_context5 = "".concat(menuLink.uriPath, "-")).call(_context5, submenuLink.uriPath),
|
|
1585
1587
|
uriPath: submenuLink.uriPath,
|
|
1586
1588
|
labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales),
|
|
1587
1589
|
permissions: submenuLink.permissions,
|
|
@@ -1598,7 +1600,7 @@ var mapLegacyMenuJsonToGraphQLQueryResult = function mapLegacyMenuJsonToGraphQLQ
|
|
|
1598
1600
|
};
|
|
1599
1601
|
}) : [],
|
|
1600
1602
|
// @ts-ignore: to suppress `featureToggle` error.
|
|
1601
|
-
appBar: menuKey === 'appBar' ? _mapInstanceProperty__default[
|
|
1603
|
+
appBar: menuKey === 'appBar' ? _mapInstanceProperty__default["default"](menuJson).call(menuJson, function (menuLink) {
|
|
1602
1604
|
var _menuLink$featureTogg3;
|
|
1603
1605
|
|
|
1604
1606
|
return {
|
|
@@ -1657,7 +1659,7 @@ function useApplicationsMenu(menuKey, config) {
|
|
|
1657
1659
|
});
|
|
1658
1660
|
} else if (!config.environment.servedByProxy && config.loadMenuConfig) {
|
|
1659
1661
|
config.loadMenuConfig().then(function (menuConfig) {
|
|
1660
|
-
var menuJson = _Array$isArray__default[
|
|
1662
|
+
var menuJson = _Array$isArray__default["default"](menuConfig) ? menuConfig : [menuConfig];
|
|
1661
1663
|
var applicationMenu = mapLegacyMenuJsonToGraphQLQueryResult(menuKey, menuJson);
|
|
1662
1664
|
apolloClient.writeQuery({
|
|
1663
1665
|
query: FetchApplicationsMenu,
|
|
@@ -1707,9 +1709,9 @@ var messages$4 = reactIntl.defineMessages({
|
|
|
1707
1709
|
}
|
|
1708
1710
|
});
|
|
1709
1711
|
|
|
1710
|
-
function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
1712
|
+
function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1711
1713
|
|
|
1712
|
-
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default[
|
|
1714
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
1713
1715
|
|
|
1714
1716
|
var UserAvatar = function UserAvatar(props) {
|
|
1715
1717
|
var _useState = react.useState(false),
|
|
@@ -1726,9 +1728,9 @@ var UserAvatar = function UserAvatar(props) {
|
|
|
1726
1728
|
return jsxRuntime.jsx("div", {
|
|
1727
1729
|
onMouseOver: handleMouseOver,
|
|
1728
1730
|
onMouseOut: handleMouseOut,
|
|
1729
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
1731
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
1730
1732
|
alignItems: "center",
|
|
1731
|
-
children: [jsxRuntime.jsx(Avatar__default[
|
|
1733
|
+
children: [jsxRuntime.jsx(Avatar__default["default"], {
|
|
1732
1734
|
gravatarHash: props.gravatarHash,
|
|
1733
1735
|
firstName: props.firstName,
|
|
1734
1736
|
lastName: props.lastName,
|
|
@@ -1755,7 +1757,7 @@ var stateReducer = function stateReducer(state, changes) {
|
|
|
1755
1757
|
switch (changes.type) {
|
|
1756
1758
|
// So in case the user wants to navigate with the tab button
|
|
1757
1759
|
// we need to make sure that the menu does not close
|
|
1758
|
-
case Downshift__default[
|
|
1760
|
+
case Downshift__default["default"].stateChangeTypes.blurButton:
|
|
1759
1761
|
return _objectSpread$8(_objectSpread$8({}, changes), {}, {
|
|
1760
1762
|
isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
|
|
1761
1763
|
});
|
|
@@ -1783,15 +1785,15 @@ OptionalFeatureToggle.propTypes = {};
|
|
|
1783
1785
|
var renderLabel = function renderLabel(menu, applicationLanguage) {
|
|
1784
1786
|
var _context;
|
|
1785
1787
|
|
|
1786
|
-
var localizedLabel = _findInstanceProperty__default[
|
|
1787
|
-
return _startsWithInstanceProperty__default[
|
|
1788
|
+
var localizedLabel = _findInstanceProperty__default["default"](_context = menu.labelAllLocales).call(_context, function (loc) {
|
|
1789
|
+
return _startsWithInstanceProperty__default["default"](applicationLanguage).call(applicationLanguage, loc.locale);
|
|
1788
1790
|
});
|
|
1789
1791
|
|
|
1790
1792
|
if (localizedLabel) return localizedLabel.value;
|
|
1791
1793
|
return constants.NO_VALUE_FALLBACK;
|
|
1792
1794
|
};
|
|
1793
1795
|
|
|
1794
|
-
var MenuItem$1 = _styled__default[
|
|
1796
|
+
var MenuItem$1 = _styled__default["default"]("div", {
|
|
1795
1797
|
target: "e1al5ftg0"
|
|
1796
1798
|
} )("width:100%;cursor:pointer;color:", designSystem.customProperties.colorSolid, ";:hover{background-color:", designSystem.customProperties.colorNeutral90, ";}", function (props) {
|
|
1797
1799
|
return props.hasDivider === true ? /*#__PURE__*/react$2.css("border-bottom:1px solid ", designSystem.customProperties.colorNeutral, ";" + ("" ), "" ) : '';
|
|
@@ -1834,28 +1836,30 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
|
|
|
1834
1836
|
},
|
|
1835
1837
|
css: /*#__PURE__*/react$2.css("position:absolute;background:", designSystem.customProperties.colorSurface, ";border:1px ", designSystem.customProperties.colorPrimary40, " solid;border-radius:", designSystem.customProperties.borderRadius6, ";box-shadow:", designSystem.customProperties.shadow7, ";width:315px;right:14px;top:40px;padding:", designSystem.customProperties.spacingXs, ";overflow:hidden;" + ("" ), "" ),
|
|
1836
1838
|
children: jsxRuntime.jsxs("div", _objectSpread$8(_objectSpread$8({}, props.downshiftProps.getMenuProps()), {}, {
|
|
1837
|
-
children: [jsxRuntime.jsx(Spacings__default[
|
|
1839
|
+
children: [jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
1838
1840
|
scale: "xs",
|
|
1839
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
1841
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
1840
1842
|
scale: "xs",
|
|
1841
1843
|
alignItems: "center",
|
|
1842
|
-
children: [jsxRuntime.jsx(Avatar__default[
|
|
1844
|
+
children: [jsxRuntime.jsx(Avatar__default["default"], {
|
|
1843
1845
|
firstName: props.firstName,
|
|
1844
1846
|
lastName: props.lastName,
|
|
1845
1847
|
gravatarHash: props.gravatarHash
|
|
1846
1848
|
}), jsxRuntime.jsxs("div", {
|
|
1847
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
1849
|
+
children: [jsxRuntime.jsx(Text__default["default"].Body, {
|
|
1848
1850
|
isBold: true,
|
|
1849
|
-
children: _trimInstanceProperty__default[
|
|
1850
|
-
}), jsxRuntime.jsx(Text__default[
|
|
1851
|
+
children: _trimInstanceProperty__default["default"](_context2 = [props.firstName, props.lastName].join(' ')).call(_context2)
|
|
1852
|
+
}), jsxRuntime.jsx(Text__default["default"].Body, {
|
|
1851
1853
|
truncate: true,
|
|
1852
1854
|
children: props.email
|
|
1853
1855
|
})]
|
|
1854
1856
|
})]
|
|
1855
1857
|
})
|
|
1856
|
-
}), applicationsAppBarMenu === null || applicationsAppBarMenu === void 0 ? void 0 : _mapInstanceProperty__default[
|
|
1858
|
+
}), applicationsAppBarMenu === null || applicationsAppBarMenu === void 0 ? void 0 : _mapInstanceProperty__default["default"](applicationsAppBarMenu).call(applicationsAppBarMenu, function (menu) {
|
|
1859
|
+
var _menu$featureToggle;
|
|
1860
|
+
|
|
1857
1861
|
return jsxRuntime.jsx(OptionalFeatureToggle, {
|
|
1858
|
-
featureToggle: menu.featureToggle,
|
|
1862
|
+
featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
|
|
1859
1863
|
children: jsxRuntime.jsx(reactRouterDom.Link, {
|
|
1860
1864
|
css: getUserSettingsMenuItemLinkStyles(),
|
|
1861
1865
|
to: "/account/".concat(menu.uriPath),
|
|
@@ -1865,7 +1869,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
|
|
|
1865
1869
|
"data-user-settings-menu": true,
|
|
1866
1870
|
ref: menuElementRef,
|
|
1867
1871
|
children: jsxRuntime.jsx(MenuItem$1, {
|
|
1868
|
-
children: jsxRuntime.jsx(Spacings__default[
|
|
1872
|
+
children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
1869
1873
|
scale: "s",
|
|
1870
1874
|
children: renderLabel(menu, props.language)
|
|
1871
1875
|
})
|
|
@@ -1885,7 +1889,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
|
|
|
1885
1889
|
"data-user-settings-menu": true,
|
|
1886
1890
|
ref: !applicationsAppBarMenu ? menuElementRef : undefined,
|
|
1887
1891
|
children: jsxRuntime.jsx(MenuItem$1, {
|
|
1888
|
-
children: jsxRuntime.jsx(Spacings__default[
|
|
1892
|
+
children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
1889
1893
|
scale: "s",
|
|
1890
1894
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.privacyPolicy))
|
|
1891
1895
|
})
|
|
@@ -1903,7 +1907,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
|
|
|
1903
1907
|
},
|
|
1904
1908
|
"data-user-settings-menu": true,
|
|
1905
1909
|
children: jsxRuntime.jsx(MenuItem$1, {
|
|
1906
|
-
children: jsxRuntime.jsx(Spacings__default[
|
|
1910
|
+
children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
1907
1911
|
scale: "s",
|
|
1908
1912
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.support))
|
|
1909
1913
|
})
|
|
@@ -1918,7 +1922,7 @@ var UserSettingsMenuBody = function UserSettingsMenuBody(props) {
|
|
|
1918
1922
|
"data-test": "logout-button",
|
|
1919
1923
|
"data-user-settings-menu": true,
|
|
1920
1924
|
children: [jsxRuntime.jsx(MenuItem$1, {
|
|
1921
|
-
children: jsxRuntime.jsx(Spacings__default[
|
|
1925
|
+
children: jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
1922
1926
|
scale: "s",
|
|
1923
1927
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$8({}, messages$4.logout))
|
|
1924
1928
|
})
|
|
@@ -1945,7 +1949,7 @@ var UserSettingsMenu = function UserSettingsMenu(props) {
|
|
|
1945
1949
|
var intl = reactIntl.useIntl();
|
|
1946
1950
|
return jsxRuntime.jsx("div", {
|
|
1947
1951
|
"data-test": "user-settings-menu",
|
|
1948
|
-
children: jsxRuntime.jsx(Downshift__default[
|
|
1952
|
+
children: jsxRuntime.jsx(Downshift__default["default"], {
|
|
1949
1953
|
stateReducer: stateReducer,
|
|
1950
1954
|
children: function children(downshiftProps) {
|
|
1951
1955
|
return jsxRuntime.jsxs("div", {
|
|
@@ -2002,9 +2006,9 @@ var messages$3 = reactIntl.defineMessages({
|
|
|
2002
2006
|
|
|
2003
2007
|
var _excluded$1 = ["projectCount"];
|
|
2004
2008
|
|
|
2005
|
-
function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2009
|
+
function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2006
2010
|
|
|
2007
|
-
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
2011
|
+
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$7(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2008
2012
|
var ProjectsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchUserProjects" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", alias: { kind: "Name", value: "user" }, name: { kind: "Name", value: "me" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "projects" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "results" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "suspension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "expiry" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "isActive" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }], loc: { start: 0, end: 218, source: { body: "query FetchUserProjects {\n user: me {\n id\n projects {\n results {\n name\n key\n suspension {\n isActive\n }\n expiry {\n isActive\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2009
2013
|
|
|
2010
2014
|
var _ref4$1 = {
|
|
@@ -2025,7 +2029,7 @@ var ProjectSwitcherValueContainer = function ProjectSwitcherValueContainer(_ref6
|
|
|
2025
2029
|
css: _ref5$1,
|
|
2026
2030
|
children: [jsxRuntime.jsx("div", {
|
|
2027
2031
|
css: _ref4$1,
|
|
2028
|
-
children: jsxRuntime.jsx(SelectInput__default[
|
|
2032
|
+
children: jsxRuntime.jsx(SelectInput__default["default"].ValueContainer, _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
2029
2033
|
children: restProps.children
|
|
2030
2034
|
}))
|
|
2031
2035
|
}), jsxRuntime.jsx("span", {
|
|
@@ -2046,7 +2050,7 @@ var _ref3$1 = {
|
|
|
2046
2050
|
} ;
|
|
2047
2051
|
|
|
2048
2052
|
var ProjectSwitcherOption = function ProjectSwitcherOption(props) {
|
|
2049
|
-
return jsxRuntime.jsx(SelectInput__default[
|
|
2053
|
+
return jsxRuntime.jsx(SelectInput__default["default"].Option, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
2050
2054
|
children: jsxRuntime.jsxs("div", {
|
|
2051
2055
|
css: _ref3$1,
|
|
2052
2056
|
children: [jsxRuntime.jsxs("div", {
|
|
@@ -2070,8 +2074,8 @@ var ProjectSwitcherOption = function ProjectSwitcherOption(props) {
|
|
|
2070
2074
|
})
|
|
2071
2075
|
}));
|
|
2072
2076
|
};
|
|
2073
|
-
var mapProjectsToOptions = memoize__default[
|
|
2074
|
-
return _mapInstanceProperty__default[
|
|
2077
|
+
var mapProjectsToOptions = memoize__default["default"](function (projects) {
|
|
2078
|
+
return _mapInstanceProperty__default["default"](projects).call(projects, function (project) {
|
|
2075
2079
|
return {
|
|
2076
2080
|
key: project.key,
|
|
2077
2081
|
name: project.name,
|
|
@@ -2109,7 +2113,7 @@ var ProjectSwitcher = function ProjectSwitcher(props) {
|
|
|
2109
2113
|
css: _ref$3,
|
|
2110
2114
|
"data-track-component": "ProjectSwitch",
|
|
2111
2115
|
"data-track-event": "click",
|
|
2112
|
-
children: jsxRuntime.jsx(SelectInput__default[
|
|
2116
|
+
children: jsxRuntime.jsx(SelectInput__default["default"], {
|
|
2113
2117
|
value: props.projectKey || '',
|
|
2114
2118
|
name: "project-switcher",
|
|
2115
2119
|
"aria-labelledby": "project-switcher",
|
|
@@ -2175,7 +2179,7 @@ var redirectToProject = function redirectToProject(key) {
|
|
|
2175
2179
|
|
|
2176
2180
|
var BackToProject = function BackToProject(props) {
|
|
2177
2181
|
var intl = reactIntl.useIntl();
|
|
2178
|
-
return jsxRuntime.jsx(FlatButton__default[
|
|
2182
|
+
return jsxRuntime.jsx(FlatButton__default["default"], {
|
|
2179
2183
|
onClick: function onClick() {
|
|
2180
2184
|
return redirectToProject(props.projectKey || '');
|
|
2181
2185
|
},
|
|
@@ -2272,7 +2276,7 @@ var getRadiusBySize = function getRadiusBySize(props) {
|
|
|
2272
2276
|
}
|
|
2273
2277
|
};
|
|
2274
2278
|
|
|
2275
|
-
var LoadingPlaceholder = _styled__default[
|
|
2279
|
+
var LoadingPlaceholder = _styled__default["default"]("div", {
|
|
2276
2280
|
target: "e4c5pm00"
|
|
2277
2281
|
} )("background-color:", designSystem.customProperties.colorNeutral, ";animation-name:", animationPulse, ";animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:infinite;width:", getWidthBySize, ";height:", getHeightBySize, ";border-radius:", getRadiusBySize, ";" + ("" ));
|
|
2278
2282
|
|
|
@@ -2289,21 +2293,23 @@ var _ref2$1 = {
|
|
|
2289
2293
|
} ;
|
|
2290
2294
|
|
|
2291
2295
|
var AppBar = function AppBar(props) {
|
|
2292
|
-
var
|
|
2296
|
+
var _props$user$defaultPr, _props$user;
|
|
2297
|
+
|
|
2298
|
+
var previousProjectKey = getPreviousProjectKey((_props$user$defaultPr = (_props$user = props.user) === null || _props$user === void 0 ? void 0 : _props$user.defaultProjectKey) !== null && _props$user$defaultPr !== void 0 ? _props$user$defaultPr : undefined);
|
|
2293
2299
|
return jsxRuntime.jsxs("div", {
|
|
2294
2300
|
css: /*#__PURE__*/react$2.css("box-shadow:", designSystem.customProperties.shadow1, ";min-height:43px;position:relative;width:100%;z-index:20000;display:flex;align-items:center;justify-content:space-between;" + ("" ), "" ),
|
|
2295
2301
|
"data-test": "top-navigation",
|
|
2296
|
-
children: [jsxRuntime.jsxs(Spacings__default[
|
|
2302
|
+
children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
2297
2303
|
children: [jsxRuntime.jsx("div", {
|
|
2298
2304
|
css: _ref2$1,
|
|
2299
2305
|
children: !props.user ? jsxRuntime.jsx("img", {
|
|
2300
|
-
src: LogoSVG__default[
|
|
2306
|
+
src: LogoSVG__default["default"],
|
|
2301
2307
|
width: "100%",
|
|
2302
2308
|
alt: "Logo"
|
|
2303
2309
|
}) : jsxRuntime.jsx(reactRouterDom.Link, {
|
|
2304
2310
|
to: "/".concat(previousProjectKey || ''),
|
|
2305
2311
|
children: jsxRuntime.jsx("img", {
|
|
2306
|
-
src: LogoSVG__default[
|
|
2312
|
+
src: LogoSVG__default["default"],
|
|
2307
2313
|
width: "100%",
|
|
2308
2314
|
alt: "Logo"
|
|
2309
2315
|
})
|
|
@@ -2314,10 +2320,10 @@ var AppBar = function AppBar(props) {
|
|
|
2314
2320
|
})]
|
|
2315
2321
|
}), jsxRuntime.jsx("div", {
|
|
2316
2322
|
css: /*#__PURE__*/react$2.css("float:right;font-weight:normal;font-size:1rem;margin-right:", designSystem.customProperties.spacingM, ";display:flex;align-items:center;" + ("" ), "" ),
|
|
2317
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
2323
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
2318
2324
|
scale: "m",
|
|
2319
2325
|
alignItems: "center",
|
|
2320
|
-
children: [jsxRuntime.jsxs(Spacings__default[
|
|
2326
|
+
children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
2321
2327
|
alignItems: "center",
|
|
2322
2328
|
children: [jsxRuntime.jsx("div", {
|
|
2323
2329
|
id: applicationEntryPoint.CONTAINERS.LOCALE_SWITCHER
|
|
@@ -2364,9 +2370,9 @@ var AppBar = function AppBar(props) {
|
|
|
2364
2370
|
|
|
2365
2371
|
AppBar.displayName = 'AppBar';
|
|
2366
2372
|
|
|
2367
|
-
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2373
|
+
function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2368
2374
|
|
|
2369
|
-
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
2375
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2370
2376
|
|
|
2371
2377
|
var _ref$1 = {
|
|
2372
2378
|
name: "lmfqdl",
|
|
@@ -2400,12 +2406,12 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
|
|
|
2400
2406
|
return jsxRuntime.jsx("div", {
|
|
2401
2407
|
css: /*#__PURE__*/react$2.css("position:relative;width:", designSystem.customProperties.constraint3, ";" + ("" ), "" ),
|
|
2402
2408
|
"data-track-component": "LocaleSwitch",
|
|
2403
|
-
children: jsxRuntime.jsx(SelectInput__default[
|
|
2409
|
+
children: jsxRuntime.jsx(SelectInput__default["default"], {
|
|
2404
2410
|
value: props.projectDataLocale,
|
|
2405
2411
|
name: "locale-switcher",
|
|
2406
2412
|
"aria-labelledby": "locale-switcher",
|
|
2407
2413
|
onChange: handleSelection,
|
|
2408
|
-
options: _mapInstanceProperty__default[
|
|
2414
|
+
options: _mapInstanceProperty__default["default"](_context = props.availableLocales).call(_context, function (locale) {
|
|
2409
2415
|
return {
|
|
2410
2416
|
label: locale,
|
|
2411
2417
|
value: locale
|
|
@@ -2429,19 +2435,19 @@ var LocaleSwitcher = function LocaleSwitcher(props) {
|
|
|
2429
2435
|
LocaleSwitcher.propTypes = {};
|
|
2430
2436
|
|
|
2431
2437
|
var ProjectNotFound = /*#__PURE__*/react.lazy(function () {
|
|
2432
|
-
return Promise.resolve().then(function () { return require('./project-not-found-
|
|
2438
|
+
return Promise.resolve().then(function () { return require('./project-not-found-19312707.cjs.prod.js'
|
|
2433
2439
|
/* webpackChunkName: "project-not-found" */
|
|
2434
2440
|
); });
|
|
2435
2441
|
});
|
|
2436
2442
|
|
|
2437
2443
|
var ProjectExpired = /*#__PURE__*/react.lazy(function () {
|
|
2438
|
-
return Promise.resolve().then(function () { return require('./project-expired-
|
|
2444
|
+
return Promise.resolve().then(function () { return require('./project-expired-6f5d474a.cjs.prod.js'
|
|
2439
2445
|
/* webpackChunkName: "project-expired" */
|
|
2440
2446
|
); });
|
|
2441
2447
|
});
|
|
2442
2448
|
|
|
2443
2449
|
var ProjectNotInitialized = /*#__PURE__*/react.lazy(function () {
|
|
2444
|
-
return Promise.resolve().then(function () { return require('./project-not-initialized-
|
|
2450
|
+
return Promise.resolve().then(function () { return require('./project-not-initialized-10a1ce69.cjs.prod.js'
|
|
2445
2451
|
/* webpackChunkName: "project-not-initialized" */
|
|
2446
2452
|
); });
|
|
2447
2453
|
});
|
|
@@ -2468,19 +2474,19 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
|
|
|
2468
2474
|
|
|
2469
2475
|
return jsxRuntime.jsx("div", {
|
|
2470
2476
|
css: /*#__PURE__*/react$2.css("align-self:center;margin-top:", designSystem.customProperties.spacingXl, ";max-width:", designSystem.customProperties.constraint10, ";" + ("" ), "" ),
|
|
2471
|
-
children: jsxRuntime.jsx(Card__default[
|
|
2477
|
+
children: jsxRuntime.jsx(Card__default["default"], {
|
|
2472
2478
|
type: "flat",
|
|
2473
2479
|
theme: "dark",
|
|
2474
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
2475
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
2480
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
2481
|
+
children: [jsxRuntime.jsx(Text__default["default"].Headline, {
|
|
2476
2482
|
as: "h1",
|
|
2477
2483
|
children: "Please create a project!"
|
|
2478
2484
|
}), jsxRuntime.jsx(notifications.ContentNotification, {
|
|
2479
2485
|
type: "info",
|
|
2480
2486
|
children: "You are running in development mode"
|
|
2481
|
-
}), jsxRuntime.jsx(Text__default[
|
|
2487
|
+
}), jsxRuntime.jsx(Text__default["default"].Body, {
|
|
2482
2488
|
children: "The Custom Application is not running behind the Merchant Center Proxy. Therefore, you are not being redirected to the account section to create a new project."
|
|
2483
|
-
}), jsxRuntime.jsx(Text__default[
|
|
2489
|
+
}), jsxRuntime.jsx(Text__default["default"].Body, {
|
|
2484
2490
|
children: "If you do need to create a project, we recommend to go to the Merchant Center production URL and create a project there. After that, you can access your new project from your local environment."
|
|
2485
2491
|
})]
|
|
2486
2492
|
})
|
|
@@ -2490,7 +2496,7 @@ var RedirectToProjectCreate = function RedirectToProjectCreate() {
|
|
|
2490
2496
|
RedirectToProjectCreate.displayName = 'RedirectToProjectCreate';
|
|
2491
2497
|
|
|
2492
2498
|
var ProjectSuspended = /*#__PURE__*/react.lazy(function () {
|
|
2493
|
-
return Promise.resolve().then(function () { return require('./project-suspended-
|
|
2499
|
+
return Promise.resolve().then(function () { return require('./project-suspended-da1d5c10.cjs.prod.js'
|
|
2494
2500
|
/* webpackChunkName: "project-suspended" */
|
|
2495
2501
|
); });
|
|
2496
2502
|
});
|
|
@@ -2507,7 +2513,7 @@ var minDaysToDisplayNotification = 14;
|
|
|
2507
2513
|
var maxDaysToDisplayNotification = 0;
|
|
2508
2514
|
|
|
2509
2515
|
var shouldShowNotificationForTrialExpired = function shouldShowNotificationForTrialExpired(daysLeft) {
|
|
2510
|
-
return !isNil__default[
|
|
2516
|
+
return !isNil__default["default"](daysLeft) && daysLeft <= minDaysToDisplayNotification && daysLeft >= maxDaysToDisplayNotification;
|
|
2511
2517
|
};
|
|
2512
2518
|
|
|
2513
2519
|
var ProjectContainer = function ProjectContainer(props) {
|
|
@@ -2592,6 +2598,8 @@ var ProjectContainer = function ProjectContainer(props) {
|
|
|
2592
2598
|
return jsxRuntime.jsx(ProjectDataLocale, {
|
|
2593
2599
|
locales: project.languages,
|
|
2594
2600
|
children: function children(_ref2) {
|
|
2601
|
+
var _project$expiry$daysL;
|
|
2602
|
+
|
|
2595
2603
|
var locale = _ref2.locale,
|
|
2596
2604
|
setProjectDataLocale = _ref2.setProjectDataLocale;
|
|
2597
2605
|
return jsxRuntime.jsx(applicationShellConnectors.ApplicationContextProvider, {
|
|
@@ -2600,7 +2608,7 @@ var ProjectContainer = function ProjectContainer(props) {
|
|
|
2600
2608
|
projectDataLocale: locale,
|
|
2601
2609
|
environment: props.environment,
|
|
2602
2610
|
children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2603
|
-
children: [shouldShowNotificationForTrialExpired(project.expiry.daysLeft) && jsxRuntime.jsx(reactNotifications.Notifier, {
|
|
2611
|
+
children: [shouldShowNotificationForTrialExpired((_project$expiry$daysL = project.expiry.daysLeft) !== null && _project$expiry$daysL !== void 0 ? _project$expiry$daysL : undefined) && jsxRuntime.jsx(reactNotifications.Notifier, {
|
|
2604
2612
|
kind: "warning",
|
|
2605
2613
|
domain: constants.DOMAINS.GLOBAL,
|
|
2606
2614
|
text: intl.formatMessage(messages$1.trialDaysLeft, {
|
|
@@ -2608,7 +2616,7 @@ var ProjectContainer = function ProjectContainer(props) {
|
|
|
2608
2616
|
})
|
|
2609
2617
|
}), localeSwitcherNode && // Render the `<LocaleSwitcher>` only if the project has more
|
|
2610
2618
|
// than one language.
|
|
2611
|
-
project.languages.length > 1 && /*#__PURE__*/ReactDOM__default[
|
|
2619
|
+
project.languages.length > 1 && /*#__PURE__*/ReactDOM__default["default"].createPortal(jsxRuntime.jsx(LocaleSwitcher // Be explicit on listing the props so that we can better assert it.
|
|
2612
2620
|
, {
|
|
2613
2621
|
projectDataLocale: locale,
|
|
2614
2622
|
setProjectDataLocale: setProjectDataLocale,
|
|
@@ -2631,14 +2639,14 @@ var ProjectContainer = function ProjectContainer(props) {
|
|
|
2631
2639
|
ProjectContainer.propTypes = {};
|
|
2632
2640
|
ProjectContainer.displayName = 'ProjectContainer';
|
|
2633
2641
|
|
|
2634
|
-
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2642
|
+
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2635
2643
|
|
|
2636
|
-
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
2644
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2637
2645
|
var FetchAllMenuFeatureToggles = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchAllMenuFeatureToggles" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatureToggles" }, arguments: [], directives: [] }] } }], loc: { start: 0, end: 57, source: { body: "query FetchAllMenuFeatureToggles {\n allFeatureToggles\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2638
2646
|
var defaultApiUrl = window.location.origin;
|
|
2639
2647
|
|
|
2640
2648
|
var getDefaultedFeatureToggles = function getDefaultedFeatureToggles(allFeatureToggles) {
|
|
2641
|
-
return _reduceInstanceProperty__default[
|
|
2649
|
+
return _reduceInstanceProperty__default["default"](allFeatureToggles).call(allFeatureToggles, function (previouslyDefaultedFeatureToggles, nextFeatureToggle) {
|
|
2642
2650
|
return _objectSpread$5(_objectSpread$5({}, previouslyDefaultedFeatureToggles), {}, _defineProperty({}, nextFeatureToggle, false));
|
|
2643
2651
|
}, {});
|
|
2644
2652
|
};
|
|
@@ -2691,9 +2699,9 @@ var useAllMenuFeatureToggles = function useAllMenuFeatureToggles() {
|
|
|
2691
2699
|
*/
|
|
2692
2700
|
var FLAGS = {};
|
|
2693
2701
|
|
|
2694
|
-
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2702
|
+
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2695
2703
|
|
|
2696
|
-
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default[
|
|
2704
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2697
2705
|
var AllFeaturesQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "AllFeatures" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 72, source: { body: "query AllFeatures {\n allFeatures {\n name\n value\n reason\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2698
2706
|
// This value is hard-coded here because we want to make sure that the
|
|
2699
2707
|
// app uses our account of LD. The value is meant to be public, so there
|
|
@@ -2716,7 +2724,7 @@ function getUserCustomFieldsForLaunchDarklyAdapter(user, projectKey) {
|
|
|
2716
2724
|
var parseFlags = function parseFlags(fetchedFlags) {
|
|
2717
2725
|
var _context;
|
|
2718
2726
|
|
|
2719
|
-
return _Object$fromEntries__default[
|
|
2727
|
+
return _Object$fromEntries__default["default"](_mapInstanceProperty__default["default"](_context = fetchedFlags.allFeatures).call(_context, function (fetchedFlag) {
|
|
2720
2728
|
return [fetchedFlag.name, {
|
|
2721
2729
|
value: fetchedFlag.value,
|
|
2722
2730
|
reason: fetchedFlag.reason
|
|
@@ -2731,13 +2739,13 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
|
|
|
2731
2739
|
});
|
|
2732
2740
|
var allMenuFeatureToggles = useAllMenuFeatureToggles();
|
|
2733
2741
|
var flags = react.useMemo(function () {
|
|
2734
|
-
return _objectSpread$4(_objectSpread$4(_objectSpread$4({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default[
|
|
2735
|
-
}, [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default[
|
|
2742
|
+
return _objectSpread$4(_objectSpread$4(_objectSpread$4({}, FLAGS), allMenuFeatureToggles.allFeatureToggles), _flagsInstanceProperty__default["default"](props));
|
|
2743
|
+
}, [allMenuFeatureToggles.allFeatureToggles, _flagsInstanceProperty__default["default"](props)]);
|
|
2736
2744
|
react.useMemo(function () {
|
|
2737
2745
|
if (enableLongLivedFeatureFlags) {
|
|
2738
|
-
combineAdapters__default[
|
|
2746
|
+
combineAdapters__default["default"].combine([ldAdapter__default["default"], httpAdapter__default["default"]]);
|
|
2739
2747
|
} else {
|
|
2740
|
-
combineAdapters__default[
|
|
2748
|
+
combineAdapters__default["default"].combine([ldAdapter__default["default"]]);
|
|
2741
2749
|
}
|
|
2742
2750
|
}, [enableLongLivedFeatureFlags]);
|
|
2743
2751
|
var defaultFlags = react.useMemo(function () {
|
|
@@ -2768,9 +2776,9 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
|
|
|
2768
2776
|
key: (_props$user3 = props.user) === null || _props$user3 === void 0 ? void 0 : _props$user3.id
|
|
2769
2777
|
},
|
|
2770
2778
|
execute: function () {
|
|
2771
|
-
var _execute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default[
|
|
2779
|
+
var _execute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
2772
2780
|
var response;
|
|
2773
|
-
return _regeneratorRuntime__default[
|
|
2781
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
|
|
2774
2782
|
while (1) {
|
|
2775
2783
|
switch (_context2.prev = _context2.next) {
|
|
2776
2784
|
case 0:
|
|
@@ -2806,7 +2814,7 @@ var SetupFlopFlipProvider = function SetupFlopFlipProvider(props) {
|
|
|
2806
2814
|
}, [apolloClient, flags, props.ldClientSideId, props.projectKey, props.user]);
|
|
2807
2815
|
|
|
2808
2816
|
return jsxRuntime.jsx(reactBroadcast.ConfigureFlopFlip, {
|
|
2809
|
-
adapter: combineAdapters__default[
|
|
2817
|
+
adapter: combineAdapters__default["default"],
|
|
2810
2818
|
adapterArgs: adapterArgs,
|
|
2811
2819
|
defaultFlags: defaultFlags,
|
|
2812
2820
|
shouldDeferAdapterConfiguration: typeof props.shouldDeferAdapterConfiguration === 'boolean' ? props.shouldDeferAdapterConfiguration : !props.user || allMenuFeatureToggles.isLoading,
|
|
@@ -2841,9 +2849,9 @@ var GtmApplicationTracker = function GtmApplicationTracker(props) {
|
|
|
2841
2849
|
};
|
|
2842
2850
|
|
|
2843
2851
|
GtmApplicationTracker.propTypes = {
|
|
2844
|
-
applicationName: _pt__default[
|
|
2845
|
-
projectKey: _pt__default[
|
|
2846
|
-
userBusinessRole: _pt__default[
|
|
2852
|
+
applicationName: _pt__default["default"].string.isRequired,
|
|
2853
|
+
projectKey: _pt__default["default"].string,
|
|
2854
|
+
userBusinessRole: _pt__default["default"].string
|
|
2847
2855
|
};
|
|
2848
2856
|
GtmApplicationTracker.displayName = 'GtmApplicationTracker';
|
|
2849
2857
|
|
|
@@ -2856,7 +2864,7 @@ var messages = reactIntl.defineMessages({
|
|
|
2856
2864
|
|
|
2857
2865
|
var useLoadingMenuLayoutEffect = function useLoadingMenuLayoutEffect() {
|
|
2858
2866
|
var cachedIsForcedMenuOpen = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
|
|
2859
|
-
var isForcedMenuOpen = isNil__default[
|
|
2867
|
+
var isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
|
|
2860
2868
|
react.useLayoutEffect(function () {
|
|
2861
2869
|
if (isForcedMenuOpen) document.body.classList.add('body__menu-open');
|
|
2862
2870
|
if (!isForcedMenuOpen) document.body.classList.remove('body__menu-open');
|
|
@@ -2868,15 +2876,15 @@ function nonNullable(value) {
|
|
|
2868
2876
|
return value !== null && value !== undefined;
|
|
2869
2877
|
}
|
|
2870
2878
|
|
|
2871
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
2879
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2872
2880
|
|
|
2873
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context9; _forEachInstanceProperty__default[
|
|
2881
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context9; _forEachInstanceProperty__default["default"](_context9 = ownKeys$3(Object(source), true)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context10; _forEachInstanceProperty__default["default"](_context10 = ownKeys$3(Object(source))).call(_context10, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
2874
2882
|
var FetchProjectExtensionsNavbar = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchProjectExtensionsNavbar" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "projectExtension" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "applications" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "where" }, value: { kind: "ObjectValue", fields: [{ kind: "ObjectField", name: { kind: "Name", value: "isActive" }, value: { kind: "BooleanValue", value: true } }] } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "navbarMenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "submenu" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "key" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "featureToggle" }, arguments: [], directives: [] }] } }] } }] } }, { kind: "Field", name: { kind: "Name", value: "installedApplications" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "application" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "entryPointUriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "menuLinks" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "icon" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "submenuLinks" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "uriPath" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "defaultLabel" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "labelAllLocales" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "locale" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }] } }] } }] } }] } }] } }] } }] } }], loc: { start: 0, end: 1003, source: { body: "query FetchProjectExtensionsNavbar {\n projectExtension {\n id\n applications(where: { isActive: true }) {\n id\n navbarMenu {\n id\n key\n uriPath\n icon\n labelAllLocales {\n locale\n value\n }\n featureToggle\n permissions\n submenu {\n id\n key\n uriPath\n labelAllLocales {\n locale\n value\n }\n permissions\n featureToggle\n }\n }\n }\n installedApplications {\n application {\n id\n entryPointUriPath\n menuLinks {\n id\n icon\n permissions\n defaultLabel\n labelAllLocales {\n locale\n value\n }\n submenuLinks {\n id\n uriPath\n permissions\n defaultLabel\n labelAllLocales {\n locale\n value\n }\n }\n }\n }\n }\n }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
|
|
2875
2883
|
|
|
2876
2884
|
var getInitialState = function getInitialState(isForcedMenuOpen) {
|
|
2877
2885
|
return {
|
|
2878
2886
|
isExpanderVisible: true,
|
|
2879
|
-
isMenuOpen: isNil__default[
|
|
2887
|
+
isMenuOpen: isNil__default["default"](isForcedMenuOpen) ? false : isForcedMenuOpen
|
|
2880
2888
|
};
|
|
2881
2889
|
};
|
|
2882
2890
|
|
|
@@ -2941,7 +2949,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
2941
2949
|
}),
|
|
2942
2950
|
projectExtensionsQuery = _useMcQuery.data;
|
|
2943
2951
|
|
|
2944
|
-
var legacyCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.applications ? _filterInstanceProperty__default[
|
|
2952
|
+
var legacyCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.applications ? _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = projectExtensionsQuery.projectExtension.applications).call(_context2, function (app) {
|
|
2945
2953
|
var _context3;
|
|
2946
2954
|
|
|
2947
2955
|
// Map the menu properties to match the one from the proxy schema.
|
|
@@ -2956,7 +2964,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
2956
2964
|
icon: app.navbarMenu.icon,
|
|
2957
2965
|
featureToggle: app.navbarMenu.featureToggle,
|
|
2958
2966
|
permissions: app.navbarMenu.permissions,
|
|
2959
|
-
submenu: _mapInstanceProperty__default[
|
|
2967
|
+
submenu: _mapInstanceProperty__default["default"](_context3 = app.navbarMenu.submenu || []).call(_context3, function (menu) {
|
|
2960
2968
|
return {
|
|
2961
2969
|
key: menu.key,
|
|
2962
2970
|
uriPath: menu.uriPath,
|
|
@@ -2974,7 +2982,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
2974
2982
|
shouldRenderDivider: false
|
|
2975
2983
|
};
|
|
2976
2984
|
})).call(_context, nonNullable) : [];
|
|
2977
|
-
var organizationCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default[
|
|
2985
|
+
var organizationCustomAppsMenu = projectExtensionsQuery && projectExtensionsQuery.projectExtension && projectExtensionsQuery.projectExtension.installedApplications ? _filterInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](_context5 = projectExtensionsQuery.projectExtension.installedApplications).call(_context5, function (installedApplication) {
|
|
2978
2986
|
var _context6;
|
|
2979
2987
|
|
|
2980
2988
|
var application = installedApplication.application; // Map the menu properties to match the one from the proxy schema.
|
|
@@ -2995,7 +3003,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
2995
3003
|
actionRights: undefined,
|
|
2996
3004
|
dataFences: undefined,
|
|
2997
3005
|
shouldRenderDivider: false,
|
|
2998
|
-
submenu: _mapInstanceProperty__default[
|
|
3006
|
+
submenu: _mapInstanceProperty__default["default"](_context6 = application.menuLinks.submenuLinks || []).call(_context6, function (submenuLink) {
|
|
2999
3007
|
return {
|
|
3000
3008
|
key: submenuLink.id,
|
|
3001
3009
|
uriPath: submenuLink.uriPath,
|
|
@@ -3011,14 +3019,14 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
3011
3019
|
};
|
|
3012
3020
|
})).call(_context4, nonNullable) : [];
|
|
3013
3021
|
var cachedIsForcedMenuOpen = window.localStorage.getItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN);
|
|
3014
|
-
var isForcedMenuOpen = isNil__default[
|
|
3022
|
+
var isForcedMenuOpen = isNil__default["default"](cachedIsForcedMenuOpen) ? null : JSON.parse(cachedIsForcedMenuOpen);
|
|
3015
3023
|
|
|
3016
3024
|
var _useReducer = react.useReducer(reducer, getInitialState(isForcedMenuOpen)),
|
|
3017
3025
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
3018
3026
|
state = _useReducer2[0],
|
|
3019
3027
|
dispatch = _useReducer2[1];
|
|
3020
3028
|
|
|
3021
|
-
var checkSize = react.useCallback(throttle__default[
|
|
3029
|
+
var checkSize = react.useCallback(throttle__default["default"](function () {
|
|
3022
3030
|
var shouldOpen = window.innerWidth > 1024;
|
|
3023
3031
|
var canExpandMenu = window.innerWidth > 918; // If the screen is small, we should always keep the menu closed,
|
|
3024
3032
|
// no matter the settings.
|
|
@@ -3034,7 +3042,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
3034
3042
|
dispatch({
|
|
3035
3043
|
type: 'setIsExpanderVisible'
|
|
3036
3044
|
});
|
|
3037
|
-
} else if (isNil__default[
|
|
3045
|
+
} else if (isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== shouldOpen) {
|
|
3038
3046
|
// User has no settings yet (this.props.isForcedMenuOpen === null)
|
|
3039
3047
|
// We check the viewport size and:
|
|
3040
3048
|
// - if screen is big, we open the menu
|
|
@@ -3043,7 +3051,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
3043
3051
|
type: 'setIsMenuOpenAndMakeExpanderVisible',
|
|
3044
3052
|
payload: shouldOpen
|
|
3045
3053
|
});
|
|
3046
|
-
} else if (!isNil__default[
|
|
3054
|
+
} else if (!isNil__default["default"](isForcedMenuOpen) && state.isMenuOpen !== isForcedMenuOpen) {
|
|
3047
3055
|
// User has setting, we should use that and ignore the screen size.
|
|
3048
3056
|
// Note: if viewport size is small, we should ignore the user settings.
|
|
3049
3057
|
dispatch({
|
|
@@ -3095,7 +3103,7 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
3095
3103
|
window.localStorage.setItem(applicationEntryPoint.STORAGE_KEYS.IS_FORCED_MENU_OPEN, String(!state.isMenuOpen));
|
|
3096
3104
|
}, [state.activeItemIndex, state.isMenuOpen]);
|
|
3097
3105
|
|
|
3098
|
-
var allApplicationNavbarMenu = _concatInstanceProperty__default[
|
|
3106
|
+
var allApplicationNavbarMenu = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = applicationsNavBarMenu || []).call(_context8, legacyCustomAppsMenu)).call(_context7, organizationCustomAppsMenu);
|
|
3099
3107
|
|
|
3100
3108
|
return _objectSpread$3(_objectSpread$3({}, state), {}, {
|
|
3101
3109
|
navBarNode: navBarNode,
|
|
@@ -3108,9 +3116,9 @@ var useNavbarStateManager = function useNavbarStateManager(props) {
|
|
|
3108
3116
|
|
|
3109
3117
|
var _excluded = ["icon"];
|
|
3110
3118
|
|
|
3111
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
3119
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
3112
3120
|
|
|
3113
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context11; _forEachInstanceProperty__default[
|
|
3121
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context11; _forEachInstanceProperty__default["default"](_context11 = ownKeys$2(Object(source), true)).call(_context11, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context12; _forEachInstanceProperty__default["default"](_context12 = ownKeys$2(Object(source))).call(_context12, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
3114
3122
|
var compiledStyles = {
|
|
3115
3123
|
"global": ":root {\n\n /* Left navigation */\n}\n\n/* Left Nav */\n\n.navbar-mod__left-navigation___2JfJ4 {\n display: flex;\n flex-grow: 1;\n width: 64px;\n z-index: 19999;\n background: #213c45;\n}\n\n.navbar-mod__list___22CBT {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex: 1 1 0;\n}\n\n.body__menu-open .navbar-mod__scrollable-menu___3JT_a {\n flex: 1 1 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.navbar-mod__list-item___2CV9O {\n width: 64px;\n height: 64px;\n background: #213c45;\n margin: 0;\n list-style: none;\n cursor: pointer;\n}\n\n.navbar-mod__item-link___2pLxz {\n color: #fff;\n padding: 16px;\n width: 100%;\n position: relative;\n display: block;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__item-icon-text___2Bdz0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__icon___G8L2p {\n width: 32px;\n height: 32px;\n}\n\n.navbar-mod__list-item___2CV9O .navbar-mod__title___2bBYs {\n flex: 1;\n font-size: 1rem;\n font-weight: 100;\n color: #fff;\n display: none;\n opacity: 0;\n transition: all 0.25s ease-in-out;\n text-align: left;\n text-decoration: none;\n}\n\n.navbar-mod__title-user-voice___1XOMJ {\n font-size: 0.9em !important;\n}\n\n.navbar-mod__expander___3j0Ah {\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n}\n\n.navbar-mod__expander___3j0Ah:hover {\n background: transparent !important;\n}\n\n.navbar-mod__expand-icon___3bqER {\n background: #1a1a1a;\n align-items: center;\n border-radius: 32px;\n cursor: pointer;\n display: flex;\n height: 32px;\n justify-content: center;\n transform: translateX(0) rotateZ(180deg);\n width: 32px;\n}\n\n.navbar-mod__item--bottom___2zyjN {\n position: absolute;\n bottom: 50px;\n}\n\n.navbar-mod__list-item___2CV9O:hover {\n background-color: hsl(195, 35.2941176471%, 30%);\n}\n\n.navbar-mod__item__active___uKTOD .navbar-mod__title___2bBYs {\n opacity: 1;\n display: block;\n transition: all 0.2s ease;\n}\n\n.navbar-mod__item_menu-open___165Am {\n height: auto !important;\n}\n\n/* NO SUBMENU */\n\n.navbar-mod__item__no-submenu___1uXLp,\n.navbar-mod__item_menu-collapsed___2Dxlb {\n height: 64px !important;\n}\n\n.navbar-mod__item_menu-collapsed___2Dxlb .navbar-mod__item-link___2pLxz {\n text-align: center;\n}\n\n.navbar-mod__item__no-submenu___1uXLp .navbar-mod__title___2bBYs {\n border-bottom: 0;\n}\n\n.navbar-mod__item__no-submenu___1uXLp .navbar-mod__sublist___20Vql {\n padding: 45px 20px 20px;\n}\n\n/* left-nav open */\n\n.body__menu-open .navbar-mod__title___2bBYs {\n color: #fff;\n font-weight: 100;\n}\n\n.body__menu-open .navbar-mod__left-navigation___2JfJ4 {\n box-shadow: 6px 0 10px rgba(0, 0, 0, 0.16);\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O {\n height: auto;\n min-height: 64px;\n max-height: 0;\n transition: max-height 0.15s ease-out;\n overflow: hidden;\n}\n\n.body__menu-open .navbar-mod__left-navigation___2JfJ4,\n.body__menu-open .navbar-mod__list-item___2CV9O {\n width: 200px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O .navbar-mod__title___2bBYs {\n display: block;\n opacity: 1;\n margin-left: 16px;\n color: #fff;\n}\n\n.body__menu-open .navbar-mod__expand-icon___3bqER {\n transform: translateX(65px) rotateZ(0deg);\n}\n\n.body__menu-open .navbar-mod__item__active___uKTOD {\n max-height: 500px;\n transition: max-height 0.25s ease-in;\n}\n\n.body__menu-open .navbar-mod__sublist___20Vql {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0 0 0 calc(32px + 16px);\n padding: 8px 0 0;\n background-color: transparent;\n border-top: 1px hsl(0, 0%, 60%) solid;\n}\n\n.body__menu-open .navbar-mod__sublist___20Vql.navbar-mod__sublist-no-children___3dFDb {\n border: 0;\n}\n\n.body__menu-open .navbar-mod__title-copy___2VC6O {\n font-size: 0.857em;\n color: white;\n text-decoration: none;\n font-weight: lighter;\n transition: all 0.15s ease;\n}\n\n.body__menu-open .navbar-mod__title-copy___2VC6O:hover {\n color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.body__menu-open .navbar-mod__expander___3j0Ah {\n min-height: 50px;\n}\n\n/* Second level menu */\n\n.navbar-mod__sublist___20Vql {\n padding: 55px 16px 16px;\n font-weight: 100;\n position: absolute;\n background-color: hsl(195, 35.2941176471%, 30%);\n top: 0;\n left: 64px;\n z-index: -1;\n list-style: none;\n opacity: 0.01;\n visibility: hidden;\n}\n\n.navbar-mod__sublist__inactive___2GFCL {\n /* empty block */\n}\n\n.navbar-mod__sublist-item___2klZq {\n padding: 3px 0;\n}\n\n.navbar-mod__sublist-item___2klZq:hover {\n /* background-color: --color-accent-30; */\n color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__text___1dlPt {\n font-size: 0.857em;\n}\n\n.navbar-mod__text-link___16AcQ {\n color: white;\n text-decoration: none;\n transition: all 0.15s ease;\n}\n\n.navbar-mod__text-link___16AcQ:hover {\n color: hsl(172.9608938547486, 100%, 40%);\n}\n\n.navbar-mod__title-text___2Exso {\n font-weight: bold;\n visibility: hidden;\n opacity: 0.001;\n}\n\n/* Item active */\n\n.navbar-mod__item__active___uKTOD {\n background: hsl(195, 35.2941176471%, 30%);\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n position: absolute;\n width: 175px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n position: relative;\n width: auto;\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 .navbar-mod__title___2bBYs {\n margin-left: 30px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 .navbar-mod__title___2bBYs {\n margin-left: 16px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__item-icon-text___2Bdz0 {\n margin-left: 0;\n}\n\n.navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__sublist___20Vql {\n width: 150px;\n}\n\n.body__menu-open .navbar-mod__list-item___2CV9O.navbar-mod__item__active___uKTOD .navbar-mod__sublist___20Vql {\n width: calc(100% - calc(32px + 16px));\n}\n\n.navbar-mod__sublist-expanded__active___Gvsr5,\n.navbar-mod__sublist-collapsed__active___3XAsJ {\n opacity: 1;\n visibility: visible;\n text-align: left;\n}\n\n.navbar-mod__highlighted___DH7ye {\n color: hsl(172.9608938547486, 100%, 40%) !important;\n}\n\n.navbar-mod__hidden___2E9vv {\n display: none;\n}\n\n.navbar-mod__divider-first-item___Fieyx {\n border-top: 1px solid #1a1a1a;\n}\n\n.navbar-mod__divider-second-item___P5vk_ {\n border-top: 1px solid hsl(195, 35.2941176471%, 40%);\n}\n\n.navbar-mod__loading-dot-container___1oV00 {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.navbar-mod__scrollable-menu___3JT_a {\n flex: 1 1 0;\n}\n\n.navbar-mod__fixed-menu___1Bied {\n flex: 0 0 0;\n}\n",
|
|
3116
3124
|
"jsonMap": {
|
|
@@ -3158,8 +3166,8 @@ var IconSwitcher = function IconSwitcher(_ref) {
|
|
|
3158
3166
|
var icon = _ref.icon,
|
|
3159
3167
|
iconProps = _objectWithoutProperties(_ref, _excluded);
|
|
3160
3168
|
|
|
3161
|
-
if (_includesInstanceProperty__default[
|
|
3162
|
-
return jsxRuntime.jsx(InlineSvg__default[
|
|
3169
|
+
if (_includesInstanceProperty__default["default"](icon).call(icon, '<svg')) {
|
|
3170
|
+
return jsxRuntime.jsx(InlineSvg__default["default"], _objectSpread$2({
|
|
3163
3171
|
data: icon
|
|
3164
3172
|
}, iconProps));
|
|
3165
3173
|
} // Backwards compatibility for apps using the "icon name".
|
|
@@ -3216,7 +3224,7 @@ var IconSwitcher = function IconSwitcher(_ref) {
|
|
|
3216
3224
|
|
|
3217
3225
|
default:
|
|
3218
3226
|
return jsxRuntime.jsx("img", {
|
|
3219
|
-
src: MissingImageSvg__default[
|
|
3227
|
+
src: MissingImageSvg__default["default"],
|
|
3220
3228
|
alt: "missing icon"
|
|
3221
3229
|
});
|
|
3222
3230
|
}
|
|
@@ -3227,7 +3235,7 @@ IconSwitcher.displayName = 'IconSwitcher';
|
|
|
3227
3235
|
|
|
3228
3236
|
var MenuExpander = function MenuExpander(props) {
|
|
3229
3237
|
return jsxRuntime.jsx("li", {
|
|
3230
|
-
className: classnames__default[
|
|
3238
|
+
className: classnames__default["default"](styles['list-item'], styles.expander, _defineProperty({}, styles.hidden, !props.isVisible)),
|
|
3231
3239
|
children: jsxRuntime.jsx("div", {
|
|
3232
3240
|
onClick: props.onClick,
|
|
3233
3241
|
className: styles['expand-icon'],
|
|
@@ -3251,7 +3259,7 @@ var MenuGroup = function MenuGroup(props) {
|
|
|
3251
3259
|
"data-testid": "".concat(props.id, "-group"),
|
|
3252
3260
|
role: "menu",
|
|
3253
3261
|
"aria-expanded": isSublistActiveWhileIsMenuExpanded || isSublistActiveWhileIsMenuCollapsed,
|
|
3254
|
-
className: classnames__default[
|
|
3262
|
+
className: classnames__default["default"](_defineProperty({}, styles.list, props.level === 1), _defineProperty({}, styles.sublist, props.level === 2), _defineProperty({}, styles['sublist-no-children'], props.level === 2 && !props.children), _defineProperty({}, styles['sublist-expanded__active'], isSublistActiveWhileIsMenuExpanded), _defineProperty({}, styles['sublist-collapsed__active'], isSublistActiveWhileIsMenuCollapsed), _defineProperty({}, styles.sublist__inactive, !isSublistActiveWhileIsMenuCollapsed)),
|
|
3255
3263
|
children: props.children
|
|
3256
3264
|
});
|
|
3257
3265
|
};
|
|
@@ -3264,7 +3272,7 @@ var MenuItem = function MenuItem(props) {
|
|
|
3264
3272
|
|
|
3265
3273
|
return jsxRuntime.jsx("li", {
|
|
3266
3274
|
role: "menu-item",
|
|
3267
|
-
className: classnames__default[
|
|
3275
|
+
className: classnames__default["default"](styles['list-item'], (_classnames8 = {}, _defineProperty(_classnames8, styles.item__active, props.isActive), _defineProperty(_classnames8, styles['item_menu-collapsed'], !props.isMenuOpen), _defineProperty(_classnames8, styles['item__no-submenu'], !props.hasSubmenu), _classnames8)),
|
|
3268
3276
|
onClick: props.onClick,
|
|
3269
3277
|
onMouseEnter: props.onMouseEnter,
|
|
3270
3278
|
onMouseLeave: props.onMouseLeave,
|
|
@@ -3333,7 +3341,7 @@ MenuItemDivider.displayName = 'MenuItemDivider'; // This component wraps `<Restr
|
|
|
3333
3341
|
// children if the flag is missing/not found.
|
|
3334
3342
|
|
|
3335
3343
|
var isEveryMenuVisibilitySetToHidden = function isEveryMenuVisibilitySetToHidden(menuVisibilities, namesOfMenuVisibilities) {
|
|
3336
|
-
return _Array$isArray__default[
|
|
3344
|
+
return _Array$isArray__default["default"](namesOfMenuVisibilities) && namesOfMenuVisibilities.length > 0 && _everyInstanceProperty__default["default"](namesOfMenuVisibilities).call(namesOfMenuVisibilities, function (nameOfMenuVisibility) {
|
|
3337
3345
|
return menuVisibilities && menuVisibilities[nameOfMenuVisibility] === true;
|
|
3338
3346
|
});
|
|
3339
3347
|
};
|
|
@@ -3346,7 +3354,7 @@ var RestrictedMenuItem = function RestrictedMenuItem(props) {
|
|
|
3346
3354
|
// NOTE: Custom application are activated/deactivated while their
|
|
3347
3355
|
// visibility is not controlled via a visibiility overwrite.
|
|
3348
3356
|
if (isEveryMenuVisibilitySetToHidden(props.menuVisibilities, props.namesOfMenuVisibilities)) return null;
|
|
3349
|
-
var permissionsWrapper = _Array$isArray__default[
|
|
3357
|
+
var permissionsWrapper = _Array$isArray__default["default"](props.permissions) && props.permissions.length > 0 || _Array$isArray__default["default"](props.dataFences) && props.dataFences.length > 0 ? jsxRuntime.jsx(permissions.RestrictedByPermissions, {
|
|
3350
3358
|
permissions: props.permissions,
|
|
3351
3359
|
actionRights: props.actionRights,
|
|
3352
3360
|
dataFences: props.dataFences,
|
|
@@ -3388,7 +3396,7 @@ var getIconColor = function getIconColor(isActive, isAlternativeTheme) {
|
|
|
3388
3396
|
var getMenuVisibilitiesOfSubmenus = function getMenuVisibilitiesOfSubmenus(menu) {
|
|
3389
3397
|
var _context, _context2;
|
|
3390
3398
|
|
|
3391
|
-
return _filterInstanceProperty__default[
|
|
3399
|
+
return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = menu.submenu).call(_context2, function (submenu) {
|
|
3392
3400
|
return submenu.menuVisibility;
|
|
3393
3401
|
})).call(_context, nonNullable);
|
|
3394
3402
|
};
|
|
@@ -3400,10 +3408,10 @@ var getMenuVisibilityOfMainmenu = function getMenuVisibilityOfMainmenu(menu) {
|
|
|
3400
3408
|
var MenuLabel = function MenuLabel(props) {
|
|
3401
3409
|
var _context3;
|
|
3402
3410
|
|
|
3403
|
-
var localizedLabel = _findInstanceProperty__default[
|
|
3411
|
+
var localizedLabel = _findInstanceProperty__default["default"](_context3 = props.labelAllLocales).call(_context3, function (loc) {
|
|
3404
3412
|
var _context4;
|
|
3405
3413
|
|
|
3406
|
-
return _startsWithInstanceProperty__default[
|
|
3414
|
+
return _startsWithInstanceProperty__default["default"](_context4 = props.applicationLocale).call(_context4, loc.locale);
|
|
3407
3415
|
});
|
|
3408
3416
|
|
|
3409
3417
|
if (localizedLabel) return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
@@ -3418,20 +3426,20 @@ var MenuLabel = function MenuLabel(props) {
|
|
|
3418
3426
|
};
|
|
3419
3427
|
|
|
3420
3428
|
MenuLabel.propTypes = {
|
|
3421
|
-
labelAllLocales: _pt__default[
|
|
3422
|
-
defaultLabel: _pt__default[
|
|
3423
|
-
applicationLocale: _pt__default[
|
|
3429
|
+
labelAllLocales: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
|
|
3430
|
+
defaultLabel: _pt__default["default"].string,
|
|
3431
|
+
applicationLocale: _pt__default["default"].string.isRequired
|
|
3424
3432
|
};
|
|
3425
3433
|
|
|
3426
3434
|
var ApplicationMenu = function ApplicationMenu(props) {
|
|
3427
|
-
var _context5, _context6, _context7;
|
|
3435
|
+
var _context5, _props$menu$featureTo, _props$menu$actionRig, _props$menu$dataFence, _context6, _context7;
|
|
3428
3436
|
|
|
3429
3437
|
var isMainMenuRouteActive = Boolean(reactRouterDom.matchPath(props.location.pathname, {
|
|
3430
|
-
path: _concatInstanceProperty__default[
|
|
3438
|
+
path: _concatInstanceProperty__default["default"](_context5 = "/".concat(props.projectKey, "/")).call(_context5, props.menu.uriPath),
|
|
3431
3439
|
exact: false,
|
|
3432
3440
|
strict: false
|
|
3433
3441
|
}));
|
|
3434
|
-
var hasSubmenu = _Array$isArray__default[
|
|
3442
|
+
var hasSubmenu = _Array$isArray__default["default"](props.menu.submenu) && props.menu.submenu.length > 0;
|
|
3435
3443
|
react.useEffect(function () {
|
|
3436
3444
|
// On first render, check which menu is active for the current application and expand
|
|
3437
3445
|
// the submenu automatically unless the all navbar is collapsed or there are no submenu links.
|
|
@@ -3449,10 +3457,10 @@ var ApplicationMenu = function ApplicationMenu(props) {
|
|
|
3449
3457
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
3450
3458
|
children: [props.menu.shouldRenderDivider && jsxRuntime.jsx(MenuItemDivider, {}), jsxRuntime.jsx(RestrictedMenuItem, {
|
|
3451
3459
|
keyOfMenuItem: props.menu.key,
|
|
3452
|
-
featureToggle: props.menu.featureToggle,
|
|
3460
|
+
featureToggle: (_props$menu$featureTo = props.menu.featureToggle) !== null && _props$menu$featureTo !== void 0 ? _props$menu$featureTo : undefined,
|
|
3453
3461
|
permissions: props.menu.permissions,
|
|
3454
|
-
actionRights: props.menu.actionRights,
|
|
3455
|
-
dataFences: props.menu.dataFences,
|
|
3462
|
+
actionRights: (_props$menu$actionRig = props.menu.actionRights) !== null && _props$menu$actionRig !== void 0 ? _props$menu$actionRig : undefined,
|
|
3463
|
+
dataFences: (_props$menu$dataFence = props.menu.dataFences) !== null && _props$menu$dataFence !== void 0 ? _props$menu$dataFence : undefined,
|
|
3456
3464
|
projectPermissions: props.projectPermissions,
|
|
3457
3465
|
menuVisibilities: props.menuVisibilities,
|
|
3458
3466
|
namesOfMenuVisibilities: namesOfMenuVisibilitiesOfAllSubmenus,
|
|
@@ -3464,7 +3472,7 @@ var ApplicationMenu = function ApplicationMenu(props) {
|
|
|
3464
3472
|
onMouseEnter: props.isMenuOpen ? undefined : props.handleToggleItem,
|
|
3465
3473
|
onMouseLeave: props.isMenuOpen ? undefined : props.shouldCloseMenuFly,
|
|
3466
3474
|
children: [jsxRuntime.jsx(MenuItemLink, {
|
|
3467
|
-
linkTo: isMainMenuItemALink ? _concatInstanceProperty__default[
|
|
3475
|
+
linkTo: isMainMenuItemALink ? _concatInstanceProperty__default["default"](_context6 = "/".concat(props.projectKey, "/")).call(_context6, props.menu.uriPath) : undefined,
|
|
3468
3476
|
useFullRedirectsForLinks: props.useFullRedirectsForLinks,
|
|
3469
3477
|
onClick: props.onMenuItemClick,
|
|
3470
3478
|
children: jsxRuntime.jsxs("div", {
|
|
@@ -3491,15 +3499,15 @@ var ApplicationMenu = function ApplicationMenu(props) {
|
|
|
3491
3499
|
level: 2,
|
|
3492
3500
|
isActive: props.isActive,
|
|
3493
3501
|
isExpanded: props.isMenuOpen,
|
|
3494
|
-
children: hasSubmenu ? _mapInstanceProperty__default[
|
|
3495
|
-
var _context8, _context9;
|
|
3502
|
+
children: hasSubmenu ? _mapInstanceProperty__default["default"](_context7 = props.menu.submenu).call(_context7, function (submenu) {
|
|
3503
|
+
var _context8, _submenu$featureToggl, _submenu$actionRights, _submenu$dataFences, _context9;
|
|
3496
3504
|
|
|
3497
3505
|
return jsxRuntime.jsx(RestrictedMenuItem, {
|
|
3498
3506
|
keyOfMenuItem: submenu.key,
|
|
3499
|
-
featureToggle: submenu.featureToggle,
|
|
3507
|
+
featureToggle: (_submenu$featureToggl = submenu.featureToggle) !== null && _submenu$featureToggl !== void 0 ? _submenu$featureToggl : undefined,
|
|
3500
3508
|
permissions: submenu.permissions,
|
|
3501
|
-
actionRights: submenu.actionRights,
|
|
3502
|
-
dataFences: submenu.dataFences,
|
|
3509
|
+
actionRights: (_submenu$actionRights = submenu.actionRights) !== null && _submenu$actionRights !== void 0 ? _submenu$actionRights : undefined,
|
|
3510
|
+
dataFences: (_submenu$dataFences = submenu.dataFences) !== null && _submenu$dataFences !== void 0 ? _submenu$dataFences : undefined,
|
|
3503
3511
|
projectPermissions: props.projectPermissions,
|
|
3504
3512
|
menuVisibilities: props.menuVisibilities,
|
|
3505
3513
|
namesOfMenuVisibilities: submenu.menuVisibility ? [submenu.menuVisibility] : undefined,
|
|
@@ -3508,18 +3516,19 @@ var ApplicationMenu = function ApplicationMenu(props) {
|
|
|
3508
3516
|
children: jsxRuntime.jsx("div", {
|
|
3509
3517
|
className: styles.text,
|
|
3510
3518
|
children: jsxRuntime.jsx(MenuItemLink, {
|
|
3511
|
-
linkTo: _concatInstanceProperty__default[
|
|
3519
|
+
linkTo: _concatInstanceProperty__default["default"](_context9 = "/".concat(props.projectKey, "/")).call(_context9, submenu.uriPath),
|
|
3512
3520
|
exactMatch: true,
|
|
3513
3521
|
useFullRedirectsForLinks: props.useFullRedirectsForLinks,
|
|
3514
3522
|
onClick: props.onMenuItemClick,
|
|
3515
3523
|
children: jsxRuntime.jsx(MenuLabel, {
|
|
3516
3524
|
labelAllLocales: submenu.labelAllLocales,
|
|
3525
|
+
defaultLabel: submenu.defaultLabel,
|
|
3517
3526
|
applicationLocale: props.applicationLocale
|
|
3518
3527
|
})
|
|
3519
3528
|
})
|
|
3520
3529
|
})
|
|
3521
3530
|
})
|
|
3522
|
-
}, _concatInstanceProperty__default[
|
|
3531
|
+
}, _concatInstanceProperty__default["default"](_context8 = "".concat(props.menu.key, "-submenu-")).call(_context8, submenu.key));
|
|
3523
3532
|
}) : null
|
|
3524
3533
|
})]
|
|
3525
3534
|
})
|
|
@@ -3582,7 +3591,7 @@ var NavBar = function NavBar(props) {
|
|
|
3582
3591
|
level: 1,
|
|
3583
3592
|
children: [jsxRuntime.jsx("div", {
|
|
3584
3593
|
className: styles['scrollable-menu'],
|
|
3585
|
-
children: _mapInstanceProperty__default[
|
|
3594
|
+
children: _mapInstanceProperty__default["default"](allApplicationNavbarMenu).call(allApplicationNavbarMenu, function (menu) {
|
|
3586
3595
|
var menuType = 'scrollable';
|
|
3587
3596
|
var itemIndex = "".concat(menuType, "-").concat(menu.key);
|
|
3588
3597
|
return jsxRuntime.jsx(ApplicationMenu, {
|
|
@@ -3654,7 +3663,7 @@ var LoadingNavBar = function LoadingNavBar() {
|
|
|
3654
3663
|
id: "main",
|
|
3655
3664
|
level: 1,
|
|
3656
3665
|
children: jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
3657
|
-
children: _mapInstanceProperty__default[
|
|
3666
|
+
children: _mapInstanceProperty__default["default"](_context10 = _Array$from__default["default"](new Array(5))).call(_context10, function (_, index) {
|
|
3658
3667
|
return jsxRuntime.jsx(MenuItem, {
|
|
3659
3668
|
hasSubmenu: false,
|
|
3660
3669
|
isMenuOpen: false,
|
|
@@ -3686,7 +3695,7 @@ var trackingEvents = {
|
|
|
3686
3695
|
}
|
|
3687
3696
|
};
|
|
3688
3697
|
|
|
3689
|
-
var ButlerContainer = _styled__default[
|
|
3698
|
+
var ButlerContainer = _styled__default["default"]("div", {
|
|
3690
3699
|
target: "e1fuwyk10"
|
|
3691
3700
|
} )({
|
|
3692
3701
|
name: "xvk698",
|
|
@@ -3703,7 +3712,7 @@ var pimIndexerStates = {
|
|
|
3703
3712
|
};
|
|
3704
3713
|
|
|
3705
3714
|
var QuickAccess = /*#__PURE__*/react.lazy(function () {
|
|
3706
|
-
return Promise.resolve().then(function () { return require('./quick-access-
|
|
3715
|
+
return Promise.resolve().then(function () { return require('./quick-access-592bdd5b.cjs.prod.js'
|
|
3707
3716
|
/* webpackChunkName: "quick-access" */
|
|
3708
3717
|
); });
|
|
3709
3718
|
});
|
|
@@ -3878,9 +3887,9 @@ var RedirectToLogin = function RedirectToLogin() {
|
|
|
3878
3887
|
|
|
3879
3888
|
RedirectToLogin.displayName = 'RedirectToLogin';
|
|
3880
3889
|
|
|
3881
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
3890
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
3882
3891
|
|
|
3883
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
3892
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
3884
3893
|
|
|
3885
3894
|
// When the application redirects to this route, we always force a hard redirect
|
|
3886
3895
|
// to the logout route of the authentication service.
|
|
@@ -3911,30 +3920,30 @@ var RedirectToLogout = function RedirectToLogout(props) {
|
|
|
3911
3920
|
});
|
|
3912
3921
|
};
|
|
3913
3922
|
|
|
3914
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
3923
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
3915
3924
|
|
|
3916
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
3925
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
3917
3926
|
|
|
3918
3927
|
/**
|
|
3919
3928
|
* This component is rendered whenever the user is considered "authenticated"
|
|
3920
3929
|
* and contains the "restricted" application part.
|
|
3921
3930
|
*/
|
|
3922
3931
|
var getHasUnauthorizedError = function getHasUnauthorizedError(graphQLErrors) {
|
|
3923
|
-
return _findInstanceProperty__default[
|
|
3932
|
+
return _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, function (gqlError) {
|
|
3924
3933
|
return gqlError.extensions && gqlError.extensions.code && gqlError.extensions.code === 'UNAUTHENTICATED';
|
|
3925
3934
|
});
|
|
3926
3935
|
};
|
|
3927
3936
|
|
|
3928
3937
|
var getHasUserBeenDeletedError = function getHasUserBeenDeletedError(graphQLErrors) {
|
|
3929
|
-
return _findInstanceProperty__default[
|
|
3938
|
+
return _findInstanceProperty__default["default"](graphQLErrors).call(graphQLErrors, function (gqlError) {
|
|
3930
3939
|
var _context;
|
|
3931
3940
|
|
|
3932
3941
|
return gqlError.message && // NOTE: The CTP API does not provide an error code in this case.
|
|
3933
|
-
_includesInstanceProperty__default[
|
|
3942
|
+
_includesInstanceProperty__default["default"](_context = gqlError.message).call(_context, 'was not found.');
|
|
3934
3943
|
});
|
|
3935
3944
|
};
|
|
3936
3945
|
|
|
3937
|
-
var MainContainer = _styled__default[
|
|
3946
|
+
var MainContainer = _styled__default["default"]("main", {
|
|
3938
3947
|
target: "e1kyr09u0"
|
|
3939
3948
|
} )({
|
|
3940
3949
|
name: "1rdshd",
|
|
@@ -3984,7 +3993,7 @@ var RestrictedApplication = function RestrictedApplication(props) {
|
|
|
3984
3993
|
|
|
3985
3994
|
if (error) {
|
|
3986
3995
|
// In case there is an unauthorized error, we redirect to the login page
|
|
3987
|
-
if (error.graphQLErrors && _Array$isArray__default[
|
|
3996
|
+
if (error.graphQLErrors && _Array$isArray__default["default"](error.graphQLErrors)) {
|
|
3988
3997
|
var hasUnauthorizedError = getHasUnauthorizedError(error.graphQLErrors);
|
|
3989
3998
|
var hasUserBeenDeletedError = getHasUserBeenDeletedError(error.graphQLErrors);
|
|
3990
3999
|
|
|
@@ -4021,9 +4030,11 @@ var RestrictedApplication = function RestrictedApplication(props) {
|
|
|
4021
4030
|
user: user,
|
|
4022
4031
|
environment: applicationEnvironment,
|
|
4023
4032
|
children: jsxRuntime.jsx(i18n.AsyncLocaleData, {
|
|
4024
|
-
locale: user
|
|
4033
|
+
locale: user === null || user === void 0 ? void 0 : user.language,
|
|
4025
4034
|
applicationMessages: props.applicationMessages,
|
|
4026
4035
|
children: function children(_ref9) {
|
|
4036
|
+
var _user$businessRole;
|
|
4037
|
+
|
|
4027
4038
|
var isLoadingLocaleData = _ref9.isLoading,
|
|
4028
4039
|
locale = _ref9.locale,
|
|
4029
4040
|
messages = _ref9.messages;
|
|
@@ -4041,13 +4052,13 @@ var RestrictedApplication = function RestrictedApplication(props) {
|
|
|
4041
4052
|
defaultFlags: props.defaultFeatureFlags,
|
|
4042
4053
|
children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4043
4054
|
children: [jsxRuntime.jsx(VersionTracker, {}), jsxRuntime.jsx(applicationEntryPoint.RequestsInFlightLoader, {}), jsxRuntime.jsx(sentry.SentryUserTracker, {
|
|
4044
|
-
user: user
|
|
4055
|
+
user: user !== null && user !== void 0 ? user : undefined
|
|
4045
4056
|
}), jsxRuntime.jsx(GtmUserTracker, {
|
|
4046
4057
|
user: user
|
|
4047
4058
|
}), jsxRuntime.jsx(GtmApplicationTracker, {
|
|
4048
4059
|
applicationName: applicationEnvironment.applicationName,
|
|
4049
4060
|
projectKey: projectKeyFromUrl,
|
|
4050
|
-
userBusinessRole: user === null || user === void 0 ? void 0 : user.businessRole
|
|
4061
|
+
userBusinessRole: (_user$businessRole = user === null || user === void 0 ? void 0 : user.businessRole) !== null && _user$businessRole !== void 0 ? _user$businessRole : undefined
|
|
4051
4062
|
}), jsxRuntime.jsxs("div", {
|
|
4052
4063
|
role: "application-layout",
|
|
4053
4064
|
css: _ref6,
|
|
@@ -4172,7 +4183,9 @@ var RestrictedApplication = function RestrictedApplication(props) {
|
|
|
4172
4183
|
exact: true,
|
|
4173
4184
|
path: "/",
|
|
4174
4185
|
render: function render() {
|
|
4175
|
-
var
|
|
4186
|
+
var _user$defaultProjectK;
|
|
4187
|
+
|
|
4188
|
+
var previousProjectKey = getPreviousProjectKey((_user$defaultProjectK = user === null || user === void 0 ? void 0 : user.defaultProjectKey) !== null && _user$defaultProjectK !== void 0 ? _user$defaultProjectK : undefined);
|
|
4176
4189
|
/**
|
|
4177
4190
|
* NOTE:
|
|
4178
4191
|
* Given the user has not been loaded a loading spinner is shown.
|
|
@@ -4306,10 +4319,10 @@ var InjectReducers = function InjectReducers(props) {
|
|
|
4306
4319
|
};
|
|
4307
4320
|
|
|
4308
4321
|
InjectReducers.propTypes = {
|
|
4309
|
-
id: _pt__default[
|
|
4310
|
-
reducers: _pt__default[
|
|
4311
|
-
shouldCleanUpOnUnmount: _pt__default[
|
|
4312
|
-
children: _pt__default[
|
|
4322
|
+
id: _pt__default["default"].string.isRequired,
|
|
4323
|
+
reducers: _pt__default["default"].any.isRequired,
|
|
4324
|
+
shouldCleanUpOnUnmount: _pt__default["default"].bool.isRequired,
|
|
4325
|
+
children: _pt__default["default"].node.isRequired
|
|
4313
4326
|
};
|
|
4314
4327
|
InjectReducers.displayName = 'InjectReducers';
|
|
4315
4328
|
InjectReducers.defaultProps = defaultProps;
|
|
@@ -4322,7 +4335,7 @@ sentry.boot();
|
|
|
4322
4335
|
var makeErrorToCapture = function makeErrorToCapture(error) {
|
|
4323
4336
|
if (error instanceof Error) return error;
|
|
4324
4337
|
if (error instanceof ErrorEvent) return new Error(error.message);
|
|
4325
|
-
return new Error(_JSON$stringify__default[
|
|
4338
|
+
return new Error(_JSON$stringify__default["default"](error.reason || 'Unhandled rejection without a reason'));
|
|
4326
4339
|
};
|
|
4327
4340
|
|
|
4328
4341
|
var getErrorMessage = function getErrorMessage(error) {
|
|
@@ -4333,7 +4346,7 @@ var getErrorMessage = function getErrorMessage(error) {
|
|
|
4333
4346
|
|
|
4334
4347
|
var shouldErrorBeTracked = function shouldErrorBeTracked(error) {
|
|
4335
4348
|
var errorMessage = getErrorMessage(error);
|
|
4336
|
-
return !_someInstanceProperty__default[
|
|
4349
|
+
return !_someInstanceProperty__default["default"](errorMessageIgnoreList).call(errorMessageIgnoreList, function (match) {
|
|
4337
4350
|
return match.test(errorMessage);
|
|
4338
4351
|
});
|
|
4339
4352
|
};
|