@shopgate/engage 7.20.0-beta.1 → 7.20.0-beta.3

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);