@shopgate/engage 7.12.3 → 7.20.0-beta.1

package/search/constants/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/search/constants/index';export*from'@shopgate/pwa-common-commerce/search/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/search/constants/Portals';

package/search/helpers/index.js

@@ -0,0 +1 @@
+export{default as removeHighlightingPlaceholers}from'@shopgate/pwa-common-commerce/search/helpers/removeHighlightingPlaceholders';export{default as removeHighlightingPlaceholders}from'@shopgate/pwa-common-commerce/search/helpers/removeHighlightingPlaceholders';export*from'@shopgate/pwa-common-commerce/search/helpers';

package/search/index.js

@@ -1,6 +1 @@
-/** @module search */ // ACTIONS
-export{default as fetchSearchResults}from'@shopgate/pwa-common-commerce/search/actions/fetchSearchResults';export{default as fetchSearchSuggestions}from'@shopgate/pwa-common-commerce/search/actions/fetchSearchSuggestions';// CONSTANTS
-export*from'@shopgate/pwa-common-commerce/search/constants/index';export*from'@shopgate/pwa-common-commerce/search/constants/Pipelines';export*from'@shopgate/pwa-common-commerce/search/constants/Portals';// HELPERS
-export{default as removeHighlightingPlaceholers}from'@shopgate/pwa-common-commerce/search/helpers/removeHighlightingPlaceholders';export*from'@shopgate/pwa-common-commerce/search/helpers';// SELECTORS
-export*from'@shopgate/pwa-common-commerce/search/selectors';// STREAMS
-export*from'@shopgate/pwa-common-commerce/search/streams';
+/** @module search */ /* eslint-disable import/export */export*from"./actions";export*from"./constants";export*from"./helpers";export*from"./selectors";export*from"./streams";/* eslint-enable import/export */

package/search/selectors/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/search/selectors';

package/search/streams/index.js

@@ -0,0 +1 @@
+export*from'@shopgate/pwa-common-commerce/search/streams';

package/styles/helpers/index.js

@@ -0,0 +1 @@
+export{getCSSCustomProp,setCSSCustomProp}from"./cssCustomProperties";export{updatePageInsets}from"./updatePageInsets";export{setPageBackgroundColor}from"./setPageBackgroundColor";export{setPageContentWidth}from"./setPageContentWidth";export{setViewportHeight}from"./setViewportHeight";export{toggleBodyScroll}from"./toggleBodyScroll";export{initCSSCustomProps,initCSSCustomPropsFallback}from"./initCSSCustomProperties";export{loadCustomStyles}from"./loadCustomStyles";export{responsiveMediaQuery}from"../../components/ResponsiveContainer/mediaQuery";export{responsiveCondition}from"../../components/ResponsiveContainer/condition";

package/styles/helpers/initCSSCustomProperties.js

@@ -1,10 +1,10 @@
-import Color from'color';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{hasWebBridge}from'@shopgate/engage/core';import{getCSSCustomProp,setCSSCustomProp}from"./cssCustomProperties";var colors=themeConfig.colors;/**
+import Color from'color';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{hasWebBridge,hasNewServices}from'@shopgate/engage/core/helpers';import{getCSSCustomProp,setCSSCustomProp}from"./cssCustomProperties";var colors=themeConfig.colors;/**
  * Calculates a contrast color for a color
  * @param {string} color A color
  * @returns {string}
  */var getContrastColor=function getContrastColor(color){var perceivedLuminosity=Color(color).luminosity();return perceivedLuminosity>=0.74?colors.dark:colors.light;};/**
  * Initializes the CSS custom properties after they where loaded from a CSS file.
  * When the CSS file doesn't contain contrast colors, they will be calculated automatically.
- */export var initCSSCustomProps=function initCSSCustomProps(){var primary=getCSSCustomProp('--color-primary');var primaryContrast=getCSSCustomProp('--color-primary-contrast');var secondary=getCSSCustomProp('--color-secondary');var secondaryContrast=getCSSCustomProp('--color-secondary-contrast');if(primary&&!primaryContrast){setCSSCustomProp('--color-primary-contrast',getContrastColor(primary));}if(secondary&&!secondaryContrast){setCSSCustomProp('--color-secondary-contrast',getContrastColor(secondary));}if(hasWebBridge()){setCSSCustomProp('--page-background-color','#fff');}var sideNavigationBackground=Color(getCSSCustomProp('--color-primary')||colors.primary).alpha(0.08);setCSSCustomProp('--color-side-navigation-active-background',sideNavigationBackground);};/**
+ */export var initCSSCustomProps=function initCSSCustomProps(){var primary=getCSSCustomProp('--color-primary');var primaryContrast=getCSSCustomProp('--color-primary-contrast');var secondary=getCSSCustomProp('--color-secondary');var secondaryContrast=getCSSCustomProp('--color-secondary-contrast');if(primary&&!primaryContrast){setCSSCustomProp('--color-primary-contrast',getContrastColor(primary));}if(secondary&&!secondaryContrast){setCSSCustomProp('--color-secondary-contrast',getContrastColor(secondary));}if(hasWebBridge()){setCSSCustomProp('--page-background-color','#fff');}var sideNavigationBackground=Color(getCSSCustomProp('--color-primary')||colors.primary).alpha(0.08);setCSSCustomProp('--color-side-navigation-active-background',sideNavigationBackground);setCSSCustomProp('--color-button-cta','var(--color-primary)');setCSSCustomProp('--color-button-cta-contrast','var(--color-primary-contrast)');};/**
  * Initializes fallback CSS custom properties from the theme colors.
- */export var initCSSCustomPropsFallback=function initCSSCustomPropsFallback(){setCSSCustomProp('--color-primary',colors.primary);setCSSCustomProp('--color-primary-contrast',getContrastColor(colors.primary));setCSSCustomProp('--color-secondary',colors.accent);setCSSCustomProp('--color-secondary-contrast',getContrastColor(colors.accent));setCSSCustomProp('--color-text-high-emphasis','#212121');setCSSCustomProp('--color-text-medium-emphasis','#666666');setCSSCustomProp('--color-text-low-emphasis','#9e9e9e');setCSSCustomProp('--color-background-accent','#f7f7f7');var sideNavigationBackground=Color(getCSSCustomProp('--color-primary')||colors.primary).fade(0.9);setCSSCustomProp('--color-side-navigation-active-background',sideNavigationBackground);if(hasWebBridge()){setCSSCustomProp('--page-background-color','#fff');}};
+ */export var initCSSCustomPropsFallback=function initCSSCustomPropsFallback(){setCSSCustomProp('--color-primary',colors.primary);setCSSCustomProp('--color-primary-contrast',getContrastColor(colors.primary));setCSSCustomProp('--color-secondary',colors.accent);setCSSCustomProp('--color-secondary-contrast',getContrastColor(colors.accent));if(!hasNewServices()){setCSSCustomProp('--color-button-cta',colors.cta);setCSSCustomProp('--color-button-cta-contrast',colors.ctaContrast);}else{setCSSCustomProp('--color-button-cta','var(--color-primary)');setCSSCustomProp('--color-button-cta-contrast','var(--color-primary-contrast)');}setCSSCustomProp('--color-text-high-emphasis','#212121');setCSSCustomProp('--color-text-medium-emphasis','#666666');setCSSCustomProp('--color-text-low-emphasis','#9e9e9e');setCSSCustomProp('--color-background-accent','#f7f7f7');setCSSCustomProp('--color-state-alert',colors.error);setCSSCustomProp('--color-state-warning',colors.warning);setCSSCustomProp('--color-state-ok',colors.success);var sideNavigationBackground=Color(getCSSCustomProp('--color-primary')||colors.primary).fade(0.9);setCSSCustomProp('--color-side-navigation-active-background',sideNavigationBackground);if(hasWebBridge()){setCSSCustomProp('--page-background-color','#fff');}};

package/styles/helpers/setPageContentWidth.js

@@ -1,4 +1,5 @@
 import{setCSSCustomProp}from"./cssCustomProperties";/**
  * Updates the page background color.
  * @param {number} width Sets the page content width.
- */export var setPageContentWidth=function setPageContentWidth(width){setCSSCustomProp('--page-content-width',"".concat(width,"px"));};
+ * @param {string} [unit='px'] Optional width unit
+ */export var setPageContentWidth=function setPageContentWidth(width){var unit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'px';setCSSCustomProp('--page-content-width',"".concat(width).concat(unit));};

package/styles/index.js

@@ -1 +1 @@
-export{getCSSCustomProp,setCSSCustomProp}from"./helpers/cssCustomProperties";export{updatePageInsets}from"./helpers/updatePageInsets";export{setPageBackgroundColor}from"./helpers/setPageBackgroundColor";export{setPageContentWidth}from"./helpers/setPageContentWidth";export{setViewportHeight}from"./helpers/setViewportHeight";export{toggleBodyScroll}from"./helpers/toggleBodyScroll";export{initCSSCustomProps,initCSSCustomPropsFallback}from"./helpers/initCSSCustomProperties";export{loadCustomStyles}from"./helpers/loadCustomStyles";export{responsiveMediaQuery}from"../components/ResponsiveContainer/mediaQuery";export{responsiveCondition}from"../components/ResponsiveContainer/condition";
+export*from"./helpers";

package/tracking/components/CookieConsent/CookieConsentContent.js

@@ -1,4 +1,4 @@
-var _css;function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{useState}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{responsiveMediaQuery}from'@shopgate/engage/styles';import Transition from'react-transition-group/Transition';import{useCookieConsent}from"../../hooks";import CookieConsentMessage from"./CookieConsentMessage";import CookieConsentButtons from"./CookieConsentButtons";import CookieConsentCheckboxes from"./CookieConsentCheckboxes";var variables=themeConfig.variables,colors=themeConfig.colors;var containerPadding=12;var styles={container:css({fontSize:'.875rem',position:'fixed',background:'var(--color-background-accent)',borderTop:"1px solid ".concat(colors.shade7),bottom:0,zIndex:10000,width:'100%',display:'flex',justifyContent:'center',padding:"".concat(containerPadding,"px ").concat(containerPadding,"px calc(var(--safe-area-inset-bottom) + ").concat(containerPadding,"px) ").concat(variables.gap.big,"px"),userSelect:'none'}),content:css((_css={display:'grid',gridTemplateColumns:'auto 1fr',gridTemplateRows:'auto auto',gridTemplateAreas:"\n      \"message buttons\"\n      \"checkboxes buttons\"\n    ",rowGap:12,width:'100%'},_defineProperty(_css,responsiveMediaQuery('>=sm',{webOnly:true}),{width:'calc(var(--page-content-width) + 208px)'}),_defineProperty(_css,responsiveMediaQuery('<sm'),{gridTemplateColumns:'auto',gridTemplateRows:'auto auto auto',gridTemplateAreas:"\n      \"message\"\n      \"checkboxes\"\n      \"buttons\"\n    "}),_css)),message:css({gridArea:'message'}),buttons:css(_defineProperty({gridArea:'buttons'},responsiveMediaQuery('>=sm'),{justifySelf:'end'})),checkboxes:css({gridArea:'checkboxes'})};var transitionDuration=500;var defaultTransitionStyle={transition:"opacity ".concat(transitionDuration,"ms ease-in-out"),opacity:1};var transitionStyles={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}};/**
+function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{useState}from'react';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{responsiveMediaQuery}from'@shopgate/engage/styles';import Transition from'react-transition-group/Transition';import{useCookieConsent}from"../../hooks";import CookieConsentMessage from"./CookieConsentMessage";import CookieConsentButtons from"./CookieConsentButtons";import CookieConsentCheckboxes from"./CookieConsentCheckboxes";var variables=themeConfig.variables,colors=themeConfig.colors;var containerPadding=12;var styles={container:css({fontSize:'.875rem',position:'fixed',background:'var(--color-background-accent)',borderTop:"1px solid ".concat(colors.shade7),bottom:0,zIndex:10000,width:'100%',display:'flex',justifyContent:'center',padding:"".concat(containerPadding,"px ").concat(containerPadding,"px calc(var(--safe-area-inset-bottom) + ").concat(containerPadding,"px) ").concat(variables.gap.big,"px"),userSelect:'none'}),content:css(_defineProperty(_defineProperty({display:'grid',gridTemplateColumns:'auto 1fr',gridTemplateRows:'auto auto',gridTemplateAreas:"\n      \"message buttons\"\n      \"checkboxes buttons\"\n    ",rowGap:12,width:'100%'},responsiveMediaQuery('>=sm',{webOnly:true}),{width:'calc(var(--page-content-width) + 208px)'}),responsiveMediaQuery('<sm'),{gridTemplateColumns:'auto',gridTemplateRows:'auto auto auto',gridTemplateAreas:"\n      \"message\"\n      \"checkboxes\"\n      \"buttons\"\n    "})),message:css({gridArea:'message'}),buttons:css(_defineProperty({gridArea:'buttons'},responsiveMediaQuery('>=sm'),{justifySelf:'end'})),checkboxes:css({gridArea:'checkboxes'})};var transitionDuration=500;var defaultTransitionStyle={transition:"opacity ".concat(transitionDuration,"ms ease-in-out"),opacity:1};var transitionStyles={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}};/**
  * The CookieConsentContent component
  * @returns {JSX}
  */var CookieConsentContent=function CookieConsentContent(){var _useCookieConsent=useCookieConsent(),isVisible=_useCookieConsent.isVisible;var _useState=useState(isVisible),_useState2=_slicedToArray(_useState,1),wasVisible=_useState2[0];if(!wasVisible){return null;}return React.createElement(Transition,{"in":isVisible,unmountOnExit:true,timeout:transitionDuration},function(state){return React.createElement("div",{className:styles.container,style:_extends({},defaultTransitionStyle,{},transitionStyles[state])},React.createElement("div",{className:styles.content},React.createElement("div",{className:styles.message},React.createElement(CookieConsentMessage,null)),React.createElement("div",{className:styles.buttons},React.createElement(CookieConsentButtons,null)),React.createElement("div",{className:styles.checkboxes},React.createElement(CookieConsentCheckboxes,null))));});};export default CookieConsentContent;

package/tracking/constants/index.js

@@ -1 +1,2 @@
-export var COOKIE_CONSENT_COOKIE_NAME_STATUS='sg-cookie-banner-status';export var COOKIE_CONSENT_COOKIE_NAME_PREFS='sg-cookie-banner-pref';export var COOKIE_CONSENT_STATUS_ALLOW='allow';export var COOKIE_CONSENT_STATUS_DENY='deny';export var COOKIE_CONSENT_PREF_NEEDED='needed';export var COOKIE_CONSENT_PREF_ANALYTICS='analytics';export var COOKIE_CONSENT_MODE_OFF='off';export var COOKIE_CONSENT_MODE_STANDARD='standard';export var COOKIE_CONSENT_MODE_STRICT='strict';export var INITIALIZE_TRACKING='INITIALIZE_TRACKING';
+export var COOKIE_CONSENT_COOKIE_NAME_STATUS='sg-cookie-banner-status';export var COOKIE_CONSENT_COOKIE_NAME_PREFS='sg-cookie-banner-pref';export var COOKIE_CONSENT_STATUS_ALLOW='allow';export var COOKIE_CONSENT_STATUS_DENY='deny';export var COOKIE_CONSENT_PREF_NEEDED='needed';export var COOKIE_CONSENT_PREF_ANALYTICS='analytics';export var COOKIE_CONSENT_MODE_OFF='off';export var COOKIE_CONSENT_MODE_STANDARD='standard';export var COOKIE_CONSENT_MODE_STRICT='strict';export var INITIALIZE_TRACKING='INITIALIZE_TRACKING';// PWA6 cookie consent constants
+export var SHOW_COOKIE_CONSENT_MODAL='SHOW_COOKIE_CONSENT_MODAL';export var HIDE_COOKIE_CONSENT_MODAL='HIDE_COOKIE_CONSENT_MODAL';export var UPDATE_COOKIE_CONSENT='UPDATE_COOKIE_CONSENT';export var COOKIE_CONSENT_HANDLED='COOKIE_CONSENT_HANDLED';export var PRIVACY_SETTINGS_PATTERN='/privacy-settings';

package/components/MessageBar/style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors,variables=themeConfig.variables;var container=css({background:colors.background,display:'flex',flexDirection:'column',flexShrink:0}).toString();var messageBase={padding:"".concat(variables.gap.small,"px ").concat(variables.gap.big,"px"),fontSize:'0.875rem',fontWeight:500,':not(:last-child)':{marginBottom:variables.gap.small*0.5}};var info=css(messageBase,{background:"var(--color-secondary, ".concat(colors.accent,")"),color:"var(--color-secondary-contrast, ".concat(colors.accentContrast,")")}).toString();var error=css(messageBase,{background:colors.error,color:colors.light}).toString();var warning=css(messageBase,{background:colors.warning,color:colors.light}).toString();var srOnly=css({position:'absolute',width:1,height:1,padding:0,margin:-1,overflow:'hidden',clip:'rect(0, 0, 0, 0)',whiteSpace:'nowrap',border:0});export default{container:container,info:info,error:error,warning:warning,srOnly:srOnly};

package/product/components/Availability/Availability.types.js

@@ -1 +0,0 @@
-import{AVAILABILITY_STATE_OK,AVAILABILITY_STATE_WARNING,AVAILABILITY_STATE_ALERT}from'@shopgate/pwa-common-commerce/product/constants';