@shopgate/pwa-common 7.30.0-alpha.9 → 7.30.0-beta.1

package/App.js

@@ -1,3 +1,4 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
@@ -15,11 +16,17 @@ import logout from "./actions/user/logout";
  * the theme's Main.jsx file which uses this component as the root element.
  * @returns {JSX}
  */
-class App extends Component {
+import { jsx as _jsx } from "react/jsx-runtime";
+let App = /*#__PURE__*/function (_Component) {
+  function App() {
+    return _Component.apply(this, arguments) || this;
+  }
+  _inheritsLoose(App, _Component);
+  var _proto = App.prototype;
   /**
    * Registers the component for the native events and fires the onload AppCommand.
    */
-  componentDidMount() {
+  _proto.componentDidMount = function componentDidMount() {
     /**
      * Async helper function that performs optional steps before appDidStart action is dispatched
      */
@@ -42,15 +49,23 @@ class App extends Component {
   /**
    * Renders the component.
    * @returns {JSX}
-   */
-  render() {
-    return /*#__PURE__*/React.createElement(CookiesProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, {
-      key: "error.root",
-      store: this.props.store,
-      isRoot: true
-    }, /*#__PURE__*/React.createElement(Provider, {
-      store: this.props.store
-    }, /*#__PURE__*/React.createElement(I18n.Provider, null, /*#__PURE__*/React.createElement("div", null, this.props.children)))));
-  }
-}
+   */;
+  _proto.render = function render() {
+    return /*#__PURE__*/_jsx(CookiesProvider, {
+      children: /*#__PURE__*/_jsx(ErrorBoundary, {
+        store: this.props.store,
+        isRoot: true,
+        children: /*#__PURE__*/_jsx(Provider, {
+          store: this.props.store,
+          children: /*#__PURE__*/_jsx(I18n.Provider, {
+            children: /*#__PURE__*/_jsx("div", {
+              children: this.props.children
+            })
+          })
+        })
+      }, "error.root")
+    });
+  };
+  return App;
+}(Component);
 export default App;

package/actions/app/handleUniversalLink.js

@@ -1,5 +1,4 @@
 import { openUniversalLink } from "../../action-creators/app";
-import handleLink from "./handleLink";
 
 /**
  * Opens an universal link.
@@ -9,6 +8,5 @@ import handleLink from "./handleLink";
 export default function handleUniversalLink(payload) {
   return dispatch => {
     dispatch(openUniversalLink(payload));
-    dispatch(handleLink(payload));
   };
 }

package/collections/AuthRoutes.js

@@ -3,11 +3,11 @@ import pathMatch from 'path-match';
 /**
  * Class to maintain the routes that should be protected by authentication.
  */
-class AuthRoutes {
+let AuthRoutes = /*#__PURE__*/function () {
   /**
    * Constructor
    */
-  constructor() {
+  function AuthRoutes() {
     this.routes = new Map();
     this.matcher = pathMatch({
       sensitive: false,
@@ -21,15 +21,16 @@ class AuthRoutes {
    * @param {string} pattern The pattern to find.
    * @return {string|null}
    */
-  get(pattern) {
+  var _proto = AuthRoutes.prototype;
+  _proto.get = function get(pattern) {
     return this.routes.get(pattern) || null;
   }
 
   /**
    * Returns all protected routes.
    * @return {Map}
-   */
-  getAll() {
+   */;
+  _proto.getAll = function getAll() {
     return this.routes;
   }
 
@@ -37,8 +38,8 @@ class AuthRoutes {
    * Sets a new route as protected.
    * @param {string} civilian The route to protect.
    * @param {string} bouncer The protector route.
-   */
-  set(civilian, bouncer) {
+   */;
+  _proto.set = function set(civilian, bouncer) {
     if (!civilian || !bouncer) {
       return;
     }
@@ -49,8 +50,8 @@ class AuthRoutes {
    * Check if the given pathname is a protector route.
    * @param {string} location The location to check.
    * @return {boolean}
-   */
-  isProtector(location) {
+   */;
+  _proto.isProtector = function isProtector(location) {
     return Array.from(this.routes.values()).includes(location);
   }
 
@@ -58,8 +59,8 @@ class AuthRoutes {
    * Returns the protector for a passed location.
    * @param {string} location The location to check.
    * @return {string|null}
-   */
-  getProtector(location) {
+   */;
+  _proto.getProtector = function getProtector(location) {
     /**
      * Try to make a direct match with the location.
      * If we get lucky then we don't have to iterate over the protected patterns.
@@ -88,6 +89,7 @@ class AuthRoutes {
       });
     }
     return protector;
-  }
-}
+  };
+  return AuthRoutes;
+}();
 export default new AuthRoutes();

package/collections/Configuration.js

@@ -3,11 +3,11 @@ import logGroup from '@shopgate/pwa-core/helpers/logGroup';
 /**
  * Class to maintain different configurations
  */
-class Configuration {
+let Configuration = /*#__PURE__*/function () {
   /**
    * Constructor
    */
-  constructor() {
+  function Configuration() {
     this.store = new Map();
   }
 
@@ -17,7 +17,8 @@ class Configuration {
    * @param {*} defaultValue defaultValue
    * @returns {*|undefined}
    */
-  get(key, defaultValue) {
+  var _proto = Configuration.prototype;
+  _proto.get = function get(key, defaultValue) {
     return this.store.get(key) || defaultValue;
   }
 
@@ -26,8 +27,8 @@ class Configuration {
    * @param {*} key key
    * @param {*} value value
    * @returns {Configuration}
-   */
-  set(key, value) {
+   */;
+  _proto.set = function set(key, value) {
     this.store.set(key, value);
     return this;
   }
@@ -37,8 +38,8 @@ class Configuration {
    * @param {*} key key
    * @param {Function} updater function to update value
    * @returns {Configuration}
-   */
-  update(key, updater) {
+   */;
+  _proto.update = function update(key, updater) {
     if (!this.store.has(key)) {
       logGroup('CONFIGURATION%c not found', {
         key
@@ -61,8 +62,8 @@ class Configuration {
       newValue
     }, '#069215');
     return this.set(key, newValue);
-  }
-}
-
+  };
+  return Configuration;
+}();
 /** @type {Configuration} */
 export default new Configuration();

package/collections/EmbeddedMedia.js

@@ -2,11 +2,11 @@
 /**
  * Class to maintain embedded media within DOM containers.
  */
-class EmbeddedMedia {
+let EmbeddedMedia = /*#__PURE__*/function () {
   /**
    * Constructor
    */
-  constructor() {
+  function EmbeddedMedia() {
     this.providers = new Set();
   }
 
@@ -14,23 +14,24 @@ class EmbeddedMedia {
    * Add a provider for embedded media.
    * @param {Object} provider A provider instance.
    */
-  addProvider(provider) {
+  var _proto = EmbeddedMedia.prototype;
+  _proto.addProvider = function addProvider(provider) {
     this.providers.add(provider);
   }
 
   /**
    * Remove a provider for embedded media.
    * @param {Object} provider A provider instance.
-   */
-  removeProvider(provider) {
+   */;
+  _proto.removeProvider = function removeProvider(provider) {
     this.providers.delete(provider);
   }
 
   /**
    * Add a DOM container with embedded media.
    * @param {ParentNode} container A DOM container.
-   */
-  add(container) {
+   */;
+  _proto.add = function add(container) {
     this.providers.forEach(provider => {
       provider.add(container);
     });
@@ -40,8 +41,8 @@ class EmbeddedMedia {
    * Remove a DOM container. Should be called whenever a component which hosts a DOM container with
    * embedded media is unmounted.
    * @param {ParentNode} container A DOM container.
-   */
-  remove(container) {
+   */;
+  _proto.remove = function remove(container) {
     this.providers.forEach(provider => {
       provider.remove(container);
     });
@@ -57,8 +58,8 @@ class EmbeddedMedia {
    * are accepted.
    * @param {boolean} [cookieConsentSettings.statisticsCookiesAccepted] Whether statistics cookies
    * are accepted.
-   */
-  handleCookieConsent(container, cookieConsentSettings = {}) {
+   */;
+  _proto.handleCookieConsent = function handleCookieConsent(container, cookieConsentSettings = {}) {
     const cookieConsent = {
       comfortCookiesAccepted: false,
       statisticsCookiesAccepted: false,
@@ -77,8 +78,8 @@ class EmbeddedMedia {
    * sandbox attributes to improve security and layout behavior.
    *
    * @param {Document} document - The DOM document containing iframes to optimize.
-   */
-  applyIframeOptimizations(document) {
+   */;
+  _proto.applyIframeOptimizations = function applyIframeOptimizations(document) {
     this.providers.forEach(provider => {
       provider.applyIframeOptimizations(document);
     });
@@ -86,8 +87,8 @@ class EmbeddedMedia {
 
   /**
    * Stops all playing media within the DOM containers.
-   */
-  stop() {
+   */;
+  _proto.stop = function stop() {
     this.providers.forEach(provider => {
       provider.stop();
     });
@@ -96,8 +97,8 @@ class EmbeddedMedia {
   /**
    * Check if we have media providers with not-ready SDK
    * @returns {boolean}
-   */
-  getHasPendingProviders() {
+   */;
+  _proto.getHasPendingProviders = function getHasPendingProviders() {
     let hasPendingProviders = false;
     this.providers.forEach(provider => {
       if (provider.isPending) {
@@ -105,8 +106,9 @@ class EmbeddedMedia {
       }
     });
     return hasPendingProviders;
-  }
-}
+  };
+  return EmbeddedMedia;
+}();
 export default new EmbeddedMedia();
 
 /* eslint-enable extra-rules/potential-point-free */

package/collections/PersistedReducers.js

@@ -1,11 +1,11 @@
 /**
  * Class to maintain the persisted redux reducers.
  */
-class PersistedReducers {
+let PersistedReducers = /*#__PURE__*/function () {
   /**
    * Constructor.
    */
-  constructor() {
+  function PersistedReducers() {
     this.reducers = [];
   }
 
@@ -13,7 +13,8 @@ class PersistedReducers {
    * Returns all reducers.
    * @return {Array}
    */
-  getAll() {
+  var _proto = PersistedReducers.prototype;
+  _proto.getAll = function getAll() {
     return this.reducers;
   }
 
@@ -21,8 +22,8 @@ class PersistedReducers {
    * Sets a new reducers to be persisted.
    * @param {string|Array} reducer The name of the reducer to persist.
    * @return {PersistedReducers}
-   */
-  set(reducer) {
+   */;
+  _proto.set = function set(reducer) {
     if (Array.isArray(reducer)) {
       reducer.forEach(red => {
         if (!this.reducers.includes(red)) {
@@ -42,10 +43,11 @@ class PersistedReducers {
    * Removes a reducer from the list of persisted reducers.
    * @param {string} reducer The name of the reducer to remove.
    * @return {PersistedReducers}
-   */
-  remove(reducer) {
+   */;
+  _proto.remove = function remove(reducer) {
     this.reducers = this.reducers.filter(red => red !== reducer);
     return this;
-  }
-}
+  };
+  return PersistedReducers;
+}();
 export default new PersistedReducers();

package/collections/Redirects.js

@@ -4,11 +4,11 @@ import queryString from 'query-string';
 /**
  * The Redirects class.
  */
-class Redirects {
+let Redirects = /*#__PURE__*/function () {
   /**
    * The constructor.
    */
-  constructor() {
+  function Redirects() {
     this.redirects = new Map();
     this.matcher = pathMatch({
       sensitive: false,
@@ -23,7 +23,8 @@ class Redirects {
    * @private
    * @returns {string|Function|Promise|null}
    */
-  get(pathname) {
+  var _proto = Redirects.prototype;
+  _proto.get = function get(pathname) {
     return this.redirects.get(pathname) || null;
   }
 
@@ -31,8 +32,8 @@ class Redirects {
    * Returns the redirect for a passed pathname.
    * @param {string} pathname The pathname to check.
    * @return {string|Function|Promise|null}
-   */
-  getRedirect(pathname) {
+   */;
+  _proto.getRedirect = function getRedirect(pathname) {
     /**
      * Try to make a direct match with the pathname.
      * If we get lucky then we don't have to iterate over the protected patterns.
@@ -73,8 +74,8 @@ class Redirects {
    *
    * @param {string} pathname The pathname to check.
    * @returns {RedirectExtendedData}
-   */
-  getRedirectExtended(pathname) {
+   */;
+  _proto.getRedirectExtended = function getRedirectExtended(pathname) {
     const {
       url,
       query
@@ -106,8 +107,8 @@ class Redirects {
    * @param {string} from The link to redirect from. Route patterns are also supported.
    * @param {string|Function|Promise} to redirect / handle to create a dynamic link.
    * @param {boolean} force Whether or not to forcefully set the redirect.
-   */
-  set(from = null, to = null, force = false) {
+   */;
+  _proto.set = function set(from = null, to = null, force = false) {
     if (!from || !to) {
       return;
     }
@@ -122,11 +123,12 @@ class Redirects {
   /**
    * Removes a specified element from the internal "redirects" Map object.
    * @param {string} pathname The pathname to remove.
-   */
-  unset(pathname) {
+   */;
+  _proto.unset = function unset(pathname) {
     this.redirects.delete(pathname);
   }
 
-  /* eslint-enable extra-rules/potential-point-free */
-}
+  /* eslint-enable extra-rules/potential-point-free */;
+  return Redirects;
+}();
 export default new Redirects();

package/collections/media-providers/MediaProvider.js

@@ -24,13 +24,13 @@ const consentMessageIcon = `
 /**
  * The MediaProvider base class.
  */
-class MediaProvider {
+let MediaProvider = /*#__PURE__*/function () {
   /**
    * Constructor.
    * @param {Object} options The provider options.
    * @param {boolean} [options.responsify=true] Whether to responsify the video containers.
    */
-  constructor(options) {
+  function MediaProvider(options) {
     this.containers = new Map();
     this.isPending = false;
     this.remoteScriptUrl = null;
@@ -44,7 +44,8 @@ class MediaProvider {
    * @callback
    * @abstract
    */
-  onScriptLoaded() {
+  var _proto = MediaProvider.prototype;
+  _proto.onScriptLoaded = function onScriptLoaded() {
     logger.error('MediaProvider.onScriptLoaded() needs to be implemented within an inheriting class');
   }
 
@@ -52,8 +53,8 @@ class MediaProvider {
    * Callback to retrieve a list of media containers
    * @callback
    * @abstract
-   */
-  getMediaContainers() {
+   */;
+  _proto.getMediaContainers = function getMediaContainers() {
     logger.error('MediaProvider.getMediaContainers() needs to be implemented within an inheriting class');
   }
 
@@ -64,8 +65,8 @@ class MediaProvider {
    *
    * @param {Document} document - The DOM document containing iframes to optimize.
    * @returns {MediaProvider}
-   */
-  applyIframeOptimizations() {
+   */;
+  _proto.applyIframeOptimizations = function applyIframeOptimizations() {
     return this;
   }
 
@@ -73,8 +74,8 @@ class MediaProvider {
    * Optimizes video container to make it responsive.
    * @param {Element} container A DOM container.
    * @returns {MediaProvider}
-   */
-  responsify(container) {
+   */;
+  _proto.responsify = function responsify(container) {
     // Do not proceed when video responsify is disabled.
     if (!this.options.responsify) return this;
 
@@ -109,8 +110,8 @@ class MediaProvider {
    * @param {boolean} [cookieConsentSettings.statisticsCookiesAccepted] Whether statistics cookies
    * are accepted.
    * @returns {MediaProvider}
-   */
-  handleCookieConsent(container, cookieConsentSettings = {}) {
+   */;
+  _proto.handleCookieConsent = function handleCookieConsent(container, cookieConsentSettings = {}) {
     const iframes = this.getMediaContainers(container);
     if (!iframes.length || cookieConsentSettings.comfortCookiesAccepted !== false) {
       return this;
@@ -131,8 +132,8 @@ class MediaProvider {
    * Injects a cookie consent message element into a container
    * @param {Element} container A DOM container.
    * @returns {MediaProvider}
-   */
-  injectCookieConsentMessage(container) {
+   */;
+  _proto.injectCookieConsentMessage = function injectCookieConsentMessage(container) {
     // Create the wrapper for the message element
     const messageWrapper = document.createElement('div');
     messageWrapper.classList.add(styles.consentContainer, 'common__media-provider_cookie-consent-message-container');
@@ -162,8 +163,8 @@ class MediaProvider {
    * Add a DOM container with embedded videos.
    * @param {NodeList} container A DOM container.
    * @returns {MediaProvider}
-   */
-  add() {
+   */;
+  _proto.add = function add() {
     logger.error('MediaProvider.add() needs to be implemented within an inheriting class');
     return this;
   }
@@ -172,8 +173,8 @@ class MediaProvider {
    * Remove a DOM container.
    * @param {NodeList} container A DOM container.
    * @returns {MediaProvider}
-   */
-  remove(container) {
+   */;
+  _proto.remove = function remove(container) {
     this.containers.delete(container);
     return this;
   }
@@ -181,12 +182,13 @@ class MediaProvider {
   /**
    * Stops all playing videos within the DOM containers.
    * @returns {MediaProvider}
-   */
-  stop() {
+   */;
+  _proto.stop = function stop() {
     logger.error('MediaProvider.stop() needs to be implemented within an inheriting class');
     return this;
-  }
-}
+  };
+  return MediaProvider;
+}();
 export default MediaProvider;
 
 /* eslint-enable class-methods-use-this */

package/collections/media-providers/Vimeo.js

@@ -1,3 +1,4 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import MediaProvider from "./MediaProvider";
 
 /* eslint-disable class-methods-use-this */
@@ -6,18 +7,20 @@ const scriptUrl = 'https://player.vimeo.com/api/player.js';
 /**
  * The Vimeo media provider class.
  */
-class VimeoMediaProvider extends MediaProvider {
+let VimeoMediaProvider = /*#__PURE__*/function (_MediaProvider) {
   /**
    * Constructor.
    * @param {Object} options The provider options.
    * @param {boolean} [options.responsify=true] Whether to responsify the video containers.
    */
-  constructor(options) {
-    super(options);
+  function VimeoMediaProvider(options) {
+    var _this;
+    _this = _MediaProvider.call(this, options) || this;
     // Need to check Vimeo.Player presence later
-    this.isPending = true;
-    this.remoteScriptUrl = scriptUrl;
-    this.deferred = [];
+    _this.isPending = true;
+    _this.remoteScriptUrl = scriptUrl;
+    _this.deferred = [];
+    return _this;
   }
 
   /**
@@ -25,14 +28,16 @@ class VimeoMediaProvider extends MediaProvider {
    * @param {ParentNode} container A DOM container that may contain Vimeo iframes.
    * @returns {NodeListOf<Element>}
    */
-  getMediaContainers(container) {
+  _inheritsLoose(VimeoMediaProvider, _MediaProvider);
+  var _proto = VimeoMediaProvider.prototype;
+  _proto.getMediaContainers = function getMediaContainers(container) {
     return container.querySelectorAll('iframe[src*="vimeo.com"]');
   }
 
   /**
    * @inheritDoc
-   */
-  onScriptLoaded() {
+   */;
+  _proto.onScriptLoaded = function onScriptLoaded() {
     this.isPending = false;
     if (this.deferred.length) {
       this.deferred.forEach(container => {
@@ -45,8 +50,8 @@ class VimeoMediaProvider extends MediaProvider {
   /**
    * Check if the Provider script to be loaded externally is finished loading
    * @returns {boolean}
-   */
-  checkScriptLoadingStatus() {
+   */;
+  _proto.checkScriptLoadingStatus = function checkScriptLoadingStatus() {
     if (this.isPending && typeof window.Vimeo !== 'undefined') {
       this.isPending = false;
     }
@@ -58,8 +63,8 @@ class VimeoMediaProvider extends MediaProvider {
    * @override
    * @param {ParentNode} container A DOM container.
    * @returns {VimeoMediaProvider}
-   */
-  add(container) {
+   */;
+  _proto.add = function add(container) {
     if (!this.checkScriptLoadingStatus()) {
       this.deferred.push(container);
       return this;
@@ -83,8 +88,8 @@ class VimeoMediaProvider extends MediaProvider {
    *
    * @param {Document} document - The DOM document containing iframes to optimize.
    * @returns {YouTubeMediaProvider}
-   */
-  applyIframeOptimizations(document) {
+   */;
+  _proto.applyIframeOptimizations = function applyIframeOptimizations(document) {
     const iframes = this.getMediaContainers(document);
     if (!iframes.length) {
       return this;
@@ -101,8 +106,8 @@ class VimeoMediaProvider extends MediaProvider {
    * Stops all playing videos within the DOM containers.
    * @override
    * @returns {VimeoMediaProvider}
-   */
-  stop() {
+   */;
+  _proto.stop = function stop() {
     // Select all iframes in the document. Actually this should be done via the iframes
     // registered in this.containers, but that doesn't seem to work reliably anymore.
     // Since we had to find a quick fix for CURB-5033 we now select all iframes in the document
@@ -134,15 +139,16 @@ class VimeoMediaProvider extends MediaProvider {
    * are accepted.
    * @override
    * @returns {VimeoMediaProvider}
-   */
-  handleCookieConsent(container, cookieConsentSettings) {
+   */;
+  _proto.handleCookieConsent = function handleCookieConsent(container, cookieConsentSettings) {
     // Remove Vimeo player scripts since the VimeoMediaProvider has custom logic for it
     container.querySelectorAll('script[src*="vimeo.com"]').forEach(entry => {
       entry.remove();
     });
-    return super.handleCookieConsent(container, cookieConsentSettings);
-  }
-}
+    return _MediaProvider.prototype.handleCookieConsent.call(this, container, cookieConsentSettings);
+  };
+  return VimeoMediaProvider;
+}(MediaProvider);
 export default VimeoMediaProvider;
 
 /* eslint-enable class-methods-use-this */