@shopgate/pwa-common 7.30.0 → 7.30.1-beta.2

package/collections/media-providers/YouTube.js

@@ -1,5 +1,5 @@
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-import URLSearchParams from 'url-search-params';
+import "core-js/modules/web.url-search-params.js";
 import MediaProvider from "./MediaProvider";
 
 /* eslint-disable class-methods-use-this */

package/components/I18n/components/FormatDate/index.js

@@ -1,4 +1,4 @@
-import React, { Fragment, memo } from 'react';
+import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import { i18n } from '@shopgate/engage/core/helpers/i18n';
 

package/components/KeyboardConsumer/index.js

@@ -8,14 +8,13 @@ import { EVENT_KEYBOARD_WILL_CHANGE } from '@shopgate/pwa-core/constants/AppEven
  * Keyboard state consumer.
  */
 let KeyboardConsumer = /*#__PURE__*/function (_PureComponent) {
-  function KeyboardConsumer(...args) {
+  /**
+   * Initializes the component state.
+   * @param {Object} props The components props.
+   */
+  function KeyboardConsumer(props) {
     var _this;
-    _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
-    _this.state = {
-      open: false,
-      overlap: 0,
-      duration: 0
-    };
+    _this = _PureComponent.call(this, props) || this;
     /**
      * Stores current keyboard state.
      */
@@ -30,13 +29,19 @@ let KeyboardConsumer = /*#__PURE__*/function (_PureComponent) {
         duration
       });
     };
+    _this.state = {
+      open: false,
+      overlap: 0,
+      duration: 0
+    };
     return _this;
   }
-  _inheritsLoose(KeyboardConsumer, _PureComponent);
-  var _proto = KeyboardConsumer.prototype;
+
   /**
    * Listen to keyboard changes as soon as the component mounts.
    */
+  _inheritsLoose(KeyboardConsumer, _PureComponent);
+  var _proto = KeyboardConsumer.prototype;
   _proto.componentDidMount = function componentDidMount() {
     Event.addCallback(EVENT_KEYBOARD_WILL_CHANGE, this.handleKeyboardChange);
   }

package/helpers/router/index.js

@@ -1,6 +1,6 @@
 import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/web.url-search-params.js";
 import { createBrowserHistory } from 'history';
-import URLSearchParams from 'url-search-params';
 import { router } from '@virtuous/conductor';
 const match = /^(.*)index.html/.exec(window.location.pathname);
 const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/pwa-common",
-  "version": "7.30.0",
+  "version": "7.30.1-beta.2",
   "description": "Common library for the Shopgate Connect PWA.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -17,33 +17,32 @@
   "dependencies": {
     "@redux-devtools/extension": "^3.3.0",
     "@sentry/browser": "6.0.1",
-    "@shopgate/pwa-benchmark": "7.30.0",
+    "@shopgate/pwa-benchmark": "7.30.1-beta.2",
     "@virtuous/conductor": "~2.5.0",
     "@virtuous/react-conductor": "~2.5.0",
     "@virtuous/redux-persister": "1.1.0-beta.7",
     "classnames": "2.5.1",
     "crypto-js": "3.1.9-1",
     "glamor": "^2.20.40",
-    "gsap": "^3.6.0",
+    "gsap": "^3.14.2",
     "history": "^4.9.0",
-    "intl-messageformat": "^7.8.3",
+    "intl-messageformat": "^11.1.2",
     "path-match": "^1.2.4",
-    "react-dotdotdot": "~1.3.0",
+    "react-dotdotdot": "~1.3.1",
     "react-helmet": "^6.1.0",
     "react-portal": "^3.1.0",
     "react-redux": "^8.1.3",
-    "redux": "^4.2.1",
+    "redux": "^5.0.1",
     "redux-logger": "^3.0.6",
-    "redux-thunk": "^2.4.2",
+    "redux-thunk": "^3.1.0",
     "reselect": "^4.1.8",
     "rxjs": "~5.5.12",
-    "swiper": "11.2.2",
-    "url-search-params": "^0.10.0"
+    "swiper": "12.1.0"
   },
   "devDependencies": {
-    "@shopgate/pwa-core": "7.30.0",
+    "@shopgate/pwa-core": "7.30.1-beta.2",
     "@types/react-portal": "^3.0.9",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "prop-types": "~15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/reducers/client/connectivity.js

@@ -12,7 +12,7 @@ const defaultState = {
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function clientConnectivityReducer(state = defaultState, action) {
+export default function clientConnectivityReducer(state = defaultState, action = {}) {
   switch (action.type) {
     case RECEIVE_CLIENT_CONNECTIVITY:
       return {

package/reducers/client/info.js

@@ -7,7 +7,7 @@ const defaultState = {};
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function clientInformationReducer(state = defaultState, action) {
+export default function clientInformationReducer(state = defaultState, action = {}) {
   switch (action.type) {
     case REQUEST_CLIENT_INFORMATION:
       return {

package/reducers/menu/menusById.js

@@ -6,7 +6,7 @@ import { REQUEST_MENU, RECEIVE_MENU, ERROR_MENU } from "../../constants/ActionTy
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function menusByIdReducer(state = {}, action) {
+export default function menusByIdReducer(state = {}, action = {}) {
   switch (action.type) {
     case REQUEST_MENU:
       {

package/reducers/page/index.js

@@ -18,7 +18,7 @@ const enrichWidgets = action => action.config.widgets.map((widget, index) => ({
  * @param {Object} action The action object.
  * @return {Object} The store data.
  */
-export default function pageReducer(state = {}, action) {
+export default function pageReducer(state = {}, action = {}) {
   switch (action.type) {
     case REQUEST_PAGE_CONFIG:
       return {

package/reducers/router/index.js

@@ -11,7 +11,7 @@ const defaultState = {
  * @param {Object} action The action object.
  * @returns {Object}
  */
-export default function router(state = defaultState, action) {
+export default function router(state = defaultState, action = {}) {
   switch (action.type) {
     case ROUTE_WILL_LEAVE:
     case ROUTE_DID_LEAVE:

package/reducers/url/index.js

@@ -9,7 +9,7 @@ const defaultState = {};
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function urlReducer(state = defaultState, action) {
+export default function urlReducer(state = defaultState, action = {}) {
   switch (action.type) {
     case REQUEST_URL:
       return {

package/reducers/user/data.js

@@ -6,7 +6,7 @@ import { REQUEST_USER, RECEIVE_USER, ERROR_USER, SUCCESS_LOGOUT } from "../../co
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function userDataReducer(state = {}, action) {
+export default function userDataReducer(state = {}, action = {}) {
   switch (action.type) {
     case REQUEST_USER:
       return {

package/reducers/user/login.js

@@ -14,7 +14,7 @@ const defaultState = {
  * @param {Object} action The action object.
  * @return {Object} The new state.
  */
-export default function userLoginReducer(state = defaultState, action) {
+export default function userLoginReducer(state = defaultState, action = {}) {
   switch (action.type) {
     case APP_DID_START:
       return {

package/selectors/client.js

@@ -98,24 +98,62 @@ export const getDeviceModel = createSelector(getDeviceInformation, deviceInforma
   return model;
 });
 
+/**
+ * Selector to check if the PWA is currently running inside the Android app.
+ * Unlike the `getIsAndroid` selector, this selector will return false if the PWA
+ * is running in a web browser on an Android device.
+ * @param {Object} state The application state.
+ * @return {boolean}
+ */
+export const getIsAndroidApp = createSelector(getPlatform, platform => {
+  if (hasWebBridge()) {
+    return false;
+  }
+  return platform === OS_ANDROID;
+});
+
 /**
  * Check if the platform is Android.
  * @param {Object} state The application state.
  * @return {boolean}
  */
-export const isAndroid = createSelector(getPlatform, platform => {
+export const getIsAndroid = createSelector(getPlatform, platform => {
   if (hasWebBridge()) {
     return md.os() === 'AndroidOS';
   }
   return platform === OS_ANDROID;
 });
 
+/**
+ * @deprecated Use `getIsAndroid` instead.
+ */
+export const isAndroid = getIsAndroid;
+
+/**
+ * Selector to check if the PWA is currently running inside the iOS app.
+ * Unlike the `getIsIos` selector, this selector will return false if the PWA
+ * is running in a web browser on an iOS device.
+ * @param {Object} state The application state.
+ * @return {boolean}
+ */
+export const getIsIosApp = createSelector(getPlatform, platform => {
+  if (hasWebBridge()) {
+    return false;
+  }
+  return platform === OS_IOS;
+});
+
 /**
  * Check if the platform is iOS.
  * @param {Object} state The application state.
  * @return {boolean}
  */
-export const isIos = createSelector(getPlatform, platform => platform === OS_IOS);
+export const getIsIos = createSelector(getPlatform, platform => platform === OS_IOS);
+
+/**
+ * @deprecated Use `getIsIos` instead.
+ */
+export const isIos = getIsIos;
 
 /**
  * Checks if the currently stored lib version is one that supports the scanner.

package/selectors/router.js

@@ -1,6 +1,8 @@
 import { createSelector } from 'reselect';
 import { isObject } from "../helpers/validation";
 import authRoutes from "../collections/AuthRoutes";
+const EMPTY_OBJECT = {};
+const EMPTY_ARRAY = [];
 
 /**
  * @param {Object} state The application state.
@@ -12,13 +14,13 @@ export const getRouterState = state => state.router;
  * @param {Object} state The application state.
  * @return {Array}
  */
-export const getRouterStack = createSelector(getRouterState, state => state && state.stack ? state.stack : []);
+export const getRouterStack = createSelector(getRouterState, state => state && state.stack ? state.stack : EMPTY_ARRAY);
 
 /**
  * @param {Object} state The application state.
  * @returns {Object|null}
  */
-export const getCurrentRoute = createSelector(getRouterState, getRouterStack, (state, props = {}) => props.routeId, (router, stack, routeId) => {
+export const getCurrentRoute = createSelector(getRouterState, getRouterStack, (state, props = EMPTY_OBJECT) => props.routeId, (router, stack, routeId) => {
   if (!router || !router.currentRoute) {
     return null;
   }
@@ -89,7 +91,7 @@ export const getCurrentState = createSelector(getCurrentRoute, route => {
  * @returns {Function}
  */
 export function makeIsLastStackEntry() {
-  return createSelector((state, props = {}) => props.routeId, getRouterStack, (routeId, stack) => {
+  return createSelector((state, props = EMPTY_OBJECT) => props.routeId, getRouterStack, (routeId, stack) => {
     const index = stack.findIndex(entry => entry.id === routeId);
     return index >= 0 && index === stack.length - 1;
   });
@@ -100,7 +102,7 @@ export function makeIsLastStackEntry() {
  * @returns {Function}
  */
 export function makeGetPrevRoute() {
-  return createSelector((state, props = {}) => props.routeId, getRouterStack, (routeId, stack) => {
+  return createSelector((state, props = EMPTY_OBJECT) => props.routeId, getRouterStack, (routeId, stack) => {
     const routeIndex = stack.findIndex(entry => entry.id === routeId);
     if (routeIndex <= 0) {
       return null;

package/store/index.js

@@ -1,6 +1,6 @@
 import "core-js/modules/es.string.replace.js";
 import { createStore, applyMiddleware } from 'redux';
-import thunk from 'redux-thunk';
+import { thunk } from 'redux-thunk';
 import { composeWithDevTools } from '@redux-devtools/extension';
 import { persistState } from '@virtuous/redux-persister';
 import benchmarkMiddleware from '@shopgate/pwa-benchmark/profilers/redux';