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

package/dist/declarations/src/utils/filter-data-attributes.d.ts

@@ -0,0 +1 @@
+export default function filterDataAttributes<T extends object>(obj: T): Partial<T>;

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "__@APPLICATION_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/dist/public-page-layout-3fba954d.esm.js

@@ -0,0 +1,110 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _pt from 'prop-types';
+import 'react';
+import { css } from '@emotion/react';
+import CommercetoolsLogoSmallSvg from '@commercetools-frontend/assets/logos/commercetools_logo_small.svg';
+import { designTokens } from '@commercetools-uikit/design-system';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import _styled from '@emotion/styled/base';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z2"
+} : {
+  target: "e1pnp02z2",
+  label: "Container"
+})("width:100%;min-height:100vh;display:flex;padding:", designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6InB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyQ29sdW1uID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGNhbGMoJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTZ9IC8gMik7XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcbiJdfQ== */"));
+const ContainerColumn = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z1"
+} : {
+  target: "e1pnp02z1",
+  label: "ContainerColumn"
+})("width:calc(", designTokens.constraint16, " / 2);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6InB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyQ29sdW1uID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGNhbGMoJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTZ9IC8gMik7XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcbiJdfQ== */"));
+const ContainerColumnWide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z0"
+} : {
+  target: "e1pnp02z0",
+  label: "ContainerColumnWide"
+})("width:", designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmV4cG9ydCBjb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE1fTtcbmA7XG4iXX0= */"));
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const year = new Date().getUTCFullYear();
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+  return jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt.string,
+  legalMessage: _pt.node,
+  contentScale: _pt.oneOf(['normal', 'wide']),
+  children: _pt.node.isRequired
+} : {};
+const PublicPageLayout = props => {
+  return jsx(Container, {
+    children: jsxs(Spacings.Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsx(ContainerColumn, {
+        children: jsx(Spacings.Inline, {
+          justifyContent: "center",
+          children: jsx("img", {
+            src: CommercetoolsLogoSmallSvg,
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsx(ContainerColumn, {
+        children: jsx(Text.Headline, {
+          as: "h2",
+          children: jsx("div", {
+            css: /*#__PURE__*/css("color:", designTokens.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMER3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblB1YmxpY1BhZ2VMYXlvdXQuZGVmYXVsdFByb3BzID0ge1xuICBjb250ZW50U2NhbGU6ICdub3JtYWwnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxs(Spacings.Stack, {
+        scale: "xl",
+        children: [jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxs(Spacings.Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsx(Text.Detail, {
+              tone: "secondary",
+              children: props.legalMessage
+            }), jsx(Text.Detail, {
+              tone: "secondary",
+              children: `${year} © commercetools`
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt.string,
+  legalMessage: _pt.node,
+  contentScale: _pt.oneOf(['normal', 'wide']),
+  children: _pt.node.isRequired
+} : {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+export { PublicPageLayout as default };

package/dist/public-page-layout-81be35b4.cjs.dev.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _pt = require('prop-types');
+require('react');
+var react = require('@emotion/react');
+var CommercetoolsLogoSmallSvg = require('@commercetools-frontend/assets/logos/commercetools_logo_small.svg');
+var designSystem = require('@commercetools-uikit/design-system');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var _styled = require('@emotion/styled/base');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var CommercetoolsLogoSmallSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoSmallSvg);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z2"
+} : {
+  target: "e1pnp02z2",
+  label: "Container"
+})("width:100%;min-height:100vh;display:flex;padding:", designSystem.designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6InB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyQ29sdW1uID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGNhbGMoJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTZ9IC8gMik7XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcbiJdfQ== */"));
+const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z1"
+} : {
+  target: "e1pnp02z1",
+  label: "ContainerColumn"
+})("width:calc(", designSystem.designTokens.constraint16, " / 2);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6InB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nWGx9IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyQ29sdW1uID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGNhbGMoJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTZ9IC8gMik7XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcbiJdfQ== */"));
+const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pnp02z0"
+} : {
+  target: "e1pnp02z0",
+  label: "ContainerColumnWide"
+})("width:", designSystem.designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmV4cG9ydCBjb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE1fTtcbmA7XG4iXX0= */"));
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const year = new Date().getUTCFullYear();
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsxRuntime.jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+  return jsxRuntime.jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt__default["default"].string,
+  legalMessage: _pt__default["default"].node,
+  contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
+  children: _pt__default["default"].node.isRequired
+} : {};
+const PublicPageLayout = props => {
+  return jsxRuntime.jsx(Container, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
+          justifyContent: "center",
+          children: jsxRuntime.jsx("img", {
+            src: CommercetoolsLogoSmallSvg__default["default"],
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Text__default["default"].Headline, {
+          as: "h2",
+          children: jsxRuntime.jsx("div", {
+            css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMER3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblB1YmxpY1BhZ2VMYXlvdXQuZGVmYXVsdFByb3BzID0ge1xuICBjb250ZW50U2NhbGU6ICdub3JtYWwnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: "xl",
+        children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              children: props.legalMessage
+            }), jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              children: `${year} © commercetools`
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt__default["default"].string,
+  legalMessage: _pt__default["default"].node,
+  contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
+  children: _pt__default["default"].node.isRequired
+} : {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+exports["default"] = PublicPageLayout;

package/dist/public-page-layout-d365f38f.cjs.prod.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('prop-types');
+require('react');
+var react = require('@emotion/react');
+var CommercetoolsLogoSmallSvg = require('@commercetools-frontend/assets/logos/commercetools_logo_small.svg');
+var designSystem = require('@commercetools-uikit/design-system');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var _styled = require('@emotion/styled/base');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var CommercetoolsLogoSmallSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoSmallSvg);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+const Container = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1pnp02z2"
+} )("width:100%;min-height:100vh;display:flex;padding:", designSystem.designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + ("" ));
+const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1pnp02z1"
+} )("width:calc(", designSystem.designTokens.constraint16, " / 2);" + ("" ));
+const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e1pnp02z0"
+} )("width:", designSystem.designTokens.constraint15, ";" + ("" ));
+
+function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const year = new Date().getUTCFullYear();
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsxRuntime.jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+  return jsxRuntime.jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+PublicPageLayoutContent.propTypes = {};
+const PublicPageLayout = props => {
+  return jsxRuntime.jsx(Container, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Spacings__default["default"].Inline, {
+          justifyContent: "center",
+          children: jsxRuntime.jsx("img", {
+            src: CommercetoolsLogoSmallSvg__default["default"],
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Text__default["default"].Headline, {
+          as: "h2",
+          children: jsxRuntime.jsx("div", {
+            css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorSolid, ";text-align:center;" + ("" ), "" ),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: "xl",
+        children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              children: props.legalMessage
+            }), jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              children: `${year} © commercetools`
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+PublicPageLayout.propTypes = {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+exports["default"] = PublicPageLayout;

package/materials/media-queries.css

@@ -0,0 +1,15 @@
+/* MAX-WIDTH */
+
+@custom-media --screen-max-mobile (max-width: 767px); /* xsm */
+@custom-media --screen-max-desktop (max-width: 1023px); /* sm */
+@custom-media --screen-max-biggerdesktop (max-width: 1279px); /* md */
+@custom-media --screen-max-giantdesktop (max-width: 1679px); /* lg */
+@custom-media --screen-max-jumbodesktop (max-width: 1919px); /* xlg */
+
+/* MIN-WIDTH */
+
+@custom-media --screen-min-mobile (min-width: 768px); /* xsm */
+@custom-media --screen-min-desktop (min-width: 1024px); /* sm */
+@custom-media --screen-min-biggerdesktop (min-width: 1280px); /* md */
+@custom-media --screen-min-giantdesktop (min-width: 1680px); /* lg */
+@custom-media --screen-min-jumbodesktop (min-width: 1920px); /* xlg */

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@commercetools-frontend/application-components",
+  "version": "0.0.0-FEC-157-preview-releases-20241126230331",
+  "description": "Generic components for building Merchant Center applications",
+  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/merchant-center-application-kit.git",
+    "directory": "packages/application-components"
+  },
+  "homepage": "https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-components",
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-application-components.cjs.js",
+  "module": "dist/commercetools-frontend-application-components.esm.js",
+  "preconstruct": {
+    "entrypoints": [
+      "./index.ts"
+    ]
+  },
+  "files": [
+    "dist",
+    "materials/media-queries.css",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15",
+    "@commercetools-frontend/actions-global": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/application-config": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/application-shell-connectors": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/assets": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/constants": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/i18n": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/l10n": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-frontend/sentry": "0.0.0-FEC-157-preview-releases-20241126230331",
+    "@commercetools-uikit/accessible-button": "^19.9.0",
+    "@commercetools-uikit/card": "^19.9.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/design-system": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icon-button": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/label": "^19.9.0",
+    "@commercetools-uikit/messages": "^19.9.0",
+    "@commercetools-uikit/primary-button": "^19.9.0",
+    "@commercetools-uikit/secondary-button": "^19.9.0",
+    "@commercetools-uikit/secondary-icon-button": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/stamp": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/utils": "^19.9.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@flopflip/react-broadcast": "14.0.2",
+    "@react-hook/latest": "1.0.3",
+    "@react-hook/resize-observer": "1.2.6",
+    "@types/history": "^4.7.11",
+    "@types/lodash": "^4.14.198",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^17.0.80",
+    "@types/react-dom": "^17.0.19",
+    "@types/react-modal": "^3.16.0",
+    "@types/react-router-dom": "^5.3.3",
+    "history": "4.10.1",
+    "lodash": "4.17.21",
+    "prop-types": "15.8.1",
+    "raf-schd": "^4.0.3",
+    "react-modal": "3.16.1"
+  },
+  "devDependencies": {
+    "@apollo/client": "3.7.14",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/react-hooks": "8.0.1",
+    "@types/jest": "^29.5.4",
+    "@types/raf-schd": "^4.0.1",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "jest": "29.7.0",
+    "msw": "0.49.3",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-intl": "^6.4.7",
+    "react-router-dom": "5.3.4"
+  },
+  "peerDependencies": {
+    "react": "17.x",
+    "react-dom": "17.x",
+    "react-intl": "6.x",
+    "react-router-dom": "5.x"
+  }
+}