@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.cjs.dev.js CHANGED
@@ -18,7 +18,6 @@ var Text = require('@commercetools-uikit/text');
18
18
  var utils = require('@commercetools-uikit/utils');
19
19
  var react = require('@emotion/react');
20
20
  var designSystem = require('@commercetools-uikit/design-system');
21
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
22
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
23
22
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
24
23
  var _styled = require('@emotion/styled/base');
@@ -37,7 +36,6 @@ var omitBy = require('lodash/omitBy');
37
36
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
38
37
  var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
39
38
  var FlatButton = require('@commercetools-uikit/flat-button');
40
- var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
41
39
  var IconButton = require('@commercetools-uikit/icon-button');
42
40
  var Constraints = require('@commercetools-uikit/constraints');
43
41
  var PageNotFoundSVG = require('@commercetools-frontend/assets/images/page-not-found.svg');
@@ -63,7 +61,6 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
63
61
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
64
62
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
65
63
  var Text__default = /*#__PURE__*/_interopDefault(Text);
66
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
67
64
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
68
65
  var Card__default = /*#__PURE__*/_interopDefault(Card);
69
66
  var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
@@ -85,20 +82,18 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
85
82
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
86
83
 
87
84
  // NOTE: This string will be replaced on build time with the package version.
88
- var version = "25.0.0";
89
-
90
- var _context, _context2, _context3, _context4, _context5;
85
+ var version = "25.2.0";
91
86
 
92
87
  // We keep these tokens as they are related to page layout components which should have
93
88
  // a slightly different layout (margins/paddings) when used within a Custom View panel.
94
89
  // https://github.com/commercetools/merchant-center-application-kit/pull/3353
95
90
  const themesOverrides = {
96
91
  default: {
97
- marginForCustomViewsSelectorAsTabular: "0 ".concat(designSystem.designTokens.spacing55),
98
- marginForPageContent: _concatInstanceProperty__default["default"](_context = "".concat(designSystem.designTokens.spacing50, " ")).call(_context, designSystem.designTokens.spacing55),
99
- paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context3, designSystem.designTokens.spacing55, " ")).call(_context2, designSystem.designTokens.spacing40),
100
- paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context4, designSystem.designTokens.spacing55, " 0"),
101
- paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context5, designSystem.designTokens.spacing55, " 0"),
92
+ marginForCustomViewsSelectorAsTabular: `0 ${designSystem.designTokens.spacing55}`,
93
+ marginForPageContent: `${designSystem.designTokens.spacing50} ${designSystem.designTokens.spacing55}`,
94
+ paddingForDetailPageHeader: `${designSystem.designTokens.spacing50} ${designSystem.designTokens.spacing55} ${designSystem.designTokens.spacing40}`,
95
+ paddingForMainPageHeader: `${designSystem.designTokens.spacing50} ${designSystem.designTokens.spacing55} 0`,
96
+ paddingForTabularPageHeader: `${designSystem.designTokens.spacing40} ${designSystem.designTokens.spacing55} 0`,
102
97
  backgroundColorForNavbar: designSystem.designTokens.colorPrimary10,
103
98
  backgroundColorForNavbarHeader: designSystem.designTokens.colorPrimary10,
104
99
  fontColorForTabLabelWhenActive: designSystem.designTokens.colorPrimary
@@ -208,10 +203,11 @@ const getModalContentStyles = props => {
208
203
 
209
204
  // To ensure that the mouse click on the overlay surface goes "through"
210
205
  // and triggers the modal to close, we need to turn off the pointer events.
211
- const baseStyles = /*#__PURE__*/react.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.
206
+ const baseStyles = /*#__PURE__*/react.css("display:grid;height:100%;width:100%;outline:none;position:relative;pointer-events:none;z-index:", typeof props.zIndex === 'number' ?
207
+ // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
212
208
  // We're assigning value 1 unit higher than the overlay to ensure the content is on top.
213
209
  // It's safe to do that since the modal is topmost in the stacking layer.
214
- "".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= */");
210
+ `${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= */");
215
211
  return baseStyles;
216
212
  };
217
213
  const ClickableDialogContent = /*#__PURE__*/_styled__default["default"](reactDialog.Content, process.env.NODE_ENV === "production" ? {
@@ -229,7 +225,7 @@ const DialogOverlay = /*#__PURE__*/_styled__default["default"]("div", process.en
229
225
  let zIndex = _ref.zIndex;
230
226
  return (
231
227
  // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
232
- typeof zIndex === 'number' ? "".concat(zIndex, " !important") : 'auto'
228
+ typeof zIndex === 'number' ? `${zIndex} !important` : 'auto'
233
229
  );
234
230
  }, ";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= */"));
235
231
  const DialogContent$1 = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
@@ -248,7 +244,7 @@ const DialogContent$1 = /*#__PURE__*/_styled__default["default"]("div", process.
248
244
 
249
245
  const _excluded$j = ["size", "getParentSelector"];
250
246
  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)."; }
251
- const getDefaultParentSelector$1 = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
247
+ const getDefaultParentSelector$1 = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${constants.PORTALS_CONTAINER_ID}`);
252
248
  const GridArea = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
253
249
  target: "elx55gk0"
254
250
  } : {
@@ -530,7 +526,7 @@ FormDialog.TextTitle = TextTitle;
530
526
 
531
527
  const CustomViewSelector = /*#__PURE__*/react$1.lazy(() => {
532
528
  if (typeof window !== 'undefined' && typeof window.app !== 'undefined') {
533
- return Promise.resolve().then(function () { return require('./custom-views-selector-71abb548.cjs.dev.js' /* webpackChunkName: "custom-views-selector" */); });
529
+ return Promise.resolve().then(function () { return require('./custom-views-selector-8cde3a16.cjs.dev.js' /* webpackChunkName: "custom-views-selector" */); });
534
530
  }
535
531
  return _Promise__default["default"].resolve({
536
532
  default: () => null
@@ -632,7 +628,7 @@ const PageHeader = props => {
632
628
  truncate: true
633
629
  }), props.children]
634
630
  }), jsxRuntime.jsx(CustomViewSelector, {
635
- margin: "".concat(designSystem.designTokens.spacing40, " 0 0 0"),
631
+ margin: `${designSystem.designTokens.spacing40} 0 0 0`,
636
632
  customViewLocatorCode: props.customViewLocatorCode
637
633
  })]
638
634
  });
@@ -749,7 +745,6 @@ const ModalPageTopBar = _ref3 => {
749
745
  };
750
746
  ModalPageTopBar.displayName = 'ModalPageTopBar';
751
747
 
752
- var _templateObject;
753
748
  const stylesBySize = {
754
749
  '10': {
755
750
  width: '600px',
@@ -768,7 +763,14 @@ const stylesBySize = {
768
763
  transitionTime: 300
769
764
  }
770
765
  };
771
- const overlayShow = react.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"])));
766
+ const overlayShow = react.keyframes`
767
+ 0% {
768
+ opacity: 0;
769
+ }
770
+ 100% {
771
+ opacity: 1;
772
+ }
773
+ `;
772
774
 
773
775
  // we can't use Overlay from Radix-ui because it doesn't appear in DOM when Dialog.Root is rendered with `modal={false}`
774
776
  const ModalOverlay = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
@@ -780,7 +782,7 @@ const ModalOverlay = /*#__PURE__*/_styled__default["default"]("div", process.env
780
782
  let zIndex = _ref.zIndex;
781
783
  return (
782
784
  // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
783
- typeof zIndex === 'number' ? "".concat(zIndex, " !important") : 'inherit'
785
+ typeof zIndex === 'number' ? `${zIndex} !important` : 'inherit'
784
786
  );
785
787
  }, ";opacity:0;", _ref2 => {
786
788
  let size = _ref2.size;
@@ -790,21 +792,21 @@ const ModalOverlay = /*#__PURE__*/_styled__default["default"]("div", process.env
790
792
  const getContentShowAnimation = size => react.keyframes({
791
793
  '0%': {
792
794
  opacity: 0,
793
- transform: "translate3d(".concat(size !== 'scale' ? stylesBySize[size].width : '30px', ", 0, 0)")
795
+ transform: `translate3d(${size !== 'scale' ? stylesBySize[size].width : '30px'}, 0, 0)`
794
796
  },
795
797
  '100%': {
796
798
  opacity: 1,
797
- transform: "translate3d(0, 0, 0)"
799
+ transform: `translate3d(0, 0, 0)`
798
800
  }
799
801
  });
800
802
  const getContentHideAnimation = size => react.keyframes({
801
803
  '0%': {
802
804
  opacity: 1,
803
- transform: "translate3d(0, 0, 0)"
805
+ transform: `translate3d(0, 0, 0)`
804
806
  },
805
807
  '100%': {
806
808
  opacity: 0,
807
- transform: "translate3d(".concat(size !== 'scale' ? stylesBySize[size].width : '30px', ", 0, 0)")
809
+ transform: `translate3d(${size !== 'scale' ? stylesBySize[size].width : '30px'}, 0, 0)`
808
810
  }
809
811
  });
810
812
  const ModalContent = /*#__PURE__*/_styled__default["default"](reactDialog.Content, process.env.NODE_ENV === "production" ? {
@@ -815,11 +817,11 @@ const ModalContent = /*#__PURE__*/_styled__default["default"](reactDialog.Conten
815
817
  target: "e1jbmsa0",
816
818
  label: "ModalContent"
817
819
  })("position:absolute;top:0;right:0;height:100%;width:", _ref3 => {
818
- var _context;
819
820
  let size = _ref3.size;
820
- return size !== 'scale' ? // In case we're using a specific size, we want it to be used until there's no space left.
821
+ return size !== 'scale' ?
822
+ // In case we're using a specific size, we want it to be used until there's no space left.
821
823
  // In such scenario, we want the modal to be as wide as possible, but using the shared indentation width size.
822
- _concatInstanceProperty__default["default"](_context = "min(".concat(stylesBySize[size].width, ", calc(100% - ")).call(_context, constants.PORTALS_CONTAINER_INDENTATION_SIZE, ")) !important") : stylesBySize.scale.width;
824
+ `min(${stylesBySize[size].width}, calc(100% - ${constants.PORTALS_CONTAINER_INDENTATION_SIZE})) !important` : stylesBySize.scale.width;
823
825
  }, ";display:flex;flex-direction:column;background-color:", designSystem.designTokens.colorSurface, ";box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.1);outline:0;z-index:inherit;&[data-state='open']{animation:", _ref4 => {
824
826
  let size = _ref4.size;
825
827
  return getContentShowAnimation(size);
@@ -850,7 +852,7 @@ const HiddenEmptyDialogTitle = () => jsxRuntime.jsx("div", {
850
852
  // instead of a specific element that will be cleaned up, resulting in
851
853
  // console errors (even though the test passes). We only need to to this in
852
854
  // test environment.
853
- const getDefaultParentSelector = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
855
+ const getDefaultParentSelector = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector(`#${constants.PORTALS_CONTAINER_ID}`);
854
856
 
855
857
  // NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
856
858
  // However, we need to explicitly define this otherwise the prop-types babel plugin
@@ -923,7 +925,7 @@ const ModalPage = _ref => {
923
925
  onInteractOutside: e => {
924
926
  // Prevent only the modal from closing, handle all other events
925
927
  const overlay = document.querySelector('[data-role="modal-overlay-clickable"]');
926
- if (!(overlay !== null && overlay !== void 0 && overlay.contains(e.target))) {
928
+ if (!overlay?.contains(e.target)) {
927
929
  e.preventDefault();
928
930
  }
929
931
  },
@@ -1172,7 +1174,7 @@ const TabularModalPage = _ref => {
1172
1174
  })
1173
1175
  }), jsxRuntime.jsx(CustomViewsSelectorWrapper, {
1174
1176
  children: jsxRuntime.jsx(CustomViewSelector, {
1175
- margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
1177
+ margin: `${designSystem.designTokens.spacing30} 0 0 0`,
1176
1178
  customViewLocatorCodes: props.customViewLocatorCodes
1177
1179
  })
1178
1180
  }), jsxRuntime.jsx(ModalContentWrapper, {
@@ -1225,17 +1227,13 @@ const HeaderControlsWrapper = /*#__PURE__*/_styled__default["default"]("div", pr
1225
1227
  target: "etkdonc0",
1226
1228
  label: "HeaderControlsWrapper"
1227
1229
  })("margin-top:", designSystem.designTokens.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= */"));
1228
- const getCustomViewsSelectorMargin = hasContentBelow => {
1229
- var _context;
1230
- return _concatInstanceProperty__default["default"](_context = "".concat(designSystem.designTokens.spacing40, " 0 ")).call(_context, hasContentBelow ? designSystem.designTokens.spacing40 : '0', " 0");
1231
- };
1230
+ const getCustomViewsSelectorMargin = hasContentBelow => `${designSystem.designTokens.spacing40} 0 ${hasContentBelow ? designSystem.designTokens.spacing40 : '0'} 0`;
1232
1231
 
1233
1232
  // NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
1234
1233
  // However, we need to explicitly define this otherwise the prop-types babel plugin
1235
1234
  // does not recognize the object shape.
1236
1235
 
1237
1236
  const CustomFormDetailPage = _ref => {
1238
- var _props$title;
1239
1237
  let _ref$hideControls = _ref.hideControls,
1240
1238
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1241
1239
  props = _objectWithoutProperties(_ref, _excluded$8);
@@ -1247,7 +1245,7 @@ const CustomFormDetailPage = _ref => {
1247
1245
  previousPathLabel: props.previousPathLabel,
1248
1246
  onClick: props.onPreviousPathClick
1249
1247
  }), props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1250
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1248
+ title: props.title ?? '',
1251
1249
  subtitle: props.subtitle,
1252
1250
  titleSize: "big"
1253
1251
  }), jsxRuntime.jsx(CustomViewSelector, {
@@ -1333,7 +1331,6 @@ InfoDetailPage.PageHeaderTitle = PageHeaderTitle;
1333
1331
 
1334
1332
  const _excluded$6 = ["hideControls"];
1335
1333
  const TabularDetailPage = _ref => {
1336
- var _props$title;
1337
1334
  let _ref$hideControls = _ref.hideControls,
1338
1335
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1339
1336
  props = _objectWithoutProperties(_ref, _excluded$6);
@@ -1345,7 +1342,7 @@ const TabularDetailPage = _ref => {
1345
1342
  previousPathLabel: props.previousPathLabel,
1346
1343
  onClick: props.onPreviousPathClick
1347
1344
  }), props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1348
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1345
+ title: props.title ?? '',
1349
1346
  subtitle: props.subtitle,
1350
1347
  titleSize: "big"
1351
1348
  }), jsxRuntime.jsx(ControlsContainter, {
@@ -1359,7 +1356,7 @@ const TabularDetailPage = _ref => {
1359
1356
  })]
1360
1357
  }), jsxRuntime.jsx(CustomViewsSelectorWrapper, {
1361
1358
  children: jsxRuntime.jsx(CustomViewSelector, {
1362
- margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
1359
+ margin: `${designSystem.designTokens.spacing30} 0 0 0`,
1363
1360
  customViewLocatorCodes: props.customViewLocatorCodes
1364
1361
  })
1365
1362
  }), jsxRuntime.jsx(ContentWrapper$2, {
@@ -1379,7 +1376,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1379
1376
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1380
1377
  TabularDetailPage.Intl = i18n.sharedMessages;
1381
1378
 
1382
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-c0f5e884.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
1379
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-b92fb7e4.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
1383
1380
 
1384
1381
  const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1385
1382
  target: "ev8m2jf2"
@@ -1403,9 +1400,8 @@ const MainPageContent = /*#__PURE__*/_styled__default["default"]("div", process.
1403
1400
  })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0Zvck1haW5QYWdlSGVhZGVyfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gc3R5bGVkLmhyYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1404
1401
 
1405
1402
  const _excluded$5 = ["hideControls", "hideDivider"];
1406
- const headerRowMargin = "".concat(designSystem.designTokens.spacing40, " 0 0 0");
1403
+ const headerRowMargin = `${designSystem.designTokens.spacing40} 0 0 0`;
1407
1404
  const CustomFormMainPage = _ref => {
1408
- var _props$title;
1409
1405
  let _ref$hideControls = _ref.hideControls,
1410
1406
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1411
1407
  _ref$hideDivider = _ref.hideDivider,
@@ -1415,7 +1411,7 @@ const CustomFormMainPage = _ref => {
1415
1411
  return jsxRuntime.jsxs(PageWrapper, {
1416
1412
  children: [jsxRuntime.jsxs(MainPageContainer, {
1417
1413
  children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1418
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1414
+ title: props.title ?? '',
1419
1415
  subtitle: props.subtitle,
1420
1416
  titleSize: "big"
1421
1417
  }), jsxRuntime.jsx(CustomViewSelector, {
@@ -1507,7 +1503,6 @@ InfoMainPage.PageHeaderTitle = PageHeaderTitle;
1507
1503
 
1508
1504
  const _excluded$3 = ["hideControls"];
1509
1505
  const TabularMainPage = _ref => {
1510
- var _props$title;
1511
1506
  let _ref$hideControls = _ref.hideControls,
1512
1507
  hideControls = _ref$hideControls === void 0 ? false : _ref$hideControls,
1513
1508
  props = _objectWithoutProperties(_ref, _excluded$3);
@@ -1515,7 +1510,7 @@ const TabularMainPage = _ref => {
1515
1510
  return jsxRuntime.jsxs(PageWrapper, {
1516
1511
  children: [jsxRuntime.jsxs(TabularPageContainer, {
1517
1512
  children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1518
- title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1513
+ title: props.title ?? '',
1519
1514
  subtitle: props.subtitle,
1520
1515
  titleSize: "big"
1521
1516
  }), jsxRuntime.jsx(ControlsContainter, {
@@ -1529,7 +1524,7 @@ const TabularMainPage = _ref => {
1529
1524
  })]
1530
1525
  }), jsxRuntime.jsx(CustomViewsSelectorWrapper, {
1531
1526
  children: jsxRuntime.jsx(CustomViewSelector, {
1532
- margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
1527
+ margin: `${designSystem.designTokens.spacing30} 0 0 0`,
1533
1528
  customViewLocatorCodes: props.customViewLocatorCodes
1534
1529
  })
1535
1530
  }), jsxRuntime.jsx(ContentWrapper$2, {
@@ -1926,9 +1921,8 @@ const messages$1 = reactIntl.defineMessages({
1926
1921
  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)."; }
1927
1922
  const isIframeReady = iFrameElementRef => {
1928
1923
  try {
1929
- var _iFrameElementRef$con;
1930
- return (iFrameElementRef === null || iFrameElementRef === void 0 || (_iFrameElementRef$con = iFrameElementRef.contentWindow) === null || _iFrameElementRef$con === void 0 ? void 0 : _iFrameElementRef$con.document.readyState) === 'complete';
1931
- } catch (_unused) {
1924
+ return iFrameElementRef?.contentWindow?.document.readyState === 'complete';
1925
+ } catch {
1932
1926
  // Trying to access the contentWindow of a cross-origin iFrame will throw an error.
1933
1927
  // We are not supposed to even get here because the iFrame must use
1934
1928
  // a URL from our very same domain (the custom view is proxied through our http-proxy service).
@@ -1962,20 +1956,15 @@ const CustomPanelIframe = /*#__PURE__*/_styled__default["default"]("iframe", pro
1962
1956
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
1963
1957
  });
1964
1958
  function CustomViewLoader(props) {
1965
- var _props$customView$typ;
1966
1959
  const iFrameElementRef = react$1.useRef(null);
1967
1960
  const dataLocale = applicationShellConnectors.useApplicationContext(context => context.dataLocale);
1968
- const projectKey = applicationShellConnectors.useApplicationContext(context => {
1969
- var _context$project;
1970
- return (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key;
1971
- });
1961
+ const projectKey = applicationShellConnectors.useApplicationContext(context => context.project?.key);
1972
1962
  const featureFlags = reactBroadcast.useAllFeatureToggles();
1973
1963
  const iFrameCommunicationChannel = react$1.useRef(new MessageChannel());
1974
1964
  const showNotification = actionsGlobal.useShowNotification();
1975
1965
  const intl = reactIntl.useIntl();
1976
1966
  const hasSentInitializationMessages = react$1.useRef(false);
1977
1967
  const sendInitializationMessages = react$1.useCallback(() => {
1978
- var _iFrameElementRef$cur, _context;
1979
1968
  // If we have already sent the initialization messages, do not send them again.
1980
1969
  // The message can be sent either as a response to the CUSTOM_VIEW_READY message
1981
1970
  // or as a result of a setTimeout after 500ms. In any case, this message should be sent only once.
@@ -1984,12 +1973,12 @@ function CustomViewLoader(props) {
1984
1973
  }
1985
1974
 
1986
1975
  // Transfer port2 to the iFrame so it can send messages back privately
1987
- (_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 || (_iFrameElementRef$cur = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur === void 0 || _iFrameElementRef$cur.postMessage(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
1976
+ iFrameElementRef.current?.contentWindow?.postMessage(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
1988
1977
 
1989
1978
  // Send the initialization message to the iFrame
1990
1979
  iFrameCommunicationChannel.current.port1.postMessage({
1991
1980
  source: constants.CUSTOM_VIEWS_EVENTS_META.HOST_APPLICATION_CODE,
1992
- destination: _concatInstanceProperty__default["default"](_context = "".concat(constants.CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX)).call(_context, props.customView.id),
1981
+ destination: `${constants.CUSTOM_VIEWS_EVENTS_META.CUSTOM_VIEW_KEY_PREFIX}${props.customView.id}`,
1993
1982
  eventName: constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
1994
1983
  eventData: {
1995
1984
  context: {
@@ -2059,31 +2048,31 @@ function CustomViewLoader(props) {
2059
2048
  window.addEventListener('message', messageFromIFrameHandler);
2060
2049
  return () => {
2061
2050
  window.removeEventListener('message', messageFromIFrameHandler);
2062
- communicationChannel === null || communicationChannel === void 0 || communicationChannel.port1.close();
2051
+ communicationChannel?.port1.close();
2063
2052
  };
2064
2053
  }, []);
2065
2054
 
2066
2055
  // Currently we only support custom panels
2067
2056
  if (props.customView.type !== 'CustomPanel') {
2068
- sentry.reportErrorToSentry(new Error("CustomViewLoader: Provided Custom View has an unsupported type: ".concat(props.customView.type, ". Supported types: ['CustomPanel'].")));
2057
+ sentry.reportErrorToSentry(new Error(`CustomViewLoader: Provided Custom View has an unsupported type: ${props.customView.type}. Supported types: ['CustomPanel'].`));
2069
2058
  return null;
2070
2059
  }
2071
- 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';
2060
+ const panelSize = props.customView.typeSettings?.size?.toLocaleLowerCase() || 'large';
2072
2061
  const iFrameUrl = [window.location.origin, 'custom-views', props.customView.id, 'projects', projectKey].join('/');
2073
2062
  return jsxRuntime.jsx(ModalPage, {
2074
2063
  isOpen: true,
2075
2064
  onClose: props.onClose,
2076
2065
  size: panelSize === 'small' ? 10 : 30,
2077
- title: "Custom View: ".concat(props.customView.defaultLabel),
2066
+ title: `Custom View: ${props.customView.defaultLabel}`,
2078
2067
  hideTopBar: true,
2079
2068
  children: jsxRuntime.jsx(ContentWrapper, {
2080
2069
  children: jsxRuntime.jsx(CustomPanelIframe, {
2081
- id: "custom-view-".concat(props.customView.id),
2082
- title: "Custom View: ".concat(props.customView.defaultLabel),
2070
+ id: `custom-view-${props.customView.id}`,
2071
+ title: `Custom View: ${props.customView.defaultLabel}`,
2083
2072
  ref: iFrameElementRef,
2084
2073
  src: iFrameUrl,
2085
2074
  onLoad: onLoadSuccessHandler
2086
- }, "custom-view-".concat(props.customView.id))
2075
+ }, `custom-view-${props.customView.id}`)
2087
2076
  })
2088
2077
  });
2089
2078
  }
@@ -2194,21 +2183,20 @@ var _ref = process.env.NODE_ENV === "production" ? {
2194
2183
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
2195
2184
  };
2196
2185
  const PortalsContainer = /*#__PURE__*/react$1.forwardRef((props, ref) => {
2197
- var _props$offsetTop, _props$offsetLeft, _props$offsetLeftOnEx, _props$containerSelec, _props$zIndex, _props$baseModalZInde, _current, _current2;
2198
2186
  // Initialize props with default values.
2199
2187
  // NOTE: using `defaultProps` with `forwardRef` results in the type declarations
2200
2188
  // to ignore the `defaultProps`. Therefore, the default props are typed
2201
2189
  // as optional and we initialize the value here with the default values.
2202
- const offsetTop = (_props$offsetTop = props.offsetTop) !== null && _props$offsetTop !== void 0 ? _props$offsetTop : '0px';
2203
- const offsetLeft = (_props$offsetLeft = props.offsetLeft) !== null && _props$offsetLeft !== void 0 ? _props$offsetLeft : '0px';
2204
- const offsetLeftOnExpandedMenu = (_props$offsetLeftOnEx = props.offsetLeftOnExpandedMenu) !== null && _props$offsetLeftOnEx !== void 0 ? _props$offsetLeftOnEx : '0px';
2205
- const containerSelectorToPreventScrollingOnOpen = (_props$containerSelec = props.containerSelectorToPreventScrollingOnOpen) !== null && _props$containerSelec !== void 0 ? _props$containerSelec : 'main';
2206
- const zIndex = (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : 10000;
2207
- const baseModalZIndex = (_props$baseModalZInde = props.baseModalZIndex) !== null && _props$baseModalZInde !== void 0 ? _props$baseModalZInde : 1000;
2190
+ const offsetTop = props.offsetTop ?? '0px';
2191
+ const offsetLeft = props.offsetLeft ?? '0px';
2192
+ const offsetLeftOnExpandedMenu = props.offsetLeftOnExpandedMenu ?? '0px';
2193
+ const containerSelectorToPreventScrollingOnOpen = props.containerSelectorToPreventScrollingOnOpen ?? 'main';
2194
+ const zIndex = props.zIndex ?? 10000;
2195
+ const baseModalZIndex = props.baseModalZIndex ?? 1000;
2208
2196
  const modalWidthTransition = 'width 150ms cubic-bezier(1, 0, 0.58, 1)';
2209
2197
  const portalsContainerRef = react$1.useRef(null);
2210
- const globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 || (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
2211
- const pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 || (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
2198
+ const globalNotificationsElementDimensions = useObserverElementDimensions(ref?.current?.notificationsGlobalRef);
2199
+ const pageNotificationsElementDimensions = useObserverElementDimensions(ref?.current?.notificationsPageRef);
2212
2200
  const _useState3 = react$1.useState([]),
2213
2201
  _useState4 = _slicedToArray(_useState3, 2),
2214
2202
  stackingLayers = _useState4[0],