@commercetools-frontend/mc-html-template 27.13.0 → 27.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -187,7 +187,7 @@ const htmlScripts = {
187
187
  "publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
188
188
  }; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
189
189
  const htmlStyles = {
190
- "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:120px;height:18px;border-radius:4px;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
190
+ "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
191
191
  };
192
192
  const trimTrailingSlash = value => value.replace(/\/$/, '');
193
193
  const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
@@ -187,7 +187,7 @@ const htmlScripts = {
187
187
  "publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
188
188
  }; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
189
189
  const htmlStyles = {
190
- "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:120px;height:18px;border-radius:4px;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
190
+ "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
191
191
  };
192
192
  const trimTrailingSlash = value => value.replace(/\/$/, '');
193
193
  const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
@@ -162,7 +162,7 @@ const htmlScripts = {
162
162
  "publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
163
163
  }; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
164
164
  const htmlStyles = {
165
- "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:120px;height:18px;border-radius:4px;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
165
+ "loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
166
166
  };
167
167
  const trimTrailingSlash = value => value.replace(/\/$/, '');
168
168
  const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/mc-html-template",
3
- "version": "27.13.0",
3
+ "version": "27.14.0",
4
4
  "description": "Everything related to render the index.html for a MC application",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -41,8 +41,8 @@
41
41
  "serialize-javascript": "7.1.0",
42
42
  "uglify-js": "3.19.3",
43
43
  "uglifycss": "0.0.29",
44
- "@commercetools-frontend/application-config": "^27.13.0",
45
- "@commercetools-frontend/constants": "^27.13.0"
44
+ "@commercetools-frontend/application-config": "^27.14.0",
45
+ "@commercetools-frontend/constants": "^27.14.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@tsconfig/node24": "^24.0.0",