@shopgate/pwa-common 7.8.1 → 7.9.0-beta.1

package/App.js

@@ -1,11 +1,13 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}import React,{Component}from'react';import PropTypes from'prop-types';import{Provider}from'react-redux';import{CookiesProvider}from'react-cookie';import{loadCustomStyles}from'@shopgate/engage/styles';import ErrorBoundary from"./components/ErrorBoundary";import{appDidStart}from"./action-creators/app";import I18n from"./components/I18n";/**
+import _regeneratorRuntime from"@babel/runtime/regenerator";function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}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);});};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}import React,{Component}from'react';import PropTypes from'prop-types';import{Provider}from'react-redux';import{CookiesProvider}from'react-cookie';import{loadCustomStyles}from'@shopgate/engage/styles';import ErrorBoundary from"./components/ErrorBoundary";import{appDidStart}from"./action-creators/app";import I18n from"./components/I18n";import{getIsSessionExpired}from"./selectors/user";import logout from"./actions/user/logout";/**
  * The application component.
  * It sets up the store and the react router. The router's children (routes) come from
  * the theme's Main.jsx file which uses this component as the root element.
  * @returns {JSX}
  */var App=/*#__PURE__*/function(_Component){_inherits(App,_Component);function App(){_classCallCheck(this,App);return _possibleConstructorReturn(this,_getPrototypeOf(App).apply(this,arguments));}_createClass(App,[{key:"componentDidMount",/**
    * Registers the component for the native events and fires the onload AppCommand.
-   */value:function componentDidMount(){this.props.store.dispatch(appDidStart("".concat(window.location.pathname).concat(window.location.search)));loadCustomStyles();}/**
+   */value:function componentDidMount(){var _this=this;/**
+     * Async helper function that performs optional steps before appDidStart action is dispatched
+     */var performAppStart=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:if(!getIsSessionExpired(_this.props.store.getState())){_context.next=3;break;}_context.next=3;return _this.props.store.dispatch(logout(undefined,true));case 3:_this.props.store.dispatch(appDidStart("".concat(window.location.pathname).concat(window.location.search)));case 4:case"end":return _context.stop();}}},_callee);}));return function performAppStart(){return _ref.apply(this,arguments);};}();performAppStart();loadCustomStyles();}/**
    * Renders the component.
    * @returns {JSX}
    */},{key:"render",value:function render(){return React.createElement(CookiesProvider,null,React.createElement(ErrorBoundary,{key:"error.root",store:this.props.store,isRoot:true},React.createElement(Provider,{store:this.props.store},React.createElement(I18n.Provider,null,React.createElement("div",null,this.props.children)))));}}]);return App;}(Component);export default App;

package/action-creators/user/index.js

@@ -10,8 +10,9 @@ import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQ
  * Creates the dispatched RECEIVE_LOGIN action object.
  * @param {string} redirect The location to redirect to.
  * @param {string} strategy The login strategy.
+ * @param {number} [sessionLifetimeInSeconds] The session lifetime in seconds
  * @returns {Object} The dispatched action object.
- */export var successLogin=function successLogin(redirect){var strategy=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_LOGIN_STRATEGY;return{type:SUCCESS_LOGIN,redirect:redirect,strategy:strategy};};/**
+ */export var successLogin=function successLogin(redirect){var strategy=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_LOGIN_STRATEGY;var sessionLifetimeInSeconds=arguments.length>2?arguments[2]:undefined;return{type:SUCCESS_LOGIN,redirect:redirect,strategy:strategy,sessionLifetimeInSeconds:sessionLifetimeInSeconds};};/**
  * Creates the dispatched ERROR_LOGIN action object.
  * @param {Array} [messages=[]] Array of error messages.
  * @param {string} code The specific error code.
@@ -25,12 +26,14 @@ import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQ
  */export var requestLogout=function requestLogout(){return{type:REQUEST_LOGOUT};};/**
  * Creates the dispatched RECEIVE_LOGOUT action object.
  * @param {boolean} [notify=true] If set to TRUE users are notified when the logout was successful.
+ * @param {boolean} [autoLogout=false] Whether the logout happened because e.g. session expired
  * @returns {Object} The dispatched action object.
- */export var successLogout=function successLogout(){var notify=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;return{type:SUCCESS_LOGOUT,notify:notify};};/**
+ */export var successLogout=function successLogout(){var notify=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;var autoLogout=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;return{type:SUCCESS_LOGOUT,notify:notify,autoLogout:autoLogout};};/**
  * Creates the dispatched ERROR_LOGOUT action object.
  * @param {Array} [messages=[]] Array of error messages
+ * @param {boolean} [autoLogout=false] Whether the logout happened because e.g. session expired
  * @returns {Object} The dispatched action object.
- */export var errorLogout=function errorLogout(){var messages=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];return{type:ERROR_LOGOUT,messages:messages};};/**
+ */export var errorLogout=function errorLogout(){var messages=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var autoLogout=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;return{type:ERROR_LOGOUT,messages:messages,autoLogout:autoLogout};};/**
  * Creates the dispatched REQUEST_USER action object.
  * @returns {Object} The dispatched action object.
  */export var requestUser=function requestUser(){return{type:REQUEST_USER};};/**

package/action-creators/user/spec.js

@@ -1,2 +1,2 @@
-import{requestLogin,successLogin,errorLogin,requestLogout,successLogout,errorLogout,requestUser,receiveUser,errorUser,toggleLoggedIn}from"./index";import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,REQUEST_LOGOUT,SUCCESS_LOGOUT,ERROR_LOGOUT,REQUEST_USER,RECEIVE_USER,ERROR_USER,TOGGLE_LOGGED_IN}from"../../constants/ActionTypes";import{DEFAULT_LOGIN_STRATEGY}from"../../constants/user";var messages=[{type:'EUNKNOWN',message:'Something went wrong',code:1337}];describe('Action Creators: user',function(){describe('requestLogin()',function(){it('should work as expected',function(){var user='super@user.com';var password='super#password';var expected={type:REQUEST_LOGIN,user:user,password:password,strategy:DEFAULT_LOGIN_STRATEGY};expect(requestLogin(user,password)).toEqual(expected);});});describe('successLogin()',function(){it('should work as expected with no parameters',function(){var expected={type:SUCCESS_LOGIN,redirect:undefined,strategy:DEFAULT_LOGIN_STRATEGY};expect(successLogin()).toEqual(expected);});it('should work as expected with parameters',function(){var redirect='/some/url';var strategy='custom';var expected={type:SUCCESS_LOGIN,redirect:redirect,strategy:strategy};expect(successLogin(redirect,strategy)).toEqual(expected);});});describe('errorLogin()',function(){it('should work as expected',function(){var expected={type:ERROR_LOGIN,code:'EUNKNOWN',messages:messages};expect(errorLogin(messages,'EUNKNOWN')).toEqual(expected);});it('should work as expected when the messages parameter is empty',function(){var expected={type:ERROR_LOGIN,code:'EUNKNOWN',messages:[]};expect(errorLogin(undefined,'EUNKNOWN')).toEqual(expected);});it('should work as expected when the code paramter is empty',function(){var expected={type:ERROR_LOGIN,code:'',messages:messages};expect(errorLogin(messages)).toEqual(expected);});});describe('requestLogout()',function(){it('should work as expected',function(){var expected={type:REQUEST_LOGOUT};expect(requestLogout()).toEqual(expected);});});describe('successLogout()',function(){it('should work as expected when called without parameter',function(){var expected={type:SUCCESS_LOGOUT,notify:true};expect(successLogout()).toEqual(expected);});it('should work as expected when called with true',function(){var expected={type:SUCCESS_LOGOUT,notify:true};expect(successLogout(true)).toEqual(expected);});it('should work as expected when called with false',function(){var expected={type:SUCCESS_LOGOUT,notify:false};expect(successLogout(false)).toEqual(expected);});});describe('errorLogout()',function(){it('should work as expected',function(){var expected={type:ERROR_LOGOUT,messages:messages};expect(errorLogout(messages)).toEqual(expected);});it('should work as expected when the messages parameter is empty',function(){var expected={type:ERROR_LOGOUT,messages:[]};expect(errorLogout()).toEqual(expected);});});describe('requestUser()',function(){it('should work as expected',function(){var expected={type:REQUEST_USER};expect(requestUser()).toEqual(expected);});});describe('receiveUser()',function(){it('should work as expected',function(){var user={firstName:'John',lastName:'Doe',mail:'john@doe.com'};var expected={type:RECEIVE_USER,user:user};expect(receiveUser(user)).toEqual(expected);});});describe('errorUser()',function(){it('should work as expected',function(){var err=new Error();// eslint-disable-next-line extra-rules/no-single-line-objects
+import{requestLogin,successLogin,errorLogin,requestLogout,successLogout,errorLogout,requestUser,receiveUser,errorUser,toggleLoggedIn}from"./index";import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,REQUEST_LOGOUT,SUCCESS_LOGOUT,ERROR_LOGOUT,REQUEST_USER,RECEIVE_USER,ERROR_USER,TOGGLE_LOGGED_IN}from"../../constants/ActionTypes";import{DEFAULT_LOGIN_STRATEGY}from"../../constants/user";var messages=[{type:'EUNKNOWN',message:'Something went wrong',code:1337}];describe('Action Creators: user',function(){describe('requestLogin()',function(){it('should work as expected',function(){var user='super@user.com';var password='super#password';var expected={type:REQUEST_LOGIN,user:user,password:password,strategy:DEFAULT_LOGIN_STRATEGY};expect(requestLogin(user,password)).toEqual(expected);});});describe('successLogin()',function(){it('should work as expected with no parameters',function(){var expected={type:SUCCESS_LOGIN,redirect:undefined,strategy:DEFAULT_LOGIN_STRATEGY};expect(successLogin()).toEqual(expected);});it('should work as expected with parameters',function(){var redirect='/some/url';var strategy='custom';var expected={type:SUCCESS_LOGIN,redirect:redirect,strategy:strategy};expect(successLogin(redirect,strategy)).toEqual(expected);});});describe('errorLogin()',function(){it('should work as expected',function(){var expected={type:ERROR_LOGIN,code:'EUNKNOWN',messages:messages};expect(errorLogin(messages,'EUNKNOWN')).toEqual(expected);});it('should work as expected when the messages parameter is empty',function(){var expected={type:ERROR_LOGIN,code:'EUNKNOWN',messages:[]};expect(errorLogin(undefined,'EUNKNOWN')).toEqual(expected);});it('should work as expected when the code paramter is empty',function(){var expected={type:ERROR_LOGIN,code:'',messages:messages};expect(errorLogin(messages)).toEqual(expected);});});describe('requestLogout()',function(){it('should work as expected',function(){var expected={type:REQUEST_LOGOUT};expect(requestLogout()).toEqual(expected);});});describe('successLogout()',function(){it('should work as expected when called without parameter',function(){var expected={type:SUCCESS_LOGOUT,notify:true,autoLogout:false};expect(successLogout()).toEqual(expected);});it('should work as expected when called with true',function(){var expected={type:SUCCESS_LOGOUT,notify:true,autoLogout:false};expect(successLogout(true)).toEqual(expected);});it('should work as expected when called with false',function(){var expected={type:SUCCESS_LOGOUT,notify:false,autoLogout:false};expect(successLogout(false)).toEqual(expected);});it('should work as expected when called with autoLogout parameter',function(){var expected={type:SUCCESS_LOGOUT,notify:true,autoLogout:true};expect(successLogout(undefined,true)).toEqual(expected);});});describe('errorLogout()',function(){it('should work as expected',function(){var expected={type:ERROR_LOGOUT,messages:messages,autoLogout:false};expect(errorLogout(messages)).toEqual(expected);});it('should work as expected when the messages parameter is empty',function(){var expected={type:ERROR_LOGOUT,messages:[],autoLogout:false};expect(errorLogout()).toEqual(expected);});it('should work as expected when called with autoLogout parameter',function(){var expected={type:ERROR_LOGOUT,messages:messages,autoLogout:true};expect(errorLogout(messages,true)).toEqual(expected);});});describe('requestUser()',function(){it('should work as expected',function(){var expected={type:REQUEST_USER};expect(requestUser()).toEqual(expected);});});describe('receiveUser()',function(){it('should work as expected',function(){var user={firstName:'John',lastName:'Doe',mail:'john@doe.com'};var expected={type:RECEIVE_USER,user:user};expect(receiveUser(user)).toEqual(expected);});});describe('errorUser()',function(){it('should work as expected',function(){var err=new Error();// eslint-disable-next-line extra-rules/no-single-line-objects
 var expected={type:ERROR_USER,error:err};expect(errorUser(err)).toEqual(expected);});});describe('toggleLoggedIn()',function(){it('should toggle to true',function(){var expected={type:TOGGLE_LOGGED_IN,value:true};expect(toggleLoggedIn(true)).toEqual(expected);});it('should toggle to false',function(){var expected={type:TOGGLE_LOGGED_IN,value:false};expect(toggleLoggedIn(false)).toEqual(expected);});});});

package/actions/user/login.js

@@ -6,7 +6,7 @@ import{PipelineRequest,EINVALIDCALL,ELEGACYSGCONNECT,EINCOMPLETELOGIN}from'@shop
  * @param {string} redirect The location to redirect to when logged in.
  * @param {string} strategy basic or facebook, amazon, etc
  * @return {Function} A redux thunk.
- */function login(parameters,redirect){var strategy=arguments.length>2&&arguments[2]!==undefined?arguments[2]:DEFAULT_LOGIN_STRATEGY;return function(dispatch){dispatch(requestLogin(parameters.login,parameters.password,strategy));var request=new PipelineRequest(SHOPGATE_USER_LOGIN_USER).setTrusted().setErrorBlacklist([EINVALIDCALL,ELEGACYSGCONNECT,EINCOMPLETELOGIN]).setInput({strategy:strategy,parameters:parameters}).dispatch();request.then(function(result){var success=result.success,messages=result.messages;if(success){dispatch(successLogin(redirect,strategy));}else{dispatch(errorLogin(messages));}})["catch"](function(error){var code=error.code;if(code===EINVALIDCALL){/**
+ */function login(parameters,redirect){var strategy=arguments.length>2&&arguments[2]!==undefined?arguments[2]:DEFAULT_LOGIN_STRATEGY;return function(dispatch){dispatch(requestLogin(parameters.login,parameters.password,strategy));var request=new PipelineRequest(SHOPGATE_USER_LOGIN_USER).setTrusted().setErrorBlacklist([EINVALIDCALL,ELEGACYSGCONNECT,EINCOMPLETELOGIN]).setInput({strategy:strategy,parameters:parameters}).dispatch();request.then(function(result){var success=result.success,messages=result.messages,sessionLifetimeInSeconds=result.sessionLifetimeInSeconds;if(success){dispatch(successLogin(redirect,strategy,sessionLifetimeInSeconds));}else{dispatch(errorLogin(messages));}})["catch"](function(error){var code=error.code;if(code===EINVALIDCALL){/**
            * This code is thrown when the login request failed, because the user was already logged
            * in. In that situation the success action can also dispatch to trigger the necessary
            * processes which has to happen after a successful login.

package/actions/user/logout.js

@@ -1,5 +1,6 @@
 import{PipelineRequest}from'@shopgate/pwa-core';import{requestLogout,successLogout,errorLogout}from"../../action-creators/user";import{SHOPGATE_USER_LOGOUT_USER}from"../../constants/Pipelines";import{mutable}from"../../helpers/redux";/**
  * Logout the current user.
  * @param {boolean} [notify=true] If set to TRUE users are notified when the logout was successful.
+ * @param {boolean} [autoLogout=false] Whether the logout happened because session expired
  * @return {Function} A redux thunk.
- */function logout(){var notify=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;return function(dispatch){dispatch(requestLogout());var request=new PipelineRequest(SHOPGATE_USER_LOGOUT_USER).setTrusted().dispatch();request.then(function(result){var success=result.success,messages=result.messages;if(success){dispatch(successLogout(notify));}else{dispatch(errorLogout(messages));}})["catch"](function(){dispatch(errorLogout());});return request;};}/** @mixes {MutableFunction} */export default mutable(logout);
+ */function logout(){var notify=arguments.length>0&&arguments[0]!==undefined?arguments[0]:true;var autoLogout=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;return function(dispatch){dispatch(requestLogout());var request=new PipelineRequest(SHOPGATE_USER_LOGOUT_USER).setTrusted().dispatch();request.then(function(result){var success=result.success,messages=result.messages;if(success){dispatch(successLogout(notify,autoLogout));}else{dispatch(errorLogout(messages,autoLogout));}})["catch"](function(){dispatch(errorLogout(undefined,autoLogout));});return request;};}/** @mixes {MutableFunction} */export default mutable(logout);

package/components/HtmlSanitizer/spec.js

@@ -1,8 +1,8 @@
-import React from'react';import{mount}from'enzyme';import{JSDOM}from'jsdom';import{embeddedMedia}from'@shopgate/pwa-common/collections';import HtmlSanitizer from"./index";jest.mock('@shopgate/pwa-common/collections/EmbeddedMedia',function(){return{add:jest.fn(),remove:jest.fn()};});jest.mock("../EmbeddedMedia",function(){return function(_ref){var children=_ref.children;return children;};});/**
+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 React from'react';import{mount}from'enzyme';import{JSDOM}from'jsdom';import{embeddedMedia}from'@shopgate/pwa-common/collections';import HtmlSanitizer from"./index";jest.mock('@shopgate/pwa-common/collections/EmbeddedMedia',function(){return{add:jest.fn(),remove:jest.fn()};});jest.mock("../EmbeddedMedia",function(){return function(_ref){var children=_ref.children;return children;};});/**
  * @param {string} html HTML markup.
  * @param {Object} props Component props.
  * @returns {JSX}
- */var createWrapper=function createWrapper(html){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return mount(React.createElement(HtmlSanitizer,props,html));};describe('<HtmlSanitizer />',function(){beforeEach(function(){jest.clearAllMocks();});it('should render the HtmlSanitizer',function(){/**
+ */var createWrapper=function createWrapper(html){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return mount(React.createElement(HtmlSanitizer,_extends({navigate:function navigate(){}},props),html));};describe('<HtmlSanitizer />',function(){beforeEach(function(){jest.clearAllMocks();});it('should render the HtmlSanitizer',function(){/**
      * The value for html is the HTML-escaped equivalent of the following:
      * <h1>Hello World!</h1>
      * @type {string}
@@ -15,4 +15,4 @@ expect(wrapper.html()).toEqual('<div><h1>Hello World!</h1></div>');expect(wrappe
      * <script>var y = 23;</script>
      * @type {string}
      */var html='&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;var x = 42;&lt;/script&gt; &lt;p&gt;Foo Bar&lt;/p&gt; &lt;script&gt;var y = 23;&lt;/script&gt;';var wrapper=createWrapper(html,{decode:true});// Test result of dangerouslySetInnerHTML.
-expect(wrapper.html()).toEqual('<div>  <p>Foo Bar</p> </div>');expect(wrapper).toMatchSnapshot();});describe('Link handling',function(){var mockedHandleClick=jest.fn();beforeEach(function(){mockedHandleClick.mockClear();});it('follows a link from a plain <a>',function(){var doc=new JSDOM('<!doctype html><html><body><div>/<div></body></html>').window.document;var html='&lt;a id=&quot;link&quot; href=&quot;#follow-me-and-everything-is-alright&quot;&gt;Plain Link&lt;/a&gt;';var wrapper=mount(React.createElement(HtmlSanitizer,{decode:true,settings:{handleClick:mockedHandleClick}},html),{attachTo:doc.getElementsByTagName('div')[0]});var aTag=doc.getElementsByTagName('a')[0];aTag.closest=function(){return aTag;};var event={target:aTag,preventDefault:function preventDefault(){}};wrapper.instance().handleTap(event);expect(mockedHandleClick).toHaveBeenCalledTimes(1);expect(mockedHandleClick).toHaveBeenCalledWith('#follow-me-and-everything-is-alright','');});it('follows a link from a <a> with other HTML inside',function(){var doc=new JSDOM('<!doctype html><html><body><div>/<div></body></html>').window.document;var html='&lt;a id=&quot;link&quot; target=&quot;_blank&quot; href=&quot;#I-ll-be-the-one-to-tuck-you-in-at-night&quot;&gt;&lt;span&gt;Span Link&lt;/span&gt;&lt;/a&gt;';var wrapper=mount(React.createElement(HtmlSanitizer,{decode:true,settings:{handleClick:mockedHandleClick}},html),{attachTo:doc.getElementsByTagName('div')[0]});var aTag=doc.getElementsByTagName('a')[0];var spanTag=doc.getElementsByTagName('span')[0];spanTag.closest=function(){return aTag;};var event={target:spanTag,preventDefault:function preventDefault(){}};wrapper.instance().handleTap(event);expect(mockedHandleClick).toHaveBeenCalledTimes(1);expect(mockedHandleClick).toHaveBeenCalledWith('#I-ll-be-the-one-to-tuck-you-in-at-night','_blank');});});});
+expect(wrapper.html()).toEqual('<div>  <p>Foo Bar</p> </div>');expect(wrapper).toMatchSnapshot();});describe('Link handling',function(){var mockedHandleClick=jest.fn();beforeEach(function(){mockedHandleClick.mockClear();});it('follows a link from a plain <a>',function(){var doc=new JSDOM('<!doctype html><html><body><div>/<div></body></html>').window.document;var html='&lt;a id=&quot;link&quot; href=&quot;#follow-me-and-everything-is-alright&quot;&gt;Plain Link&lt;/a&gt;';var wrapper=mount(React.createElement(HtmlSanitizer,{decode:true,settings:{handleClick:mockedHandleClick},navigate:function navigate(){}},html),{attachTo:doc.getElementsByTagName('div')[0]});var aTag=doc.getElementsByTagName('a')[0];aTag.closest=function(){return aTag;};var event={target:aTag,preventDefault:function preventDefault(){}};wrapper.instance().handleTap(event);expect(mockedHandleClick).toHaveBeenCalledTimes(1);expect(mockedHandleClick).toHaveBeenCalledWith('#follow-me-and-everything-is-alright','');});it('follows a link from a <a> with other HTML inside',function(){var doc=new JSDOM('<!doctype html><html><body><div>/<div></body></html>').window.document;var html='&lt;a id=&quot;link&quot; target=&quot;_blank&quot; href=&quot;#I-ll-be-the-one-to-tuck-you-in-at-night&quot;&gt;&lt;span&gt;Span Link&lt;/span&gt;&lt;/a&gt;';var wrapper=mount(React.createElement(HtmlSanitizer,{decode:true,settings:{handleClick:mockedHandleClick},navigate:function navigate(){}},html),{attachTo:doc.getElementsByTagName('div')[0]});var aTag=doc.getElementsByTagName('a')[0];var spanTag=doc.getElementsByTagName('span')[0];spanTag.closest=function(){return aTag;};var event={target:spanTag,preventDefault:function preventDefault(){}};wrapper.instance().handleTap(event);expect(mockedHandleClick).toHaveBeenCalledTimes(1);expect(mockedHandleClick).toHaveBeenCalledWith('#I-ll-be-the-one-to-tuck-you-in-at-night','_blank');});});});

package/components/InfiniteContainer/index.js

@@ -54,10 +54,10 @@ if(!this.props.enablePromiseBasedLoading){this.isLoading=false;}}/**
    * Tests if all items have been received and are visible based on current offset.
    * @param {Object} [props] The current or next component props.
    * @returns {boolean}
-   */},{key:"allItemsAreRendered",value:function allItemsAreRendered(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:this.props;var _this$state$offset2=_slicedToArray(this.state.offset,2),offset=_this$state$offset2[0],limit=_this$state$offset2[1];if(props.enablePromiseBasedLoading){var totalItems=props.totalItems;// At promise based loading the offset is increased after the response came in.
+   */},{key:"allItemsAreRendered",value:function allItemsAreRendered(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:this.props;var totalItems=props.totalItems,items=props.items;var _this$state$offset2=_slicedToArray(this.state.offset,2),offset=_this$state$offset2[0],limit=_this$state$offset2[1];if(props.enablePromiseBasedLoading){// At promise based loading the offset is increased after the response came in.
 // This method is invoked to evaluate if a new request needs to be dispatched, so we check
 // against the current offset state.
-return totalItems!==null&&offset>=totalItems;}return!this.needsToReceiveItems(props)&&offset+limit>=props.totalItems;}/**
+return totalItems!==null&&(offset>=totalItems||offset===0&&Array.isArray(items)&&items.length===totalItems);}return!this.needsToReceiveItems(props)&&offset+limit>=totalItems;}/**
    * Increases the current offset by limit (from props).
    * @returns {Object}
    */},{key:"increaseOffset",value:function increaseOffset(){var _this$state$offset3=_slicedToArray(this.state.offset,2),start=_this$state$offset3[0],length=_this$state$offset3[1];var newOffset=start+length;/**

package/components/Input/components/MultiLineInput.js

@@ -1,4 +1,4 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _get(target,property,receiver){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get;}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(receiver);}return desc.value;};}return _get(target,property,receiver||target);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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{logger}from'@shopgate/pwa-core';import SimpleInput from"./SimpleInput";/**
+function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}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 _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _get(target,property,receiver){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get;}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(receiver);}return desc.value;};}return _get(target,property,receiver||target);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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{logger}from'@shopgate/pwa-core';import SimpleInput from"./SimpleInput";/**
  * A component that takes care of rendering and validation of input fields.
  * This component has no styling and should not be used directly.
  * You may want to use an appropriate form field component from the template instead.
@@ -23,4 +23,4 @@ this.doComponentDidMount();}/**
    */value:function handleRef(ref){_get(_getPrototypeOf(MultiLineInput.prototype),"handleRef",this).call(this,ref);this.setBaseHeight();}/**
    * Renders the component.
    * @returns {JSX}
-   */},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,className=_this$props.className,password=_this$props.password;var type=password?'password':this.props.type;var value=this.state.value;return React.createElement("textarea",{id:this.props.id,name:this.props.name,ref:function ref(_ref){return _this2.handleRef(_ref);},className:classNames(className,'multiLineInput'),type:type,value:value,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.props.disabled});}}]);return MultiLineInput;}(SimpleInput);export default MultiLineInput;
+   */},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,className=_this$props.className,password=_this$props.password,attributes=_this$props.attributes;var type=password?'password':this.props.type;var value=this.state.value;return React.createElement("textarea",_extends({id:this.props.id,name:this.props.name,ref:function ref(_ref){return _this2.handleRef(_ref);},className:classNames(className,'multiLineInput'),type:type,value:value,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,disabled:this.props.disabled},attributes));}}]);return MultiLineInput;}(SimpleInput);export default MultiLineInput;

package/constants/user.js

@@ -1 +1,3 @@
-export var DEFAULT_LOGIN_STRATEGY='basic';export var EVENT_USER_INITIALIZED='EVENT_USER_INITIALIZED';
+export var DEFAULT_LOGIN_STRATEGY='basic';export var EVENT_USER_INITIALIZED='EVENT_USER_INITIALIZED';/**
+ * Defines the interval to check if an expirable session is expired
+ */export var SESSION_EXPIRY_CHECK_INTERVAL=20*1000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/pwa-common",
-  "version": "7.8.1",
+  "version": "7.9.0-beta.1",
   "description": "Common library for the Shopgate Connect PWA.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -16,7 +16,7 @@
   ],
   "dependencies": {
     "@sentry/browser": "6.0.1",
-    "@shopgate/pwa-benchmark": "7.8.1",
+    "@shopgate/pwa-benchmark": "7.9.0-beta.1",
     "@virtuous/conductor": "~2.5.0",
     "@virtuous/react-conductor": "~2.5.0",
     "@virtuous/redux-persister": "1.1.0-beta.7",
@@ -44,7 +44,7 @@
     "url-search-params": "^0.10.0"
   },
   "devDependencies": {
-    "@shopgate/pwa-core": "7.8.1",
+    "@shopgate/pwa-core": "7.9.0-beta.1",
     "lodash": "^4.17.4",
     "prop-types": "~15.7.2",
     "react": "~16.12.0",

package/reducers/user/login.js

@@ -1,6 +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{APP_DID_START,REQUEST_LOGIN,SUCCESS_LOGIN,TOGGLE_LOGGED_IN,ERROR_LOGIN,SUCCESS_LOGOUT,DISABLE_LOGIN}from"../../constants/ActionTypes";var defaultState={isFetching:false,disabled:false,isLoggedIn:false,errors:null,strategy:null};/**
+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{APP_DID_START,REQUEST_LOGIN,SUCCESS_LOGIN,TOGGLE_LOGGED_IN,ERROR_LOGIN,SUCCESS_LOGOUT,DISABLE_LOGIN}from"../../constants/ActionTypes";var defaultState={isFetching:false,disabled:false,isLoggedIn:false,errors:null,strategy:null,expires:null};/**
  * Stores the login state
  * @param {Object} [state] The current state.
  * @param {Object} action The action object.
  * @return {Object} The new state.
- */export default function userLoginReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case APP_DID_START:return _extends({},state,{disabled:false});case DISABLE_LOGIN:return _extends({},state,{disabled:action.value});case REQUEST_LOGIN:return _extends({},state,{strategy:action.strategy,isFetching:true});case SUCCESS_LOGIN:return _extends({},state,{isLoggedIn:true,errors:null,isFetching:false,strategy:action.strategy});case ERROR_LOGIN:return _extends({},state,{errors:action.messages,isLoggedIn:false,isFetching:false});case TOGGLE_LOGGED_IN:return _extends({},state,{isLoggedIn:action.value,strategy:null});case SUCCESS_LOGOUT:return defaultState;default:return state;}}
+ */export default function userLoginReducer(){var state=arguments.length>0&&arguments[0]!==undefined?arguments[0]:defaultState;var action=arguments.length>1?arguments[1]:undefined;switch(action.type){case APP_DID_START:return _extends({},state,{disabled:false});case DISABLE_LOGIN:return _extends({},state,{disabled:action.value});case REQUEST_LOGIN:return _extends({},state,{strategy:action.strategy,isFetching:true});case SUCCESS_LOGIN:return _extends({},state,{isLoggedIn:true,errors:null,isFetching:false,strategy:action.strategy},typeof action.sessionLifetimeInSeconds==='number'?{expires:new Date().getTime()+action.sessionLifetimeInSeconds*1000}:{expires:null});case ERROR_LOGIN:return _extends({},state,{errors:action.messages,isLoggedIn:false,isFetching:false});case TOGGLE_LOGGED_IN:return _extends({},state,{isLoggedIn:action.value,strategy:null},action.value===false?{expires:null}:null);case SUCCESS_LOGOUT:return defaultState;default:return state;}}

package/selectors/router.js

@@ -1,4 +1,4 @@
-import{createSelector}from'reselect';import{isObject}from"../helpers/validation";/**
+import{createSelector}from'reselect';import{isObject}from"../helpers/validation";import authRoutes from"../collections/AuthRoutes";/**
  * @param {Object} state The application state.
  * @return {Object}
  */export var getRouterState=function getRouterState(state){return state.router;};/**
@@ -59,4 +59,7 @@ import{createSelector}from'reselect';import{isObject}from"../helpers/validation"
    * @param {Object} state The application state.
    * @param {Object} props The component props.
    * @returns {Object} The route.
-   */createSelector(getRouterStack,getRouterStackIndex,function(routerStack,routerStackIndex){var sliced=routerStack.slice(0,routerStackIndex);var reversedIndex=sliced.reverse().findIndex(function(route){return route.pattern===pattern;});return reversedIndex===-1?reversedIndex:sliced.length-1-reversedIndex;}));};
+   */createSelector(getRouterStack,getRouterStackIndex,function(routerStack,routerStackIndex){var sliced=routerStack.slice(0,routerStackIndex);var reversedIndex=sliced.reverse().findIndex(function(route){return route.pattern===pattern;});return reversedIndex===-1?reversedIndex:sliced.length-1-reversedIndex;}));};/**
+ * Creates a selector to determine if the current active route is "protected" (needs login).
+ * @returns {Function}
+ */export var makeGetIsCurrentRouteProtected=function makeGetIsCurrentRouteProtected(){return createSelector(getCurrentPathname,function(pattern){return!!authRoutes.getProtector(pattern);});};

package/selectors/user.js

@@ -33,4 +33,13 @@ import{createSelector}from'reselect';import{getUrl}from"./url";/**
  * Gets the register url.
  * @param {Object} state The application state.
  * @return {string|null}
- */export var getRegisterUrl=function getRegisterUrl(state){return getUrl(state,{type:'register'});};
+ */export var getRegisterUrl=function getRegisterUrl(state){return getUrl(state,{type:'register'});};/**
+ * Retrieves the expiry timestamp from the user login storage
+ */export var getSessionExpiry=createSelector(getLoginData,function(loginData){return loginData.expires;});/**
+ * Checks if the current session is expired.
+ *
+ * !!! CAUTION Not implemented with createSelector since selector caching conflicts with processing
+ * the current timestamp
+ * @param {Object} state The application state.
+ * @returns {boolean}
+ */export var getIsSessionExpired=function getIsSessionExpired(state){var expiry=getSessionExpiry(state);return typeof expiry==='number'&&new Date().getTime()>=expiry;};

package/store/index.js

@@ -1,7 +1,7 @@
-import{composeWithDevTools}from'redux-devtools-extension';import{createStore,applyMiddleware}from'redux';import thunk from'redux-thunk';import{persistState}from'@virtuous/redux-persister';import benchmarkMiddleware from'@shopgate/pwa-benchmark/profilers/redux';import benchmarkController from'@shopgate/pwa-benchmark';import persistedReducers from"../collections/PersistedReducers";import initSubscribers from"../subscriptions";import appConfig,{themeName,shopNumber}from"../helpers/config";import makeRootReducer from"../reducers";import streams from"./middelwares/streams";import logger from"./middelwares/logger";/**
+function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}import{createStore,applyMiddleware,compose}from'redux';import thunk from'redux-thunk';import{persistState}from'@virtuous/redux-persister';import benchmarkMiddleware from'@shopgate/pwa-benchmark/profilers/redux';import benchmarkController from'@shopgate/pwa-benchmark';import persistedReducers from"../collections/PersistedReducers";import initSubscribers from"../subscriptions";import appConfig,{themeName,shopNumber}from"../helpers/config";import makeRootReducer from"../reducers";import streams from"./middelwares/streams";import logger from"./middelwares/logger";/**
  * The current version of the state created by this reducer.
  * @type {string}
- */var STATE_VERSION='v2';var storeKey="shopgate-connect_".concat(shopNumber,"-").concat(themeName,"_").concat(STATE_VERSION);/**
+ */var STATE_VERSION='v3';var storeKey="shopgate-connect_".concat(shopNumber,"-").concat(themeName,"_").concat(STATE_VERSION);/**
  * Returns a normalized initialState from the localstorage.
  * @returns {Object}
  */function getInitialState(){if(!window.localStorage){return undefined;}var storedState=window.localStorage.getItem(storeKey);if(!storedState){return undefined;}var normalizedState=storedState.replace(new RegExp('"isFetching":true','g'),'"isFetching":false');return JSON.parse(normalizedState);}/**
@@ -10,7 +10,7 @@ import{composeWithDevTools}from'redux-devtools-extension';import{createStore,app
  * @param {Array} subscribers The subscribers to the streams middleware.
  * @return {Object} The redux store.
  */export function configureStore(reducers,subscribers){// Starts benchmark controller BEFORE adding the middleware.
-if(appConfig.benchmark){benchmarkController.startup();}var store=createStore(makeRootReducer(reducers),getInitialState(),composeWithDevTools(applyMiddleware.apply(void 0,[thunk].concat(appConfig.benchmark?[benchmarkMiddleware]:[],[streams,logger])),persistState({key:storeKey,paths:persistedReducers.getAll()})));initSubscribers(subscribers);if(window.Cypress){window.store=store;}return store;}/**
+if(appConfig.benchmark){benchmarkController.startup();}var composeWithDevTools=(typeof window==="undefined"?"undefined":_typeof(window))==='object'&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:compose;var store=createStore(makeRootReducer(reducers),getInitialState(),composeWithDevTools(applyMiddleware.apply(void 0,[thunk].concat(appConfig.benchmark?[benchmarkMiddleware]:[],[streams,logger])),persistState({key:storeKey,paths:persistedReducers.getAll()})));initSubscribers(subscribers);if(window.Cypress){window.store=store;}return store;}/**
  * Configures a mocked store for tests.
  * @param {Function} reducers The reducers to use in the mock store.
  * @param {Array} subscribers Streams subscribers to initialize.

package/streams/user.js

@@ -1,4 +1,4 @@
-import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQUEST_LOGOUT,SUCCESS_LOGOUT,RECEIVE_USER,ERROR_USER}from"../constants/ActionTypes";import{appDidStart$}from"./app";import{main$}from"./main";/**
+import{Observable}from'rxjs/Observable';import'rxjs/add/observable/interval';import'rxjs/add/operator/takeUntil';import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQUEST_LOGOUT,SUCCESS_LOGOUT,RECEIVE_USER,ERROR_USER}from"../constants/ActionTypes";import{appDidStart$}from"./app";import{main$}from"./main";import{SESSION_EXPIRY_CHECK_INTERVAL}from"../constants/user";import{getSessionExpiry,getIsSessionExpired}from"../selectors/user";/**
  * Gets triggered when user is requesting to login.
  * @type {Observable}
  */export var userWillLogin$=main$.filter(function(_ref){var action=_ref.action;return action.type===REQUEST_LOGIN;});/**
@@ -29,4 +29,14 @@ import{REQUEST_LOGIN,SUCCESS_LOGIN,ERROR_LOGIN,ERROR_LEGACY_CONNECT_REGISTER,REQ
  */export var loginDidFail$=main$.filter(function(_ref9){var action=_ref9.action;return action.type===ERROR_LOGIN;});/**
  * Gets triggered when the legacy sgconnect registration failed
  * @type {Observable}
- */export var legacyConnectRegisterDidFail$=main$.filter(function(_ref10){var action=_ref10.action;return action.type===ERROR_LEGACY_CONNECT_REGISTER;});
+ */export var legacyConnectRegisterDidFail$=main$.filter(function(_ref10){var action=_ref10.action;return action.type===ERROR_LEGACY_CONNECT_REGISTER;});/**
+ * Emits when user session expiry needs to be checked. That's the case when the login state in
+ * Redux contains a numeric value for the "expires" property.
+ * Checks are performed at appStart since there might be a persisted value in Redux from the last
+ * sessions, or it happens after login when the login response contained a session lease.
+ */export var sessionExpiryNeedsToBeChecked$=appDidStart$.merge(userDidLogin$).filter(function(_ref11){var getState=_ref11.getState;var expiry=getSessionExpiry(getState());return expiry!==null;});/**
+ * Emits when a user session with an expiry expires. Therefore it performs an interval check to
+ * check if the session is still active.
+ */export var userSessionExpired$=sessionExpiryNeedsToBeChecked$.switchMap(function(data){// At first check if the session already expired - necessary for appDidStart$
+if(getIsSessionExpired(data.getState())){return Observable.of(data);}// Setup an interval that periodically checks if the session expired - runs till user logged out
+return Observable.interval(SESSION_EXPIRY_CHECK_INTERVAL).takeUntil(userDidLogout$).filter(function(){return getIsSessionExpired(data.getState());}).switchMap(function(){return Observable.of(data);});});

package/subscriptions/history.js

@@ -1,7 +1,9 @@
-import{event}from'@shopgate/pwa-core';import{hasWebBridge,INDEX_PATH}from'@shopgate/engage/core';import{routeDidChange$,userDidLogout$}from"../streams";import{historyReset,historyResetTo}from"../actions/router";/**
+import{event}from'@shopgate/pwa-core';import{hasWebBridge,INDEX_PATH}from'@shopgate/engage/core';import{routeDidChange$,userDidLogout$}from"../streams";import{historyReset,historyResetTo}from"../actions/router";import{makeGetIsCurrentRouteProtected}from"../selectors/router";/**
  * History subscriptions.
  * @param {Function} subscribe The subscribe function.
- */export default function history(subscribe){subscribe(userDidLogout$,function(_ref){var dispatch=_ref.dispatch;if(hasWebBridge()){// Within the website there is no guarantee that the index page is the first stack entry
+ */export default function history(subscribe){subscribe(userDidLogout$,function(_ref){var dispatch=_ref.dispatch,action=_ref.action,getState=_ref.getState;var isAutoLogout=action.autoLogout;if(isAutoLogout&&!makeGetIsCurrentRouteProtected()(getState())){// When users where automatically logged out, we only redirect to the index screen if
+// currently a route is active that needs a login.
+return;}if(hasWebBridge()){// Within the website there is no guarantee that the index page is the first stack entry
 dispatch(historyResetTo(INDEX_PATH));}else{dispatch(historyReset());}});/**
    * @deprecated Will be removed in Next versions
    */subscribe(routeDidChange$,function(){event.trigger('routeDidChange');});}

package/subscriptions/user.js

@@ -1,6 +1,6 @@
-import{getCurrentRoute}from'@shopgate/pwa-common/selectors/router';import event from'@shopgate/pwa-core/classes/Event';import registerEvents from'@shopgate/pwa-core/commands/registerEvents';import{LoadingProvider}from"../providers";import{fetchUser}from"../actions/user";import{successLogin}from"../action-creators";import{historyPush}from"../actions/router";import{appDidStart$,userWillLogin$,userLoginResponse$,userDidLogin$,userDidLogout$,userDidInitialize$,legacyConnectRegisterDidFail$}from"../streams";import showModal from"../actions/modal/showModal";import{LOGIN_PATH}from"../constants/RoutePaths";import{LEGACY_URL_CONNECT_REGISTER}from"../constants/Registration";import{EVENT_USER_INITIALIZED}from"../constants/user";/**
+import _regeneratorRuntime from"@babel/runtime/regenerator";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 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{getCurrentRoute}from'@shopgate/pwa-common/selectors/router';import event from'@shopgate/pwa-core/classes/Event';import registerEvents from'@shopgate/pwa-core/commands/registerEvents';import{LoadingProvider}from"../providers";import{fetchUser}from"../actions/user";import{successLogin}from"../action-creators";import{historyPush}from"../actions/router";import logout from"../actions/user/logout";import{appDidStart$,userWillLogin$,userLoginResponse$,userDidLogin$,userDidLogout$,userDidInitialize$,legacyConnectRegisterDidFail$,userSessionExpired$}from"../streams";import showModal from"../actions/modal/showModal";import{LOGIN_PATH}from"../constants/RoutePaths";import{LEGACY_URL_CONNECT_REGISTER}from"../constants/Registration";import{EVENT_USER_INITIALIZED}from"../constants/user";/**
  * User subscriptions.
  * @param {Function} subscribe The subscribe function.
  */export default function user(subscribe){/**
    * Gets triggered when ever the user data need to be updated.
-   */var userNeedsUpdate$=appDidStart$.merge(userDidLogin$);subscribe(userDidInitialize$,function(_ref){var events=_ref.events;events.emit(EVENT_USER_INITIALIZED);});subscribe(userWillLogin$,function(){LoadingProvider.setLoading(LOGIN_PATH);});subscribe(userLoginResponse$,function(){LoadingProvider.unsetLoading(LOGIN_PATH);});subscribe(userNeedsUpdate$,function(_ref2){var dispatch=_ref2.dispatch;dispatch(fetchUser());});subscribe(userDidLogout$,function(_ref3){var dispatch=_ref3.dispatch,action=_ref3.action;if(action.notify===false){return;}dispatch(showModal({confirm:'modal.ok',dismiss:null,message:'login.logout_message',title:null}));});subscribe(appDidStart$,function(_ref4){var dispatch=_ref4.dispatch,getState=_ref4.getState;registerEvents(['userLoggedIn']);event.addCallback('userLoggedIn',function(){var _getCurrentRoute=getCurrentRoute(getState()),_getCurrentRoute$stat=_getCurrentRoute.state;_getCurrentRoute$stat=_getCurrentRoute$stat===void 0?{}:_getCurrentRoute$stat;var redirect=_getCurrentRoute$stat.redirect;dispatch(successLogin(redirect));});});subscribe(legacyConnectRegisterDidFail$,function(_ref5){var dispatch=_ref5.dispatch;dispatch(historyPush({pathname:LEGACY_URL_CONNECT_REGISTER}));});}
+   */var userNeedsUpdate$=appDidStart$.merge(userDidLogin$);subscribe(userDidInitialize$,function(_ref){var events=_ref.events;events.emit(EVENT_USER_INITIALIZED);});subscribe(userWillLogin$,function(){LoadingProvider.setLoading(LOGIN_PATH);});subscribe(userLoginResponse$,function(){LoadingProvider.unsetLoading(LOGIN_PATH);});subscribe(userNeedsUpdate$,function(_ref2){var dispatch=_ref2.dispatch;dispatch(fetchUser());});subscribe(userDidLogout$,/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3){var dispatch,action,isAutoLogout,confirmed;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:dispatch=_ref3.dispatch,action=_ref3.action;if(!(action.notify===false)){_context.next=3;break;}return _context.abrupt("return");case 3:isAutoLogout=action.autoLogout;_context.next=6;return dispatch(showModal(_extends({confirm:'modal.ok',dismiss:null,message:'login.logout_message',title:null},isAutoLogout?{message:'login.auto_logout_message',confirm:'modal.login',dismiss:'modal.close'}:null)));case 6:confirmed=_context.sent;if(isAutoLogout&&confirmed){dispatch(historyPush({pathname:LOGIN_PATH}));}case 8:case"end":return _context.stop();}}},_callee);}));return function(_x){return _ref4.apply(this,arguments);};}());subscribe(appDidStart$,function(_ref5){var dispatch=_ref5.dispatch,getState=_ref5.getState;registerEvents(['userLoggedIn']);event.addCallback('userLoggedIn',function(){var _getCurrentRoute=getCurrentRoute(getState()),_getCurrentRoute$stat=_getCurrentRoute.state;_getCurrentRoute$stat=_getCurrentRoute$stat===void 0?{}:_getCurrentRoute$stat;var redirect=_getCurrentRoute$stat.redirect;dispatch(successLogin(redirect));});});subscribe(legacyConnectRegisterDidFail$,function(_ref6){var dispatch=_ref6.dispatch;dispatch(historyPush({pathname:LEGACY_URL_CONNECT_REGISTER}));});subscribe(userSessionExpired$,function(_ref7){var dispatch=_ref7.dispatch;dispatch(logout(undefined,true));});}