@shopgate/engage 7.30.0-alpha.7 → 7.30.0-alpha.8

package/tracking/components/PrivacySettings/index.js

@@ -1,4 +1,130 @@
-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";/**
+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);
+ */
+const PrivacySettings = ({
+  acceptAllCookies,
+  acceptSelectedCookies,
+  comfortCookiesAcceptedState,
+  statisticsCookiesAcceptedState,
+  privacyPolicyLink
+}) => {
+  const {
+    cookieConsent: {
+      settingsComfortText,
+      settingsComfortTitle,
+      settingsStatisticsText,
+      settingsStatisticsTitle,
+      settingsRequiredText,
+      settingsRequiredTitle,
+      showComfortCookiesToggle
+    } = {}
+  } = appConfig;
+  const [areComfortCookiesSelected, setAreComfortCookiesSelected] = useState(comfortCookiesAcceptedState !== null ? comfortCookiesAcceptedState : false);
+  const [areStatisticsCookiesSelected, setAreStatisticsCookiesSelected] = useState(statisticsCookiesAcceptedState !== null ? statisticsCookiesAcceptedState : false);
+  const handleChangeComfortCookies = useCallback(() => {
+    setAreComfortCookiesSelected(!areComfortCookiesSelected);
+  }, [areComfortCookiesSelected]);
+  const handleChangeStatisticsCookies = useCallback(() => {
+    setAreStatisticsCookiesSelected(!areStatisticsCookiesSelected);
+  }, [areStatisticsCookiesSelected]);
+  const handleAcceptAllCookies = useCallback(() => {
+    setAreStatisticsCookiesSelected(true);
+    setAreComfortCookiesSelected(true);
+    acceptAllCookies();
+  }, [acceptAllCookies]);
+  return /*#__PURE__*/React.createElement(Grid, {
+    component: "div",
+    className: styles.container
+  }, /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div",
+    className: styles.item
+  }, showComfortCookiesToggle ? /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div",
+    className: styles.switchWrapper
+  }, /*#__PURE__*/React.createElement(Switch, {
+    onChange: handleChangeComfortCookies,
+    checked: areComfortCookiesSelected,
+    a11yFallbackText: `${i18n.text(settingsComfortTitle || 'cookieSettings.comfortTitle')}. ${i18n.text(settingsComfortText || 'cookieSettings.comfort')}`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.title
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsComfortTitle || 'cookieSettings.comfortTitle'
+  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsComfortText || 'cookieSettings.comfort'
+  })))) : null, /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div",
+    className: styles.switchWrapper
+  }, /*#__PURE__*/React.createElement(Switch, {
+    onChange: handleChangeStatisticsCookies,
+    checked: areStatisticsCookiesSelected,
+    a11yFallbackText: `${i18n.text(settingsStatisticsTitle || 'cookieSettings.statisticsTitle')}. ${i18n.text(settingsStatisticsText || 'cookieSettings.statistics')}`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.title
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsStatisticsTitle || 'cookieSettings.statisticsTitle'
+  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsStatisticsText || 'cookieSettings.statistics'
+  })))), /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div",
+    className: styles.switchWrapper
+  }, /*#__PURE__*/React.createElement(Switch, {
+    disabled: true,
+    checked: true,
+    a11yFallbackText: `${i18n.text(settingsRequiredTitle || 'cookieSettings.requiredTitle')}. ${i18n.text(settingsRequiredText || 'cookieSettings.required')}`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.title
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsRequiredTitle || 'cookieSettings.requiredTitle'
+  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: settingsRequiredText || 'cookieSettings.required'
+  }))))), /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div",
+    className: styles.buttonWrapper
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: () => handleAcceptAllCookies(),
+    type: "primary",
+    className: classNames(styles.button, 'privacy-settings__button-accept-all')
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "cookieConsentModal.buttonAcceptAll"
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: () => acceptSelectedCookies({
+      comfortCookiesAccepted: areComfortCookiesSelected,
+      statisticsCookiesAccepted: areStatisticsCookiesSelected
+    }),
+    type: "simple",
+    className: classNames(styles.button, 'privacy-settings__button-accept-selected')
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "cookieConsentModal.modalButtonConfirmSelected"
+  }))), /*#__PURE__*/React.createElement(Grid.Item, {
+    component: "div"
+  }, /*#__PURE__*/React.createElement(I18n.Text, {
+    string: "cookieSettings.privacy"
+  }, /*#__PURE__*/React.createElement(I18n.Placeholder, {
+    forKey: "privacyLink"
+  }, /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    condition: !!privacyPolicyLink,
+    wrapper: children => /*#__PURE__*/React.createElement(Link, {
+      href: privacyPolicyLink,
+      tag: "span"
+    }, children)
+  }, /*#__PURE__*/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

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

package/tracking/components/index.js

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

package/tracking/constants/index.js

@@ -1 +1,5 @@
-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';
+export const SHOW_COOKIE_CONSENT_MODAL = 'SHOW_COOKIE_CONSENT_MODAL';
+export const HIDE_COOKIE_CONSENT_MODAL = 'HIDE_COOKIE_CONSENT_MODAL';
+export const UPDATE_COOKIE_CONSENT = 'UPDATE_COOKIE_CONSENT';
+export const COOKIE_CONSENT_HANDLED = 'COOKIE_CONSENT_HANDLED';
+export const PRIVACY_SETTINGS_PATTERN = '/privacy-settings';

package/tracking/helpers/index.js

@@ -1 +1 @@
-export{track}from'@shopgate/pwa-tracking/helpers';
+export { track } from '@shopgate/pwa-tracking/helpers';

package/tracking/reducers/cookieConsentModal.js

@@ -1,6 +1,32 @@
-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};/**
+import { HIDE_COOKIE_CONSENT_MODAL, SHOW_COOKIE_CONSENT_MODAL } from "../constants";
+const 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;
+ */
+const cookieConsentModalReducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case SHOW_COOKIE_CONSENT_MODAL:
+      {
+        return {
+          ...state,
+          isCookieConsentModalVisible: true
+        };
+      }
+    case HIDE_COOKIE_CONSENT_MODAL:
+      {
+        return {
+          ...state,
+          isCookieConsentModalVisible: false
+        };
+      }
+    default:
+      return state;
+  }
+};
+export default cookieConsentModalReducer;

package/tracking/reducers/cookieSettings.js

@@ -1,6 +1,27 @@
-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};/**
+import { UPDATE_COOKIE_CONSENT } from "../constants";
+const 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;
+ */
+const cookieSettingsReducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case UPDATE_COOKIE_CONSENT:
+      {
+        return {
+          ...state,
+          comfortCookiesAccepted: action.comfortCookiesAccepted,
+          statisticsCookiesAccepted: action.statisticsCookiesAccepted
+        };
+      }
+    default:
+      return state;
+  }
+};
+export default cookieSettingsReducer;

package/tracking/reducers/index.js

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

package/tracking/selectors/cookieConsent.js

@@ -1,39 +1,97 @@
-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{createSelector}from'reselect';import{appConfig}from'@shopgate/engage';import{IS_PAGE_PREVIEW_ACTIVE}from'@shopgate/engage/page/constants';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;/**
+import { createSelector } from 'reselect';
+import { appConfig } from '@shopgate/engage';
+import { IS_PAGE_PREVIEW_ACTIVE } from '@shopgate/engage/page/constants';
+import { appSupportsCookieConsent } from '@shopgate/engage/core/helpers';
+const {
+  cookieConsent: {
+    isCookieConsentActivated,
+    showComfortCookiesToggle
+  } = {}
+} = appConfig;
+
+/**
  * 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)||{};};/**
+ */
+export const getCookieConsentModalState = state => 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)||{};};/**
+ */
+export const getCookieSettingsState = state => state?.tracking?.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()||IS_PAGE_PREVIEW_ACTIVE){return true;}return(settingsState===null||settingsState===void 0?void 0:settingsState.comfortCookiesAccepted)!==null||(settingsState===null||settingsState===void 0?void 0:settingsState.statisticsCookiesAccepted)!==null;});/**
+ */
+export const getIsCookieConsentHandled = createSelector(getCookieSettingsState, settingsState => {
+  if (!isCookieConsentActivated || !appSupportsCookieConsent() || IS_PAGE_PREVIEW_ACTIVE) {
+    return true;
+  }
+  return settingsState?.comfortCookiesAccepted !== null || 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;});/**
+ */
+export const getAreComfortCookiesAcceptedInternal = createSelector(getCookieSettingsState, settingsState => 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;});/**
+ */
+export const getAreStatisticsCookiesAcceptedInternal = createSelector(getCookieSettingsState, settingsState => 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;});/**
+ */
+export const getAreComfortCookiesAccepted = createSelector(getCookieSettingsState, getIsCookieConsentHandled, (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;});/**
+ */
+export const getAreStatisticsCookiesAccepted = createSelector(getCookieSettingsState, getIsCookieConsentHandled, (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;});/**
+ */
+export const getIsCookieConsentModalVisible = createSelector(getCookieConsentModalState, getAreComfortCookiesAcceptedInternal, getAreStatisticsCookiesAcceptedInternal, (modalState, comfortCookiesState, statisticsCookiesState) => modalState.isCookieConsentModalVisible && comfortCookiesState === null && statisticsCookiesState === null);
+
+/**
  * Determines if the cookie consent feature is activated
- */export var getIsCookieConsentActivated=createSelector(function(){return isCookieConsentActivated&&appSupportsCookieConsent();});/**
+ */
+export const getIsCookieConsentActivated = createSelector(() => isCookieConsentActivated && appSupportsCookieConsent());
+
+/**
  * Creates a meta data object for tracking opt in tracking events
- */export var getCookieConsentTrackingMeta=createSelector(getIsCookieConsentActivated,function(_){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return props;},function(isActivated,states){return _extends({permission:'tracking',usesSoftTrackingOptIn:isActivated},states);});
+ */
+export const getCookieConsentTrackingMeta = createSelector(getIsCookieConsentActivated, (_, props = {}) => props, (isActivated, states) => ({
+  permission: 'tracking',
+  usesSoftTrackingOptIn: isActivated,
+  ...states
+}));

package/tracking/selectors/index.js

@@ -1 +1,2 @@
-export{getAreComfortCookiesAccepted}from"./cookieConsent";export{getAreStatisticsCookiesAccepted}from"./cookieConsent";
+export { getAreComfortCookiesAccepted } from "./cookieConsent";
+export { getAreStatisticsCookiesAccepted } from "./cookieConsent";

package/tracking/streams/cookieConsent.js

@@ -1,46 +1,133 @@
-var _excluded=["type"];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 _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}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";/**
+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;});/**
+ */
+const cookieConsentSetInternal$ = main$.filter(({
+  action
+}) => 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();/**
+ */
+export const 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;});/**
+ */
+export const cookieConsentInitializedByUserInternal$ = cookieConsentInitialized$.filter(({
+  action
+}) => 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);});/**
+ */
+export const privacySettingsConfirmedWithoutChangeInternal$ = cookieConsentSetInternal$.pairwise().filter(([{
+  action: actionPrev
+}, {
+  action: actionCurrent
+}]) => actionPrev.comfortCookiesAccepted === actionCurrent.comfortCookiesAccepted && actionPrev.statisticsCookiesAccepted === actionCurrent.statisticsCookiesAccepted).switchMap(([, latest]) => 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),previous=_ref10[0],latest=_ref10[1];var _previous$action=previous.action,type=_previous$action.type,prevPayload=_objectWithoutProperties(_previous$action,_excluded);return Observable.of(_extends({},latest,{action:_extends({},latest.action,{previous:prevPayload})}));});/**
+ */
+export const cookieConsentUpdated$ = cookieConsentSetInternal$.pairwise().filter(([{
+  action: actionPrev
+}, {
+  action: actionCurrent
+}]) => actionPrev.comfortCookiesAccepted !== actionCurrent.comfortCookiesAccepted || actionPrev.statisticsCookiesAccepted !== actionCurrent.statisticsCookiesAccepted).switchMap(([previous, latest]) => {
+  const {
+    type,
+    ...prevPayload
+  } = previous.action;
+  return Observable.of({
+    ...latest,
+    action: {
+      ...latest.action,
+      previous: prevPayload
+    }
+  });
+});
+
+/**
  * Gets triggered when the cookie consent has been updated by the user or handled already.
  * @type {Observable}
- */export var cookieConsentSet$=cookieConsentInitialized$.merge(cookieConsentUpdated$);/**
+ */
+export const 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;});/**
+ */
+export const comfortCookiesAccepted$ = cookieConsentSet$.filter(({
+  action
+}) => 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;});/**
+ */
+export const statisticsCookiesAccepted$ = cookieConsentSet$.filter(({
+  action
+}) => 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();});/**
+ */
+export const comfortCookiesDeclined$ = comfortCookiesAccepted$.switchMap(() => cookieConsentSet$.filter(({
+  action
+}) => 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();});/**
+ */
+export const statisticsCookiesDeclined$ = statisticsCookiesAccepted$.switchMap(() => cookieConsentSet$.filter(({
+  action
+}) => 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}));});
+ */
+export const cookieConsentModalShouldToggleInternal$ = routeWillEnter$
+// Stop the stream after cookie consent is handled
+.takeUntil(cookieConsentInitialized$).switchMap(input => {
+  const {
+    action,
+    getState
+  } = input;
+  const isCookieConsentHandled = getIsCookieConsentHandled(getState());
+  let showConsentModal = false;
+
+  // Only run extended logic when cookie consent is active and still need to be handled
+  if (!isCookieConsentHandled) {
+    const pagesWithoutModal = [PRIVACY_SETTINGS_PATTERN, makeGetPrivacyPolicyLink()(getState())];
+    showConsentModal = !pagesWithoutModal.includes(action?.route?.pathname);
+  }
+  return Observable.of({
+    ...input,
+    showConsentModal
+  });
+});

package/tracking/streams/index.js

@@ -1 +1 @@
-export{cookieConsentInitialized$,cookieConsentUpdated$,cookieConsentSet$,comfortCookiesAccepted$,comfortCookiesDeclined$,statisticsCookiesAccepted$,statisticsCookiesDeclined$}from"./cookieConsent";
+export { cookieConsentInitialized$, cookieConsentUpdated$, cookieConsentSet$, comfortCookiesAccepted$, comfortCookiesDeclined$, statisticsCookiesAccepted$, statisticsCookiesDeclined$ } from "./cookieConsent";