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