@commercetools-frontend/application-components 22.6.0 → 22.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-application-components.cjs.dev.js +18 -35
- package/dist/commercetools-frontend-application-components.cjs.prod.js +13 -20
- package/dist/commercetools-frontend-application-components.esm.js +15 -32
- package/dist/declarations/src/components/custom-views/custom-view-loader/custom-view-loader.d.ts +1 -15
- package/dist/declarations/src/types/generated/settings.d.ts +1562 -0
- package/package.json +22 -22
- package/dist/declarations/src/components/custom-views/custom-view-loader/constants.d.ts +0 -8
- /package/dist/{public-page-layout-8993325c.cjs.prod.js → public-page-layout-3b9c221c.cjs.prod.js} +0 -0
- /package/dist/{public-page-layout-18bd1fbe.esm.js → public-page-layout-3e1e86b8.esm.js} +0 -0
- /package/dist/{public-page-layout-95991d07.cjs.dev.js → public-page-layout-d482c2a8.cjs.dev.js} +0 -0
|
@@ -79,7 +79,7 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
|
|
|
79
79
|
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
80
80
|
|
|
81
81
|
// NOTE: This string will be replaced on build time with the package version.
|
|
82
|
-
var version = "22.
|
|
82
|
+
var version = "22.7.1";
|
|
83
83
|
|
|
84
84
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
|
|
85
85
|
const appKitSpacing55 = '40px';
|
|
@@ -1589,26 +1589,26 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
|
|
|
1589
1589
|
// This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1590
1590
|
TabularDetailPage.Intl = i18n.sharedMessages;
|
|
1591
1591
|
|
|
1592
|
-
const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-
|
|
1592
|
+
const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-d482c2a8.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
|
|
1593
1593
|
|
|
1594
1594
|
const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
1595
1595
|
target: "ev8m2jf2"
|
|
1596
1596
|
} : {
|
|
1597
1597
|
target: "ev8m2jf2",
|
|
1598
1598
|
label: "MainPageContainer"
|
|
1599
|
-
})("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1599
|
+
})("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1600
1600
|
const Divider = /*#__PURE__*/_styled__default["default"]("hr", process.env.NODE_ENV === "production" ? {
|
|
1601
1601
|
target: "ev8m2jf1"
|
|
1602
1602
|
} : {
|
|
1603
1603
|
target: "ev8m2jf1",
|
|
1604
1604
|
label: "Divider"
|
|
1605
|
-
})("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1605
|
+
})("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1606
1606
|
const MainPageContent = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
1607
1607
|
target: "ev8m2jf0"
|
|
1608
1608
|
} : {
|
|
1609
1609
|
target: "ev8m2jf0",
|
|
1610
1610
|
label: "MainPageContent"
|
|
1611
|
-
})("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1611
|
+
})("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1612
1612
|
|
|
1613
1613
|
const defaultProps$3 = {
|
|
1614
1614
|
hideControls: false,
|
|
@@ -2094,7 +2094,7 @@ const ContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.e
|
|
|
2094
2094
|
} : {
|
|
2095
2095
|
target: "e1alzj9m0",
|
|
2096
2096
|
label: "ContentWrapper"
|
|
2097
|
-
})("padding:", designSystem.designTokens.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
2097
|
+
})("height:100%;padding:", designSystem.designTokens.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1wYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlDIiwiZmlsZSI6ImN1c3RvbS1wYW5lbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBNb2RhbFBhZ2UgZnJvbSAnLi4vLi4vbW9kYWwtcGFnZXMvaW50ZXJuYWxzL21vZGFsLXBhZ2UnO1xuXG50eXBlIFRDdXN0b21QYW5lbFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzaXplOiAnc21hbGwnIHwgJ2xhcmdlJztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG5gO1xuXG5mdW5jdGlvbiBDdXN0b21QYW5lbChwcm9wczogVEN1c3RvbVBhbmVsUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8TW9kYWxQYWdlXG4gICAgICBoaWRlUGF0aExhYmVsXG4gICAgICBpc09wZW5cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgID5cbiAgICAgIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW59PC9Db250ZW50V3JhcHBlcj5cbiAgICA8L01vZGFsUGFnZT5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tUGFuZWw7XG4iXX0= */"));
|
|
2098
2098
|
function CustomPanel(props) {
|
|
2099
2099
|
return jsxRuntime.jsx(ModalPage, {
|
|
2100
2100
|
hidePathLabel: true,
|
|
@@ -2114,15 +2114,6 @@ CustomPanel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
2114
2114
|
children: _pt__default["default"].node.isRequired
|
|
2115
2115
|
} : {};
|
|
2116
2116
|
|
|
2117
|
-
const CUSTOM_VIEWS_EVENTS_NAMES = {
|
|
2118
|
-
CUSTOM_VIEW_BOOTSTRAP: 'custom-view-bootstrap',
|
|
2119
|
-
CUSTOM_VIEW_INITIALIZATION: 'custom-view-initialization'
|
|
2120
|
-
};
|
|
2121
|
-
const CUSTOM_VIEWS_EVENTS_META = {
|
|
2122
|
-
SOURCE: 'mc-host-application',
|
|
2123
|
-
DESTINATION_PREFIX: 'custom-view-'
|
|
2124
|
-
};
|
|
2125
|
-
|
|
2126
2117
|
const messages = reactIntl.defineMessages({
|
|
2127
2118
|
loadError: {
|
|
2128
2119
|
id: 'Components.CustomViewLoader.error.load',
|
|
@@ -2153,17 +2144,17 @@ const CustomPanelIframe = /*#__PURE__*/_styled__default["default"]("iframe", pro
|
|
|
2153
2144
|
} : {
|
|
2154
2145
|
name: "174lt7a",
|
|
2155
2146
|
styles: "height:100%;width:100%;border:none",
|
|
2156
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
2147
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LWxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QyIsImZpbGUiOiJjdXN0b20tdmlldy1sb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IHVzZVNob3dOb3RpZmljYXRpb24gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hY3Rpb25zLWdsb2JhbCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7XG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMsXG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTUVUQSxcbiAgRE9NQUlOUyxcbiAgTk9USUZJQ0FUSU9OX0tJTkRTX1BBR0UsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyByZXBvcnRFcnJvclRvU2VudHJ5IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvc2VudHJ5JztcbmltcG9ydCB0eXBlIHsgVEN1c3RvbVZpZXcgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9nZW5lcmF0ZWQvc2V0dGluZ3MnO1xuaW1wb3J0IEN1c3RvbVBhbmVsIGZyb20gJy4uL2N1c3RvbS1wYW5lbC9jdXN0b20tcGFuZWwnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuXG50eXBlIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSA9IHtcbiAgc291cmNlOiBzdHJpbmc7XG4gIGRlc3RpbmF0aW9uOiBzdHJpbmc7XG4gIGV2ZW50TmFtZTogc3RyaW5nO1xuICBldmVudERhdGE6IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xufTtcblxudHlwZSBUQ3VzdG9tVmlld0xvYWRlclByb3BzID0ge1xuICBjdXN0b21WaWV3OiBUQ3VzdG9tVmlldztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IGlzSWZyYW1lUmVhZHkgPSAoaUZyYW1lRWxlbWVudFJlZjogSFRNTElGcmFtZUVsZW1lbnQpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gaUZyYW1lRWxlbWVudFJlZj8uY29udGVudFdpbmRvdz8uZG9jdW1lbnQucmVhZHlTdGF0ZSA9PT0gJ2NvbXBsZXRlJztcbiAgfSBjYXRjaCB7XG4gICAgLy8gVHJ5aW5nIHRvIGFjY2VzcyB0aGUgY29udGVudFdpbmRvdyBvZiBhIGNyb3NzLW9yaWdpbiBpRnJhbWUgd2lsbCB0aHJvdyBhbiBlcnJvci5cbiAgICAvLyBXZSBhcmUgbm90IHN1cHBvc2VkIHRvIGV2ZW4gZ2V0IGhlcmUgYmVjYXVzZSB0aGUgaUZyYW1lIG11c3QgdXNlXG4gICAgLy8gYSBVUkwgZnJvbSBvdXIgdmVyeSBzYW1lIGRvbWFpbiAodGhlIGN1c3RvbSB2aWV3IGlzIHByb3hpZWQgdGhyb3VnaCBvdXIgaHR0cC1wcm94eSBzZXJ2aWNlKS5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn07XG5cbmNvbnN0IEN1c3RvbVBhbmVsSWZyYW1lID0gc3R5bGVkLmlmcmFtZWBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuYDtcblxuZnVuY3Rpb24gQ3VzdG9tVmlld0xvYWRlcihwcm9wczogVEN1c3RvbVZpZXdMb2FkZXJQcm9wcykge1xuICBjb25zdCBpRnJhbWVFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxJRnJhbWVFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYXBwQ29udGV4dCA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgpO1xuICBjb25zdCBpRnJhbWVDb21tdW5pY2F0aW9uQ2hhbm5lbCA9IHVzZVJlZihuZXcgTWVzc2FnZUNoYW5uZWwoKSk7XG4gIGNvbnN0IHNob3dOb3RpZmljYXRpb24gPSB1c2VTaG93Tm90aWZpY2F0aW9uKCk7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHBhbmVsU2l6ZSA9IChwcm9wcy5jdXN0b21WaWV3LnR5cGVTZXR0aW5ncz8uc2l6ZT8udG9Mb2NhbGVMb3dlckNhc2UoKSB8fFxuICAgICdsYXJnZScpIGFzIExvd2VyY2FzZTwnU01BTEwnIHwgJ0xBUkdFJz47XG5cbiAgY29uc3QgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBNZXNzYWdlRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQuZGF0YS5vcmlnaW4gPT09IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW4pIHtcbiAgICAgIGNvbnNvbGUubG9nKCdtZXNzYWdlIHJlY2VpdmVkIGZyb20gaWZyYW1lIHBvcnQ6ICcsIGV2ZW50KTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICAvLyBvbkxvYWQgaGFuZGxlciBpcyBjYWxsZWQgZnJvbSB0aGUgaUZyYW1lIGV2ZW4gd2hlcmUgdGhlIFVSTCBpcyBub3QgdmFsaWRcbiAgLy8gKGJsb2NrZWQgYnkgQ09SUywgNDA0LCBldGMuKSBzbyB3ZSBuZWVkIHRvIG1ha2Ugc3VyZSB0aGUgaUZyYW1lIGlzIHJlYWR5XG4gIGNvbnN0IG9uTG9hZFN1Y2Nlc3NIYW5kbGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFNob3cgZXJyb3IgYW5kIGJsb2NrIGlmIHRoZSBpRnJhbWUgaXMgbm90IHJlYWR5XG4gICAgLy8gKGVycm9yIGxvYWRpbmcgaXQpXG4gICAgaWYgKCFpc0lmcmFtZVJlYWR5KGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudCEpKSB7XG4gICAgICBzaG93Tm90aWZpY2F0aW9uKHtcbiAgICAgICAgZG9tYWluOiBET01BSU5TLlBBR0UsXG4gICAgICAgIGtpbmQ6IE5PVElGSUNBVElPTl9LSU5EU19QQUdFLmVycm9yLFxuICAgICAgICB0ZXh0OiBpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMubG9hZEVycm9yKSxcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIExpc3RlbiBmb3IgbWVzc2FnZXMgZnJvbSB0aGUgaUZyYW1lXG4gICAgaUZyYW1lQ29tbXVuaWNhdGlvbkNoYW5uZWwuY3VycmVudC5wb3J0MS5vbm1lc3NhZ2UgPVxuICAgICAgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyO1xuXG4gICAgLy8gVHJhbnNmZXIgcG9ydDIgdG8gdGhlIGlGcmFtZSBzbyBpdCBjYW4gc2VuZCBtZXNzYWdlcyBiYWNrIHByaXZhdGVseVxuICAgIGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudD8uY29udGVudFdpbmRvdz8ucG9zdE1lc3NhZ2UoXG4gICAgICBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0JPT1RTVFJBUCxcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgW2lGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDJdXG4gICAgKTtcblxuICAgIC8vIFNlbmQgdGhlIGluaXRpYWxpemF0aW9uIG1lc3NhZ2UgdG8gdGhlIGlGcmFtZVxuICAgIGlGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDEucG9zdE1lc3NhZ2Uoe1xuICAgICAgc291cmNlOiBDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuU09VUkNFLFxuICAgICAgZGVzdGluYXRpb246IGAke0NVU1RPTV9WSUVXU19FVkVOVFNfTUVUQS5ERVNUSU5BVElPTl9QUkVGSVh9JHtwcm9wcy5jdXN0b21WaWV3LmlkfWAsXG4gICAgICBldmVudE5hbWU6IENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMuQ1VTVE9NX1ZJRVdfSU5JVElBTElaQVRJT04sXG4gICAgICBldmVudERhdGE6IHtcbiAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgIGRhdGFMb2NhbGU6IGFwcENvbnRleHQuZGF0YUxvY2FsZSxcbiAgICAgICAgICBjdXN0b21WaWV3Q29uZmlnOiBwcm9wcy5jdXN0b21WaWV3LFxuICAgICAgICAgIGhvc3RVcmw6IHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgICAgIHVzZXJMb2NhbGU6IGFwcENvbnRleHQudXNlcj8ubG9jYWxlLFxuICAgICAgICAgIHByb2plY3RLZXk6IGFwcENvbnRleHQucHJvamVjdD8ua2V5LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9IGFzIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSk7XG5cbiAgICAvLyBXZSB3YW50IHRoZSBlZmZlY3QgdG8gcnVuIG9ubHkgb25jZSBzbyB3ZSBkb24ndCBuZWVkIHRoZSBkZXBlbmRlbmNpZXMgYXJyYXkuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgLy8gQ3VycmVudGx5IHdlIG9ubHkgc3VwcG9ydCBjdXN0b20gcGFuZWxzXG4gIGlmIChwcm9wcy5jdXN0b21WaWV3LnR5cGUgIT09ICdDdXN0b21QYW5lbCcpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KFxuICAgICAgbmV3IEVycm9yKFxuICAgICAgICBgQ3VzdG9tVmlld0xvYWRlcjogUHJvdmlkZWQgQ3VzdG9tIFZpZXcgaGFzIGFuIHVuc3VwcG9ydGVkIHR5cGU6ICR7cHJvcHMuY3VzdG9tVmlldy50eXBlfS4gU3VwcG9ydGVkIHR5cGVzOiBbJ0N1c3RvbVBhbmVsJ10uYFxuICAgICAgKVxuICAgICk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21QYW5lbFxuICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHNpemU9e3BhbmVsU2l6ZX1cbiAgICA+XG4gICAgICA8Q3VzdG9tUGFuZWxJZnJhbWVcbiAgICAgICAgaWQ9e2BjdXN0b20tdmlldy0ke3Byb3BzLmN1c3RvbVZpZXcuaWR9YH1cbiAgICAgICAga2V5PXtgY3VzdG9tLXZpZXctJHtwcm9wcy5jdXN0b21WaWV3LmlkfWB9XG4gICAgICAgIHJlZj17aUZyYW1lRWxlbWVudFJlZn1cbiAgICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgICBzcmM9e2Ake3dpbmRvdy5sb2NhdGlvbi5vcmlnaW59L2N1c3RvbS12aWV3cy8ke1xuICAgICAgICAgIHByb3BzLmN1c3RvbVZpZXcuaWRcbiAgICAgICAgfS9wcm9qZWN0cy8ke2FwcENvbnRleHQucHJvamVjdD8ua2V5IHx8ICduby1wcm9qZWN0J31gfVxuICAgICAgICBvbkxvYWQ9e29uTG9hZFN1Y2Nlc3NIYW5kbGVyfVxuICAgICAgLz5cbiAgICA8L0N1c3RvbVBhbmVsPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDdXN0b21WaWV3TG9hZGVyO1xuIl19 */",
|
|
2157
2148
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
2158
2149
|
});
|
|
2159
2150
|
function CustomViewLoader(props) {
|
|
2160
|
-
var _props$customView$typ, _props$customView$typ2;
|
|
2151
|
+
var _props$customView$typ, _props$customView$typ2, _context2, _context3, _appContext$project2;
|
|
2161
2152
|
const iFrameElementRef = react$1.useRef(null);
|
|
2162
2153
|
const appContext = applicationShellConnectors.useApplicationContext();
|
|
2163
2154
|
const iFrameCommunicationChannel = react$1.useRef(new MessageChannel());
|
|
2164
2155
|
const showNotification = actionsGlobal.useShowNotification();
|
|
2165
2156
|
const intl = reactIntl.useIntl();
|
|
2166
|
-
const panelSize = ((_props$customView$typ = props.customView.
|
|
2157
|
+
const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 ? void 0 : (_props$customView$typ2 = _props$customView$typ.size) === null || _props$customView$typ2 === void 0 ? void 0 : _props$customView$typ2.toLocaleLowerCase()) || 'large';
|
|
2167
2158
|
const messageFromIFrameHandler = react$1.useCallback(event => {
|
|
2168
2159
|
if (event.data.origin === window.location.origin) {
|
|
2169
2160
|
console.log('message received from iframe port: ', event);
|
|
@@ -2189,17 +2180,19 @@ function CustomViewLoader(props) {
|
|
|
2189
2180
|
iFrameCommunicationChannel.current.port1.onmessage = messageFromIFrameHandler;
|
|
2190
2181
|
|
|
2191
2182
|
// Transfer port2 to the iFrame so it can send messages back privately
|
|
2192
|
-
(_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 ? void 0 : (_iFrameElementRef$cur2 = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur2 === void 0 ? void 0 : _iFrameElementRef$cur2.postMessage(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
|
|
2183
|
+
(_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 ? void 0 : (_iFrameElementRef$cur2 = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur2 === void 0 ? void 0 : _iFrameElementRef$cur2.postMessage(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
|
|
2193
2184
|
|
|
2194
2185
|
// Send the initialization message to the iFrame
|
|
2195
2186
|
iFrameCommunicationChannel.current.port1.postMessage({
|
|
2196
|
-
source: CUSTOM_VIEWS_EVENTS_META.SOURCE,
|
|
2197
|
-
destination: _concatInstanceProperty__default["default"](_context = "".concat(CUSTOM_VIEWS_EVENTS_META.DESTINATION_PREFIX)).call(_context, props.customView.id),
|
|
2198
|
-
eventName: CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
|
|
2187
|
+
source: constants.CUSTOM_VIEWS_EVENTS_META.SOURCE,
|
|
2188
|
+
destination: _concatInstanceProperty__default["default"](_context = "".concat(constants.CUSTOM_VIEWS_EVENTS_META.DESTINATION_PREFIX)).call(_context, props.customView.id),
|
|
2189
|
+
eventName: constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
|
|
2199
2190
|
eventData: {
|
|
2200
2191
|
context: {
|
|
2201
|
-
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
2202
2192
|
dataLocale: appContext.dataLocale,
|
|
2193
|
+
customViewConfig: props.customView,
|
|
2194
|
+
hostUrl: window.location.href,
|
|
2195
|
+
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
2203
2196
|
projectKey: (_appContext$project = appContext.project) === null || _appContext$project === void 0 ? void 0 : _appContext$project.key
|
|
2204
2197
|
}
|
|
2205
2198
|
}
|
|
@@ -2222,23 +2215,13 @@ function CustomViewLoader(props) {
|
|
|
2222
2215
|
id: "custom-view-".concat(props.customView.id),
|
|
2223
2216
|
ref: iFrameElementRef,
|
|
2224
2217
|
title: "Custom View: ".concat(props.customView.defaultLabel),
|
|
2225
|
-
src: props.customView.
|
|
2218
|
+
src: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(window.location.origin, "/custom-views/")).call(_context3, props.customView.id, "/projects/")).call(_context2, ((_appContext$project2 = appContext.project) === null || _appContext$project2 === void 0 ? void 0 : _appContext$project2.key) || 'no-project'),
|
|
2226
2219
|
onLoad: onLoadSuccessHandler
|
|
2227
2220
|
}, "custom-view-".concat(props.customView.id))
|
|
2228
2221
|
});
|
|
2229
2222
|
}
|
|
2230
2223
|
CustomViewLoader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
2231
|
-
customView: _pt__default["default"].
|
|
2232
|
-
id: _pt__default["default"].string.isRequired,
|
|
2233
|
-
defaultLabel: _pt__default["default"].string.isRequired,
|
|
2234
|
-
labelAllLocales: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired,
|
|
2235
|
-
url: _pt__default["default"].string.isRequired,
|
|
2236
|
-
type: _pt__default["default"].oneOf(['CustomPanel', 'CustomTab']).isRequired,
|
|
2237
|
-
typeConfig: _pt__default["default"].shape({
|
|
2238
|
-
size: _pt__default["default"].oneOf(['SMALL', 'LARGE'])
|
|
2239
|
-
}),
|
|
2240
|
-
locators: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired
|
|
2241
|
-
}).isRequired,
|
|
2224
|
+
customView: _pt__default["default"].any.isRequired,
|
|
2242
2225
|
onClose: _pt__default["default"].func.isRequired
|
|
2243
2226
|
} : {};
|
|
2244
2227
|
|
|
@@ -78,7 +78,7 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
|
|
|
78
78
|
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
79
79
|
|
|
80
80
|
// NOTE: This string will be replaced on build time with the package version.
|
|
81
|
-
var version = "22.
|
|
81
|
+
var version = "22.7.1";
|
|
82
82
|
|
|
83
83
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
|
|
84
84
|
const appKitSpacing55 = '40px';
|
|
@@ -1148,7 +1148,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
|
|
|
1148
1148
|
// This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1149
1149
|
TabularDetailPage.Intl = i18n.sharedMessages;
|
|
1150
1150
|
|
|
1151
|
-
const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-
|
|
1151
|
+
const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-3b9c221c.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
|
|
1152
1152
|
|
|
1153
1153
|
const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
|
|
1154
1154
|
target: "ev8m2jf2"
|
|
@@ -1514,7 +1514,7 @@ PageContentFull.propTypes = {};
|
|
|
1514
1514
|
|
|
1515
1515
|
const ContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
|
|
1516
1516
|
target: "e1alzj9m0"
|
|
1517
|
-
} )("padding:", designSystem.designTokens.spacing40, " 40px;" + ("" ));
|
|
1517
|
+
} )("height:100%;padding:", designSystem.designTokens.spacing40, " 40px;" + ("" ));
|
|
1518
1518
|
function CustomPanel(props) {
|
|
1519
1519
|
return jsxRuntime.jsx(ModalPage, {
|
|
1520
1520
|
hidePathLabel: true,
|
|
@@ -1529,15 +1529,6 @@ function CustomPanel(props) {
|
|
|
1529
1529
|
}
|
|
1530
1530
|
CustomPanel.propTypes = {};
|
|
1531
1531
|
|
|
1532
|
-
const CUSTOM_VIEWS_EVENTS_NAMES = {
|
|
1533
|
-
CUSTOM_VIEW_BOOTSTRAP: 'custom-view-bootstrap',
|
|
1534
|
-
CUSTOM_VIEW_INITIALIZATION: 'custom-view-initialization'
|
|
1535
|
-
};
|
|
1536
|
-
const CUSTOM_VIEWS_EVENTS_META = {
|
|
1537
|
-
SOURCE: 'mc-host-application',
|
|
1538
|
-
DESTINATION_PREFIX: 'custom-view-'
|
|
1539
|
-
};
|
|
1540
|
-
|
|
1541
1532
|
const messages = reactIntl.defineMessages({
|
|
1542
1533
|
loadError: {
|
|
1543
1534
|
id: 'Components.CustomViewLoader.error.load',
|
|
@@ -1563,13 +1554,13 @@ const CustomPanelIframe = /*#__PURE__*/_styled__default["default"]("iframe", {
|
|
|
1563
1554
|
styles: "height:100%;width:100%;border:none"
|
|
1564
1555
|
} );
|
|
1565
1556
|
function CustomViewLoader(props) {
|
|
1566
|
-
var _props$customView$typ, _props$customView$typ2;
|
|
1557
|
+
var _props$customView$typ, _props$customView$typ2, _context2, _context3, _appContext$project2;
|
|
1567
1558
|
const iFrameElementRef = react$1.useRef(null);
|
|
1568
1559
|
const appContext = applicationShellConnectors.useApplicationContext();
|
|
1569
1560
|
const iFrameCommunicationChannel = react$1.useRef(new MessageChannel());
|
|
1570
1561
|
const showNotification = actionsGlobal.useShowNotification();
|
|
1571
1562
|
const intl = reactIntl.useIntl();
|
|
1572
|
-
const panelSize = ((_props$customView$typ = props.customView.
|
|
1563
|
+
const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 ? void 0 : (_props$customView$typ2 = _props$customView$typ.size) === null || _props$customView$typ2 === void 0 ? void 0 : _props$customView$typ2.toLocaleLowerCase()) || 'large';
|
|
1573
1564
|
const messageFromIFrameHandler = react$1.useCallback(event => {
|
|
1574
1565
|
if (event.data.origin === window.location.origin) {
|
|
1575
1566
|
console.log('message received from iframe port: ', event);
|
|
@@ -1595,17 +1586,19 @@ function CustomViewLoader(props) {
|
|
|
1595
1586
|
iFrameCommunicationChannel.current.port1.onmessage = messageFromIFrameHandler;
|
|
1596
1587
|
|
|
1597
1588
|
// Transfer port2 to the iFrame so it can send messages back privately
|
|
1598
|
-
(_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 ? void 0 : (_iFrameElementRef$cur2 = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur2 === void 0 ? void 0 : _iFrameElementRef$cur2.postMessage(CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
|
|
1589
|
+
(_iFrameElementRef$cur = iFrameElementRef.current) === null || _iFrameElementRef$cur === void 0 ? void 0 : (_iFrameElementRef$cur2 = _iFrameElementRef$cur.contentWindow) === null || _iFrameElementRef$cur2 === void 0 ? void 0 : _iFrameElementRef$cur2.postMessage(constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_BOOTSTRAP, window.location.href, [iFrameCommunicationChannel.current.port2]);
|
|
1599
1590
|
|
|
1600
1591
|
// Send the initialization message to the iFrame
|
|
1601
1592
|
iFrameCommunicationChannel.current.port1.postMessage({
|
|
1602
|
-
source: CUSTOM_VIEWS_EVENTS_META.SOURCE,
|
|
1603
|
-
destination: _concatInstanceProperty__default["default"](_context = "".concat(CUSTOM_VIEWS_EVENTS_META.DESTINATION_PREFIX)).call(_context, props.customView.id),
|
|
1604
|
-
eventName: CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
|
|
1593
|
+
source: constants.CUSTOM_VIEWS_EVENTS_META.SOURCE,
|
|
1594
|
+
destination: _concatInstanceProperty__default["default"](_context = "".concat(constants.CUSTOM_VIEWS_EVENTS_META.DESTINATION_PREFIX)).call(_context, props.customView.id),
|
|
1595
|
+
eventName: constants.CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
|
|
1605
1596
|
eventData: {
|
|
1606
1597
|
context: {
|
|
1607
|
-
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
1608
1598
|
dataLocale: appContext.dataLocale,
|
|
1599
|
+
customViewConfig: props.customView,
|
|
1600
|
+
hostUrl: window.location.href,
|
|
1601
|
+
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
1609
1602
|
projectKey: (_appContext$project = appContext.project) === null || _appContext$project === void 0 ? void 0 : _appContext$project.key
|
|
1610
1603
|
}
|
|
1611
1604
|
}
|
|
@@ -1628,7 +1621,7 @@ function CustomViewLoader(props) {
|
|
|
1628
1621
|
id: "custom-view-".concat(props.customView.id),
|
|
1629
1622
|
ref: iFrameElementRef,
|
|
1630
1623
|
title: "Custom View: ".concat(props.customView.defaultLabel),
|
|
1631
|
-
src: props.customView.
|
|
1624
|
+
src: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(window.location.origin, "/custom-views/")).call(_context3, props.customView.id, "/projects/")).call(_context2, ((_appContext$project2 = appContext.project) === null || _appContext$project2 === void 0 ? void 0 : _appContext$project2.key) || 'no-project'),
|
|
1632
1625
|
onLoad: onLoadSuccessHandler
|
|
1633
1626
|
}, "custom-view-".concat(props.customView.id))
|
|
1634
1627
|
});
|
|
@@ -19,7 +19,7 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
|
19
19
|
import { isValidElement, cloneElement, useState, useRef, useEffect, useCallback, lazy, Children, forwardRef } from 'react';
|
|
20
20
|
import _styled from '@emotion/styled/base';
|
|
21
21
|
import Modal from 'react-modal';
|
|
22
|
-
import { PORTALS_CONTAINER_ID, SUPPORT_PORTAL_URL, DOMAINS, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
|
|
22
|
+
import { PORTALS_CONTAINER_ID, SUPPORT_PORTAL_URL, DOMAINS, NOTIFICATION_KINDS_PAGE, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META } from '@commercetools-frontend/constants';
|
|
23
23
|
import Card from '@commercetools-uikit/card';
|
|
24
24
|
import { CloseIcon, AngleLeftIcon, BinLinearIcon, ListIcon } from '@commercetools-uikit/icons';
|
|
25
25
|
import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
|
|
@@ -44,7 +44,7 @@ import useResizeObserver from '@react-hook/resize-observer';
|
|
|
44
44
|
import { useMutationObserver } from '@commercetools-uikit/hooks';
|
|
45
45
|
|
|
46
46
|
// NOTE: This string will be replaced on build time with the package version.
|
|
47
|
-
var version = "22.
|
|
47
|
+
var version = "22.7.1";
|
|
48
48
|
|
|
49
49
|
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
|
|
50
50
|
const appKitSpacing55 = '40px';
|
|
@@ -1554,26 +1554,26 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
|
|
|
1554
1554
|
// This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1555
1555
|
TabularDetailPage.Intl = sharedMessages;
|
|
1556
1556
|
|
|
1557
|
-
const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-
|
|
1557
|
+
const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-3e1e86b8.esm.js' /* webpackChunkName: "public-page-layout" */));
|
|
1558
1558
|
|
|
1559
1559
|
const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
1560
1560
|
target: "ev8m2jf2"
|
|
1561
1561
|
} : {
|
|
1562
1562
|
target: "ev8m2jf2",
|
|
1563
1563
|
label: "MainPageContainer"
|
|
1564
|
-
})("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1564
|
+
})("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1565
1565
|
const Divider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "production" ? {
|
|
1566
1566
|
target: "ev8m2jf1"
|
|
1567
1567
|
} : {
|
|
1568
1568
|
target: "ev8m2jf1",
|
|
1569
1569
|
label: "Divider"
|
|
1570
|
-
})("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1570
|
+
})("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1571
1571
|
const MainPageContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
1572
1572
|
target: "ev8m2jf0"
|
|
1573
1573
|
} : {
|
|
1574
1574
|
target: "ev8m2jf0",
|
|
1575
1575
|
label: "MainPageContent"
|
|
1576
|
-
})("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1576
|
+
})("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
|
|
1577
1577
|
|
|
1578
1578
|
const defaultProps$3 = {
|
|
1579
1579
|
hideControls: false,
|
|
@@ -2059,7 +2059,7 @@ const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
2059
2059
|
} : {
|
|
2060
2060
|
target: "e1alzj9m0",
|
|
2061
2061
|
label: "ContentWrapper"
|
|
2062
|
-
})("padding:", designTokens$1.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
2062
|
+
})("height:100%;padding:", designTokens$1.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1wYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlDIiwiZmlsZSI6ImN1c3RvbS1wYW5lbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBNb2RhbFBhZ2UgZnJvbSAnLi4vLi4vbW9kYWwtcGFnZXMvaW50ZXJuYWxzL21vZGFsLXBhZ2UnO1xuXG50eXBlIFRDdXN0b21QYW5lbFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzaXplOiAnc21hbGwnIHwgJ2xhcmdlJztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG5gO1xuXG5mdW5jdGlvbiBDdXN0b21QYW5lbChwcm9wczogVEN1c3RvbVBhbmVsUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8TW9kYWxQYWdlXG4gICAgICBoaWRlUGF0aExhYmVsXG4gICAgICBpc09wZW5cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgID5cbiAgICAgIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW59PC9Db250ZW50V3JhcHBlcj5cbiAgICA8L01vZGFsUGFnZT5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tUGFuZWw7XG4iXX0= */"));
|
|
2063
2063
|
function CustomPanel(props) {
|
|
2064
2064
|
return jsx(ModalPage, {
|
|
2065
2065
|
hidePathLabel: true,
|
|
@@ -2079,15 +2079,6 @@ CustomPanel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
2079
2079
|
children: _pt.node.isRequired
|
|
2080
2080
|
} : {};
|
|
2081
2081
|
|
|
2082
|
-
const CUSTOM_VIEWS_EVENTS_NAMES = {
|
|
2083
|
-
CUSTOM_VIEW_BOOTSTRAP: 'custom-view-bootstrap',
|
|
2084
|
-
CUSTOM_VIEW_INITIALIZATION: 'custom-view-initialization'
|
|
2085
|
-
};
|
|
2086
|
-
const CUSTOM_VIEWS_EVENTS_META = {
|
|
2087
|
-
SOURCE: 'mc-host-application',
|
|
2088
|
-
DESTINATION_PREFIX: 'custom-view-'
|
|
2089
|
-
};
|
|
2090
|
-
|
|
2091
2082
|
const messages = defineMessages({
|
|
2092
2083
|
loadError: {
|
|
2093
2084
|
id: 'Components.CustomViewLoader.error.load',
|
|
@@ -2118,17 +2109,17 @@ const CustomPanelIframe = /*#__PURE__*/_styled("iframe", process.env.NODE_ENV ==
|
|
|
2118
2109
|
} : {
|
|
2119
2110
|
name: "174lt7a",
|
|
2120
2111
|
styles: "height:100%;width:100%;border:none",
|
|
2121
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
2112
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LWxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QyIsImZpbGUiOiJjdXN0b20tdmlldy1sb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IHVzZVNob3dOb3RpZmljYXRpb24gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hY3Rpb25zLWdsb2JhbCc7XG5pbXBvcnQgeyB1c2VBcHBsaWNhdGlvbkNvbnRleHQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1zaGVsbC1jb25uZWN0b3JzJztcbmltcG9ydCB7XG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMsXG4gIENVU1RPTV9WSUVXU19FVkVOVFNfTUVUQSxcbiAgRE9NQUlOUyxcbiAgTk9USUZJQ0FUSU9OX0tJTkRTX1BBR0UsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyByZXBvcnRFcnJvclRvU2VudHJ5IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvc2VudHJ5JztcbmltcG9ydCB0eXBlIHsgVEN1c3RvbVZpZXcgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9nZW5lcmF0ZWQvc2V0dGluZ3MnO1xuaW1wb3J0IEN1c3RvbVBhbmVsIGZyb20gJy4uL2N1c3RvbS1wYW5lbC9jdXN0b20tcGFuZWwnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuXG50eXBlIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSA9IHtcbiAgc291cmNlOiBzdHJpbmc7XG4gIGRlc3RpbmF0aW9uOiBzdHJpbmc7XG4gIGV2ZW50TmFtZTogc3RyaW5nO1xuICBldmVudERhdGE6IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xufTtcblxudHlwZSBUQ3VzdG9tVmlld0xvYWRlclByb3BzID0ge1xuICBjdXN0b21WaWV3OiBUQ3VzdG9tVmlldztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IGlzSWZyYW1lUmVhZHkgPSAoaUZyYW1lRWxlbWVudFJlZjogSFRNTElGcmFtZUVsZW1lbnQpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gaUZyYW1lRWxlbWVudFJlZj8uY29udGVudFdpbmRvdz8uZG9jdW1lbnQucmVhZHlTdGF0ZSA9PT0gJ2NvbXBsZXRlJztcbiAgfSBjYXRjaCB7XG4gICAgLy8gVHJ5aW5nIHRvIGFjY2VzcyB0aGUgY29udGVudFdpbmRvdyBvZiBhIGNyb3NzLW9yaWdpbiBpRnJhbWUgd2lsbCB0aHJvdyBhbiBlcnJvci5cbiAgICAvLyBXZSBhcmUgbm90IHN1cHBvc2VkIHRvIGV2ZW4gZ2V0IGhlcmUgYmVjYXVzZSB0aGUgaUZyYW1lIG11c3QgdXNlXG4gICAgLy8gYSBVUkwgZnJvbSBvdXIgdmVyeSBzYW1lIGRvbWFpbiAodGhlIGN1c3RvbSB2aWV3IGlzIHByb3hpZWQgdGhyb3VnaCBvdXIgaHR0cC1wcm94eSBzZXJ2aWNlKS5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn07XG5cbmNvbnN0IEN1c3RvbVBhbmVsSWZyYW1lID0gc3R5bGVkLmlmcmFtZWBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuYDtcblxuZnVuY3Rpb24gQ3VzdG9tVmlld0xvYWRlcihwcm9wczogVEN1c3RvbVZpZXdMb2FkZXJQcm9wcykge1xuICBjb25zdCBpRnJhbWVFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxJRnJhbWVFbGVtZW50PihudWxsKTtcbiAgY29uc3QgYXBwQ29udGV4dCA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgpO1xuICBjb25zdCBpRnJhbWVDb21tdW5pY2F0aW9uQ2hhbm5lbCA9IHVzZVJlZihuZXcgTWVzc2FnZUNoYW5uZWwoKSk7XG4gIGNvbnN0IHNob3dOb3RpZmljYXRpb24gPSB1c2VTaG93Tm90aWZpY2F0aW9uKCk7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHBhbmVsU2l6ZSA9IChwcm9wcy5jdXN0b21WaWV3LnR5cGVTZXR0aW5ncz8uc2l6ZT8udG9Mb2NhbGVMb3dlckNhc2UoKSB8fFxuICAgICdsYXJnZScpIGFzIExvd2VyY2FzZTwnU01BTEwnIHwgJ0xBUkdFJz47XG5cbiAgY29uc3QgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBNZXNzYWdlRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQuZGF0YS5vcmlnaW4gPT09IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW4pIHtcbiAgICAgIGNvbnNvbGUubG9nKCdtZXNzYWdlIHJlY2VpdmVkIGZyb20gaWZyYW1lIHBvcnQ6ICcsIGV2ZW50KTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICAvLyBvbkxvYWQgaGFuZGxlciBpcyBjYWxsZWQgZnJvbSB0aGUgaUZyYW1lIGV2ZW4gd2hlcmUgdGhlIFVSTCBpcyBub3QgdmFsaWRcbiAgLy8gKGJsb2NrZWQgYnkgQ09SUywgNDA0LCBldGMuKSBzbyB3ZSBuZWVkIHRvIG1ha2Ugc3VyZSB0aGUgaUZyYW1lIGlzIHJlYWR5XG4gIGNvbnN0IG9uTG9hZFN1Y2Nlc3NIYW5kbGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFNob3cgZXJyb3IgYW5kIGJsb2NrIGlmIHRoZSBpRnJhbWUgaXMgbm90IHJlYWR5XG4gICAgLy8gKGVycm9yIGxvYWRpbmcgaXQpXG4gICAgaWYgKCFpc0lmcmFtZVJlYWR5KGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudCEpKSB7XG4gICAgICBzaG93Tm90aWZpY2F0aW9uKHtcbiAgICAgICAgZG9tYWluOiBET01BSU5TLlBBR0UsXG4gICAgICAgIGtpbmQ6IE5PVElGSUNBVElPTl9LSU5EU19QQUdFLmVycm9yLFxuICAgICAgICB0ZXh0OiBpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMubG9hZEVycm9yKSxcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIExpc3RlbiBmb3IgbWVzc2FnZXMgZnJvbSB0aGUgaUZyYW1lXG4gICAgaUZyYW1lQ29tbXVuaWNhdGlvbkNoYW5uZWwuY3VycmVudC5wb3J0MS5vbm1lc3NhZ2UgPVxuICAgICAgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyO1xuXG4gICAgLy8gVHJhbnNmZXIgcG9ydDIgdG8gdGhlIGlGcmFtZSBzbyBpdCBjYW4gc2VuZCBtZXNzYWdlcyBiYWNrIHByaXZhdGVseVxuICAgIGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudD8uY29udGVudFdpbmRvdz8ucG9zdE1lc3NhZ2UoXG4gICAgICBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0JPT1RTVFJBUCxcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgW2lGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDJdXG4gICAgKTtcblxuICAgIC8vIFNlbmQgdGhlIGluaXRpYWxpemF0aW9uIG1lc3NhZ2UgdG8gdGhlIGlGcmFtZVxuICAgIGlGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDEucG9zdE1lc3NhZ2Uoe1xuICAgICAgc291cmNlOiBDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuU09VUkNFLFxuICAgICAgZGVzdGluYXRpb246IGAke0NVU1RPTV9WSUVXU19FVkVOVFNfTUVUQS5ERVNUSU5BVElPTl9QUkVGSVh9JHtwcm9wcy5jdXN0b21WaWV3LmlkfWAsXG4gICAgICBldmVudE5hbWU6IENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMuQ1VTVE9NX1ZJRVdfSU5JVElBTElaQVRJT04sXG4gICAgICBldmVudERhdGE6IHtcbiAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgIGRhdGFMb2NhbGU6IGFwcENvbnRleHQuZGF0YUxvY2FsZSxcbiAgICAgICAgICBjdXN0b21WaWV3Q29uZmlnOiBwcm9wcy5jdXN0b21WaWV3LFxuICAgICAgICAgIGhvc3RVcmw6IHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgICAgIHVzZXJMb2NhbGU6IGFwcENvbnRleHQudXNlcj8ubG9jYWxlLFxuICAgICAgICAgIHByb2plY3RLZXk6IGFwcENvbnRleHQucHJvamVjdD8ua2V5LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9IGFzIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSk7XG5cbiAgICAvLyBXZSB3YW50IHRoZSBlZmZlY3QgdG8gcnVuIG9ubHkgb25jZSBzbyB3ZSBkb24ndCBuZWVkIHRoZSBkZXBlbmRlbmNpZXMgYXJyYXkuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgLy8gQ3VycmVudGx5IHdlIG9ubHkgc3VwcG9ydCBjdXN0b20gcGFuZWxzXG4gIGlmIChwcm9wcy5jdXN0b21WaWV3LnR5cGUgIT09ICdDdXN0b21QYW5lbCcpIHtcbiAgICByZXBvcnRFcnJvclRvU2VudHJ5KFxuICAgICAgbmV3IEVycm9yKFxuICAgICAgICBgQ3VzdG9tVmlld0xvYWRlcjogUHJvdmlkZWQgQ3VzdG9tIFZpZXcgaGFzIGFuIHVuc3VwcG9ydGVkIHR5cGU6ICR7cHJvcHMuY3VzdG9tVmlldy50eXBlfS4gU3VwcG9ydGVkIHR5cGVzOiBbJ0N1c3RvbVBhbmVsJ10uYFxuICAgICAgKVxuICAgICk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21QYW5lbFxuICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHNpemU9e3BhbmVsU2l6ZX1cbiAgICA+XG4gICAgICA8Q3VzdG9tUGFuZWxJZnJhbWVcbiAgICAgICAgaWQ9e2BjdXN0b20tdmlldy0ke3Byb3BzLmN1c3RvbVZpZXcuaWR9YH1cbiAgICAgICAga2V5PXtgY3VzdG9tLXZpZXctJHtwcm9wcy5jdXN0b21WaWV3LmlkfWB9XG4gICAgICAgIHJlZj17aUZyYW1lRWxlbWVudFJlZn1cbiAgICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgICBzcmM9e2Ake3dpbmRvdy5sb2NhdGlvbi5vcmlnaW59L2N1c3RvbS12aWV3cy8ke1xuICAgICAgICAgIHByb3BzLmN1c3RvbVZpZXcuaWRcbiAgICAgICAgfS9wcm9qZWN0cy8ke2FwcENvbnRleHQucHJvamVjdD8ua2V5IHx8ICduby1wcm9qZWN0J31gfVxuICAgICAgICBvbkxvYWQ9e29uTG9hZFN1Y2Nlc3NIYW5kbGVyfVxuICAgICAgLz5cbiAgICA8L0N1c3RvbVBhbmVsPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDdXN0b21WaWV3TG9hZGVyO1xuIl19 */",
|
|
2122
2113
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
2123
2114
|
});
|
|
2124
2115
|
function CustomViewLoader(props) {
|
|
2125
|
-
var _props$customView$typ, _props$customView$typ2;
|
|
2116
|
+
var _props$customView$typ, _props$customView$typ2, _context2, _context3, _appContext$project2;
|
|
2126
2117
|
const iFrameElementRef = useRef(null);
|
|
2127
2118
|
const appContext = useApplicationContext();
|
|
2128
2119
|
const iFrameCommunicationChannel = useRef(new MessageChannel());
|
|
2129
2120
|
const showNotification = useShowNotification();
|
|
2130
2121
|
const intl = useIntl();
|
|
2131
|
-
const panelSize = ((_props$customView$typ = props.customView.
|
|
2122
|
+
const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 ? void 0 : (_props$customView$typ2 = _props$customView$typ.size) === null || _props$customView$typ2 === void 0 ? void 0 : _props$customView$typ2.toLocaleLowerCase()) || 'large';
|
|
2132
2123
|
const messageFromIFrameHandler = useCallback(event => {
|
|
2133
2124
|
if (event.data.origin === window.location.origin) {
|
|
2134
2125
|
console.log('message received from iframe port: ', event);
|
|
@@ -2163,8 +2154,10 @@ function CustomViewLoader(props) {
|
|
|
2163
2154
|
eventName: CUSTOM_VIEWS_EVENTS_NAMES.CUSTOM_VIEW_INITIALIZATION,
|
|
2164
2155
|
eventData: {
|
|
2165
2156
|
context: {
|
|
2166
|
-
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
2167
2157
|
dataLocale: appContext.dataLocale,
|
|
2158
|
+
customViewConfig: props.customView,
|
|
2159
|
+
hostUrl: window.location.href,
|
|
2160
|
+
userLocale: (_appContext$user = appContext.user) === null || _appContext$user === void 0 ? void 0 : _appContext$user.locale,
|
|
2168
2161
|
projectKey: (_appContext$project = appContext.project) === null || _appContext$project === void 0 ? void 0 : _appContext$project.key
|
|
2169
2162
|
}
|
|
2170
2163
|
}
|
|
@@ -2187,23 +2180,13 @@ function CustomViewLoader(props) {
|
|
|
2187
2180
|
id: "custom-view-".concat(props.customView.id),
|
|
2188
2181
|
ref: iFrameElementRef,
|
|
2189
2182
|
title: "Custom View: ".concat(props.customView.defaultLabel),
|
|
2190
|
-
src: props.customView.
|
|
2183
|
+
src: _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(window.location.origin, "/custom-views/")).call(_context3, props.customView.id, "/projects/")).call(_context2, ((_appContext$project2 = appContext.project) === null || _appContext$project2 === void 0 ? void 0 : _appContext$project2.key) || 'no-project'),
|
|
2191
2184
|
onLoad: onLoadSuccessHandler
|
|
2192
2185
|
}, "custom-view-".concat(props.customView.id))
|
|
2193
2186
|
});
|
|
2194
2187
|
}
|
|
2195
2188
|
CustomViewLoader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
2196
|
-
customView: _pt.
|
|
2197
|
-
id: _pt.string.isRequired,
|
|
2198
|
-
defaultLabel: _pt.string.isRequired,
|
|
2199
|
-
labelAllLocales: _pt.objectOf(_pt.string).isRequired,
|
|
2200
|
-
url: _pt.string.isRequired,
|
|
2201
|
-
type: _pt.oneOf(['CustomPanel', 'CustomTab']).isRequired,
|
|
2202
|
-
typeConfig: _pt.shape({
|
|
2203
|
-
size: _pt.oneOf(['SMALL', 'LARGE'])
|
|
2204
|
-
}),
|
|
2205
|
-
locators: _pt.arrayOf(_pt.string).isRequired
|
|
2206
|
-
}).isRequired,
|
|
2189
|
+
customView: _pt.any.isRequired,
|
|
2207
2190
|
onClose: _pt.func.isRequired
|
|
2208
2191
|
} : {};
|
|
2209
2192
|
|
package/dist/declarations/src/components/custom-views/custom-view-loader/custom-view-loader.d.ts
CHANGED
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
name: string;
|
|
3
|
-
oAuthScopes: string[];
|
|
4
|
-
};
|
|
5
|
-
export type TCustomView = {
|
|
6
|
-
id: string;
|
|
7
|
-
defaultLabel: string;
|
|
8
|
-
labelAllLocales: Record<string, string>;
|
|
9
|
-
url: string;
|
|
10
|
-
type: 'CustomPanel' | 'CustomTab';
|
|
11
|
-
typeConfig?: {
|
|
12
|
-
size?: 'SMALL' | 'LARGE';
|
|
13
|
-
};
|
|
14
|
-
locators: string[];
|
|
15
|
-
};
|
|
1
|
+
import type { TCustomView } from '../../../types/generated/settings';
|
|
16
2
|
type TCustomViewLoaderProps = {
|
|
17
3
|
customView: TCustomView;
|
|
18
4
|
onClose: () => void;
|