@shopgate/engage 7.20.0-beta.2 → 7.20.0-beta.4

package/tracking/components/PrivacySettings/index.js

@@ -0,0 +1,4 @@
+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;}import React,{useCallback,useState}from'react';import{Button,Grid,I18n,Link,Switch,ConditionalWrapper}from'@shopgate/engage/components';import PropTypes from'prop-types';import{appConfig}from'@shopgate/engage';import{i18n}from'@shopgate/engage/core';import classNames from'classnames';import styles from"./style";import connect from"./connector";/**
+ * The PrivacySettings component.
+ * @returns {JSX.Element}
+ */var PrivacySettings=function PrivacySettings(_ref){var acceptAllCookies=_ref.acceptAllCookies,acceptSelectedCookies=_ref.acceptSelectedCookies,comfortCookiesAcceptedState=_ref.comfortCookiesAcceptedState,statisticsCookiesAcceptedState=_ref.statisticsCookiesAcceptedState,privacyPolicyLink=_ref.privacyPolicyLink;var _appConfig$cookieCons=appConfig.cookieConsent,_appConfig$cookieCons2=_appConfig$cookieCons===void 0?{}:_appConfig$cookieCons,settingsComfortText=_appConfig$cookieCons2.settingsComfortText,settingsComfortTitle=_appConfig$cookieCons2.settingsComfortTitle,settingsStatisticsText=_appConfig$cookieCons2.settingsStatisticsText,settingsStatisticsTitle=_appConfig$cookieCons2.settingsStatisticsTitle,settingsRequiredText=_appConfig$cookieCons2.settingsRequiredText,settingsRequiredTitle=_appConfig$cookieCons2.settingsRequiredTitle,showComfortCookiesToggle=_appConfig$cookieCons2.showComfortCookiesToggle;var _useState=useState(comfortCookiesAcceptedState!==null?comfortCookiesAcceptedState:false),_useState2=_slicedToArray(_useState,2),areComfortCookiesSelected=_useState2[0],setAreComfortCookiesSelected=_useState2[1];var _useState3=useState(statisticsCookiesAcceptedState!==null?statisticsCookiesAcceptedState:false),_useState4=_slicedToArray(_useState3,2),areStatisticsCookiesSelected=_useState4[0],setAreStatisticsCookiesSelected=_useState4[1];var handleChangeComfortCookies=useCallback(function(){setAreComfortCookiesSelected(!areComfortCookiesSelected);},[areComfortCookiesSelected]);var handleChangeStatisticsCookies=useCallback(function(){setAreStatisticsCookiesSelected(!areStatisticsCookiesSelected);},[areStatisticsCookiesSelected]);var handleAcceptAllCookies=useCallback(function(){setAreStatisticsCookiesSelected(true);setAreComfortCookiesSelected(true);acceptAllCookies();},[acceptAllCookies]);return React.createElement(Grid,{component:"div",className:styles.container},React.createElement(Grid.Item,{component:"div",className:styles.item},showComfortCookiesToggle?React.createElement(Grid.Item,{component:"div",className:styles.switchWrapper},React.createElement(Switch,{onChange:handleChangeComfortCookies,checked:areComfortCookiesSelected,a11yFallbackText:"".concat(i18n.text(settingsComfortTitle||'cookieSettings.comfortTitle'),". ").concat(i18n.text(settingsComfortText||'cookieSettings.comfort'))},React.createElement("span",{className:styles.title},React.createElement(I18n.Text,{string:settingsComfortTitle||'cookieSettings.comfortTitle'})),React.createElement("span",null,React.createElement(I18n.Text,{string:settingsComfortText||'cookieSettings.comfort'})))):null,React.createElement(Grid.Item,{component:"div",className:styles.switchWrapper},React.createElement(Switch,{onChange:handleChangeStatisticsCookies,checked:areStatisticsCookiesSelected,a11yFallbackText:"".concat(i18n.text(settingsStatisticsTitle||'cookieSettings.statisticsTitle'),". ").concat(i18n.text(settingsStatisticsText||'cookieSettings.statistics'))},React.createElement("span",{className:styles.title},React.createElement(I18n.Text,{string:settingsStatisticsTitle||'cookieSettings.statisticsTitle'})),React.createElement("span",null,React.createElement(I18n.Text,{string:settingsStatisticsText||'cookieSettings.statistics'})))),React.createElement(Grid.Item,{component:"div",className:styles.switchWrapper},React.createElement(Switch,{disabled:true,checked:true,a11yFallbackText:"".concat(i18n.text(settingsRequiredTitle||'cookieSettings.requiredTitle'),". ").concat(i18n.text(settingsRequiredText||'cookieSettings.required'))},React.createElement("span",{className:styles.title},React.createElement(I18n.Text,{string:settingsRequiredTitle||'cookieSettings.requiredTitle'})),React.createElement("span",null,React.createElement(I18n.Text,{string:settingsRequiredText||'cookieSettings.required'}))))),React.createElement(Grid.Item,{component:"div",className:styles.buttonWrapper},React.createElement(Button,{onClick:function onClick(){return handleAcceptAllCookies();},type:"primary",className:classNames(styles.button,'privacy-settings__button-accept-all')},React.createElement(I18n.Text,{string:"cookieConsentModal.buttonAcceptAll"})),React.createElement(Button,{onClick:function onClick(){return acceptSelectedCookies({comfortCookiesAccepted:areComfortCookiesSelected,statisticsCookiesAccepted:areStatisticsCookiesSelected});},type:"simple",className:classNames(styles.button,'privacy-settings__button-accept-selected')},React.createElement(I18n.Text,{string:"cookieConsentModal.modalButtonConfirmSelected"}))),React.createElement(Grid.Item,{component:"div"},React.createElement(I18n.Text,{string:"cookieSettings.privacy"},React.createElement(I18n.Placeholder,{forKey:"privacyLink"},React.createElement(ConditionalWrapper,{condition:!!privacyPolicyLink,wrapper:function wrapper(children){return React.createElement(Link,{href:privacyPolicyLink,tag:"span"},children);}},React.createElement(I18n.Text,{string:"cookieConsentModal.privacyText",className:styles.link}))))));};PrivacySettings.defaultProps={comfortCookiesAcceptedState:null,statisticsCookiesAcceptedState:null,privacyPolicyLink:null};export default connect(PrivacySettings);

package/tracking/components/PrivacySettings/style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeColors}from'@shopgate/pwa-common/helpers/config';var button=css({marginTop:'20px'}).toString();var container=css({flexDirection:'column',height:'100vh',textAlign:'center',padding:'30px',justifyContent:'center',display:'flex'}).toString();var buttonWrapper=css({display:'flex',flexDirection:'column',marginBottom:'30px'}).toString();var item=css({display:'flex',flexDirection:'column'}).toString();var link=css({color:themeColors.accent,textDecoration:'underline'}).toString();var switchWrapper=css({marginBottom:'25px',display:'flex',textAlign:'left',justifyContent:'space-between'}).toString();var title=css({fontWeight:'bold',display:'block'});export default{button:button,container:container,buttonWrapper:buttonWrapper,link:link,item:item,switchWrapper:switchWrapper,title:title};

package/tracking/components/index.js

@@ -1 +1 @@
-export{CookieConsent}from"./CookieConsent";
+export{default as CookieConsentModal}from"./CookieConsentModal";export{default as PrivacySettings}from"./PrivacySettings";

package/tracking/constants/index.js

@@ -1,2 +1 @@
-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/tracking/reducers/cookieConsentModal.js

@@ -0,0 +1,6 @@
+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);}import{HIDE_COOKIE_CONSENT_MODAL,SHOW_COOKIE_CONSENT_MODAL}from"../constants";var defaultState={isCookieConsentModalVisible:false};/**
+ * Stores all states of the cookie consent modal.
+ * @param {Object} [state] The current state.
+ * @param {Object} action The action object.
+ * @return {Object} The new state.
+ */var cookieConsentModalReducer=function cookieConsentModalReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case SHOW_COOKIE_CONSENT_MODAL:{return _extends({},state,{isCookieConsentModalVisible:true});}case HIDE_COOKIE_CONSENT_MODAL:{return _extends({},state,{isCookieConsentModalVisible:false});}default:return state;}};export default cookieConsentModalReducer;

package/tracking/reducers/cookieSettings.js

@@ -0,0 +1,6 @@
+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);}import{UPDATE_COOKIE_CONSENT}from"../constants";var defaultState={comfortCookiesAccepted:null,statisticsCookiesAccepted:null};/**
+ * Stores all states of the cookie settings.
+ * @param {Object} [state] The current state.
+ * @param {Object} action The action object.
+ * @return {Object} The new state.
+ */var cookieSettingsReducer=function cookieSettingsReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case UPDATE_COOKIE_CONSENT:{return _extends({},state,{comfortCookiesAccepted:action.comfortCookiesAccepted,statisticsCookiesAccepted:action.statisticsCookiesAccepted});}default:return state;}};export default cookieSettingsReducer;

package/tracking/reducers/index.js

@@ -0,0 +1 @@
+import{combineReducers}from'redux';import cookieConsentModal from"./cookieConsentModal";import cookieSettings from"./cookieSettings";export default combineReducers({cookieConsentModal:cookieConsentModal,cookieSettings:cookieSettings});

package/tracking/selectors/cookieConsent.js

@@ -0,0 +1,35 @@
+import{createSelector}from'reselect';import{appConfig}from'@shopgate/engage';import{appSupportsCookieConsent}from'@shopgate/engage/core/helpers';var _appConfig$cookieCons=appConfig.cookieConsent,_appConfig$cookieCons2=_appConfig$cookieCons===void 0?{}:_appConfig$cookieCons,isCookieConsentActivated=_appConfig$cookieCons2.isCookieConsentActivated,showComfortCookiesToggle=_appConfig$cookieCons2.showComfortCookiesToggle;/**
+ * Selects the cookie consent modal state.
+ * @param {Object} state The current state of the cookie consent modal.
+ * @returns {Object} whether cookie consent modal is shown.
+ */export var getCookieConsentModalState=function getCookieConsentModalState(state){var _state$tracking;return(state===null||state===void 0?void 0:(_state$tracking=state.tracking)===null||_state$tracking===void 0?void 0:_state$tracking.cookieConsentModal)||{};};/**
+ * Selects the cookie settings state.
+ * @param {Object} state The current state of the cookie settings.
+ * @returns {Object} whether cookies have been accepted by the user.
+ */export var getCookieSettingsState=function getCookieSettingsState(state){var _state$tracking2;return(state===null||state===void 0?void 0:(_state$tracking2=state.tracking)===null||_state$tracking2===void 0?void 0:_state$tracking2.cookieSettings)||{};};/**
+ * Determines whether the cookie consent process is finished (selection happened before, feature is
+ * inactive, app doesn't support the feature).
+ * @returns {boolean} Whether the cookie consent process is handled either by user
+ * or by app/feature settings
+ */export var getIsCookieConsentHandled=createSelector(getCookieSettingsState,function(settingsState){if(!isCookieConsentActivated||!appSupportsCookieConsent()){return true;}return(settingsState===null||settingsState===void 0?void 0:settingsState.comfortCookiesAccepted)!==null||(settingsState===null||settingsState===void 0?void 0:settingsState.statisticsCookiesAccepted)!==null;});/**
+ * Selects the property of the comfort cookie settings.
+ * @private This selector is intended to be used internally. When a cookie consent status needs
+ * to be checked for a feature, please use `getAreComfortCookiesAccepted` instead.
+ * @returns {boolean|null} whether comfort cookies have been selected by the user.
+ */export var getAreComfortCookiesAcceptedInternal=createSelector(getCookieSettingsState,function(settingsState){return settingsState.comfortCookiesAccepted;});/**
+ * Selects the property of the statistics cookie settings.
+ * @private This selector is intended to be used internally. When a cookie consent status needs
+ * to be checked for a feature, please use `getAreStatisticsCookiesAccepted` instead.
+ * @returns {boolean|null} whether statistics cookies have been selected by the user.
+ */export var getAreStatisticsCookiesAcceptedInternal=createSelector(getCookieSettingsState,function(settingsState){return settingsState.statisticsCookiesAccepted;});/**
+ * Determines if comfort cookies were accepted in the cookie consent process. When cookie
+ * consent is inactive, the selector will also return true.
+ * @returns {boolean} whether comfort cookies are set and should activate tracking.
+ */export var getAreComfortCookiesAccepted=createSelector(getCookieSettingsState,getIsCookieConsentHandled,function(settingsState,consentHandled){if(!consentHandled)return false;if(!isCookieConsentActivated||!showComfortCookiesToggle)return true;if(settingsState.comfortCookiesAccepted===null)return true;return settingsState.comfortCookiesAccepted;});/**
+ * Determines if statistics cookies were accepted in the cookie consent process. When cookie
+ * consent is inactive, the selector will also return true.
+ * @returns {boolean} whether statistics cookies are set and should activate tracking.
+ */export var getAreStatisticsCookiesAccepted=createSelector(getCookieSettingsState,getIsCookieConsentHandled,function(settingsState,consentHandled){if(!consentHandled)return false;if(!isCookieConsentActivated)return true;if(settingsState.statisticsCookiesAccepted===null)return true;return settingsState.statisticsCookiesAccepted;});/**
+ * Selects the visibility property of the cookie consent modal.
+ * @returns {boolean} whether cookie consent modal is shown.
+ */export var getIsCookieConsentModalVisible=createSelector(getCookieConsentModalState,getAreComfortCookiesAcceptedInternal,getAreStatisticsCookiesAcceptedInternal,function(modalState,comfortCookiesState,statisticsCookiesState){return modalState.isCookieConsentModalVisible&&comfortCookiesState===null&&statisticsCookiesState===null;});

package/tracking/selectors/index.js

@@ -1,4 +1 @@
-import{createSelector}from'reselect';import{makeGetMenu,makeGetIsFetchingMenu,makeGetShopSettingByKey,SHOP_SETTING_COOKIE_CONSENT_MODE,hasWebBridge}from'@shopgate/engage/core';import{LEGAL_MENU}from'@shopgate/pwa-common/constants/MenuIDs';import{COOKIE_CONSENT_MODE_OFF,COOKIE_CONSENT_MODE_STANDARD,COOKIE_CONSENT_MODE_STRICT}from"../constants";/**
- * Creates a selector that retrieves the privacy polity link.
- * @returns {string}
- */export var makeGetPrivacyPolicyLink=function makeGetPrivacyPolicyLink(){var getMenu=makeGetMenu(LEGAL_MENU);var getIsFetchingMenu=makeGetIsFetchingMenu(LEGAL_MENU);return createSelector(getMenu,getIsFetchingMenu,function(menu,fetching){if(fetching||!menu){return null;}var entry=menu.find(function(item){return item.url.includes('privacy');})||{};return(entry===null||entry===void 0?void 0:entry.url)||null;});};var getCookieConsentShopSetting=makeGetShopSettingByKey(SHOP_SETTING_COOKIE_CONSENT_MODE,COOKIE_CONSENT_MODE_OFF);export var hasCookieConsent=createSelector(getCookieConsentShopSetting,function(setting){if(!hasWebBridge()){return false;}return[COOKIE_CONSENT_MODE_STANDARD,COOKIE_CONSENT_MODE_STRICT].includes(setting);});export var hasStrictCookieConsent=createSelector(getCookieConsentShopSetting,function(setting){return setting===COOKIE_CONSENT_MODE_STRICT;});
+export{getAreComfortCookiesAccepted}from"./cookieConsent";export{getAreStatisticsCookiesAccepted}from"./cookieConsent";

package/tracking/streams/cookieConsent.js

@@ -0,0 +1,46 @@
+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;}import{main$,routeWillEnter$}from'@shopgate/engage/core/streams';import'rxjs/add/observable/of';import{Observable}from'rxjs/Observable';import{makeGetPrivacyPolicyLink}from'@shopgate/engage/page/selectors';import{COOKIE_CONSENT_HANDLED,UPDATE_COOKIE_CONSENT,PRIVACY_SETTINGS_PATTERN}from"../constants";import{getIsCookieConsentHandled}from"../selectors/cookieConsent";/**
+ * Gets triggered when the cookie consent has been updated by the user or handled already.
+ * This stream is only for internal usage and will be triggered independent of changed payload.
+ * @type {Observable}
+ */var cookieConsentSetInternal$=main$.filter(function(_ref){var action=_ref.action;return action.type===UPDATE_COOKIE_CONSENT||action.type===COOKIE_CONSENT_HANDLED;});/**
+ * Gets triggered when the cookie consent has been initially configured by the user or is
+ * handled already.
+ * @type {Observable}
+ */export var cookieConsentInitialized$=cookieConsentSetInternal$.first();/**
+ * Gets triggered when the cookie consent was initialized / handled by user. In that case
+ * the UPDATE_COOKIE_CONSENT action is dispatched. When handled automatically the
+ * COOKIE_CONSENT_HANDLED action is dispatched.
+ */export var cookieConsentInitializedByUserInternal$=cookieConsentInitialized$.filter(function(_ref2){var action=_ref2.action;return action.type===UPDATE_COOKIE_CONSENT;});/**
+ * Gets triggered when the user interacted with the buttons on the privacy settings page,
+ * but no settings was changed. Needed to navigate back to the previous page.
+ * When a setting was changed, the "cookieConsentUpdated$" stream triggers which will cause
+ * an app reload.
+ * @type {Observable}
+ */export var privacySettingsConfirmedWithoutChangeInternal$=cookieConsentSetInternal$.pairwise().filter(function(_ref3){var _ref4=_slicedToArray(_ref3,2),actionPrev=_ref4[0].action,actionCurrent=_ref4[1].action;return actionPrev.comfortCookiesAccepted===actionCurrent.comfortCookiesAccepted&&actionPrev.statisticsCookiesAccepted===actionCurrent.statisticsCookiesAccepted;}).switchMap(function(_ref5){var _ref6=_slicedToArray(_ref5,2),latest=_ref6[1];return Observable.of(latest);});/**
+ * Gets triggered when cookie consent settings changed after initialization
+ * @type {Observable}
+ */export var cookieConsentUpdated$=cookieConsentSetInternal$.pairwise().filter(function(_ref7){var _ref8=_slicedToArray(_ref7,2),actionPrev=_ref8[0].action,actionCurrent=_ref8[1].action;return actionPrev.comfortCookiesAccepted!==actionCurrent.comfortCookiesAccepted||actionPrev.statisticsCookiesAccepted!==actionCurrent.statisticsCookiesAccepted;}).switchMap(function(_ref9){var _ref10=_slicedToArray(_ref9,2),latest=_ref10[1];return Observable.of(latest);});/**
+ * Gets triggered when the cookie consent has been updated by the user or handled already.
+ * @type {Observable}
+ */export var cookieConsentSet$=cookieConsentInitialized$.merge(cookieConsentUpdated$);/**
+ * Gets triggered when the cookie consent has been set either by user or merchant.
+ * @type {Observable}
+ */export var comfortCookiesAccepted$=cookieConsentSet$.filter(function(_ref11){var action=_ref11.action;return action.comfortCookiesAccepted===true;});/**
+ * Gets triggered when the cookie consent has been set either by user or merchant.
+ * @type {Observable}
+ */export var statisticsCookiesAccepted$=cookieConsentSet$.filter(function(_ref12){var action=_ref12.action;return action.statisticsCookiesAccepted===true;});/**
+ * Gets triggered when comfort cookies where accepted first and declined afterwards during an
+ * app session.
+ * @type {Observable}
+ */export var comfortCookiesDeclined$=comfortCookiesAccepted$.switchMap(function(){return cookieConsentSet$.filter(function(_ref13){var action=_ref13.action;return action.comfortCookiesAccepted===false;}).first();});/**
+ * Gets triggered when statistics cookies where accepted first and declined afterwards during an
+ * app session.
+ * @type {Observable}
+ */export var statisticsCookiesDeclined$=statisticsCookiesAccepted$.switchMap(function(){return cookieConsentSet$.filter(function(_ref14){var action=_ref14.action;return action.statisticsCookiesAccepted===false;}).first();});/**
+ * Emit when the cookie consent modal is supposed to be shown / hidden on route changes.
+ *
+ * When cookie consent is not handled yet, the modal should overlay every route, except the
+ * pages with privacy polity and privacy settings when extended consent decisions are taken.
+ */export var cookieConsentModalShouldToggleInternal$=routeWillEnter$// Stop the stream after cookie consent is handled
+.takeUntil(cookieConsentInitialized$).switchMap(function(input){var action=input.action,getState=input.getState;var isCookieConsentHandled=getIsCookieConsentHandled(getState());var showConsentModal=false;// Only run extended logic when cookie consent is active and still need to be handled
+if(!isCookieConsentHandled){var _action$route;var pagesWithoutModal=[PRIVACY_SETTINGS_PATTERN,makeGetPrivacyPolicyLink()(getState())];showConsentModal=!pagesWithoutModal.includes(action===null||action===void 0?void 0:(_action$route=action.route)===null||_action$route===void 0?void 0:_action$route.pathname);}return Observable.of(_extends({},input,{showConsentModal:showConsentModal}));});

package/tracking/streams/index.js

@@ -1 +1 @@
-import{main$}from'@shopgate/pwa-common/streams';import{INITIALIZE_TRACKING}from"../constants";export var initializeTracking$=main$.filter(function(_ref){var action=_ref.action;return action.type===INITIALIZE_TRACKING;});
+export{cookieConsentInitialized$,cookieConsentUpdated$,cookieConsentSet$,comfortCookiesAccepted$,comfortCookiesDeclined$,statisticsCookiesAccepted$,statisticsCookiesDeclined$}from"./cookieConsent";

package/tracking/subscriptions/analytics.js

@@ -0,0 +1,11 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{reloadApp}from'@shopgate/engage/core/action-creators';import{appSupportsCookieConsent,hasSGJavaScriptBridge}from'@shopgate/engage/core/helpers';import{analyticsSetConsent}from'@shopgate/engage/core/commands';import{cookieConsentInitialized$,cookieConsentUpdated$}from"../streams";/**
+ * Analytics subscriptions
+ * @param {Function} subscribe The subscribe function
+ */export default function analytics(subscribe){/**
+   * Sends cookie consent decisions to the app
+   * @param {Object} params Function params
+   * @param {Object} params.action Cookie consent update action
+   */var sendConsentToApp=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var action,statisticsCookiesAccepted,comfortCookiesAccepted;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:action=_ref.action;if(!(!appSupportsCookieConsent()||!hasSGJavaScriptBridge())){_context.next=3;break;}return _context.abrupt("return");case 3:statisticsCookiesAccepted=action.statisticsCookiesAccepted,comfortCookiesAccepted=action.comfortCookiesAccepted;// Send consent decisions to the app
+_context.next=6;return analyticsSetConsent({statistics:statisticsCookiesAccepted,comfort:comfortCookiesAccepted});case 6:case"end":return _context.stop();}},_callee);}));return function sendConsentToApp(_x){return _ref2.apply(this,arguments);};}();subscribe(cookieConsentInitialized$,/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3){var action;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:action=_ref3.action;_context2.next=3;return sendConsentToApp({action:action});case 3:case"end":return _context2.stop();}},_callee2);}));return function(_x2){return _ref4.apply(this,arguments);};}());subscribe(cookieConsentUpdated$,/*#__PURE__*/function(){var _ref6=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref5){var dispatch,action;return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:dispatch=_ref5.dispatch,action=_ref5.action;_context3.next=3;return sendConsentToApp({action:action});case 3:// The PWA is reloaded whenever cookie consent settings changed to guarantee that all trackers
+// are turned off
+dispatch(reloadApp());case 4:case"end":return _context3.stop();}},_callee3);}));return function(_x3){return _ref6.apply(this,arguments);};}());}

package/tracking/subscriptions/cookieConsent.js

@@ -0,0 +1,13 @@
+import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{appDidStart$}from'@shopgate/engage/core/streams';import{appSupportsCookieConsent}from'@shopgate/engage/core/helpers';import{grantAppTrackingTransparencyPermission,historyReset,historyPop}from'@shopgate/engage/core/actions';import{handleCookieConsent,showCookieConsentModal,hideCookieConsentModal}from"../action-creators";import{getIsCookieConsentHandled,getAreComfortCookiesAccepted,getAreStatisticsCookiesAccepted}from"../selectors/cookieConsent";import{cookieConsentInitializedByUserInternal$,privacySettingsConfirmedWithoutChangeInternal$,cookieConsentModalShouldToggleInternal$}from"../streams/cookieConsent";/**
+ * determine whether to show the cookie consent modal at app start
+ * @param {Function} subscribe The subscribe function
+ */export default function cookieConsent(subscribe){subscribe(appDidStart$,/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref){var dispatch,getState,state,isCookieConsentHandled,comfortCookiesAccepted,statisticsCookiesAccepted;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:dispatch=_ref.dispatch,getState=_ref.getState;state=getState();isCookieConsentHandled=getIsCookieConsentHandled(state);/**
+     * if merchant has not activated the cookie feature OR if merchant has activated cookie feature
+     * and user has chosen cookies already trigger stream to run code that depends on the cookie
+     * consent.
+     */if(!isCookieConsentHandled){_context.next=12;break;}comfortCookiesAccepted=getAreComfortCookiesAccepted(state);statisticsCookiesAccepted=getAreStatisticsCookiesAccepted(state);dispatch(handleCookieConsent({comfortCookiesAccepted:comfortCookiesAccepted,statisticsCookiesAccepted:statisticsCookiesAccepted}));if(!(appSupportsCookieConsent()&&(comfortCookiesAccepted||statisticsCookiesAccepted))){_context.next=10;break;}_context.next=10;return dispatch(grantAppTrackingTransparencyPermission());case 10:_context.next=13;break;case 12:// if merchant has activated cookie feature but user has not chosen cookies yet:
+// show cookie consent modal to make user choose them
+dispatch(showCookieConsentModal());case 13:case"end":return _context.stop();}},_callee);}));return function(_x){return _ref2.apply(this,arguments);};}());subscribe(cookieConsentInitializedByUserInternal$,function(_ref3){var dispatch=_ref3.dispatch;// Reset history after consent initialization to guarantee an empty history
+dispatch(historyReset());});subscribe(privacySettingsConfirmedWithoutChangeInternal$,function(_ref4){var dispatch=_ref4.dispatch;// Remove privacy settings route from route stack when any button was clicked but no settings
+// where changed. When something was changed, app will reset via the "analytics" streams.
+dispatch(historyPop());});subscribe(cookieConsentModalShouldToggleInternal$,function(_ref5){var dispatch=_ref5.dispatch,showConsentModal=_ref5.showConsentModal;dispatch(showConsentModal?showCookieConsentModal():hideCookieConsentModal());});}

package/tracking/subscriptions/index.js

@@ -1,4 +1 @@
-import{appDidStart$}from'@shopgate/engage/core';import{isTrackingAllowed}from"../helpers";import{hasCookieConsent}from"../selectors";import{initTracking}from"../action-creators";/**
- * Orders subscriptions.
- * @param {Function} subscribe The subscribe function.
- */var tracking=function tracking(subscribe){subscribe(appDidStart$,function(_ref){var getState=_ref.getState,dispatch=_ref.dispatch;var hasConsent=hasCookieConsent(getState());if(!hasConsent||isTrackingAllowed()){dispatch(initTracking());}});};export default tracking;
+import analytics from"./analytics";import cookieConsent from"./cookieConsent";export default(function(subscribe){analytics(subscribe);cookieConsent(subscribe);});

package/user/index.js

@@ -3,4 +3,4 @@ export{disableLogin}from'@shopgate/pwa-common/action-creators/user';// ACTIONS
 export{default as fetchRegisterUrl}from'@shopgate/pwa-common/actions/user/fetchRegisterUrl';export{default as fetchUser}from'@shopgate/pwa-common/actions/user/fetchUser';export{default as login}from'@shopgate/pwa-common/actions/user/login';export{default as logout}from'@shopgate/pwa-common/actions/user/logout';// CONSTANTS
 export*from'@shopgate/pwa-common/constants/Registration';export*from'@shopgate/pwa-common/constants/user';export{REGISTER_PATH,LOGIN_PATH};// SELECTORS
 export*from'@shopgate/pwa-common/selectors/user';export*from"./selectors/login";export*from"./selectors/data";// STREAMS
-export*from'@shopgate/pwa-common/streams/user';
+export*from'@shopgate/pwa-common/streams/user';export{registrationSuccess$}from'@shopgate/engage/registration/streams';

package/product/components/QuantityPicker/helpers.js

@@ -1,5 +0,0 @@
-import{useWidgetSettings}from"../../../core";/**
- * @param {Object} [productStock={}] product.stock object
- * @returns {Object}
- */export var getQuantityRange=function getQuantityRange(){var productStock=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var settings=useWidgetSettings('@shopgate/engage/product/QuantityPicker');var min=settings.minOrderQuantity;if(productStock.minOrderQuantity>0){min=productStock.minOrderQuantity;}var max=settings.maxOrderQuantity;if(productStock.maxOrderQuantity>0){max=Math.min(Math.max(min,settings.maxOrderQuantity),productStock.maxOrderQuantity);}// Normalize min if max is finally less then min
-min=Math.min(min,max);return{min:min,max:max};};

package/tracking/components/CookieConsent/CookieConsent.connector.js

@@ -1,4 +0,0 @@
-import{connect}from'react-redux';import{hasCookieConsent}from"../../selectors";/**
- * Creates the mapStateToProps connector function.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){return function(state){return{hasCookieConsent:hasCookieConsent(state)};};};export default connect(makeMapStateToProps);

package/tracking/components/CookieConsent/CookieConsent.js

@@ -1,4 +0,0 @@
-import React from'react';import PropTypes from'prop-types';import CookieConsentProvider from"../../providers/CookieConsentProvider";import CookieConsentContent from"./CookieConsentContent";import connect from"./CookieConsent.connector";/**
- * The CookieConsent component
- * @returns {JSX}
- */var CookieConsent=function CookieConsent(_ref){var hasCookieConsent=_ref.hasCookieConsent;if(!hasCookieConsent){return null;}return React.createElement(CookieConsentProvider,null,React.createElement(CookieConsentContent,null));};CookieConsent.defaultProps={hasCookieConsent:false};export default connect(CookieConsent);

package/tracking/components/CookieConsent/CookieConsentButtons.js

@@ -1,3 +0,0 @@
-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 from'react';import classNames from'classnames';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{RippleButton,I18n}from'@shopgate/engage/components';import{useCookieConsent}from"../../hooks";var variables=themeConfig.variables;var styles={container:css(_defineProperty({display:'flex',justifyContent:'flex-end'},responsiveMediaQuery('<sm'),{justifyContent:'flex-start'})).toString(),button:css({borderRadius:'6px !important',margin:"0 ".concat(variables.gap.small,"px"),fontSize:'.875rem !important',whiteSpace:'nowrap'}).toString(),buttonSecondary:css(_defineProperty({},responsiveMediaQuery('<sm'),{marginLeft:0,paddingLeft:0,' > div':{paddingLeft:0}})).toString(),buttonPrimary:css({minWidth:'150px !important'}).toString(),labelSelected:css({color:'var(--color-text-medium-emphasis)'}).toString()};/**
- * @returns {JSX}
- */var CookieConsentButtons=function CookieConsentButtons(){var _useCookieConsent=useCookieConsent(),onClickSecondary=_useCookieConsent.onClickSecondary,onClickPrimary=_useCookieConsent.onClickPrimary,buttonLabels=_useCookieConsent.buttonLabels;return React.createElement("div",{className:styles.container},React.createElement(RippleButton,{className:classNames(styles.button,styles.buttonSecondary),flat:true,onClick:onClickSecondary},React.createElement(I18n.Text,{string:buttonLabels.secondary,className:styles.labelSelected})),React.createElement(RippleButton,{className:classNames(styles.button,styles.buttonPrimary),type:"secondary",onClick:onClickPrimary},React.createElement(I18n.Text,{string:buttonLabels.primary})));};export default CookieConsentButtons;

package/tracking/components/CookieConsent/CookieConsentCheckboxes.js

@@ -1,3 +0,0 @@
-import React from'react';import{css}from'glamor';import classNames from'classnames';import{Checkbox}from'@shopgate/pwa-ui-shared';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{i18n}from'@shopgate/engage/core';import{useCookieConsent}from"../../hooks";var variables=themeConfig.variables,colors=themeConfig.colors;var styles={container:css({display:'flex',alignItems:'center'}),label:css({fontWeight:500,marginRight:variables.gap.big}).toString(),checkboxContainer:css({display:'flex',padding:"0 ".concat(variables.gap.small,"px"),alignItems:'center',' > svg':{maxWidth:'inherit'}}).toString(),checkbox:css({marginLeft:variables.gap.xsmall,cursor:'pointer'}).toString(),checked:css({color:'var(--color-primary)'}).toString(),unchecked:css({color:colors.shade6}).toString(),disabled:css({opacity:0.5,color:colors.shade6,cursor:'not-allowed'}).toString()};/**
- * @returns {JSX}
- */var CookieConsentCheckboxes=function CookieConsentCheckboxes(){var _useCookieConsent=useCookieConsent(),allowAnalytics=_useCookieConsent.allowAnalytics,onClickAllowAnalytics=_useCookieConsent.onClickAllowAnalytics;return React.createElement("div",{className:styles.container},React.createElement("span",{className:styles.label},"".concat(i18n.text('tracking.cookieConsent.preferences'),":")),React.createElement(Checkbox,{checked:true,disabled:true,className:styles.checkboxContainer,checkedClassName:classNames(styles.disabled,styles.checkbox),label:i18n.text('tracking.cookieConsent.needed'),labelPosition:"left"}),React.createElement(Checkbox,{checked:allowAnalytics,className:styles.checkboxContainer,checkedClassName:classNames(styles.checkbox,styles.checked),unCheckedClassName:classNames(styles.checkbox,styles.unchecked),onCheck:onClickAllowAnalytics,label:i18n.text('tracking.cookieConsent.analytics'),labelPosition:"left"}));};export default CookieConsentCheckboxes;

package/tracking/components/CookieConsent/CookieConsentContent.js

@@ -1,4 +0,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/components/CookieConsent/CookieConsentMessage.js

@@ -1,4 +0,0 @@
-import React,{Fragment}from'react';import{i18n}from'@shopgate/engage/core/helpers/i18n';import{TextLink,I18n}from'@shopgate/engage/components';import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{useCookieConsent}from"../../hooks";var variables=themeConfig.variables;var styles={container:css({}),message:css({paddingRight:variables.gap.xsmall}).toString(),link:css({textDecoration:'underline'}).toString()};/**
- * The CookieConsentMessage component
- * @returns {JSX}
- */var CookieConsentMessage=function CookieConsentMessage(){var _useCookieConsent=useCookieConsent(),privacyPolicyLink=_useCookieConsent.privacyPolicyLink;return React.createElement("div",{className:styles.container},React.createElement(I18n.Text,{string:"tracking.cookieConsent.message",className:styles.message}),privacyPolicyLink&&React.createElement(Fragment,null,React.createElement(TextLink,{className:styles.link,href:privacyPolicyLink},i18n.text('tracking.cookieConsent.learnMore')),"."));};export default CookieConsentMessage;

package/tracking/components/CookieConsent/index.js

@@ -1 +0,0 @@
-export{default as CookieConsent}from"./CookieConsent";

package/tracking/helpers/index.js

@@ -1,7 +0,0 @@
-import{COOKIE_CONSENT_COOKIE_NAME_STATUS,COOKIE_CONSENT_COOKIE_NAME_PREFS,COOKIE_CONSENT_STATUS_ALLOW,COOKIE_CONSENT_PREF_ANALYTICS}from"../constants";/**
- * @param {string} name The cookie name
- * @returns {string}
- */var getCookieValue=function getCookieValue(name){var b=document.cookie.match("(^|;)\\s*".concat(name,"\\s*=\\s*([^;]+)"));return b?b.pop():'';};/**
- * Checks if tracking is allowed
- * @returns {bool}
- */export var isTrackingAllowed=function isTrackingAllowed(){var status=getCookieValue(COOKIE_CONSENT_COOKIE_NAME_STATUS);var prefs=getCookieValue(COOKIE_CONSENT_COOKIE_NAME_PREFS);if(status!==COOKIE_CONSENT_STATUS_ALLOW){return false;}try{prefs=JSON.parse(decodeURIComponent(prefs));if(!Array.isArray(prefs)){prefs=[];}}catch(e){prefs=[];}return prefs.includes(COOKIE_CONSENT_PREF_ANALYTICS);};

package/tracking/hooks/index.js

@@ -1,4 +0,0 @@
-import React from'react';import CookieConsent from"../providers/CookieConsentProvider.context";/**
- * Returns the value of the cookie consent provider state.
- * @returns {Object}
- */export var useCookieConsent=function useCookieConsent(){return React.useContext(CookieConsent);};

package/tracking/index.js

@@ -1 +0,0 @@
-export{CookieConsent}from"./components";export{initializeTracking$}from"./streams";

package/tracking/providers/CookieConsentProvider.connector.js

@@ -1,4 +0,0 @@
-import{connect}from'react-redux';import{initTracking}from"../action-creators";import{hasCookieConsent,hasStrictCookieConsent,makeGetPrivacyPolicyLink}from"../selectors";/**
- * Creates the mapStateToProps connector function.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){var getPrivacyPolicyLink=makeGetPrivacyPolicyLink();return function(state){return{privacyPolicyLink:getPrivacyPolicyLink(state),hasCookieConsent:hasCookieConsent(state),hasStrictCookieConsent:hasStrictCookieConsent(state)};};};var mapDispatchToProps={initTracking:initTracking};export default connect(makeMapStateToProps,mapDispatchToProps);

package/tracking/providers/CookieConsentProvider.context.js

@@ -1 +0,0 @@
-import React from'react';var initialContext={};export default React.createContext(initialContext);

package/tracking/providers/CookieConsentProvider.js

@@ -1,8 +0,0 @@
-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;}import React,{useMemo,useCallback,useState,useLayoutEffect}from'react';import PropTypes from'prop-types';import{useCookies}from'react-cookie';import{i18n}from'@shopgate/engage/core';import{COOKIE_CONSENT_COOKIE_NAME_STATUS,COOKIE_CONSENT_COOKIE_NAME_PREFS,COOKIE_CONSENT_STATUS_ALLOW,COOKIE_CONSENT_STATUS_DENY,COOKIE_CONSENT_PREF_NEEDED,COOKIE_CONSENT_PREF_ANALYTICS}from"../constants";import Context from"./CookieConsentProvider.context";import connect from"./CookieConsentProvider.connector";/**
- * @returns {JSX}
- */var CookieConsentProvider=function CookieConsentProvider(_ref){var privacyPolicyLink=_ref.privacyPolicyLink,hasCookieConsent=_ref.hasCookieConsent,hasStrictCookieConsent=_ref.hasStrictCookieConsent,initTracking=_ref.initTracking,children=_ref.children;var _useCookies=useCookies([COOKIE_CONSENT_COOKIE_NAME_STATUS,COOKIE_CONSENT_COOKIE_NAME_PREFS]),_useCookies2=_slicedToArray(_useCookies,2),cookies=_useCookies2[0],setCookie=_useCookies2[1];var _useState=useState(hasCookieConsent&&![COOKIE_CONSENT_STATUS_ALLOW,COOKIE_CONSENT_STATUS_DENY].includes(cookies[COOKIE_CONSENT_COOKIE_NAME_STATUS])),_useState2=_slicedToArray(_useState,2),isVisible=_useState2[0],setIsVisible=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),allowAnalytics=_useState4[0],setAllowAnalytics=_useState4[1];var _useState5=useState(0),_useState6=_slicedToArray(_useState5,2),fadeOutDelay=_useState6[0],setFadeOutDelay=_useState6[1];useLayoutEffect(function(){var status=cookies[COOKIE_CONSENT_COOKIE_NAME_STATUS];if([COOKIE_CONSENT_STATUS_ALLOW,COOKIE_CONSENT_STATUS_DENY].includes(status)){setTimeout(function(){setIsVisible(false);},fadeOutDelay);}},[cookies,fadeOutDelay]);var saveCookies=useCallback(function(){var allowed=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;var analyticsAllowed=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var status=allowed?COOKIE_CONSENT_STATUS_ALLOW:COOKIE_CONSENT_STATUS_DENY;var prefs=[COOKIE_CONSENT_PREF_NEEDED].concat(analyticsAllowed?[COOKIE_CONSENT_PREF_ANALYTICS]:[]);var expires=new Date();expires.setFullYear(expires.getFullYear()+1);setCookie(COOKIE_CONSENT_COOKIE_NAME_STATUS,status,{expires:expires});setCookie(COOKIE_CONSENT_COOKIE_NAME_PREFS,prefs,{expires:expires});if(analyticsAllowed){// Initialize the tracking if allowed
-initTracking();}},[initTracking,setCookie]);var onClickPrimary=useCallback(function(){if(hasStrictCookieConsent){// In strict mode the button saves the current configuration
-saveCookies(true,allowAnalytics);return;}// In normal mode analytics are accepted
-setAllowAnalytics(true);// Removal of the banner needs to be postponed, so that the user can see the added checkmark
-setFadeOutDelay(1000);saveCookies(true,true);},[allowAnalytics,hasStrictCookieConsent,saveCookies]);var onClickSecondary=useCallback(function(){var strict=hasStrictCookieConsent;// In strict mode the button denies cookies
-saveCookies(!strict,strict?false:allowAnalytics);},[allowAnalytics,hasStrictCookieConsent,saveCookies]);var onClickAllowAnalytics=useCallback(function(){setAllowAnalytics(!allowAnalytics);},[allowAnalytics]);var buttonLabels=useMemo(function(){if(hasStrictCookieConsent){return{secondary:i18n.text('tracking.cookieConsent.decline'),primary:i18n.text('tracking.cookieConsent.save')};}return{secondary:i18n.text('tracking.cookieConsent.allowSelected'),primary:i18n.text('tracking.cookieConsent.allowAll')};},[hasStrictCookieConsent]);var value=useMemo(function(){return{isVisible:isVisible,allowAnalytics:allowAnalytics,privacyPolicyLink:privacyPolicyLink,buttonLabels:buttonLabels,onClickPrimary:onClickPrimary,onClickSecondary:onClickSecondary,onClickAllowAnalytics:onClickAllowAnalytics};},[isVisible,allowAnalytics,privacyPolicyLink,buttonLabels,onClickPrimary,onClickSecondary,onClickAllowAnalytics]);return React.createElement(Context.Provider,{value:value},children);};CookieConsentProvider.defaultProps={children:null,privacyPolicyLink:null,hasCookieConsent:false,hasStrictCookieConsent:false};export default connect(CookieConsentProvider);