@commercetools-frontend/application-components 25.0.0 → 25.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +61 -73
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +61 -73
  3. package/dist/commercetools-frontend-application-components.esm.js +61 -72
  4. package/dist/{custom-views-selector-352b7403.esm.js → custom-views-selector-042deb62.esm.js} +7 -8
  5. package/dist/{custom-views-selector-71abb548.cjs.dev.js → custom-views-selector-8cde3a16.cjs.dev.js} +8 -8
  6. package/dist/{custom-views-selector-2027a7d5.cjs.prod.js → custom-views-selector-aa3a81ae.cjs.prod.js} +8 -8
  7. package/dist/{public-page-layout-2fea64b6.esm.js → public-page-layout-7d1cb99f.esm.js} +1 -1
  8. package/dist/{public-page-layout-a0d532d4.cjs.prod.js → public-page-layout-b182d2dd.cjs.prod.js} +1 -1
  9. package/dist/{public-page-layout-c0f5e884.cjs.dev.js → public-page-layout-b92fb7e4.cjs.dev.js} +1 -1
  10. package/package.json +10 -10
package/dist/commercetools-frontend-application-components.esm.js CHANGED
@@ -14,7 +14,6 @@ import Text from '@commercetools-uikit/text';
14
14
  import { warning, useWarning } from '@commercetools-uikit/utils';
15
15
  import { css, keyframes, Global } from '@emotion/react';
16
16
  import { designTokens as designTokens$1, transformTokensToCssVarsReferences } from '@commercetools-uikit/design-system';
17
- import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
18
17
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
19
18
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
20
19
  import _styled from '@emotion/styled/base';
@@ -33,7 +32,6 @@ import omitBy from 'lodash/omitBy';
33
32
  import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
34
33
  import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
35
34
  import FlatButton from '@commercetools-uikit/flat-button';
36
- import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
37
35
  import IconButton from '@commercetools-uikit/icon-button';
38
36
  import Constraints from '@commercetools-uikit/constraints';
39
37
  import PageNotFoundSVG from '@commercetools-frontend/assets/images/page-not-found.svg';
@@ -49,20 +47,18 @@ import useResizeObserver from '@react-hook/resize-observer';
49
47
  import { useMutationObserver } from '@commercetools-uikit/hooks';
50
48
 
51
49
  // NOTE: This string will be replaced on build time with the package version.
52
- var version = "25.0.0";
53
-
54
- var _context, _context2, _context3, _context4, _context5;
50
+ var version = "25.2.0";
55
51
 
56
52
  // We keep these tokens as they are related to page layout components which should have
57
53
  // a slightly different layout (margins/paddings) when used within a Custom View panel.
58
54
  // https://github.com/commercetools/merchant-center-application-kit/pull/3353
59
55
  const themesOverrides = {
60
56
  default: {
61
- marginForCustomViewsSelectorAsTabular: "0 ".concat(designTokens$1.spacing55),
62
- marginForPageContent: _concatInstanceProperty(_context = "".concat(designTokens$1.spacing50, " ")).call(_context, designTokens$1.spacing55),
63
- paddingForDetailPageHeader: _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(designTokens$1.spacing50, " ")).call(_context3, designTokens$1.spacing55, " ")).call(_context2, designTokens$1.spacing40),
64
- paddingForMainPageHeader: _concatInstanceProperty(_context4 = "".concat(designTokens$1.spacing50, " ")).call(_context4, designTokens$1.spacing55, " 0"),
65
- paddingForTabularPageHeader: _concatInstanceProperty(_context5 = "".concat(designTokens$1.spacing40, " ")).call(_context5, designTokens$1.spacing55, " 0"),
57
+ marginForCustomViewsSelectorAsTabular: `0 ${designTokens$1.spacing55}`,
58
+ marginForPageContent: `${designTokens$1.spacing50} ${designTokens$1.spacing55}`,
59
+ paddingForDetailPageHeader: `${designTokens$1.spacing50} ${designTokens$1.spacing55} ${designTokens$1.spacing40}`,
60
+ paddingForMainPageHeader: `${designTokens$1.spacing50} ${designTokens$1.spacing55} 0`,
61
+ paddingForTabularPageHeader: `${designTokens$1.spacing40} ${designTokens$1.spacing55} 0`,
66
62
  backgroundColorForNavbar: designTokens$1.colorPrimary10,
67
63
  backgroundColorForNavbarHeader: designTokens$1.colorPrimary10,
68
64
  fontColorForTabLabelWhenActive: designTokens$1.colorPrimary
@@ -172,10 +168,11 @@ const getModalContentStyles = props => {
172
168
 
173
169
  // To ensure that the mouse click on the overlay surface goes "through"
174
170
  // and triggers the modal to close, we need to turn off the pointer events.
175
- const baseStyles = /*#__PURE__*/css("display:grid;height:100%;width:100%;outline:none;position:relative;pointer-events:none;z-index:", typeof props.zIndex === 'number' ? // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
171
+ const baseStyles = /*#__PURE__*/css("display:grid;height:100%;width:100%;outline:none;position:relative;pointer-events:none;z-index:", typeof props.zIndex === 'number' ?
172
+ // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
176
173
  // We're assigning value 1 unit higher than the overlay to ensure the content is on top.
177
174
  // It's safe to do that since the modal is topmost in the stacking layer.
178
- "".concat(props.zIndex + 1, " !important") : 'auto', ";", gridStyle, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEV3QiIsImZpbGUiOiJkaWFsb2cuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0eXBlIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRpYWxvZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBzaXplOiAnbScgfCAnbCcgfCA3IHwgOCB8IDkgfCAxMCB8IDExIHwgMTIgfCAxMyB8IDE2IHwgJ3NjYWxlJztcbiAgekluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgZ2V0Q29uc3RyYWludEZvckdyaWRTdHlsZSA9IChzaXplOiBTdHlsZVByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSA3OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3O1xuICAgIGNhc2UgODpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50ODtcbiAgICBjYXNlIDk6XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gdWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDk7XG4gICAgY2FzZSAxMDpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTA7XG4gICAgY2FzZSAxMTpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTE7XG4gICAgY2FzZSAxMjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTI7XG4gICAgY2FzZSAxMzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTM7XG4gICAgY2FzZSAxNjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTY7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldE1vZGFsQ29udGVudFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBzaXplQ29uc3RyYWludCA9IGdldENvbnN0cmFpbnRGb3JHcmlkU3R5bGUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGdyaWRTdHlsZSA9XG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3NjYWxlJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZ3JpZDpcbiAgICAgICAgICAgIFtyb3cxLXN0YXJ0XSAndG9wIHRvcCB0b3AnIG1pbm1heChcbiAgICAgICAgICAgICAgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9LFxuICAgICAgICAgICAgICAxZnJcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIFtyb3cxLWVuZF1cbiAgICAgICAgICAgIFtyb3cyLXN0YXJ0XSAnbGVmdCBtYWluIHJpZ2h0JyBtaW5tYXgoMCwgMTAwJSkgW3JvdzItZW5kXVxuICAgICAgICAgICAgW3JvdzMtc3RhcnRdICdib3R0b20gYm90dG9tIGJvdHRvbScgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzMtZW5kXSAvICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAxZnIgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBncmlkOlxuICAgICAgICAgICAgW3JvdzEtc3RhcnRdICd0b3AgdG9wIHRvcCcgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzEtZW5kXVxuICAgICAgICAgICAgW3JvdzItc3RhcnRdICdsZWZ0IG1haW4gcmlnaHQnIG1pbm1heCgwLCAxMDAlKSBbcm93Mi1lbmRdXG4gICAgICAgICAgICBbcm93My1zdGFydF0gJ2JvdHRvbSBib3R0b20gYm90dG9tJyBtaW5tYXgoXG4gICAgICAgICAgICAgICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSxcbiAgICAgICAgICAgICAgMWZyXG4gICAgICAgICAgICApXG4gICAgICAgICAgICBbcm93My1lbmRdIC8gbWlubWF4KCR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSwgMWZyKVxuICAgICAgICAgICAgJHtzaXplQ29uc3RyYWludH1cbiAgICAgICAgICAgIG1pbm1heCgke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sIDFmcik7XG4gICAgICAgIGA7XG5cbiAgLy8gVG8gZW5zdXJlIHRoYXQgdGhlIG1vdXNlIGNsaWNrIG9uIHRoZSBvdmVybGF5IHN1cmZhY2UgZ29lcyBcInRocm91Z2hcIlxuICAvLyBhbmQgdHJpZ2dlcnMgdGhlIG1vZGFsIHRvIGNsb3NlLCB3ZSBuZWVkIHRvIHR1cm4gb2ZmIHRoZSBwb2ludGVyIGV2ZW50cy5cbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB6LWluZGV4OiAke3R5cGVvZiBwcm9wcy56SW5kZXggPT09ICdudW1iZXInXG4gICAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICAgIC8vIFdlJ3JlIGFzc2lnbmluZyB2YWx1ZSAxIHVuaXQgaGlnaGVyIHRoYW4gdGhlIG92ZXJsYXkgdG8gZW5zdXJlIHRoZSBjb250ZW50IGlzIG9uIHRvcC5cbiAgICAgICAgLy8gSXQncyBzYWZlIHRvIGRvIHRoYXQgc2luY2UgdGhlIG1vZGFsIGlzIHRvcG1vc3QgaW4gdGhlIHN0YWNraW5nIGxheWVyLlxuICAgICAgICBgJHtwcm9wcy56SW5kZXggKyAxfSAhaW1wb3J0YW50YFxuICAgICAgOiAnYXV0byd9O1xuXG4gICAgJHtncmlkU3R5bGV9O1xuICBgO1xuICByZXR1cm4gYmFzZVN0eWxlcztcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja2FibGVEaWFsb2dDb250ZW50ID0gc3R5bGVkKENvbnRlbnQpPFN0eWxlUHJvcHM+YFxuICAkeyhwcm9wcykgPT4gZ2V0TW9kYWxDb250ZW50U3R5bGVzKHByb3BzKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dPdmVybGF5ID0gc3R5bGVkLmRpdjxQaWNrPFN0eWxlUHJvcHMsICd6SW5kZXgnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT5cbiAgICAvLyBVc2UgYCFpbXBvcnRhbnRgIHRvIG92ZXJ3cml0ZSB0aGUgZGVmYXVsdCB2YWx1ZSBhc3NpZ25lZCBieSB0aGUgU3RhY2tpbmcgTGF5ZXIgU3lzdGVtLlxuICAgIHR5cGVvZiB6SW5kZXggPT09ICdudW1iZXInID8gYCR7ekluZGV4fSAhaW1wb3J0YW50YCA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0NvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRvcDogMDtcbmA7XG4iXX0= */");
175
+ `${props.zIndex + 1} !important` : 'auto', ";", gridStyle, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEV3QiIsImZpbGUiOiJkaWFsb2cuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0eXBlIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRpYWxvZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBzaXplOiAnbScgfCAnbCcgfCA3IHwgOCB8IDkgfCAxMCB8IDExIHwgMTIgfCAxMyB8IDE2IHwgJ3NjYWxlJztcbiAgekluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgZ2V0Q29uc3RyYWludEZvckdyaWRTdHlsZSA9IChzaXplOiBTdHlsZVByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSA3OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3O1xuICAgIGNhc2UgODpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50ODtcbiAgICBjYXNlIDk6XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gdWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDk7XG4gICAgY2FzZSAxMDpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTA7XG4gICAgY2FzZSAxMTpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTE7XG4gICAgY2FzZSAxMjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTI7XG4gICAgY2FzZSAxMzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTM7XG4gICAgY2FzZSAxNjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTY7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldE1vZGFsQ29udGVudFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBzaXplQ29uc3RyYWludCA9IGdldENvbnN0cmFpbnRGb3JHcmlkU3R5bGUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGdyaWRTdHlsZSA9XG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3NjYWxlJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZ3JpZDpcbiAgICAgICAgICAgIFtyb3cxLXN0YXJ0XSAndG9wIHRvcCB0b3AnIG1pbm1heChcbiAgICAgICAgICAgICAgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9LFxuICAgICAgICAgICAgICAxZnJcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIFtyb3cxLWVuZF1cbiAgICAgICAgICAgIFtyb3cyLXN0YXJ0XSAnbGVmdCBtYWluIHJpZ2h0JyBtaW5tYXgoMCwgMTAwJSkgW3JvdzItZW5kXVxuICAgICAgICAgICAgW3JvdzMtc3RhcnRdICdib3R0b20gYm90dG9tIGJvdHRvbScgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzMtZW5kXSAvICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAxZnIgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBncmlkOlxuICAgICAgICAgICAgW3JvdzEtc3RhcnRdICd0b3AgdG9wIHRvcCcgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzEtZW5kXVxuICAgICAgICAgICAgW3JvdzItc3RhcnRdICdsZWZ0IG1haW4gcmlnaHQnIG1pbm1heCgwLCAxMDAlKSBbcm93Mi1lbmRdXG4gICAgICAgICAgICBbcm93My1zdGFydF0gJ2JvdHRvbSBib3R0b20gYm90dG9tJyBtaW5tYXgoXG4gICAgICAgICAgICAgICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSxcbiAgICAgICAgICAgICAgMWZyXG4gICAgICAgICAgICApXG4gICAgICAgICAgICBbcm93My1lbmRdIC8gbWlubWF4KCR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSwgMWZyKVxuICAgICAgICAgICAgJHtzaXplQ29uc3RyYWludH1cbiAgICAgICAgICAgIG1pbm1heCgke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sIDFmcik7XG4gICAgICAgIGA7XG5cbiAgLy8gVG8gZW5zdXJlIHRoYXQgdGhlIG1vdXNlIGNsaWNrIG9uIHRoZSBvdmVybGF5IHN1cmZhY2UgZ29lcyBcInRocm91Z2hcIlxuICAvLyBhbmQgdHJpZ2dlcnMgdGhlIG1vZGFsIHRvIGNsb3NlLCB3ZSBuZWVkIHRvIHR1cm4gb2ZmIHRoZSBwb2ludGVyIGV2ZW50cy5cbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB6LWluZGV4OiAke3R5cGVvZiBwcm9wcy56SW5kZXggPT09ICdudW1iZXInXG4gICAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICAgIC8vIFdlJ3JlIGFzc2lnbmluZyB2YWx1ZSAxIHVuaXQgaGlnaGVyIHRoYW4gdGhlIG92ZXJsYXkgdG8gZW5zdXJlIHRoZSBjb250ZW50IGlzIG9uIHRvcC5cbiAgICAgICAgLy8gSXQncyBzYWZlIHRvIGRvIHRoYXQgc2luY2UgdGhlIG1vZGFsIGlzIHRvcG1vc3QgaW4gdGhlIHN0YWNraW5nIGxheWVyLlxuICAgICAgICBgJHtwcm9wcy56SW5kZXggKyAxfSAhaW1wb3J0YW50YFxuICAgICAgOiAnYXV0byd9O1xuXG4gICAgJHtncmlkU3R5bGV9O1xuICBgO1xuICByZXR1cm4gYmFzZVN0eWxlcztcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja2FibGVEaWFsb2dDb250ZW50ID0gc3R5bGVkKENvbnRlbnQpPFN0eWxlUHJvcHM+YFxuICAkeyhwcm9wcykgPT4gZ2V0TW9kYWxDb250ZW50U3R5bGVzKHByb3BzKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dPdmVybGF5ID0gc3R5bGVkLmRpdjxQaWNrPFN0eWxlUHJvcHMsICd6SW5kZXgnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT5cbiAgICAvLyBVc2UgYCFpbXBvcnRhbnRgIHRvIG92ZXJ3cml0ZSB0aGUgZGVmYXVsdCB2YWx1ZSBhc3NpZ25lZCBieSB0aGUgU3RhY2tpbmcgTGF5ZXIgU3lzdGVtLlxuICAgIHR5cGVvZiB6SW5kZXggPT09ICdudW1iZXInID8gYCR7ekluZGV4fSAhaW1wb3J0YW50YCA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0NvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRvcDogMDtcbmA7XG4iXX0= */");
179
176
  return baseStyles;
180
177
  };
181
178
  const ClickableDialogContent = /*#__PURE__*/_styled(Content$2, process.env.NODE_ENV === "production" ? {
@@ -193,7 +190,7 @@ const DialogOverlay = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
193
190
  let zIndex = _ref.zIndex;
194
191
  return (
195
192
  // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
196
- typeof zIndex === 'number' ? "".concat(zIndex, " !important") : 'auto'
193
+ typeof zIndex === 'number' ? `${zIndex} !important` : 'auto'
197
194
  );
198
195
  }, ";top:0;width:100%;height:100%;background-color:rgba(32, 62, 72, 0.5);opacity:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUdtRSIsImZpbGUiOiJkaWFsb2cuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCB0eXBlIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSAnQHJhZGl4LXVpL3JlYWN0LWRpYWxvZyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBzaXplOiAnbScgfCAnbCcgfCA3IHwgOCB8IDkgfCAxMCB8IDExIHwgMTIgfCAxMyB8IDE2IHwgJ3NjYWxlJztcbiAgekluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgZ2V0Q29uc3RyYWludEZvckdyaWRTdHlsZSA9IChzaXplOiBTdHlsZVByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSA3OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ3O1xuICAgIGNhc2UgODpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50ODtcbiAgICBjYXNlIDk6XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gdWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDk7XG4gICAgY2FzZSAxMDpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTA7XG4gICAgY2FzZSAxMTpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTE7XG4gICAgY2FzZSAxMjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTI7XG4gICAgY2FzZSAxMzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTM7XG4gICAgY2FzZSAxNjpcbiAgICAgIHJldHVybiB1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTY7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHVpS2l0RGVzaWduVG9rZW5zLmNvbnN0cmFpbnRTY2FsZTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldE1vZGFsQ29udGVudFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBzaXplQ29uc3RyYWludCA9IGdldENvbnN0cmFpbnRGb3JHcmlkU3R5bGUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGdyaWRTdHlsZSA9XG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3NjYWxlJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZ3JpZDpcbiAgICAgICAgICAgIFtyb3cxLXN0YXJ0XSAndG9wIHRvcCB0b3AnIG1pbm1heChcbiAgICAgICAgICAgICAgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9LFxuICAgICAgICAgICAgICAxZnJcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIFtyb3cxLWVuZF1cbiAgICAgICAgICAgIFtyb3cyLXN0YXJ0XSAnbGVmdCBtYWluIHJpZ2h0JyBtaW5tYXgoMCwgMTAwJSkgW3JvdzItZW5kXVxuICAgICAgICAgICAgW3JvdzMtc3RhcnRdICdib3R0b20gYm90dG9tIGJvdHRvbScgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzMtZW5kXSAvICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAxZnIgJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBncmlkOlxuICAgICAgICAgICAgW3JvdzEtc3RhcnRdICd0b3AgdG9wIHRvcCcgbWlubWF4KFxuICAgICAgICAgICAgICAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzEtZW5kXVxuICAgICAgICAgICAgW3JvdzItc3RhcnRdICdsZWZ0IG1haW4gcmlnaHQnIG1pbm1heCgwLCAxMDAlKSBbcm93Mi1lbmRdXG4gICAgICAgICAgICBbcm93My1zdGFydF0gJ2JvdHRvbSBib3R0b20gYm90dG9tJyBtaW5tYXgoXG4gICAgICAgICAgICAgICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSxcbiAgICAgICAgICAgICAgMWZyXG4gICAgICAgICAgICApXG4gICAgICAgICAgICBbcm93My1lbmRdIC8gbWlubWF4KCR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSwgMWZyKVxuICAgICAgICAgICAgJHtzaXplQ29uc3RyYWludH1cbiAgICAgICAgICAgIG1pbm1heCgke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdYbH0sIDFmcik7XG4gICAgICAgIGA7XG5cbiAgLy8gVG8gZW5zdXJlIHRoYXQgdGhlIG1vdXNlIGNsaWNrIG9uIHRoZSBvdmVybGF5IHN1cmZhY2UgZ29lcyBcInRocm91Z2hcIlxuICAvLyBhbmQgdHJpZ2dlcnMgdGhlIG1vZGFsIHRvIGNsb3NlLCB3ZSBuZWVkIHRvIHR1cm4gb2ZmIHRoZSBwb2ludGVyIGV2ZW50cy5cbiAgY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB6LWluZGV4OiAke3R5cGVvZiBwcm9wcy56SW5kZXggPT09ICdudW1iZXInXG4gICAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICAgIC8vIFdlJ3JlIGFzc2lnbmluZyB2YWx1ZSAxIHVuaXQgaGlnaGVyIHRoYW4gdGhlIG92ZXJsYXkgdG8gZW5zdXJlIHRoZSBjb250ZW50IGlzIG9uIHRvcC5cbiAgICAgICAgLy8gSXQncyBzYWZlIHRvIGRvIHRoYXQgc2luY2UgdGhlIG1vZGFsIGlzIHRvcG1vc3QgaW4gdGhlIHN0YWNraW5nIGxheWVyLlxuICAgICAgICBgJHtwcm9wcy56SW5kZXggKyAxfSAhaW1wb3J0YW50YFxuICAgICAgOiAnYXV0byd9O1xuXG4gICAgJHtncmlkU3R5bGV9O1xuICBgO1xuICByZXR1cm4gYmFzZVN0eWxlcztcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja2FibGVEaWFsb2dDb250ZW50ID0gc3R5bGVkKENvbnRlbnQpPFN0eWxlUHJvcHM+YFxuICAkeyhwcm9wcykgPT4gZ2V0TW9kYWxDb250ZW50U3R5bGVzKHByb3BzKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBEaWFsb2dPdmVybGF5ID0gc3R5bGVkLmRpdjxQaWNrPFN0eWxlUHJvcHMsICd6SW5kZXgnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT5cbiAgICAvLyBVc2UgYCFpbXBvcnRhbnRgIHRvIG92ZXJ3cml0ZSB0aGUgZGVmYXVsdCB2YWx1ZSBhc3NpZ25lZCBieSB0aGUgU3RhY2tpbmcgTGF5ZXIgU3lzdGVtLlxuICAgIHR5cGVvZiB6SW5kZXggPT09ICdudW1iZXInID8gYCR7ekluZGV4fSAhaW1wb3J0YW50YCA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0NvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRvcDogMDtcbmA7XG4iXX0= */"));
199
196
  const DialogContent$1 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -212,7 +209,7 @@ const DialogContent$1 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
212
209
 
213
210
  const _excluded$j = ["size", "getParentSelector"];
214
211
  function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
215
- const getDefaultParentSelector$1 = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
212
+ const getDefaultParentSelector$1 = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${PORTALS_CONTAINER_ID}`);
216
213
  const GridArea = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
217
214
  target: "elx55gk0"
218
215
  } : {
@@ -494,7 +491,7 @@ FormDialog.TextTitle = TextTitle;
494
491
 
495
492
  const CustomViewSelector = /*#__PURE__*/lazy(() => {
496
493
  if (typeof window !== 'undefined' && typeof window.app !== 'undefined') {
497
- return import('./custom-views-selector-352b7403.esm.js' /* webpackChunkName: "custom-views-selector" */);
494
+ return import('./custom-views-selector-042deb62.esm.js' /* webpackChunkName: "custom-views-selector" */);
498
495
  }
499
496
  return _Promise.resolve({
500
497
  default: () => null
@@ -596,7 +593,7 @@ const PageHeader = props => {
596
593
  truncate: true
597
594
  }), props.children]
598
595
  }), jsx(CustomViewSelector, {
599
- margin: "".concat(designTokens$1.spacing40, " 0 0 0"),
596
+ margin: `${designTokens$1.spacing40} 0 0 0`,
600
597
  customViewLocatorCode: props.customViewLocatorCode
601
598
  })]
602
599
  });
@@ -713,7 +710,6 @@ const ModalPageTopBar = _ref3 => {
713
710
  };
714
711
  ModalPageTopBar.displayName = 'ModalPageTopBar';
715
712
 
716
- var _templateObject;
717
713
  const stylesBySize = {
718
714
  '10': {
719
715
  width: '600px',
@@ -732,7 +728,14 @@ const stylesBySize = {
732
728
  transitionTime: 300
733
729
  }
734
730
  };
735
- const overlayShow = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"])));
731
+ const overlayShow = keyframes`
732
+ 0% {
733
+ opacity: 0;
734
+ }
735
+ 100% {
736
+ opacity: 1;
737
+ }
738
+ `;
736
739
 
737
740
  // we can't use Overlay from Radix-ui because it doesn't appear in DOM when Dialog.Root is rendered with `modal={false}`
738
741
  const ModalOverlay = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -744,7 +747,7 @@ const ModalOverlay = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
744
747
  let zIndex = _ref.zIndex;
745
748
  return (
746
749
  // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
747
- typeof zIndex === 'number' ? "".concat(zIndex, " !important") : 'inherit'
750
+ typeof zIndex === 'number' ? `${zIndex} !important` : 'inherit'
748
751
  );
749
752
  }, ";opacity:0;", _ref2 => {
750
753
  let size = _ref2.size;
@@ -754,21 +757,21 @@ const ModalOverlay = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
754
757
  const getContentShowAnimation = size => keyframes({
755
758
  '0%': {
756
759
  opacity: 0,
757
- transform: "translate3d(".concat(size !== 'scale' ? stylesBySize[size].width : '30px', ", 0, 0)")
760
+ transform: `translate3d(${size !== 'scale' ? stylesBySize[size].width : '30px'}, 0, 0)`
758
761
  },
759
762
  '100%': {
760
763
  opacity: 1,
761
- transform: "translate3d(0, 0, 0)"
764
+ transform: `translate3d(0, 0, 0)`
762
765
  }
763
766
  });
764
767
  const getContentHideAnimation = size => keyframes({
765
768
  '0%': {
766
769
  opacity: 1,
767
- transform: "translate3d(0, 0, 0)"
770
+ transform: `translate3d(0, 0, 0)`
768
771
  },
769
772
  '100%': {
770
773
  opacity: 0,
771
- transform: "translate3d(".concat(size !== 'scale' ? stylesBySize[size].width : '30px', ", 0, 0)")
774
+ transform: `translate3d(${size !== 'scale' ? stylesBySize[size].width : '30px'}, 0, 0)`
772
775
  }
773
776
  });
774
777
  const ModalContent = /*#__PURE__*/_styled(Content$2, process.env.NODE_ENV === "production" ? {
@@ -779,11 +782,11 @@ const ModalContent = /*#__PURE__*/_styled(Content$2, process.env.NODE_ENV === "p
779
782
  target: "e1jbmsa0",
780
783
  label: "ModalContent"
781
784
  })("position:absolute;top:0;right:0;height:100%;width:", _ref3 => {
782
- var _context;
783
785
  let size = _ref3.size;
784
- return size !== 'scale' ? // In case we're using a specific size, we want it to be used until there's no space left.
786
+ return size !== 'scale' ?
787
+ // In case we're using a specific size, we want it to be used until there's no space left.
785
788
  // In such scenario, we want the modal to be as wide as possible, but using the shared indentation width size.
786
- _concatInstanceProperty(_context = "min(".concat(stylesBySize[size].width, ", calc(100% - ")).call(_context, PORTALS_CONTAINER_INDENTATION_SIZE, ")) !important") : stylesBySize.scale.width;
789
+ `min(${stylesBySize[size].width}, calc(100% - ${PORTALS_CONTAINER_INDENTATION_SIZE})) !important` : stylesBySize.scale.width;
787
790
  }, ";display:flex;flex-direction:column;background-color:", designTokens$1.colorSurface, ";box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.1);outline:0;z-index:inherit;&[data-state='open']{animation:", _ref4 => {
788
791
  let size = _ref4.size;
789
792
  return getContentShowAnimation(size);
@@ -814,7 +817,7 @@ const HiddenEmptyDialogTitle = () => jsx("div", {
814
817
  // instead of a specific element that will be cleaned up, resulting in
815
818
  // console errors (even though the test passes). We only need to to this in
816
819
  // test environment.
817
- const getDefaultParentSelector = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
820
+ const getDefaultParentSelector = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${PORTALS_CONTAINER_ID}`);
818
821
 
819
822
  // NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
820
823
  // However, we need to explicitly define this otherwise the prop-types babel plugin
@@ -887,7 +890,7 @@ const ModalPage = _ref => {
887
890
  onInteractOutside: e => {
888
891
  // Prevent only the modal from closing, handle all other events
889
892
  const overlay = document.querySelector('[data-role="modal-overlay-clickable"]');
890
- if (!(overlay !== null && overlay !== void 0 && overlay.contains(e.target))) {
893
+ if (!overlay?.contains(e.target)) {
891
894
  e.preventDefault();
892
895
  }
893
896
  },
@@ -1136,7 +1139,7 @@ const TabularModalPage = _ref => {
1136
1139
  })
1137
1140
  }), jsx(CustomViewsSelectorWrapper, {
1138
1141
  children: jsx(CustomViewSelector, {
1139
- margin: "".concat(designTokens$1.spacing30, " 0 0 0"),
1142
+ margin: `${designTokens$1.spacing30} 0 0 0`,
1140
1143
  customViewLocatorCodes: props.customViewLocatorCodes
1141
1144
  })
1142
1145
  }), jsx(ModalContentWrapper, {
@@ -1189,17 +1192,13 @@ const HeaderControlsWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV =
1189
1192
  target: "etkdonc0",
1190
1193
  label: "HeaderControlsWrapper"
1191
1194
  })("margin-top:", designTokens$1.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1mb3JtLWRldGFpbC1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QndDIiwiZmlsZSI6ImN1c3RvbS1mb3JtLWRldGFpbC1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUsIE1vdXNlRXZlbnQsIEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzaGFyZWRNZXNzYWdlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG4nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcbmltcG9ydCBDdXN0b21WaWV3c1NlbGVjdG9yIGZyb20gJy4uLy4uL2N1c3RvbS12aWV3cy9jdXN0b20tdmlld3Mtc2VsZWN0b3InO1xuaW1wb3J0IHtcbiAgRm9ybVByaW1hcnlCdXR0b24sXG4gIEZvcm1TZWNvbmRhcnlCdXR0b24sXG4gIEZvcm1EZWxldGVCdXR0b24sXG59IGZyb20gJy4uLy4uL2ludGVybmFscy9kZWZhdWx0LWZvcm0tYnV0dG9ucyc7XG5pbXBvcnQgUGFnZUhlYWRlclRpdGxlIGZyb20gJy4uLy4uL2ludGVybmFscy9wYWdlLWhlYWRlci10aXRsZSc7XG5pbXBvcnQgUGFnZVRvcEJhciBmcm9tICcuLi8uLi9pbnRlcm5hbHMvcGFnZS10b3AtYmFyJztcbmltcG9ydCB7IENvbnRlbnRXcmFwcGVyLCBQYWdlV3JhcHBlciB9IGZyb20gJy4uLy4uL2ludGVybmFscy9wYWdlLnN0eWxlcyc7XG5cbmNvbnN0IERldGFpbFBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JEZXRhaWxQYWdlSGVhZGVyfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9IHNvbGlkO1xuYDtcblxuY29uc3QgSGVhZGVyQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nU307XG5gO1xuXG5jb25zdCBnZXRDdXN0b21WaWV3c1NlbGVjdG9yTWFyZ2luID0gKGhhc0NvbnRlbnRCZWxvdzogYm9vbGVhbikgPT5cbiAgYCR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwICR7XG4gICAgaGFzQ29udGVudEJlbG93ID8gdWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZzQwIDogJzAnXG4gIH0gMGA7XG5cbi8vIE5PVEU6IHRoZSBgTWVzc2FnZURlc2NyaXB0b3JgIHR5cGUgaXMgZXhwb3NlZCBieSBgcmVhY3QtaW50bGAuXG4vLyBIb3dldmVyLCB3ZSBuZWVkIHRvIGV4cGxpY2l0bHkgZGVmaW5lIHRoaXMgb3RoZXJ3aXNlIHRoZSBwcm9wLXR5cGVzIGJhYmVsIHBsdWdpblxuLy8gZG9lcyBub3QgcmVjb2duaXplIHRoZSBvYmplY3Qgc2hhcGUuXG50eXBlIE1lc3NhZ2VEZXNjcmlwdG9yID0ge1xuICBpZDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IG9iamVjdDtcbiAgZGVmYXVsdE1lc3NhZ2U/OiBzdHJpbmc7XG4gIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG59O1xuXG50eXBlIEN1c3RvbUZvcm1EZXRhaWxQYWdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIHBhZ2UuXG4gICAqL1xuICB0aXRsZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBzdWJ0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHN1YnRpdGxlPzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICAvKipcbiAgICogUmVwbGFjZXMgdGhlIHRpdGxlL3N1YnRpdGxlIHJvdyB3aXRoIGEgY3VzdG9tIG9uZSAoZm9yIHNwZWNpYWwgdXNlIGNhc2VzKVxuICAgKi9cbiAgY3VzdG9tVGl0bGVSb3c/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBBbnkgUmVhY3Qgbm9kZSBkaXNwbGF5ZWQgYXMgdGhlIGNvbnRlbnQgd2l0aGluIHRoZSBwYWdlLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcblxuICAvLyBDb250cm9scyBQcm9wc1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHNcbiAgICovXG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIERldGVybWluZXMgaWYgdGhlIGZvcm0gY29udHJvbHMgc2hvdWxkIGJlIHJlbmRlcmVkLlxuICAgKi9cbiAgaGlkZUNvbnRyb2xzPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmV0dXJuIHJvdXRlIHBhdGggbGFiZWwuXG4gICAqL1xuICBwcmV2aW91c1BhdGhMYWJlbD86IHN0cmluZyB8IE1lc3NhZ2VEZXNjcmlwdG9yO1xuICAvKipcbiAgICogVGhpcyBjb2RlIGlzIHVzZWQgdG8gY29uZmlndXJlIHdoaWNoIEN1c3RvbSBWaWV3cyBhcmUgYXZhaWxhYmxlIGZvciB0aGlzIHBhZ2UuXG4gICAqL1xuICBjdXN0b21WaWV3TG9jYXRvckNvZGU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBGdW5jdGlvbiBjYWxsZWQgd2hlbiBiYWNrIGJ1dHRvbiBpcyBwcmVzc2VkLlxuICAgKi9cbiAgb25QcmV2aW91c1BhdGhDbGljazogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEN1c3RvbUZvcm1EZXRhaWxQYWdlID0gKHtcbiAgaGlkZUNvbnRyb2xzID0gZmFsc2UsXG4gIC4uLnByb3BzXG59OiBDdXN0b21Gb3JtRGV0YWlsUGFnZVByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdEZXRhaWxQYWdlOiBvbmUgb2YgZWl0aGVyIGB0aXRsZWAgb3IgYGN1c3RvbVRpdGxlUm93YCBpcyByZXF1aXJlZCBidXQgYm90aCB0aGVpciB2YWx1ZXMgYXJlIGB1bmRlZmluZWRgJ1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFBhZ2VXcmFwcGVyPlxuICAgICAgPERldGFpbFBhZ2VDb250YWluZXI+XG4gICAgICAgIDxQYWdlVG9wQmFyXG4gICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICBwcmV2aW91c1BhdGhMYWJlbD17cHJvcHMucHJldmlvdXNQYXRoTGFiZWx9XG4gICAgICAgICAgb25DbGljaz17cHJvcHMub25QcmV2aW91c1BhdGhDbGlja31cbiAgICAgICAgLz5cbiAgICAgICAge3Byb3BzLmN1c3RvbVRpdGxlUm93IHx8IChcbiAgICAgICAgICA8UGFnZUhlYWRlclRpdGxlXG4gICAgICAgICAgICB0aXRsZT17cHJvcHMudGl0bGUgPz8gJyd9XG4gICAgICAgICAgICBzdWJ0aXRsZT17cHJvcHMuc3VidGl0bGV9XG4gICAgICAgICAgICB0aXRsZVNpemU9XCJiaWdcIlxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxDdXN0b21WaWV3c1NlbGVjdG9yXG4gICAgICAgICAgbWFyZ2luPXtnZXRDdXN0b21WaWV3c1NlbGVjdG9yTWFyZ2luKFxuICAgICAgICAgICAgIWhpZGVDb250cm9scyAmJiAhIXByb3BzLmZvcm1Db250cm9sc1xuICAgICAgICAgICl9XG4gICAgICAgICAgY3VzdG9tVmlld0xvY2F0b3JDb2RlPXtwcm9wcy5jdXN0b21WaWV3TG9jYXRvckNvZGV9XG4gICAgICAgIC8+XG4gICAgICAgIHshaGlkZUNvbnRyb2xzICYmIHByb3BzLmZvcm1Db250cm9scyAmJiAoXG4gICAgICAgICAgPEhlYWRlckNvbnRyb2xzV3JhcHBlcj5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUganVzdGlmeUNvbnRlbnQ9XCJmbGV4LWVuZFwiPlxuICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgPC9IZWFkZXJDb250cm9sc1dyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L0RldGFpbFBhZ2VDb250YWluZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXI+e3Byb3BzLmNoaWxkcmVufTwvQ29udGVudFdyYXBwZXI+XG4gICAgPC9QYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5DdXN0b21Gb3JtRGV0YWlsUGFnZS5kaXNwbGF5TmFtZSA9ICdDdXN0b21Gb3JtRGV0YWlsUGFnZSc7XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuQ3VzdG9tRm9ybURldGFpbFBhZ2UuUGFnZUhlYWRlclRpdGxlID0gUGFnZUhlYWRlclRpdGxlO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5DdXN0b21Gb3JtRGV0YWlsUGFnZS5Gb3JtUHJpbWFyeUJ1dHRvbiA9IEZvcm1QcmltYXJ5QnV0dG9uO1xuQ3VzdG9tRm9ybURldGFpbFBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5DdXN0b21Gb3JtRGV0YWlsUGFnZS5Gb3JtRGVsZXRlQnV0dG9uID0gRm9ybURlbGV0ZUJ1dHRvbjtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG4vLyBUaGUgSW50bCBtZXNzYWdlcyBjYW4gYmUgdXNlZCBmb3IgYnV0dG9uIGxhYmVscy5cbkN1c3RvbUZvcm1EZXRhaWxQYWdlLkludGwgPSBzaGFyZWRNZXNzYWdlcztcblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tRm9ybURldGFpbFBhZ2U7XG4iXX0= */"));
1192
- const getCustomViewsSelectorMargin = hasContentBelow => {
1193
- var _context;
1194
- return _concatInstanceProperty(_context = "".concat(designTokens$1.spacing40, " 0 ")).call(_context, hasContentBelow ? designTokens$1.spacing40 : '0', " 0");
1195
- };
1195
+ const getCustomViewsSelectorMargin = hasContentBelow => `${designTokens$1.spacing40} 0 ${hasContentBelow ? designTokens$1.spacing40 : '0'} 0`;
1196
1196
 
1197
1197
  // NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
1198
1198
  // However, we need to explicitly define this otherwise the prop-types babel plugin
1199
1199
  // does not recognize the object shape.
1200
1200
 
1201
1201
  const CustomFormDetailPage = _ref => {
1202
- var _props$title;
1203
1202
  let _ref$hideControls = _ref.hideControls,
1204
1203
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1205
1204
  props = _objectWithoutProperties(_ref, _excluded$8);
@@ -1211,7 +1210,7 @@ const CustomFormDetailPage = _ref => {
1211
1210
  previousPathLabel: props.previousPathLabel,
1212
1211
  onClick: props.onPreviousPathClick
1213
1212
  }), props.customTitleRow || jsx(PageHeaderTitle, {
1214
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1213
+ title: props.title ?? '',
1215
1214
  subtitle: props.subtitle,
1216
1215
  titleSize: "big"
1217
1216
  }), jsx(CustomViewSelector, {
@@ -1297,7 +1296,6 @@ InfoDetailPage.PageHeaderTitle = PageHeaderTitle;
1297
1296
 
1298
1297
  const _excluded$6 = ["hideControls"];
1299
1298
  const TabularDetailPage = _ref => {
1300
- var _props$title;
1301
1299
  let _ref$hideControls = _ref.hideControls,
1302
1300
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1303
1301
  props = _objectWithoutProperties(_ref, _excluded$6);
@@ -1309,7 +1307,7 @@ const TabularDetailPage = _ref => {
1309
1307
  previousPathLabel: props.previousPathLabel,
1310
1308
  onClick: props.onPreviousPathClick
1311
1309
  }), props.customTitleRow || jsx(PageHeaderTitle, {
1312
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1310
+ title: props.title ?? '',
1313
1311
  subtitle: props.subtitle,
1314
1312
  titleSize: "big"
1315
1313
  }), jsx(ControlsContainter, {
@@ -1323,7 +1321,7 @@ const TabularDetailPage = _ref => {
1323
1321
  })]
1324
1322
  }), jsx(CustomViewsSelectorWrapper, {
1325
1323
  children: jsx(CustomViewSelector, {
1326
- margin: "".concat(designTokens$1.spacing30, " 0 0 0"),
1324
+ margin: `${designTokens$1.spacing30} 0 0 0`,
1327
1325
  customViewLocatorCodes: props.customViewLocatorCodes
1328
1326
  })
1329
1327
  }), jsx(ContentWrapper$2, {
@@ -1343,7 +1341,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1343
1341
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1344
1342
  TabularDetailPage.Intl = sharedMessages;
1345
1343
 
1346
- const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-2fea64b6.esm.js' /* webpackChunkName: "public-page-layout" */));
1344
+ const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-7d1cb99f.esm.js' /* webpackChunkName: "public-page-layout" */));
1347
1345
 
1348
1346
  const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1349
1347
  target: "ev8m2jf2"
@@ -1367,9 +1365,8 @@ const MainPageContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
1367
1365
  })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0Zvck1haW5QYWdlSGVhZGVyfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gc3R5bGVkLmhyYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1368
1366
 
1369
1367
  const _excluded$5 = ["hideControls", "hideDivider"];
1370
- const headerRowMargin = "".concat(designTokens$1.spacing40, " 0 0 0");
1368
+ const headerRowMargin = `${designTokens$1.spacing40} 0 0 0`;
1371
1369
  const CustomFormMainPage = _ref => {
1372
- var _props$title;
1373
1370
  let _ref$hideControls = _ref.hideControls,
1374
1371
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1375
1372
  _ref$hideDivider = _ref.hideDivider,
@@ -1379,7 +1376,7 @@ const CustomFormMainPage = _ref => {
1379
1376
  return jsxs(PageWrapper, {
1380
1377
  children: [jsxs(MainPageContainer, {
1381
1378
  children: [props.customTitleRow || jsx(PageHeaderTitle, {
1382
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1379
+ title: props.title ?? '',
1383
1380
  subtitle: props.subtitle,
1384
1381
  titleSize: "big"
1385
1382
  }), jsx(CustomViewSelector, {
@@ -1471,7 +1468,6 @@ InfoMainPage.PageHeaderTitle = PageHeaderTitle;
1471
1468
 
1472
1469
  const _excluded$3 = ["hideControls"];
1473
1470
  const TabularMainPage = _ref => {
1474
- var _props$title;
1475
1471
  let _ref$hideControls = _ref.hideControls,
1476
1472
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1477
1473
  props = _objectWithoutProperties(_ref, _excluded$3);
@@ -1479,7 +1475,7 @@ const TabularMainPage = _ref => {
1479
1475
  return jsxs(PageWrapper, {
1480
1476
  children: [jsxs(TabularPageContainer, {
1481
1477
  children: [props.customTitleRow || jsx(PageHeaderTitle, {
1482
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1478
+ title: props.title ?? '',
1483
1479
  subtitle: props.subtitle,
1484
1480
  titleSize: "big"
1485
1481
  }), jsx(ControlsContainter, {
@@ -1493,7 +1489,7 @@ const TabularMainPage = _ref => {
1493
1489
  })]
1494
1490
  }), jsx(CustomViewsSelectorWrapper, {
1495
1491
  children: jsx(CustomViewSelector, {
1496
- margin: "".concat(designTokens$1.spacing30, " 0 0 0"),
1492
+ margin: `${designTokens$1.spacing30} 0 0 0`,
1497
1493
  customViewLocatorCodes: props.customViewLocatorCodes
1498
1494
  })
1499
1495
  }), jsx(ContentWrapper$2, {
@@ -1890,9 +1886,8 @@ const messages$1 = defineMessages({
1890
1886
  function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1891
1887
  const isIframeReady = iFrameElementRef => {
1892
1888
  try {
1893
- var _iFrameElementRef$con;
1894
- return (iFrameElementRef === null || iFrameElementRef === void 0 || (_iFrameElementRef$con = iFrameElementRef.contentWindow) === null || _iFrameElementRef$con === void 0 ? void 0 : _iFrameElementRef$con.document.readyState) === 'complete';
1895
- } catch (_unused) {
1889
+ return iFrameElementRef?.contentWindow?.document.readyState === 'complete';
1890
+ } catch {
1896
1891
  // Trying to access the contentWindow of a cross-origin iFrame will throw an error.
1897
1892
  // We are not supposed to even get here because the iFrame must use
1898
1893
  // a URL from our very same domain (the custom view is proxied through our http-proxy service).
@@ -1926,20 +1921,15 @@ const CustomPanelIframe = /*#__PURE__*/_styled("iframe", process.env.NODE_ENV ==
1926
1921
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
1927
1922
  });
1928
1923
  function CustomViewLoader(props) {
1929
- var _props$customView$typ;
1930
1924
  const iFrameElementRef = useRef(null);
1931
1925
  const dataLocale = useApplicationContext(context => context.dataLocale);
1932
- const projectKey = useApplicationContext(context => {
1933
- var _context$project;
1934
- return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
1935
- });
1926
+ const projectKey = useApplicationContext(context => context.project?.key);
1936
1927
  const featureFlags = useAllFeatureToggles();
1937
1928
  const iFrameCommunicationChannel = useRef(new MessageChannel());
1938
1929
  const showNotification = useShowNotification();
1939
1930
  const intl = useIntl();
1940
1931
  const hasSentInitializationMessages = useRef(false);
1941
1932
  const sendInitializationMessages = useCallback(() => {
1942
- var _iFrameElementRef$cur, _context;
1943
1933
  // If we have already sent the initialization messages, do not send them again.
1944
1934
  // The message can be sent either as a response to the CUSTOM_VIEW_READY message
1945
1935
  // or as a result of a setTimeout after 500ms. In any case, this message should be sent only once.
@@ -1948,12 +1938,12 @@ function CustomViewLoader(props) {
1948
1938
  }
1949
1939
 
1950
1940
  // Transfer port2 to the iFrame so it can send messages back privately
1951
- (_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 || (_iFrameElementRef$cur = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur === void 0 || _iFrameElementRef$cur.postMessage(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
1941
+ iFrameElementRef.current?.contentWindow?.postMessage(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
1952
1942
 
1953
1943
  // Send the initialization message to the iFrame
1954
1944
  iFrameCommunicationChannel.current.port1.postMessage({
1955
1945
  source: CUSTOM_VIEWS_EVENTS_META.HOST_APPLICATION_CODE,
1956
- destination: _concatInstanceProperty(_context = "".concat(CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX)).call(_context, props.customView.id),
1946
+ destination: `${CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX}${props.customView.id}`,
1957
1947
  eventName: CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
1958
1948
  eventData: {
1959
1949
  context: {
@@ -2023,31 +2013,31 @@ function CustomViewLoader(props) {
2023
2013
  window.addEventListener('message', messageFromIFrameHandler);
2024
2014
  return () => {
2025
2015
  window.removeEventListener('message', messageFromIFrameHandler);
2026
- communicationChannel === null || communicationChannel === void 0 || communicationChannel.port1.close();
2016
+ communicationChannel?.port1.close();
2027
2017
  };
2028
2018
  }, []);
2029
2019
 
2030
2020
  // Currently we only support custom panels
2031
2021
  if (props.customView.type !== 'CustomPanel') {
2032
- reportErrorToSentry(new Error("CustomViewLoader: Provided Custom View has an unsupported type: ".concat(props.customView.type, ". Supported types: ['CustomPanel'].")));
2022
+ reportErrorToSentry(new Error(`CustomViewLoader: Provided Custom View has an unsupported type: ${props.customView.type}. Supported types: ['CustomPanel'].`));
2033
2023
  return null;
2034
2024
  }
2035
- const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 || (_props$customView$typ = _props$customView$typ.size) === null || _props$customView$typ === void 0 ? void 0 : _props$customView$typ.toLocaleLowerCase()) || 'large';
2025
+ const panelSize = props.customView.typeSettings?.size?.toLocaleLowerCase() || 'large';
2036
2026
  const iFrameUrl = [window.location.origin, 'custom-views', props.customView.id, 'projects', projectKey].join('/');
2037
2027
  return jsx(ModalPage, {
2038
2028
  isOpen: true,
2039
2029
  onClose: props.onClose,
2040
2030
  size: panelSize === 'small' ? 10 : 30,
2041
- title: "Custom View: ".concat(props.customView.defaultLabel),
2031
+ title: `Custom View: ${props.customView.defaultLabel}`,
2042
2032
  hideTopBar: true,
2043
2033
  children: jsx(ContentWrapper, {
2044
2034
  children: jsx(CustomPanelIframe, {
2045
- id: "custom-view-".concat(props.customView.id),
2046
- title: "Custom View: ".concat(props.customView.defaultLabel),
2035
+ id: `custom-view-${props.customView.id}`,
2036
+ title: `Custom View: ${props.customView.defaultLabel}`,
2047
2037
  ref: iFrameElementRef,
2048
2038
  src: iFrameUrl,
2049
2039
  onLoad: onLoadSuccessHandler
2050
- }, "custom-view-".concat(props.customView.id))
2040
+ }, `custom-view-${props.customView.id}`)
2051
2041
  })
2052
2042
  });
2053
2043
  }
@@ -2158,21 +2148,20 @@ var _ref = process.env.NODE_ENV === "production" ? {
2158
2148
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
2159
2149
  };
2160
2150
  const PortalsContainer = /*#__PURE__*/forwardRef((props, ref) => {
2161
- var _props$offsetTop, _props$offsetLeft, _props$offsetLeftOnEx, _props$containerSelec, _props$zIndex, _props$baseModalZInde, _current, _current2;
2162
2151
  // Initialize props with default values.
2163
2152
  // NOTE: using `defaultProps` with `forwardRef` results in the type declarations
2164
2153
  // to ignore the `defaultProps`. Therefore, the default props are typed
2165
2154
  // as optional and we initialize the value here with the default values.
2166
- const offsetTop = (_props$offsetTop = props.offsetTop) !== null && _props$offsetTop !== void 0 ? _props$offsetTop : '0px';
2167
- const offsetLeft = (_props$offsetLeft = props.offsetLeft) !== null && _props$offsetLeft !== void 0 ? _props$offsetLeft : '0px';
2168
- const offsetLeftOnExpandedMenu = (_props$offsetLeftOnEx = props.offsetLeftOnExpandedMenu) !== null && _props$offsetLeftOnEx !== void 0 ? _props$offsetLeftOnEx : '0px';
2169
- const containerSelectorToPreventScrollingOnOpen = (_props$containerSelec = props.containerSelectorToPreventScrollingOnOpen) !== null && _props$containerSelec !== void 0 ? _props$containerSelec : 'main';
2170
- const zIndex = (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : 10000;
2171
- const baseModalZIndex = (_props$baseModalZInde = props.baseModalZIndex) !== null && _props$baseModalZInde !== void 0 ? _props$baseModalZInde : 1000;
2155
+ const offsetTop = props.offsetTop ?? '0px';
2156
+ const offsetLeft = props.offsetLeft ?? '0px';
2157
+ const offsetLeftOnExpandedMenu = props.offsetLeftOnExpandedMenu ?? '0px';
2158
+ const containerSelectorToPreventScrollingOnOpen = props.containerSelectorToPreventScrollingOnOpen ?? 'main';
2159
+ const zIndex = props.zIndex ?? 10000;
2160
+ const baseModalZIndex = props.baseModalZIndex ?? 1000;
2172
2161
  const modalWidthTransition = 'width 150ms cubic-bezier(1, 0, 0.58, 1)';
2173
2162
  const portalsContainerRef = useRef(null);
2174
- const globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 || (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
2175
- const pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 || (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
2163
+ const globalNotificationsElementDimensions = useObserverElementDimensions(ref?.current?.notificationsGlobalRef);
2164
+ const pageNotificationsElementDimensions = useObserverElementDimensions(ref?.current?.notificationsPageRef);
2176
2165
  const _useState3 = useState([]),
2177
2166
  _useState4 = _slicedToArray(_useState3, 2),
2178
2167
  stackingLayers = _useState4[0],
package/dist/{custom-views-selector-352b7403.esm.js → custom-views-selector-042deb62.esm.js} RENAMED
@@ -24,13 +24,13 @@ import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entrie
24
24
  import { useLocation, matchPath } from 'react-router-dom';
25
25
  import { CustomViewLoader } from './commercetools-frontend-application-components.esm.js';
26
26
  import { defineMessages } from 'react-intl';
27
+ import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
27
28
  import { useFlagVariation } from '@flopflip/react-broadcast';
28
29
  import { useMcQuery } from '@commercetools-frontend/application-shell-connectors';
29
30
  import { featureFlags, GRAPHQL_TARGETS } from '@commercetools-frontend/constants';
30
31
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
31
32
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
32
33
  import '@commercetools-uikit/utils';
33
- import '@babel/runtime-corejs3/core-js-stable/instance/concat';
34
34
  import '@radix-ui/react-dialog';
35
35
  import '@commercetools-uikit/card';
36
36
  import '@commercetools-uikit/secondary-icon-button';
@@ -42,7 +42,6 @@ import 'lodash/omitBy';
42
42
  import '@babel/runtime-corejs3/core-js-stable/promise';
43
43
  import '@babel/runtime-corejs3/core-js-stable/set-timeout';
44
44
  import '@commercetools-uikit/flat-button';
45
- import '@babel/runtime-corejs3/helpers/taggedTemplateLiteral';
46
45
  import '@commercetools-uikit/icon-button';
47
46
  import '@commercetools-frontend/assets/images/page-not-found.svg';
48
47
  import '@commercetools-frontend/assets/images/doors-closed.svg';
@@ -73,7 +72,7 @@ const useCustomViewLocatorSelector = function () {
73
72
  });
74
73
  });
75
74
  return {
76
- currentCustomViewLocatorCode: customViewLocator === null || customViewLocator === void 0 ? void 0 : customViewLocator[0]
75
+ currentCustomViewLocatorCode: customViewLocator?.[0]
77
76
  };
78
77
  };
79
78
 
@@ -86,12 +85,12 @@ var messages = defineMessages({
86
85
 
87
86
  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 } } } };
88
87
  const useCustomViewsConnector = _ref => {
89
- var _enableCustomViews$va, _data$allCustomViewsI;
88
+ var _context, _context2;
90
89
  let customViewLocatorCode = _ref.customViewLocatorCode;
91
90
  const enableCustomViews = useFlagVariation(featureFlags.CUSTOM_VIEWS);
92
91
  const areCustomViewsEnabled =
93
92
  // @ts-ignore In case it's coming from the MC API, it's an object { value: boolean }.
94
- ((_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';
93
+ (enableCustomViews?.value ?? enableCustomViews) && process.env.DISABLE_CUSTOM_VIEWS_FEATURE !== 'true';
95
94
  const _useMcQuery = useMcQuery(FetchCustomViewsQuery, {
96
95
  variables: {
97
96
  customViewLocatorCode
@@ -105,7 +104,7 @@ const useCustomViewsConnector = _ref => {
105
104
  error = _useMcQuery.error,
106
105
  loading = _useMcQuery.loading;
107
106
  return {
108
- 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)) || [],
107
+ customViews: ((_context = data?.allCustomViewsInstallationsByLocator) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _mapInstanceProperty(_context), _context))?.(installation => installation.customView) || [],
109
108
  error,
110
109
  loading
111
110
  };
@@ -213,7 +212,7 @@ function CustomViewSelector(props) {
213
212
  const isNotLastItem = index !== customViews.length - 1;
214
213
  return jsxs(Fragment, {
215
214
  children: [jsx(CustomViewSelectorItem, {
216
- selected: (selectedCustomView === null || selectedCustomView === void 0 ? void 0 : selectedCustomView.id) === customView.id,
215
+ selected: selectedCustomView?.id === customView.id,
217
216
  onClick: () => {
218
217
  setSelectedCustomView(customView);
219
218
  },
@@ -236,7 +235,7 @@ CustomViewSelector.displayName = 'CustomViewSelector';
236
235
  const CustomViewSelectorOrNothing = props => {
237
236
  const _useCustomViewLocator = useCustomViewLocatorSelector(props.customViewLocatorCodes),
238
237
  currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
239
- const locatorCode = currentCustomViewLocatorCode !== null && currentCustomViewLocatorCode !== void 0 ? currentCustomViewLocatorCode : props.customViewLocatorCode;
238
+ const locatorCode = currentCustomViewLocatorCode ?? props.customViewLocatorCode;
240
239
  if (!locatorCode) {
241
240
  return null;
242
241
  }