@commercetools-frontend/application-components 27.9.0 → 27.9.1

package/dist/{custom-views-selector-7581dd6e.esm.js → custom-views-selector-6506e977.esm.js}

@@ -24,13 +24,13 @@ import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entrie
 import { useLocation, matchPath } from 'react-router-dom';
 import { CustomViewLoader } from './commercetools-frontend-application-components.esm.js';
 import { defineMessages } from 'react-intl';
-import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import { useFlagVariation } from '@flopflip/react-broadcast';
 import { useMcQuery } from '@commercetools-frontend/application-shell-connectors';
 import { featureFlags, GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import '@commercetools-uikit/utils';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@radix-ui/react-dialog';
 import '@commercetools-uikit/card';
 import '@commercetools-uikit/secondary-icon-button';
@@ -42,6 +42,7 @@ import 'lodash/omitBy';
 import '@babel/runtime-corejs3/core-js-stable/promise';
 import '@babel/runtime-corejs3/core-js-stable/set-timeout';
 import '@commercetools-uikit/flat-button';
+import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
 import '@commercetools-uikit/icon-button';
 import '@commercetools-frontend/assets/images/page-not-found.svg';
 import '@commercetools-frontend/assets/images/doors-closed.svg';
@@ -72,7 +73,7 @@ const useCustomViewLocatorSelector = function () {
     });
   });
   return {
-    currentCustomViewLocatorCode: customViewLocator?.[0]
+    currentCustomViewLocatorCode: customViewLocator === null || customViewLocator === void 0 ? void 0 : customViewLocator[0]
   };
 };
 
@@ -85,12 +86,12 @@ var messages = defineMessages({
 
 var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchCustomViewsByLocator" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allCustomViewsInstallationsByLocator" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "locator" }, value: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "customView" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, 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: "url" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "typeSettings" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "size" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "locators" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "oAuthScopes" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 405, source: { body: "query FetchCustomViewsByLocator($customViewLocatorCode: String!) {\n  allCustomViewsInstallationsByLocator(locator: $customViewLocatorCode) {\n    id\n    customView {\n      id\n      defaultLabel\n      labelAllLocales {\n        locale\n        value\n      }\n      url\n      type\n      typeSettings {\n        size\n      }\n      locators\n      permissions {\n        name\n        oAuthScopes\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useCustomViewsConnector = _ref => {
-  var _context, _context2;
+  var _enableCustomViews$va, _data$allCustomViewsI;
   let customViewLocatorCode = _ref.customViewLocatorCode;
   const enableCustomViews = useFlagVariation(featureFlags.CUSTOM_VIEWS);
   const areCustomViewsEnabled =
   // @ts-ignore In case it's coming from the MC API, it's an object { value: boolean }.
-  (enableCustomViews?.value ?? enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
+  ((_enableCustomViews$va = enableCustomViews === null || enableCustomViews === void 0 ? void 0 : enableCustomViews.value) !== null && _enableCustomViews$va !== void 0 ? _enableCustomViews$va : enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
   const _useMcQuery = useMcQuery(FetchCustomViewsQuery, {
       variables: {
         customViewLocatorCode
@@ -104,7 +105,7 @@ const useCustomViewsConnector = _ref => {
     error = _useMcQuery.error,
     loading = _useMcQuery.loading;
   return {
-    customViews: ((_context = data?.allCustomViewsInstallationsByLocator) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _mapInstanceProperty(_context), _context))?.(installation => installation.customView) || [],
+    customViews: (data === null || data === void 0 || (_data$allCustomViewsI = data.allCustomViewsInstallationsByLocator) === null || _data$allCustomViewsI === void 0 ? void 0 : _mapInstanceProperty(_data$allCustomViewsI).call(_data$allCustomViewsI, installation => installation.customView)) || [],
     error,
     loading
   };
@@ -212,7 +213,7 @@ function CustomViewSelector(props) {
             const isNotLastItem = index !== customViews.length - 1;
             return jsxs(Fragment, {
               children: [jsx(CustomViewSelectorItem, {
-                selected: selectedCustomView?.id === customView.id,
+                selected: (selectedCustomView === null || selectedCustomView === void 0 ? void 0 : selectedCustomView.id) === customView.id,
                 onClick: () => {
                   setSelectedCustomView(customView);
                 },
@@ -235,7 +236,7 @@ CustomViewSelector.displayName = 'CustomViewSelector';
 const CustomViewSelectorOrNothing = props => {
   const _useCustomViewLocator = useCustomViewLocatorSelector(props.customViewLocatorCodes),
     currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
-  const locatorCode = currentCustomViewLocatorCode ?? props.customViewLocatorCode;
+  const locatorCode = currentCustomViewLocatorCode !== null && currentCustomViewLocatorCode !== void 0 ? currentCustomViewLocatorCode : props.customViewLocatorCode;
   if (!locatorCode) {
     return null;
   }

package/dist/{custom-views-selector-3efc8f45.cjs.prod.js → custom-views-selector-cfdf523a.cjs.prod.js}

@@ -26,13 +26,13 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var reactRouterDom = require('react-router-dom');
 var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.prod.js');
 var reactIntl = require('react-intl');
-var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
 var reactBroadcast = require('@flopflip/react-broadcast');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@commercetools-uikit/utils');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@radix-ui/react-dialog');
 require('@commercetools-uikit/card');
 require('@commercetools-uikit/secondary-icon-button');
@@ -44,6 +44,7 @@ require('lodash/omitBy');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/set-timeout');
 require('@commercetools-uikit/flat-button');
+require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
 require('@commercetools-uikit/icon-button');
 require('@commercetools-frontend/assets/images/page-not-found.svg');
 require('@commercetools-frontend/assets/images/doors-closed.svg');
@@ -71,7 +72,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
-var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
 
 const pathWithoutSearch = path => typeof path === 'string' ? path.split('?')[0] : path.pathname;
 const useCustomViewLocatorSelector = function () {
@@ -94,7 +94,7 @@ const useCustomViewLocatorSelector = function () {
     });
   });
   return {
-    currentCustomViewLocatorCode: customViewLocator?.[0]
+    currentCustomViewLocatorCode: customViewLocator === null || customViewLocator === void 0 ? void 0 : customViewLocator[0]
   };
 };
 
@@ -107,12 +107,12 @@ var messages = reactIntl.defineMessages({
 
 var FetchCustomViewsQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchCustomViewsByLocator" }, variableDefinitions: [{ kind: "VariableDefinition", variable: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } }, type: { kind: "NonNullType", type: { kind: "NamedType", name: { kind: "Name", value: "String" } } }, directives: [] }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allCustomViewsInstallationsByLocator" }, arguments: [{ kind: "Argument", name: { kind: "Name", value: "locator" }, value: { kind: "Variable", name: { kind: "Name", value: "customViewLocatorCode" } } }], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "customView" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "id" }, 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: "url" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "type" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "typeSettings" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "size" }, arguments: [], directives: [] }] } }, { kind: "Field", name: { kind: "Name", value: "locators" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "permissions" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "oAuthScopes" }, arguments: [], directives: [] }] } }] } }] } }] } }], loc: { start: 0, end: 405, source: { body: "query FetchCustomViewsByLocator($customViewLocatorCode: String!) {\n  allCustomViewsInstallationsByLocator(locator: $customViewLocatorCode) {\n    id\n    customView {\n      id\n      defaultLabel\n      labelAllLocales {\n        locale\n        value\n      }\n      url\n      type\n      typeSettings {\n        size\n      }\n      locators\n      permissions {\n        name\n        oAuthScopes\n      }\n    }\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 const useCustomViewsConnector = _ref => {
-  var _context, _context2;
+  var _enableCustomViews$va, _data$allCustomViewsI;
   let customViewLocatorCode = _ref.customViewLocatorCode;
   const enableCustomViews = reactBroadcast.useFlagVariation(constants.featureFlags.CUSTOM_VIEWS);
   const areCustomViewsEnabled =
   // @ts-ignore In case it's coming from the MC API, it's an object { value: boolean }.
-  (enableCustomViews?.value ?? enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
+  ((_enableCustomViews$va = enableCustomViews === null || enableCustomViews === void 0 ? void 0 : enableCustomViews.value) !== null && _enableCustomViews$va !== void 0 ? _enableCustomViews$va : enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
   const _useMcQuery = applicationShellConnectors.useMcQuery(FetchCustomViewsQuery, {
       variables: {
         customViewLocatorCode
@@ -126,7 +126,7 @@ const useCustomViewsConnector = _ref => {
     error = _useMcQuery.error,
     loading = _useMcQuery.loading;
   return {
-    customViews: ((_context = data?.allCustomViewsInstallationsByLocator) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _mapInstanceProperty__default["default"](_context), _context))?.(installation => installation.customView) || [],
+    customViews: (data === null || data === void 0 || (_data$allCustomViewsI = data.allCustomViewsInstallationsByLocator) === null || _data$allCustomViewsI === void 0 ? void 0 : _mapInstanceProperty__default["default"](_data$allCustomViewsI).call(_data$allCustomViewsI, installation => installation.customView)) || [],
     error,
     loading
   };
@@ -213,7 +213,7 @@ function CustomViewSelector(props) {
             const isNotLastItem = index !== customViews.length - 1;
             return jsxRuntime.jsxs(react$1.Fragment, {
               children: [jsxRuntime.jsx(CustomViewSelectorItem, {
-                selected: selectedCustomView?.id === customView.id,
+                selected: (selectedCustomView === null || selectedCustomView === void 0 ? void 0 : selectedCustomView.id) === customView.id,
                 onClick: () => {
                   setSelectedCustomView(customView);
                 },
@@ -236,7 +236,7 @@ CustomViewSelector.displayName = 'CustomViewSelector';
 const CustomViewSelectorOrNothing = props => {
   const _useCustomViewLocator = useCustomViewLocatorSelector(props.customViewLocatorCodes),
     currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
-  const locatorCode = currentCustomViewLocatorCode ?? props.customViewLocatorCode;
+  const locatorCode = currentCustomViewLocatorCode !== null && currentCustomViewLocatorCode !== void 0 ? currentCustomViewLocatorCode : props.customViewLocatorCode;
   if (!locatorCode) {
     return null;
   }

package/dist/{public-page-layout-7d1cb99f.esm.js → public-page-layout-2fea64b6.esm.js}

@@ -81,7 +81,7 @@ const PublicPageLayout = _ref2 => {
               children: props.legalMessage
             }), jsx(Text.Detail, {
               tone: "secondary",
-              children: `${year} © commercetools`
+              children: "".concat(year, " \xA9 commercetools")
             })]
           })
         })]

package/dist/{public-page-layout-b182d2dd.cjs.prod.js → public-page-layout-a0d532d4.cjs.prod.js}

@@ -81,7 +81,7 @@ const PublicPageLayout = _ref2 => {
               children: props.legalMessage
             }), jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
-              children: `${year} © commercetools`
+              children: "".concat(year, " \xA9 commercetools")
             })]
           })
         })]

package/dist/{public-page-layout-b92fb7e4.cjs.dev.js → public-page-layout-c0f5e884.cjs.dev.js}

@@ -90,7 +90,7 @@ const PublicPageLayout = _ref2 => {
               children: props.legalMessage
             }), jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
-              children: `${year} © commercetools`
+              children: "".concat(year, " \xA9 commercetools")
             })]
           })
         })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "27.9.0",
+  "version": "27.9.1",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,59 +36,59 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-uikit/accessible-button": "^20.4.0",
-    "@commercetools-uikit/card": "^20.4.0",
-    "@commercetools-uikit/constraints": "^20.4.0",
-    "@commercetools-uikit/design-system": "^20.4.0",
-    "@commercetools-uikit/flat-button": "^20.4.0",
-    "@commercetools-uikit/hooks": "^20.4.0",
-    "@commercetools-uikit/icon-button": "^20.4.0",
-    "@commercetools-uikit/icons": "^20.4.0",
-    "@commercetools-uikit/label": "^20.4.0",
-    "@commercetools-uikit/messages": "^20.4.0",
-    "@commercetools-uikit/primary-button": "^20.4.0",
-    "@commercetools-uikit/secondary-button": "^20.4.0",
-    "@commercetools-uikit/secondary-icon-button": "^20.4.0",
-    "@commercetools-uikit/spacings": "^20.4.0",
-    "@commercetools-uikit/stamp": "^20.4.0",
-    "@commercetools-uikit/text": "^20.4.0",
-    "@commercetools-uikit/utils": "^20.4.0",
+    "@commercetools-uikit/accessible-button": "^20.6.7",
+    "@commercetools-uikit/card": "^20.6.7",
+    "@commercetools-uikit/constraints": "^20.6.7",
+    "@commercetools-uikit/design-system": "^20.6.7",
+    "@commercetools-uikit/flat-button": "^20.6.7",
+    "@commercetools-uikit/hooks": "^20.6.7",
+    "@commercetools-uikit/icon-button": "^20.6.7",
+    "@commercetools-uikit/icons": "^20.6.7",
+    "@commercetools-uikit/label": "^20.6.7",
+    "@commercetools-uikit/messages": "^20.6.7",
+    "@commercetools-uikit/primary-button": "^20.6.7",
+    "@commercetools-uikit/secondary-button": "^20.6.7",
+    "@commercetools-uikit/secondary-icon-button": "^20.6.7",
+    "@commercetools-uikit/spacings": "^20.6.7",
+    "@commercetools-uikit/stamp": "^20.6.7",
+    "@commercetools-uikit/text": "^20.6.7",
+    "@commercetools-uikit/utils": "^20.6.7",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@flopflip/react-broadcast": "15.1.7",
-    "@radix-ui/react-dialog": "1.1.14",
+    "@flopflip/react-broadcast": "15.1.11",
+    "@radix-ui/react-dialog": "1.1.23",
     "@react-hook/latest": "1.0.3",
     "@react-hook/resize-observer": "1.2.6",
     "@types/history": "^4.7.11",
     "@types/lodash": "^4.14.198",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^19.0.3",
-    "@types/react-dom": "^19.0.2",
+    "@types/react-dom": "^19.2.4",
     "@types/react-router-dom": "^5.3.3",
     "history": "4.10.1",
     "lodash": "4.18.1",
     "prop-types": "15.8.1",
     "raf-schd": "^4.0.3",
-    "@commercetools-frontend/actions-global": "^27.9.0",
-    "@commercetools-frontend/application-config": "^27.9.0",
-    "@commercetools-frontend/application-shell-connectors": "^27.9.0",
-    "@commercetools-frontend/assets": "^27.9.0",
-    "@commercetools-frontend/constants": "^27.9.0",
-    "@commercetools-frontend/i18n": "^27.9.0",
-    "@commercetools-frontend/l10n": "^27.9.0",
-    "@commercetools-frontend/sentry": "^27.9.0"
+    "@commercetools-frontend/actions-global": "^27.9.1",
+    "@commercetools-frontend/application-config": "^27.9.1",
+    "@commercetools-frontend/application-shell-connectors": "^27.9.1",
+    "@commercetools-frontend/assets": "^27.9.1",
+    "@commercetools-frontend/constants": "^27.9.1",
+    "@commercetools-frontend/i18n": "^27.9.1",
+    "@commercetools-frontend/l10n": "^27.9.1",
+    "@commercetools-frontend/sentry": "^27.9.1"
   },
   "devDependencies": {
-    "@apollo/client": "3.13.9",
+    "@apollo/client": "3.14.1",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "16.1.0",
+    "@testing-library/react": "16.3.2",
     "@types/jest": "^29.5.14",
     "@types/raf-schd": "^4.0.1",
     "@types/testing-library__jest-dom": "^5.14.9",
     "jest": "30.2.0",
     "msw": "^1.3.5",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
     "react-intl": "^7.1.4",
     "react-router-dom": "5.3.4"
   },