@commercetools-frontend/application-shell 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/custom-view-dev-host-076c2a9f.cjs.prod.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('prop-types');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var history = require('@commercetools-frontend/browser-history');
+var Constraints = require('@commercetools-uikit/constraints');
+var PrimaryButton = require('@commercetools-uikit/primary-button');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var dist_commercetoolsFrontendApplicationShell = require('./index-ff82019b.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('./index-91985d64.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/reflect/has');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@emotion/styled/base');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@emotion/react');
+require('@commercetools-frontend/i18n');
+require('./oidc-d74e6aa2.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@commercetools-uikit/design-system');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./location-537e0660.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('react-select');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+require('@commercetools-frontend/l10n');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@apollo/client/react');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('@flopflip/react-broadcast');
+require('@flopflip/types');
+require('react-redux');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@commercetools-frontend/actions-global');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var history__default = /*#__PURE__*/_interopDefault(history);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const LocalCustomViewLauncher = props => {
+  var _context;
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRenderCustomView = _useState2[0],
+    setShouldRenderCustomView = _useState2[1];
+  // We expect this in development to be defined.
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
+  return jsxRuntime.jsx("main", {
+    children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+      max: "scale",
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inset, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "xl",
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Custom View loader"
+          }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "l",
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsxs(Text__default["default"].Body, {
+                children: ["This page simulates the rendering of your Custom View as if it was within a page in the Merchant Center:", jsxRuntime.jsx("br", {}), "Based on your ", jsxRuntime.jsx("i", {
+                  children: "custom-view-config"
+                }), " file, these are the settings that will be used:"]
+              }), jsxRuntime.jsx("ul", {
+                children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs("li", {
+                    children: ["Custom View ID: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.id
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.locators.join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View type: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.type
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.typeSettings?.size
+                    })]
+                  })]
+                })
+              })]
+            }), jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+              max: 10,
+              children: jsxRuntime.jsx(PrimaryButton__default["default"], {
+                label: "Open the Custom View",
+                onClick: () => setShouldRenderCustomView(true)
+              })
+            })]
+          })]
+        }), shouldRenderCustomView && jsxRuntime.jsx(applicationComponents.CustomViewLoader, {
+          customView: customViewConfig,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
+          onClose: () => setShouldRenderCustomView(false)
+        })]
+      })
+    })
+  });
+};
+const SimulatedIframeRoute = props => {
+  const routeMatch = reactRouterDom.useRouteMatch();
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children
+  });
+};
+const CustomViewDevHost = props => {
+  return jsxRuntime.jsx(reactRouterDom.Router, {
+    history: history__default["default"],
+    children: jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [jsxRuntime.jsx(reactRouterDom.Route, {
+        path: "/custom-views/:customViewId/projects/:projectKey",
+        children: jsxRuntime.jsx(SimulatedIframeRoute, {
+          children: props.children
+        })
+      }), jsxRuntime.jsx(reactRouterDom.Route, {
+        children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationShell, {
+          environment: window.app,
+          applicationMessages: props.applicationMessages,
+          disableRoutePermissionCheck: true,
+          children: jsxRuntime.jsx(LocalCustomViewLauncher, {
+            environment: window.app
+          })
+        })
+      })]
+    })
+  });
+};
+CustomViewDevHost.propTypes = {};
+CustomViewDevHost.displayName = 'CustomViewDevHost';
+
+exports["default"] = CustomViewDevHost;

package/dist/custom-view-dev-host-5eebbfcd.esm.js

@@ -0,0 +1,188 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _pt from 'prop-types';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import { useState } from 'react';
+import { Router, Switch, Route, useRouteMatch } from 'react-router-dom';
+import { CustomViewLoader } from '@commercetools-frontend/application-components';
+import history from '@commercetools-frontend/browser-history';
+import Constraints from '@commercetools-uikit/constraints';
+import PrimaryButton from '@commercetools-uikit/primary-button';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { A as ApplicationShell } from './index-b2fb611e.esm.js';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import './index-b6081c20.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/reflect/has';
+import '@reduxjs/toolkit';
+import 'lodash/mapValues';
+import 'omit-empty-es';
+import 'redux-thunk';
+import '@commercetools-frontend/application-shell-connectors';
+import '@commercetools-frontend/constants';
+import '@commercetools-frontend/notifications';
+import '@commercetools-frontend/sdk';
+import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@commercetools-frontend/sentry';
+import '@commercetools-frontend/react-notifications';
+import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'redux-logger';
+import '@emotion/styled/base';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/array/is-array';
+import '@emotion/react';
+import '@commercetools-frontend/i18n';
+import './oidc-b2520905.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/url';
+import '@commercetools-uikit/design-system';
+import 'react-intl';
+import '@commercetools-uikit/flat-button';
+import '@commercetools-uikit/icons';
+import './location-f21dbc25.esm.js';
+import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'memoize-one';
+import 'react-select';
+import '@commercetools-uikit/accessible-hidden';
+import '@commercetools-uikit/select-input';
+import '@commercetools-frontend/assets/images/ct-logo.svg';
+import '@commercetools-uikit/loading-spinner';
+import '@commercetools-frontend/l10n';
+import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/helpers/inherits';
+import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
+import '@babel/runtime-corejs3/helpers/getPrototypeOf';
+import '@babel/runtime-corejs3/core-js-stable/object/from-entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/flags';
+import '@apollo/client/react';
+import '@flopflip/combine-adapters';
+import '@flopflip/http-adapter';
+import '@flopflip/launchdarkly-adapter';
+import '@flopflip/react-broadcast';
+import '@flopflip/types';
+import 'react-redux';
+import '@commercetools-uikit/design-system/materials/resets.css';
+import '@commercetools-frontend/application-config/ssr';
+import '@commercetools-frontend/permissions';
+import '@flopflip/memory-adapter';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/some';
+import '@commercetools-frontend/actions-global';
+
+const LocalCustomViewLauncher = props => {
+  var _context;
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRenderCustomView = _useState2[0],
+    setShouldRenderCustomView = _useState2[1];
+  // We expect this in development to be defined.
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
+  return jsx("main", {
+    children: jsx(Constraints.Horizontal, {
+      max: "scale",
+      children: jsxs(Spacings.Inset, {
+        scale: "xl",
+        children: [jsxs(Spacings.Stack, {
+          scale: "xl",
+          children: [jsx(Text.Headline, {
+            as: "h1",
+            children: "Custom View loader"
+          }), jsxs(Spacings.Stack, {
+            scale: "l",
+            children: [jsxs(Spacings.Stack, {
+              scale: "m",
+              children: [jsxs(Text.Body, {
+                children: ["This page simulates the rendering of your Custom View as if it was within a page in the Merchant Center:", jsx("br", {}), "Based on your ", jsx("i", {
+                  children: "custom-view-config"
+                }), " file, these are the settings that will be used:"]
+              }), jsx("ul", {
+                children: jsxs(Spacings.Stack, {
+                  scale: "s",
+                  children: [jsxs("li", {
+                    children: ["Custom View ID: ", jsx("b", {
+                      children: customViewConfig.id
+                    })]
+                  }), jsxs("li", {
+                    children: ["Custom View permissions:", ' ', jsx("b", {
+                      children: _mapInstanceProperty(_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
+                    })]
+                  }), jsxs("li", {
+                    children: ["Custom View locators:", ' ', jsx("b", {
+                      children: customViewConfig.locators.join(', ')
+                    })]
+                  }), jsxs("li", {
+                    children: ["Custom View type: ", jsx("b", {
+                      children: customViewConfig.type
+                    })]
+                  }), jsxs("li", {
+                    children: ["Custom View size:", ' ', jsx("b", {
+                      children: customViewConfig.typeSettings?.size
+                    })]
+                  })]
+                })
+              })]
+            }), jsx(Constraints.Horizontal, {
+              max: 10,
+              children: jsx(PrimaryButton, {
+                label: "Open the Custom View",
+                onClick: () => setShouldRenderCustomView(true)
+              })
+            })]
+          })]
+        }), shouldRenderCustomView && jsx(CustomViewLoader, {
+          customView: customViewConfig,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
+          onClose: () => setShouldRenderCustomView(false)
+        })]
+      })
+    })
+  });
+};
+const SimulatedIframeRoute = props => {
+  const routeMatch = useRouteMatch();
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
+  return jsx(Fragment, {
+    children: props.children
+  });
+};
+const CustomViewDevHost = props => {
+  return jsx(Router, {
+    history: history,
+    children: jsxs(Switch, {
+      children: [jsx(Route, {
+        path: "/custom-views/:customViewId/projects/:projectKey",
+        children: jsx(SimulatedIframeRoute, {
+          children: props.children
+        })
+      }), jsx(Route, {
+        children: jsx(ApplicationShell, {
+          environment: window.app,
+          applicationMessages: props.applicationMessages,
+          disableRoutePermissionCheck: true,
+          children: jsx(LocalCustomViewLauncher, {
+            environment: window.app
+          })
+        })
+      })]
+    })
+  });
+};
+CustomViewDevHost.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _pt.node.isRequired
+} : {};
+CustomViewDevHost.displayName = 'CustomViewDevHost';
+
+export { CustomViewDevHost as default };

package/dist/custom-view-dev-host-7e7d8572.cjs.dev.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _pt = require('prop-types');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var react = require('react');
+var reactRouterDom = require('react-router-dom');
+var applicationComponents = require('@commercetools-frontend/application-components');
+var history = require('@commercetools-frontend/browser-history');
+var Constraints = require('@commercetools-uikit/constraints');
+var PrimaryButton = require('@commercetools-uikit/primary-button');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var dist_commercetoolsFrontendApplicationShell = require('./index-76b6a9ad.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('./index-b1476d46.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/reflect/has');
+require('@reduxjs/toolkit');
+require('lodash/mapValues');
+require('omit-empty-es');
+require('redux-thunk');
+require('@commercetools-frontend/application-shell-connectors');
+require('@commercetools-frontend/constants');
+require('@commercetools-frontend/notifications');
+require('@commercetools-frontend/sdk');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/slice');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@commercetools-frontend/sentry');
+require('@commercetools-frontend/react-notifications');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('redux-logger');
+require('@emotion/styled/base');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
+require('@emotion/react');
+require('@commercetools-frontend/i18n');
+require('./oidc-8827f9fe.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/url');
+require('@commercetools-uikit/design-system');
+require('react-intl');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icons');
+require('./location-c835b8df.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('memoize-one');
+require('react-select');
+require('@commercetools-uikit/accessible-hidden');
+require('@commercetools-uikit/select-input');
+require('@commercetools-frontend/assets/images/ct-logo.svg');
+require('@commercetools-uikit/loading-spinner');
+require('@commercetools-frontend/l10n');
+require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/helpers/inherits');
+require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
+require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('@babel/runtime-corejs3/core-js-stable/object/from-entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/flags');
+require('@apollo/client/react');
+require('@flopflip/combine-adapters');
+require('@flopflip/http-adapter');
+require('@flopflip/launchdarkly-adapter');
+require('@flopflip/react-broadcast');
+require('@flopflip/types');
+require('react-redux');
+require('@commercetools-uikit/design-system/materials/resets.css');
+require('@commercetools-frontend/application-config/ssr');
+require('@commercetools-frontend/permissions');
+require('@flopflip/memory-adapter');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/some');
+require('@commercetools-frontend/actions-global');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var history__default = /*#__PURE__*/_interopDefault(history);
+var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+const LocalCustomViewLauncher = props => {
+  var _context;
+  const _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRenderCustomView = _useState2[0],
+    setShouldRenderCustomView = _useState2[1];
+  // We expect this in development to be defined.
+  const customViewConfig = props.environment.__DEVELOPMENT__?.customViewConfig;
+  return jsxRuntime.jsx("main", {
+    children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+      max: "scale",
+      children: jsxRuntime.jsxs(Spacings__default["default"].Inset, {
+        scale: "xl",
+        children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+          scale: "xl",
+          children: [jsxRuntime.jsx(Text__default["default"].Headline, {
+            as: "h1",
+            children: "Custom View loader"
+          }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "l",
+            children: [jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsxs(Text__default["default"].Body, {
+                children: ["This page simulates the rendering of your Custom View as if it was within a page in the Merchant Center:", jsxRuntime.jsx("br", {}), "Based on your ", jsxRuntime.jsx("i", {
+                  children: "custom-view-config"
+                }), " file, these are the settings that will be used:"]
+              }), jsxRuntime.jsx("ul", {
+                children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+                  scale: "s",
+                  children: [jsxRuntime.jsxs("li", {
+                    children: ["Custom View ID: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.id
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View permissions:", ' ', jsxRuntime.jsx("b", {
+                      children: _mapInstanceProperty__default["default"](_context = customViewConfig.permissions).call(_context, permission => `(${permission.name}: ${permission.oAuthScopes.join(', ')})`).join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View locators:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.locators.join(', ')
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View type: ", jsxRuntime.jsx("b", {
+                      children: customViewConfig.type
+                    })]
+                  }), jsxRuntime.jsxs("li", {
+                    children: ["Custom View size:", ' ', jsxRuntime.jsx("b", {
+                      children: customViewConfig.typeSettings?.size
+                    })]
+                  })]
+                })
+              })]
+            }), jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+              max: 10,
+              children: jsxRuntime.jsx(PrimaryButton__default["default"], {
+                label: "Open the Custom View",
+                onClick: () => setShouldRenderCustomView(true)
+              })
+            })]
+          })]
+        }), shouldRenderCustomView && jsxRuntime.jsx(applicationComponents.CustomViewLoader, {
+          customView: customViewConfig,
+          hostUrl: props.environment.__DEVELOPMENT__?.customViewHostUrl,
+          onClose: () => setShouldRenderCustomView(false)
+        })]
+      })
+    })
+  });
+};
+const SimulatedIframeRoute = props => {
+  const routeMatch = reactRouterDom.useRouteMatch();
+  console.info(`ℹ️ Rendering a Custom View as it would be rendered within an iframe`, routeMatch.url);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children
+  });
+};
+const CustomViewDevHost = props => {
+  return jsxRuntime.jsx(reactRouterDom.Router, {
+    history: history__default["default"],
+    children: jsxRuntime.jsxs(reactRouterDom.Switch, {
+      children: [jsxRuntime.jsx(reactRouterDom.Route, {
+        path: "/custom-views/:customViewId/projects/:projectKey",
+        children: jsxRuntime.jsx(SimulatedIframeRoute, {
+          children: props.children
+        })
+      }), jsxRuntime.jsx(reactRouterDom.Route, {
+        children: jsxRuntime.jsx(dist_commercetoolsFrontendApplicationShell.ApplicationShell, {
+          environment: window.app,
+          applicationMessages: props.applicationMessages,
+          disableRoutePermissionCheck: true,
+          children: jsxRuntime.jsx(LocalCustomViewLauncher, {
+            environment: window.app
+          })
+        })
+      })]
+    })
+  });
+};
+CustomViewDevHost.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _pt__default["default"].node.isRequired
+} : {};
+CustomViewDevHost.displayName = 'CustomViewDevHost';
+
+exports["default"] = CustomViewDevHost;

package/dist/declarations/src/components/app-bar/app-bar.d.ts

@@ -0,0 +1,10 @@
+import type { TFetchLoggedInUserQuery } from '../../types/generated/mc';
+type Props = {
+    user: TFetchLoggedInUserQuery['user'];
+    projectKeyFromUrl?: string;
+};
+declare const AppBar: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default AppBar;

package/dist/declarations/src/components/app-bar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './app-bar';

package/dist/declarations/src/components/application-entry-point/application-entry-point.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import type { TProviderProps } from '@commercetools-frontend/application-shell-connectors';
+type TApplicationEntryPointProps = {
+    environment: TProviderProps<{}>['environment'];
+    disableRoutePermissionCheck?: boolean;
+    render?: () => JSX.Element;
+    children?: ReactNode;
+};
+declare const ApplicationEntryPoint: (props: TApplicationEntryPointProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
+export default ApplicationEntryPoint;

package/dist/declarations/src/components/application-entry-point/index.d.ts

@@ -0,0 +1 @@
+export { default } from './application-entry-point';

package/dist/declarations/src/components/application-loader/application-loader.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    showLogo?: boolean;
+};
+declare const ApplicationLoader: {
+    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    displayName: string;
+};
+export default ApplicationLoader;

package/dist/declarations/src/components/application-loader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './application-loader';

package/dist/declarations/src/components/application-page-title/application-page-title.d.ts

@@ -0,0 +1,25 @@
+type TApplicationPageTitleProps = {
+    /**
+     * Prepend additional title parts to the default page title.
+     * The parts are concatenated with a `-` separator and might be truncated
+     * in the middle if each one exceeds 24 characters length.
+     *
+     * The default page title has always the format:
+     *   <application_identifier> - <project_key> - Merchant Center
+     *
+     * Overwriting the default page title is recommended in detail pages
+     * where there is a human-readable resource identifier, for example a product name.
+     *
+     * @example
+     *
+     * <ApplicationPageTitle additionalParts={['T-Shirt red']} />
+     * // T-Shirt red - Products - my-shop - Merchant Center
+     */
+    additionalParts: string[];
+};
+declare const ApplicationPageTitle: {
+    (props: TApplicationPageTitleProps): null;
+    displayName: string;
+    defaultProps: TApplicationPageTitleProps;
+};
+export default ApplicationPageTitle;

package/dist/declarations/src/components/application-page-title/index.d.ts

@@ -0,0 +1 @@
+export { default } from './application-page-title';