@commercetools-frontend/application-shell 27.9.0 → 27.9.1
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-c87294b0.cjs.dev.js → application-entry-point-18d8fba0.cjs.dev.js} +7 -4
- package/dist/{application-entry-point-10a5e1a5.esm.js → application-entry-point-1b23fb6b.esm.js} +6 -4
- package/dist/{application-entry-point-8c4b8e53.cjs.prod.js → application-entry-point-74a06151.cjs.prod.js} +4 -3
- package/dist/{application-shell-splitter-dbae9dfc.esm.js → application-shell-splitter-2c38991b.esm.js} +2 -1
- package/dist/{application-shell-splitter-e87a060f.cjs.dev.js → application-shell-splitter-a527378f.cjs.dev.js} +2 -1
- package/dist/{application-shell-splitter-62fabf2c.cjs.prod.js → application-shell-splitter-b560f8be.cjs.prod.js} +2 -1
- package/dist/commercetools-frontend-application-shell.cjs.dev.js +5 -4
- package/dist/commercetools-frontend-application-shell.cjs.prod.js +5 -4
- package/dist/commercetools-frontend-application-shell.esm.js +5 -4
- package/dist/{custom-view-dev-host-a506643d.cjs.dev.js → custom-view-dev-host-61a6875f.cjs.dev.js} +15 -10
- package/dist/{custom-view-dev-host-48d2bc48.cjs.prod.js → custom-view-dev-host-6802db5c.cjs.prod.js} +15 -10
- package/dist/{custom-view-dev-host-856878ae.esm.js → custom-view-dev-host-b47bb9bc.esm.js} +14 -10
- package/dist/declarations/src/components/setup-flop-flip-provider/setup-flop-flip-provider.d.ts +15 -0
- package/dist/{index-614accc4.cjs.dev.js → index-25183095.cjs.dev.js} +2 -2
- package/dist/{index-c4358b17.cjs.dev.js → index-419ebe37.cjs.dev.js} +145 -113
- package/dist/{index-245e2980.cjs.prod.js → index-52c724ed.cjs.prod.js} +2 -2
- package/dist/{index-86039df7.esm.js → index-5aaa33bb.esm.js} +2 -2
- package/dist/{index-2e1b3109.cjs.prod.js → index-ae34310f.cjs.prod.js} +145 -113
- package/dist/{index-8202b8ac.esm.js → index-f440fbdc.esm.js} +144 -113
- package/dist/{navbar-9eb6c972.esm.js → navbar-5290186f.esm.js} +104 -89
- package/dist/{navbar-f4b2552d.cjs.prod.js → navbar-9a1054eb.cjs.prod.js} +105 -89
- package/dist/{navbar-59504b51.cjs.dev.js → navbar-f2740795.cjs.dev.js} +105 -89
- package/dist/oidc-349b18df.cjs.dev.js +119 -0
- package/dist/oidc-3ad2f42d.cjs.prod.js +119 -0
- package/dist/{oidc-callback-51b6c2c0.esm.js → oidc-callback-a6d80251.esm.js} +11 -9
- package/dist/{oidc-callback-d8a01652.cjs.dev.js → oidc-callback-b47c8b7e.cjs.dev.js} +11 -10
- package/dist/{oidc-callback-cd36b191.cjs.prod.js → oidc-callback-e6029355.cjs.prod.js} +11 -10
- package/dist/oidc-ddd328fa.esm.js +103 -0
- package/dist/{project-container-289c1867.cjs.dev.js → project-container-2a79f361.cjs.dev.js} +14 -11
- package/dist/{project-container-cba9e7cb.esm.js → project-container-ad07cd24.esm.js} +14 -11
- package/dist/{project-container-ebc714c6.cjs.prod.js → project-container-f3e06769.cjs.prod.js} +14 -11
- package/dist/{project-expired-8a005b06.cjs.prod.js → project-expired-a9741dd7.cjs.prod.js} +6 -5
- package/dist/{project-expired-149df88a.cjs.dev.js → project-expired-ce1a7855.cjs.dev.js} +6 -5
- package/dist/{project-expired-bcaaefdd.esm.js → project-expired-dba360dc.esm.js} +6 -5
- package/dist/{project-not-found-5289edf3.cjs.prod.js → project-not-found-0dd37054.cjs.prod.js} +5 -4
- package/dist/{project-not-found-3d54a0a9.cjs.dev.js → project-not-found-43912d11.cjs.dev.js} +5 -4
- package/dist/{project-not-found-a816829d.esm.js → project-not-found-65aed038.esm.js} +5 -4
- package/dist/{project-not-initialized-6f782586.esm.js → project-not-initialized-3eb732fc.esm.js} +6 -5
- package/dist/{project-not-initialized-e3aa75cc.cjs.prod.js → project-not-initialized-4fecb9ed.cjs.prod.js} +6 -5
- package/dist/{project-not-initialized-f0debef3.cjs.dev.js → project-not-initialized-52f39003.cjs.dev.js} +6 -5
- package/dist/{project-suspended-d7af8cd7.cjs.prod.js → project-suspended-5b1f484a.cjs.prod.js} +5 -4
- package/dist/{project-suspended-596a4e02.esm.js → project-suspended-663d9875.esm.js} +5 -4
- package/dist/{project-suspended-dbb8a967.cjs.dev.js → project-suspended-b3b9d9d4.cjs.dev.js} +5 -4
- package/dist/{redirect-to-login-6675c038.cjs.prod.js → redirect-to-login-0596ba25.cjs.prod.js} +13 -10
- package/dist/{redirect-to-login-8a61864c.cjs.dev.js → redirect-to-login-6c3b5cc4.cjs.dev.js} +13 -10
- package/dist/{redirect-to-login-b79d0910.esm.js → redirect-to-login-c5629017.esm.js} +13 -10
- package/dist/{redirect-to-logout-29e049ae.cjs.prod.js → redirect-to-logout-7d335145.cjs.prod.js} +8 -6
- package/dist/{redirect-to-logout-6b536a7a.cjs.dev.js → redirect-to-logout-8b0b2e2c.cjs.dev.js} +8 -6
- package/dist/{redirect-to-logout-e3a515f4.esm.js → redirect-to-logout-9994a431.esm.js} +8 -6
- package/dist/{redirector-72ccfbc2.cjs.dev.js → redirector-0efdd994.cjs.dev.js} +4 -3
- package/dist/{redirector-d856975f.esm.js → redirector-656c6ee7.esm.js} +4 -3
- package/dist/{redirector-0c72d0a4.cjs.prod.js → redirector-c858d578.cjs.prod.js} +4 -3
- package/dist/{requests-in-flight-loader-ae82cf37.cjs.dev.js → requests-in-flight-loader-497fc4b0.cjs.dev.js} +5 -4
- package/dist/{requests-in-flight-loader-529103d5.cjs.prod.js → requests-in-flight-loader-52e3eb92.cjs.prod.js} +5 -4
- package/dist/{requests-in-flight-loader-22c2de59.esm.js → requests-in-flight-loader-c56604f2.esm.js} +5 -4
- package/dist/{service-page-project-switcher-c0306e45.esm.js → service-page-project-switcher-8942f997.esm.js} +1 -1
- package/dist/{service-page-project-switcher-e339dd8e.cjs.dev.js → service-page-project-switcher-d98264a0.cjs.dev.js} +1 -1
- package/dist/{service-page-project-switcher-baa2016f.cjs.prod.js → service-page-project-switcher-f332cda6.cjs.prod.js} +1 -1
- package/dist/{use-applications-menu-8984efa1.cjs.prod.js → use-applications-menu-21c7420b.cjs.prod.js} +47 -39
- package/dist/{use-applications-menu-bd718ac8.cjs.dev.js → use-applications-menu-7a85c3ee.cjs.dev.js} +47 -39
- package/dist/{use-applications-menu-bc2b9a66.esm.js → use-applications-menu-8ff2d130.esm.js} +44 -37
- package/dist/{user-settings-menu-b8359b8b.cjs.dev.js → user-settings-menu-0f655cb1.cjs.dev.js} +30 -23
- package/dist/{user-settings-menu-a1d0ba8e.esm.js → user-settings-menu-bcb676d5.esm.js} +30 -23
- package/dist/{user-settings-menu-2235add2.cjs.prod.js → user-settings-menu-c52bf93a.cjs.prod.js} +30 -23
- package/package.json +53 -53
- package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.dev.js +2 -1
- package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.prod.js +2 -1
- package/ssr/dist/commercetools-frontend-application-shell-ssr.esm.js +2 -1
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.dev.js +35 -33
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.prod.js +35 -33
- package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js +29 -28
- package/dist/oidc-0cba182b.cjs.prod.js +0 -102
- package/dist/oidc-b9e7297c.cjs.dev.js +0 -102
- package/dist/oidc-cb344fae.esm.js +0 -87
|
@@ -26,9 +26,10 @@ import Avatar from '@commercetools-uikit/avatar';
|
|
|
26
26
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
27
27
|
import Spacings from '@commercetools-uikit/spacings';
|
|
28
28
|
import Text from '@commercetools-uikit/text';
|
|
29
|
-
import { D as DIMENSIONS } from './oidc-
|
|
30
|
-
import { u as useApplicationsMenu } from './use-applications-menu-
|
|
29
|
+
import { D as DIMENSIONS } from './oidc-ddd328fa.esm.js';
|
|
30
|
+
import { u as useApplicationsMenu } from './use-applications-menu-8ff2d130.esm.js';
|
|
31
31
|
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
32
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
32
33
|
import '@apollo/client';
|
|
33
34
|
import '@commercetools-frontend/l10n';
|
|
34
35
|
|
|
@@ -98,22 +99,24 @@ const UserAvatar = props => {
|
|
|
98
99
|
};
|
|
99
100
|
UserAvatar.displayName = 'UserAvatar';
|
|
100
101
|
function getIsFocusedElementInMenu() {
|
|
101
|
-
|
|
102
|
+
var _document$activeEleme;
|
|
103
|
+
return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
|
|
102
104
|
}
|
|
103
105
|
const stateReducer = (state, changes) => {
|
|
106
|
+
var _ref3;
|
|
104
107
|
switch (changes.type) {
|
|
105
108
|
// So in case the user wants to navigate with the tab button
|
|
106
109
|
// we need to make sure that the menu does not close
|
|
107
110
|
case Downshift.stateChangeTypes.blurButton:
|
|
108
111
|
return _objectSpread(_objectSpread({}, changes), {}, {
|
|
109
|
-
isOpen: (state.isOpen && getIsFocusedElementInMenu())
|
|
112
|
+
isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
|
|
110
113
|
});
|
|
111
114
|
default:
|
|
112
115
|
return changes;
|
|
113
116
|
}
|
|
114
117
|
};
|
|
115
118
|
function isLongLivedFlag(flag) {
|
|
116
|
-
return typeof flag
|
|
119
|
+
return typeof (flag === null || flag === void 0 ? void 0 : flag.value) === 'boolean';
|
|
117
120
|
}
|
|
118
121
|
const OptionalFeatureToggle = props => {
|
|
119
122
|
const flagVariation = useFlagVariation(props.featureToggle);
|
|
@@ -167,13 +170,14 @@ const UserSettingsMenuBody = props => {
|
|
|
167
170
|
// Focus on a menu item when it's opened through keyboard
|
|
168
171
|
const menuElementRef = useRef(null);
|
|
169
172
|
useEffect(() => {
|
|
170
|
-
|
|
173
|
+
var _menuElementRef$curre;
|
|
174
|
+
(_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
|
|
171
175
|
}, []);
|
|
172
176
|
const environment = useApplicationContext(context => context.environment);
|
|
173
177
|
const applicationsAppBarMenu = useApplicationsMenu('appBar', {
|
|
174
178
|
environment
|
|
175
179
|
});
|
|
176
|
-
const accountMenuItems = applicationsAppBarMenu
|
|
180
|
+
const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
|
|
177
181
|
return jsx("div", {
|
|
178
182
|
onKeyDown: event => {
|
|
179
183
|
if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
|
|
@@ -205,27 +209,30 @@ const UserSettingsMenuBody = props => {
|
|
|
205
209
|
})
|
|
206
210
|
}), accountMenuItems.length > 0 ? jsx(MenuItem, {
|
|
207
211
|
hasDivider: true
|
|
208
|
-
}) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu =>
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
212
|
+
}) : null, _mapInstanceProperty(accountMenuItems).call(accountMenuItems, menu => {
|
|
213
|
+
var _menu$featureToggle;
|
|
214
|
+
return jsx(OptionalFeatureToggle, {
|
|
215
|
+
featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
|
|
216
|
+
children: jsx(Link, {
|
|
217
|
+
css: getUserSettingsMenuItemLinkStyles(),
|
|
218
|
+
to: "/account/".concat(menu.uriPath),
|
|
219
|
+
onClick: () => props.downshiftProps.toggleMenu(),
|
|
220
|
+
"data-user-settings-menu": true,
|
|
221
|
+
ref: menuElementRef,
|
|
222
|
+
children: jsx(MenuItem, {
|
|
223
|
+
children: jsx(MenuItemLabel, {
|
|
224
|
+
children: jsx(Text.Body, {
|
|
225
|
+
children: renderLabel(menu, props.language)
|
|
226
|
+
})
|
|
220
227
|
})
|
|
221
228
|
})
|
|
222
229
|
})
|
|
223
|
-
})
|
|
224
|
-
}
|
|
230
|
+
}, menu.key);
|
|
231
|
+
}), jsx(MenuItem, {
|
|
225
232
|
hasDivider: true
|
|
226
233
|
}), jsx("a", {
|
|
227
234
|
css: getUserSettingsMenuItemLinkStyles(),
|
|
228
|
-
href:
|
|
235
|
+
href: "https://commercetools.com/privacy#suppliers",
|
|
229
236
|
target: "_blank",
|
|
230
237
|
rel: "noopener noreferrer",
|
|
231
238
|
onClick: () => props.downshiftProps.toggleMenu(),
|
|
@@ -259,7 +266,7 @@ const UserSettingsMenuBody = props => {
|
|
|
259
266
|
// NOTE: we want to redirect to a new page so that the
|
|
260
267
|
// server can remove things like cookie for access token.
|
|
261
268
|
,
|
|
262
|
-
href:
|
|
269
|
+
href: "/logout?reason=".concat(LOGOUT_REASONS.USER),
|
|
263
270
|
"data-test": "logout-button",
|
|
264
271
|
"data-user-settings-menu": true,
|
|
265
272
|
children: [jsx(MenuItem, {
|
package/dist/{user-settings-menu-2235add2.cjs.prod.js → user-settings-menu-c52bf93a.cjs.prod.js}
RENAMED
|
@@ -28,9 +28,10 @@ var Avatar = require('@commercetools-uikit/avatar');
|
|
|
28
28
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
29
29
|
var Spacings = require('@commercetools-uikit/spacings');
|
|
30
30
|
var Text = require('@commercetools-uikit/text');
|
|
31
|
-
var oidc = require('./oidc-
|
|
32
|
-
var useApplicationsMenu = require('./use-applications-menu-
|
|
31
|
+
var oidc = require('./oidc-3ad2f42d.cjs.prod.js');
|
|
32
|
+
var useApplicationsMenu = require('./use-applications-menu-21c7420b.cjs.prod.js');
|
|
33
33
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
34
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
34
35
|
require('@apollo/client');
|
|
35
36
|
require('@commercetools-frontend/l10n');
|
|
36
37
|
|
|
@@ -120,22 +121,24 @@ const UserAvatar = props => {
|
|
|
120
121
|
};
|
|
121
122
|
UserAvatar.displayName = 'UserAvatar';
|
|
122
123
|
function getIsFocusedElementInMenu() {
|
|
123
|
-
|
|
124
|
+
var _document$activeEleme;
|
|
125
|
+
return Boolean((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('data-user-settings-menu'));
|
|
124
126
|
}
|
|
125
127
|
const stateReducer = (state, changes) => {
|
|
128
|
+
var _ref3;
|
|
126
129
|
switch (changes.type) {
|
|
127
130
|
// So in case the user wants to navigate with the tab button
|
|
128
131
|
// we need to make sure that the menu does not close
|
|
129
132
|
case Downshift__default["default"].stateChangeTypes.blurButton:
|
|
130
133
|
return _objectSpread(_objectSpread({}, changes), {}, {
|
|
131
|
-
isOpen: (state.isOpen && getIsFocusedElementInMenu())
|
|
134
|
+
isOpen: (_ref3 = state.isOpen && getIsFocusedElementInMenu()) !== null && _ref3 !== void 0 ? _ref3 : false
|
|
132
135
|
});
|
|
133
136
|
default:
|
|
134
137
|
return changes;
|
|
135
138
|
}
|
|
136
139
|
};
|
|
137
140
|
function isLongLivedFlag(flag) {
|
|
138
|
-
return typeof flag
|
|
141
|
+
return typeof (flag === null || flag === void 0 ? void 0 : flag.value) === 'boolean';
|
|
139
142
|
}
|
|
140
143
|
const OptionalFeatureToggle = props => {
|
|
141
144
|
const flagVariation = reactBroadcast.useFlagVariation(props.featureToggle);
|
|
@@ -182,13 +185,14 @@ const UserSettingsMenuBody = props => {
|
|
|
182
185
|
// Focus on a menu item when it's opened through keyboard
|
|
183
186
|
const menuElementRef = react.useRef(null);
|
|
184
187
|
react.useEffect(() => {
|
|
185
|
-
|
|
188
|
+
var _menuElementRef$curre;
|
|
189
|
+
(_menuElementRef$curre = menuElementRef.current) === null || _menuElementRef$curre === void 0 || _menuElementRef$curre.focus();
|
|
186
190
|
}, []);
|
|
187
191
|
const environment = applicationShellConnectors.useApplicationContext(context => context.environment);
|
|
188
192
|
const applicationsAppBarMenu = useApplicationsMenu.useApplicationsMenu('appBar', {
|
|
189
193
|
environment
|
|
190
194
|
});
|
|
191
|
-
const accountMenuItems = applicationsAppBarMenu
|
|
195
|
+
const accountMenuItems = applicationsAppBarMenu !== null && applicationsAppBarMenu !== void 0 ? applicationsAppBarMenu : [];
|
|
192
196
|
return jsxRuntime.jsx("div", {
|
|
193
197
|
onKeyDown: event => {
|
|
194
198
|
if (event.key === 'Esc' || event.key === 'Tab' && !getIsFocusedElementInMenu()) {
|
|
@@ -220,27 +224,30 @@ const UserSettingsMenuBody = props => {
|
|
|
220
224
|
})
|
|
221
225
|
}), accountMenuItems.length > 0 ? jsxRuntime.jsx(MenuItem, {
|
|
222
226
|
hasDivider: true
|
|
223
|
-
}) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu =>
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
227
|
+
}) : null, _mapInstanceProperty__default["default"](accountMenuItems).call(accountMenuItems, menu => {
|
|
228
|
+
var _menu$featureToggle;
|
|
229
|
+
return jsxRuntime.jsx(OptionalFeatureToggle, {
|
|
230
|
+
featureToggle: (_menu$featureToggle = menu.featureToggle) !== null && _menu$featureToggle !== void 0 ? _menu$featureToggle : undefined,
|
|
231
|
+
children: jsxRuntime.jsx(reactRouterDom.Link, {
|
|
232
|
+
css: getUserSettingsMenuItemLinkStyles(),
|
|
233
|
+
to: "/account/".concat(menu.uriPath),
|
|
234
|
+
onClick: () => props.downshiftProps.toggleMenu(),
|
|
235
|
+
"data-user-settings-menu": true,
|
|
236
|
+
ref: menuElementRef,
|
|
237
|
+
children: jsxRuntime.jsx(MenuItem, {
|
|
238
|
+
children: jsxRuntime.jsx(MenuItemLabel, {
|
|
239
|
+
children: jsxRuntime.jsx(Text__default["default"].Body, {
|
|
240
|
+
children: renderLabel(menu, props.language)
|
|
241
|
+
})
|
|
235
242
|
})
|
|
236
243
|
})
|
|
237
244
|
})
|
|
238
|
-
})
|
|
239
|
-
}
|
|
245
|
+
}, menu.key);
|
|
246
|
+
}), jsxRuntime.jsx(MenuItem, {
|
|
240
247
|
hasDivider: true
|
|
241
248
|
}), jsxRuntime.jsx("a", {
|
|
242
249
|
css: getUserSettingsMenuItemLinkStyles(),
|
|
243
|
-
href:
|
|
250
|
+
href: "https://commercetools.com/privacy#suppliers",
|
|
244
251
|
target: "_blank",
|
|
245
252
|
rel: "noopener noreferrer",
|
|
246
253
|
onClick: () => props.downshiftProps.toggleMenu(),
|
|
@@ -274,7 +281,7 @@ const UserSettingsMenuBody = props => {
|
|
|
274
281
|
// NOTE: we want to redirect to a new page so that the
|
|
275
282
|
// server can remove things like cookie for access token.
|
|
276
283
|
,
|
|
277
|
-
href:
|
|
284
|
+
href: "/logout?reason=".concat(constants.LOGOUT_REASONS.USER),
|
|
278
285
|
"data-test": "logout-button",
|
|
279
286
|
"data-user-settings-menu": true,
|
|
280
287
|
children: [jsxRuntime.jsx(MenuItem, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/application-shell",
|
|
3
|
-
"version": "27.9.
|
|
3
|
+
"version": "27.9.1",
|
|
4
4
|
"description": "React component to bootstrap the general MC application logic",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -39,91 +39,91 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@babel/runtime": "^7.22.15",
|
|
41
41
|
"@babel/runtime-corejs3": "^7.22.15",
|
|
42
|
-
"@commercetools-uikit/accessible-hidden": "^20.
|
|
43
|
-
"@commercetools-uikit/avatar": "^20.
|
|
44
|
-
"@commercetools-uikit/card": "^20.
|
|
45
|
-
"@commercetools-uikit/constraints": "^20.
|
|
46
|
-
"@commercetools-uikit/design-system": "^20.
|
|
47
|
-
"@commercetools-uikit/flat-button": "^20.
|
|
48
|
-
"@commercetools-uikit/icon-button": "^20.
|
|
49
|
-
"@commercetools-uikit/icons": "^20.
|
|
50
|
-
"@commercetools-uikit/loading-spinner": "^20.
|
|
51
|
-
"@commercetools-uikit/notifications": "^20.
|
|
52
|
-
"@commercetools-uikit/primary-button": "^20.
|
|
53
|
-
"@commercetools-uikit/secondary-button": "^20.
|
|
54
|
-
"@commercetools-uikit/select-input": "^20.
|
|
55
|
-
"@commercetools-uikit/spacings": "^20.
|
|
56
|
-
"@commercetools-uikit/text": "^20.
|
|
42
|
+
"@commercetools-uikit/accessible-hidden": "^20.6.7",
|
|
43
|
+
"@commercetools-uikit/avatar": "^20.6.7",
|
|
44
|
+
"@commercetools-uikit/card": "^20.6.7",
|
|
45
|
+
"@commercetools-uikit/constraints": "^20.6.7",
|
|
46
|
+
"@commercetools-uikit/design-system": "^20.6.7",
|
|
47
|
+
"@commercetools-uikit/flat-button": "^20.6.7",
|
|
48
|
+
"@commercetools-uikit/icon-button": "^20.6.7",
|
|
49
|
+
"@commercetools-uikit/icons": "^20.6.7",
|
|
50
|
+
"@commercetools-uikit/loading-spinner": "^20.6.7",
|
|
51
|
+
"@commercetools-uikit/notifications": "^20.6.7",
|
|
52
|
+
"@commercetools-uikit/primary-button": "^20.6.7",
|
|
53
|
+
"@commercetools-uikit/secondary-button": "^20.6.7",
|
|
54
|
+
"@commercetools-uikit/select-input": "^20.6.7",
|
|
55
|
+
"@commercetools-uikit/spacings": "^20.6.7",
|
|
56
|
+
"@commercetools-uikit/text": "^20.6.7",
|
|
57
57
|
"@emotion/react": "^11.14.0",
|
|
58
58
|
"@emotion/styled": "^11.14.0",
|
|
59
|
-
"@flopflip/combine-adapters": "15.1.
|
|
60
|
-
"@flopflip/http-adapter": "15.1.
|
|
61
|
-
"@flopflip/launchdarkly-adapter": "15.1.
|
|
62
|
-
"@flopflip/memory-adapter": "15.1.
|
|
63
|
-
"@flopflip/react-broadcast": "15.1.
|
|
64
|
-
"@flopflip/types": "15.1.
|
|
65
|
-
"@reduxjs/toolkit": "2.
|
|
59
|
+
"@flopflip/combine-adapters": "15.1.11",
|
|
60
|
+
"@flopflip/http-adapter": "15.1.11",
|
|
61
|
+
"@flopflip/launchdarkly-adapter": "15.1.11",
|
|
62
|
+
"@flopflip/memory-adapter": "15.1.11",
|
|
63
|
+
"@flopflip/react-broadcast": "15.1.11",
|
|
64
|
+
"@flopflip/types": "15.1.11",
|
|
65
|
+
"@reduxjs/toolkit": "2.12.0",
|
|
66
66
|
"@types/common-tags": "^1.8.2",
|
|
67
67
|
"@types/history": "^4.7.11",
|
|
68
68
|
"@types/lodash": "^4.14.198",
|
|
69
69
|
"@types/prop-types": "^15.7.5",
|
|
70
70
|
"@types/react": "^19.0.3",
|
|
71
|
-
"@types/react-dom": "^19.
|
|
71
|
+
"@types/react-dom": "^19.2.4",
|
|
72
72
|
"@types/react-router": "^5.1.20",
|
|
73
73
|
"@types/react-router-dom": "^5.3.3",
|
|
74
74
|
"@types/redux-logger": "3.0.13",
|
|
75
75
|
"classnames": "^2.3.2",
|
|
76
76
|
"common-tags": "1.8.2",
|
|
77
77
|
"debounce-async": "0.0.2",
|
|
78
|
-
"downshift": "
|
|
79
|
-
"fuse.js": "
|
|
80
|
-
"graphql": "16.
|
|
78
|
+
"downshift": "9.4.0",
|
|
79
|
+
"fuse.js": "7.5.0",
|
|
80
|
+
"graphql": "16.14.2",
|
|
81
81
|
"history": "4.10.1",
|
|
82
82
|
"is-retina": "1.0.3",
|
|
83
|
-
"jwt-decode": "
|
|
83
|
+
"jwt-decode": "4.0.0",
|
|
84
84
|
"lodash": "4.18.1",
|
|
85
|
-
"memoize-one": "
|
|
85
|
+
"memoize-one": "6.0.0",
|
|
86
86
|
"moment": "^2.29.4",
|
|
87
87
|
"moment-timezone": "^0.6.0",
|
|
88
88
|
"omit-empty-es": "1.2.0",
|
|
89
89
|
"prop-types": "15.8.1",
|
|
90
|
-
"qss": "
|
|
90
|
+
"qss": "3.0.0",
|
|
91
91
|
"react-required-if": "1.0.3",
|
|
92
92
|
"react-select": "5.10.2",
|
|
93
93
|
"redux-logger": "3.0.6",
|
|
94
94
|
"redux-thunk": "3.1.0",
|
|
95
95
|
"tiny-invariant": "1.3.3",
|
|
96
|
-
"unfetch": "
|
|
97
|
-
"uuid": "14.0.
|
|
98
|
-
"@commercetools-frontend/actions-global": "^27.9.
|
|
99
|
-
"@commercetools-frontend/application-components": "^27.9.
|
|
100
|
-
"@commercetools-frontend/application-config": "^27.9.
|
|
101
|
-
"@commercetools-frontend/application-shell-connectors": "^27.9.
|
|
102
|
-
"@commercetools-frontend/assets": "^27.9.
|
|
103
|
-
"@commercetools-frontend/browser-history": "^27.9.
|
|
104
|
-
"@commercetools-frontend/constants": "^27.9.
|
|
105
|
-
"@commercetools-frontend/i18n": "^27.9.
|
|
106
|
-
"@commercetools-frontend/l10n": "^27.9.
|
|
107
|
-
"@commercetools-frontend/notifications": "^27.9.
|
|
108
|
-
"@commercetools-frontend/permissions": "^27.9.
|
|
109
|
-
"@commercetools-frontend/react-notifications": "^27.9.
|
|
110
|
-
"@commercetools-frontend/sdk": "^27.9.
|
|
111
|
-
"@commercetools-frontend/sentry": "^27.9.
|
|
112
|
-
"@commercetools-frontend/url-utils": "^27.9.
|
|
96
|
+
"unfetch": "5.0.0",
|
|
97
|
+
"uuid": "14.0.1",
|
|
98
|
+
"@commercetools-frontend/actions-global": "^27.9.1",
|
|
99
|
+
"@commercetools-frontend/application-components": "^27.9.1",
|
|
100
|
+
"@commercetools-frontend/application-config": "^27.9.1",
|
|
101
|
+
"@commercetools-frontend/application-shell-connectors": "^27.9.1",
|
|
102
|
+
"@commercetools-frontend/assets": "^27.9.1",
|
|
103
|
+
"@commercetools-frontend/browser-history": "^27.9.1",
|
|
104
|
+
"@commercetools-frontend/constants": "^27.9.1",
|
|
105
|
+
"@commercetools-frontend/i18n": "^27.9.1",
|
|
106
|
+
"@commercetools-frontend/l10n": "^27.9.1",
|
|
107
|
+
"@commercetools-frontend/notifications": "^27.9.1",
|
|
108
|
+
"@commercetools-frontend/permissions": "^27.9.1",
|
|
109
|
+
"@commercetools-frontend/react-notifications": "^27.9.1",
|
|
110
|
+
"@commercetools-frontend/sdk": "^27.9.1",
|
|
111
|
+
"@commercetools-frontend/sentry": "^27.9.1",
|
|
112
|
+
"@commercetools-frontend/url-utils": "^27.9.1"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
|
-
"@commercetools/nimbus": "3.
|
|
116
|
-
"@apollo/client": "3.
|
|
117
|
-
"@testing-library/react": "16.
|
|
115
|
+
"@commercetools/nimbus": "3.4.0",
|
|
116
|
+
"@apollo/client": "3.14.1",
|
|
117
|
+
"@testing-library/react": "16.3.2",
|
|
118
118
|
"@types/jest": "^29.5.14",
|
|
119
119
|
"@types/testing-library__jest-dom": "^5.14.9",
|
|
120
120
|
"jest": "30.2.0",
|
|
121
121
|
"jest-mock": "30.2.0",
|
|
122
122
|
"msw": "^1.3.5",
|
|
123
|
-
"react": "19.
|
|
124
|
-
"react-dom": "19.
|
|
123
|
+
"react": "19.2.8",
|
|
124
|
+
"react-dom": "19.2.8",
|
|
125
125
|
"react-intl": "^7.1.4",
|
|
126
|
-
"react-redux": "9.
|
|
126
|
+
"react-redux": "9.3.0",
|
|
127
127
|
"react-router-dom": "5.3.4",
|
|
128
128
|
"redux": "5.0.1"
|
|
129
129
|
},
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ssr = require('@commercetools-frontend/application-config/ssr');
|
|
6
|
-
var oidc = require('../../dist/oidc-
|
|
6
|
+
var oidc = require('../../dist/oidc-349b18df.cjs.dev.js');
|
|
7
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
7
8
|
require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
8
9
|
require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
9
10
|
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ssr = require('@commercetools-frontend/application-config/ssr');
|
|
6
|
-
var oidc = require('../../dist/oidc-
|
|
6
|
+
var oidc = require('../../dist/oidc-3ad2f42d.cjs.prod.js');
|
|
7
|
+
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
7
8
|
require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
8
9
|
require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
9
10
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { entryPointUriPathToPermissionKeys, entryPointUriPathToResourceAccesses } from '@commercetools-frontend/application-config/ssr';
|
|
2
|
-
export { b as buildOidcScope } from '../../dist/oidc-
|
|
2
|
+
export { b as buildOidcScope } from '../../dist/oidc-ddd328fa.esm.js';
|
|
3
|
+
import '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
3
4
|
import '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
4
5
|
import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
@@ -2,13 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
6
|
-
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
7
|
-
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
8
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
9
|
-
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
10
|
-
var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
|
|
11
|
-
var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
|
|
12
5
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
13
6
|
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
14
7
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
@@ -16,6 +9,14 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
|
|
|
16
9
|
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
17
10
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
18
11
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
12
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
15
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
17
|
+
var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
|
|
18
|
+
var _flagsInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flags');
|
|
19
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
19
20
|
var react = require('react');
|
|
20
21
|
var react$1 = require('@apollo/client/react');
|
|
21
22
|
var testing = require('@apollo/client/testing');
|
|
@@ -32,14 +33,13 @@ var history = require('@commercetools-frontend/browser-history');
|
|
|
32
33
|
var constants = require('@commercetools-frontend/constants');
|
|
33
34
|
var reactNotifications = require('@commercetools-frontend/react-notifications');
|
|
34
35
|
var testUtils = require('@commercetools-frontend/sdk/test-utils');
|
|
35
|
-
var applicationEntryPoint = require('../../dist/application-entry-point-
|
|
36
|
-
var index = require('../../dist/index-
|
|
36
|
+
var applicationEntryPoint = require('../../dist/application-entry-point-18d8fba0.cjs.dev.js');
|
|
37
|
+
var index = require('../../dist/index-25183095.cjs.dev.js');
|
|
37
38
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
38
39
|
require('@commercetools-frontend/application-components');
|
|
39
40
|
require('@commercetools-frontend/permissions');
|
|
40
41
|
require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
41
42
|
require('@babel/runtime-corejs3/core-js-stable/object/entries');
|
|
42
|
-
require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
43
43
|
require('@babel/runtime-corejs3/core-js-stable/reflect/has');
|
|
44
44
|
require('@reduxjs/toolkit');
|
|
45
45
|
require('lodash/mapValues');
|
|
@@ -75,11 +75,6 @@ function _interopNamespace(e) {
|
|
|
75
75
|
return Object.freeze(n);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
79
|
-
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
80
|
-
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
81
|
-
var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
|
|
82
|
-
var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
|
|
83
78
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
84
79
|
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
85
80
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
@@ -87,13 +82,19 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
87
82
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
88
83
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
89
84
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
85
|
+
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
86
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
87
|
+
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
88
|
+
var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
|
|
89
|
+
var _flagsInstanceProperty__default = /*#__PURE__*/_interopDefault(_flagsInstanceProperty);
|
|
90
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
90
91
|
var rtl__namespace = /*#__PURE__*/_interopNamespace(rtl);
|
|
91
92
|
var invariant__default = /*#__PURE__*/_interopDefault(invariant);
|
|
92
93
|
|
|
93
94
|
const _excluded = ["children"],
|
|
94
95
|
_excluded2 = ["children"];
|
|
95
96
|
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
96
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
97
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context0; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$1(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context0 = ownKeys$1(Object(t))).call(_context0, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
97
98
|
const defaultProject = {
|
|
98
99
|
key: 'test-with-big-data',
|
|
99
100
|
version: 43,
|
|
@@ -221,12 +222,13 @@ const denormalizeDataFences = dataFences => {
|
|
|
221
222
|
}, []);
|
|
222
223
|
};
|
|
223
224
|
const mapResourceAccessToAppliedPermissions = resourceAccesses => _mapInstanceProperty__default["default"](resourceAccesses).call(resourceAccesses, resourceAccess => ({
|
|
224
|
-
name:
|
|
225
|
+
name: "can".concat(resourceAccess),
|
|
225
226
|
value: true
|
|
226
227
|
}));
|
|
227
228
|
const wrapIfNeeded = (children, wrapper) => wrapper ? /*#__PURE__*/react.createElement(wrapper, null, children) : children;
|
|
228
229
|
const ApolloProviderWrapper = props => {
|
|
229
|
-
|
|
230
|
+
var _props$apolloClient;
|
|
231
|
+
const apolloClient = (_props$apolloClient = props.apolloClient) !== null && _props$apolloClient !== void 0 ? _props$apolloClient : applicationShellConnectors.createApolloClient();
|
|
230
232
|
const enableApolloMocks = Boolean(props.mocks && props.mocks.length > 0);
|
|
231
233
|
if (!enableApolloMocks) {
|
|
232
234
|
return (
|
|
@@ -237,18 +239,16 @@ const ApolloProviderWrapper = props => {
|
|
|
237
239
|
})
|
|
238
240
|
);
|
|
239
241
|
}
|
|
240
|
-
return
|
|
241
|
-
|
|
242
|
-
//
|
|
243
|
-
//
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
children: props.children
|
|
251
|
-
});
|
|
242
|
+
return (
|
|
243
|
+
// The `addTypename` prop was removed in @apollo/client v3.14. `MockedProvider`
|
|
244
|
+
// now always behaves as if `addTypename` were `true`, which matches the
|
|
245
|
+
// fallback behavior this wrapper used previously.
|
|
246
|
+
jsxRuntime.jsx(testing.MockedProvider, {
|
|
247
|
+
mocks: props.mocks,
|
|
248
|
+
cache: apolloClient.cache,
|
|
249
|
+
children: props.children
|
|
250
|
+
})
|
|
251
|
+
);
|
|
252
252
|
};
|
|
253
253
|
|
|
254
254
|
// This function renders any component within the application context, as if it
|
|
@@ -292,9 +292,10 @@ function createApplicationProviders() {
|
|
|
292
292
|
}
|
|
293
293
|
let initialRoute = route;
|
|
294
294
|
if (!route && mergedProject) {
|
|
295
|
-
|
|
295
|
+
var _context8;
|
|
296
|
+
initialRoute = _concatInstanceProperty__default["default"](_context8 = "/".concat(mergedProject.key, "/")).call(_context8, mergedEnvironment.entryPointUriPath);
|
|
296
297
|
}
|
|
297
|
-
const memoryHistory = history$2
|
|
298
|
+
const memoryHistory = history$2 !== null && history$2 !== void 0 ? history$2 : history.createEnhancedHistory(history$1.createMemoryHistory({
|
|
298
299
|
initialEntries: [initialRoute || '/'],
|
|
299
300
|
getUserConfirmation: (_message, callback) => callback(true)
|
|
300
301
|
}));
|
|
@@ -519,8 +520,9 @@ const testCustomViewData = {
|
|
|
519
520
|
}]
|
|
520
521
|
};
|
|
521
522
|
const renderCustomView = props => {
|
|
523
|
+
var _props$customViewHost;
|
|
522
524
|
return renderAppWithRedux(jsxRuntime.jsx(applicationShellConnectors.CustomViewContextProvider, {
|
|
523
|
-
hostUrl: props.customViewHostUrl
|
|
525
|
+
hostUrl: (_props$customViewHost = props.customViewHostUrl) !== null && _props$customViewHost !== void 0 ? _props$customViewHost : 'https://mc.ct.com/my-project/products/product-id-1',
|
|
524
526
|
customViewConfig: _objectSpread(_objectSpread({}, testCustomViewData), props.customViewConfig),
|
|
525
527
|
children: props.children
|
|
526
528
|
}), {
|