@shopgate/pwa-core 7.30.0-alpha.10 → 7.30.0-alpha.11

package/classes/BrowserConnector/index.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import { logger } from "../../helpers";
 import event from "../Event";
 import { TYPE_TRUSTED } from "../../constants/Pipeline";
@@ -9,13 +10,13 @@ const appConfig = process.env.APP_CONFIG || {};
  * The BrowserConnector emulates the SGJavaScriptBridge within browser environments.
  * It routes supported app commands to Shopgate Connect which can mimic the behavior of the app.
  */
-class BrowserConnector {
+let BrowserConnector = /*#__PURE__*/function () {
   /**
    * The constructor.
    * @param {string} [ip=process.env.IP] The IP of the dev server.
    * @param {number} [port=process.env.PORT] The port of the dev server.
    */
-  constructor(ip = process.env.IP, port = process.env.PORT) {
+  function BrowserConnector(ip = process.env.IP, port = process.env.PORT) {
     /**
      * Builds the GET query.
      * @param {Object} input The input parameters.
@@ -73,85 +74,12 @@ class BrowserConnector {
     this.supportedCommands = [appCommands.COMMAND_SEND_PIPELINE_REQUEST, appCommands.COMMAND_SEND_HTTP_REQUEST, appCommands.COMMAND_SEND_DATA_REQUEST, appCommands.COMMAND_GET_WEBSTORAGE_ENTRY];
     this.appConfig = appConfig;
   }
-  /**
-   * @return {string}
-   */
-  get requestType() {
-    if (!this.isPipelineRequest) {
-      return requestTypes.REQUEST_TYPE_POST;
-    }
-    const segments = this.command.p.name.split('.');
-    if (segments[2].startsWith('get')) {
-      return requestTypes.REQUEST_TYPE_GET;
-    }
-    return requestTypes.REQUEST_TYPE_POST;
-  }
-
-  /**
-   * @return {boolean}
-   */
-  get isGET() {
-    return this.requestType === requestTypes.REQUEST_TYPE_GET;
-  }
-
-  /**
-   * @return {boolean}
-   */
-  get isPOST() {
-    return this.requestType === requestTypes.REQUEST_TYPE_POST;
-  }
-
-  /**
-   * @return {string}
-   */
-  get connectUrl() {
-    const {
-      apiUrl = ''
-    } = this.appConfig;
-    const {
-      name,
-      type,
-      input
-    } = this.command.p;
-    const queryString = this.buildQueryString(input);
-    if (type && type === TYPE_TRUSTED) {
-      return `${apiUrl}app/trustedPipelines/${name}${queryString}`;
-    }
-    return `${apiUrl}app/pipelines/${name}${queryString}`;
-  }
-
-  /**
-   * @return {boolean}
-   */
-  get isPipelineRequest() {
-    return this.command.c === appCommands.COMMAND_SEND_PIPELINE_REQUEST;
-  }
-
-  /**
-   * @return {string}
-   */
-  get suffix() {
-    if (this.command.c === appCommands.COMMAND_GET_WEBSTORAGE_ENTRY) {
-      return 'web_storage';
-    }
-    if (this.command.c === appCommands.COMMAND_SEND_HTTP_REQUEST) {
-      return 'http_request';
-    }
-    return '';
-  }
-
-  /**
-   * @return {string}
-   */
-  get localURL() {
-    return `http://${this.ip}:${this.port}/${this.suffix}`;
-  }
-
+  var _proto = BrowserConnector.prototype;
   /**
    * @param {string} libVersion The library version.
    * @returns {string}
    */
-  getRequestBody(libVersion) {
+  _proto.getRequestBody = function getRequestBody(libVersion) {
     if (this.isPipelineRequest) {
       const {
         p
@@ -172,8 +100,8 @@ class BrowserConnector {
    * @param {Object} command The command to dispatch.
    * @param {string} libVersion The lib version for the command.
    * @return {BrowserConnector}
-   */
-  dispatchCommandForVersion(command, libVersion) {
+   */;
+  _proto.dispatchCommandForVersion = function dispatchCommandForVersion(command, libVersion) {
     this.command = command;
     const {
       c: name
@@ -193,6 +121,95 @@ class BrowserConnector {
       fetch(URL, options).then(response => response.json()).then(this.processResponse).catch(err => err && logger.error(err));
     }
     return this;
-  }
-}
+  };
+  return _createClass(BrowserConnector, [{
+    key: "requestType",
+    get:
+    /**
+     * @return {string}
+     */
+    function () {
+      if (!this.isPipelineRequest) {
+        return requestTypes.REQUEST_TYPE_POST;
+      }
+      const segments = this.command.p.name.split('.');
+      if (segments[2].startsWith('get')) {
+        return requestTypes.REQUEST_TYPE_GET;
+      }
+      return requestTypes.REQUEST_TYPE_POST;
+    }
+
+    /**
+     * @return {boolean}
+     */
+  }, {
+    key: "isGET",
+    get: function () {
+      return this.requestType === requestTypes.REQUEST_TYPE_GET;
+    }
+
+    /**
+     * @return {boolean}
+     */
+  }, {
+    key: "isPOST",
+    get: function () {
+      return this.requestType === requestTypes.REQUEST_TYPE_POST;
+    }
+
+    /**
+     * @return {string}
+     */
+  }, {
+    key: "connectUrl",
+    get: function () {
+      const {
+        apiUrl = ''
+      } = this.appConfig;
+      const {
+        name,
+        type,
+        input
+      } = this.command.p;
+      const queryString = this.buildQueryString(input);
+      if (type && type === TYPE_TRUSTED) {
+        return `${apiUrl}app/trustedPipelines/${name}${queryString}`;
+      }
+      return `${apiUrl}app/pipelines/${name}${queryString}`;
+    }
+
+    /**
+     * @return {boolean}
+     */
+  }, {
+    key: "isPipelineRequest",
+    get: function () {
+      return this.command.c === appCommands.COMMAND_SEND_PIPELINE_REQUEST;
+    }
+
+    /**
+     * @return {string}
+     */
+  }, {
+    key: "suffix",
+    get: function () {
+      if (this.command.c === appCommands.COMMAND_GET_WEBSTORAGE_ENTRY) {
+        return 'web_storage';
+      }
+      if (this.command.c === appCommands.COMMAND_SEND_HTTP_REQUEST) {
+        return 'http_request';
+      }
+      return '';
+    }
+
+    /**
+     * @return {string}
+     */
+  }, {
+    key: "localURL",
+    get: function () {
+      return `http://${this.ip}:${this.port}/${this.suffix}`;
+    }
+  }]);
+}();
 export default BrowserConnector;

package/classes/Conditioner/index.js

@@ -3,11 +3,11 @@ import { logger } from "../../helpers";
 /**
  * Creates an action handler API.
  */
-class Conditioner {
+let Conditioner = /*#__PURE__*/function () {
   /**
    * @param {Map} conditions conditions
    */
-  constructor(conditions) {
+  function Conditioner(conditions) {
     this.conditions = conditions || new Map();
   }
 
@@ -17,7 +17,8 @@ class Conditioner {
    * @param {number} priority conditioner priority
    * @return {Conditioner}
    */
-  addConditioner(name, conditioner, priority = 1) {
+  var _proto = Conditioner.prototype;
+  _proto.addConditioner = function addConditioner(name, conditioner, priority = 1) {
     if (typeof conditioner !== 'function') {
       throw new Error(`Conditioners need to be of type function. Received: '${typeof conditioner}'`);
     }
@@ -31,8 +32,8 @@ class Conditioner {
   /**
    * @param {string} name The name of the registered conditioner.
    * @return {Conditioner}
-   */
-  removeConditioner(name) {
+   */;
+  _proto.removeConditioner = function removeConditioner(name) {
     if (!this.conditions.has(name)) {
       logger.warn(`Couldn't remove conditioner. '${name}' no found.`);
       return this;
@@ -44,8 +45,8 @@ class Conditioner {
   /**
    * @param {string} name The name of the conditioner to eliminate.
    * @return {Conditioner} new instance with cloned conditions
-   */
-  without(name) {
+   */;
+  _proto.without = function without(name) {
     const clonedConditions = new Map(this.conditions);
     if (clonedConditions.has(name)) {
       clonedConditions.delete(name);
@@ -56,8 +57,8 @@ class Conditioner {
   /**
    * Resolves if all conditions are fulfilled.
    * @return {Promise}
-   */
-  check() {
+   */;
+  _proto.check = function check() {
     return new Promise(async (resolve, reject) => {
       const sorted = Array.from(this.conditions.values()).sort((a, b) => {
         if (a.priority === b.priority) {
@@ -73,14 +74,16 @@ class Conditioner {
           const conditionResult = await condition.conditioner();
           if (conditionResult === false) {
             logger.warn('conditioner failed', i, condition, this.conditions);
-            return resolve(false);
+            resolve(false);
+            return;
           }
         }
-        return resolve(true);
+        resolve(true);
       } catch (error) {
-        return reject(error);
+        reject(error);
       }
     });
-  }
-}
+  };
+  return Conditioner;
+}();
 export default Conditioner;

package/classes/DataRequest/index.js

@@ -1,3 +1,4 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import event from "../Event";
 import AppCommand from "../AppCommand";
 import Request from "../Request";
@@ -7,18 +8,20 @@ import { logger, ajaxUrl } from "../../helpers";
 /**
  * The DataRequest class. It is the interface to the legacy system.
  */
-class DataRequest extends Request {
+let DataRequest = /*#__PURE__*/function (_Request) {
   /**
    * Initializes the DataRequest object
    * @param {string} src The source url
    */
-  constructor(src) {
-    super();
-    this.src = src;
-    this.payload = {};
-    this.noCache = true;
-    this.createSerial(this.src);
-    this.createEventCallbackName('dataResponse');
+  function DataRequest(src) {
+    var _this;
+    _this = _Request.call(this) || this;
+    _this.src = src;
+    _this.payload = {};
+    _this.noCache = true;
+    _this.createSerial(_this.src);
+    _this.createEventCallbackName('dataResponse');
+    return _this;
   }
 
   /**
@@ -26,7 +29,9 @@ class DataRequest extends Request {
    * @param {Object|string} [payload={}] The payload to send with the request
    * @returns {DataRequest}
    */
-  setPayload(payload = {}) {
+  _inheritsLoose(DataRequest, _Request);
+  var _proto = DataRequest.prototype;
+  _proto.setPayload = function setPayload(payload = {}) {
     this.payload = payload;
     return this;
   }
@@ -35,8 +40,8 @@ class DataRequest extends Request {
    * Decides if the response of the DataRequest will be cached
    * @param {boolean} [noCache=true] If set to `true`, then the DataResponse will not be cached
    * @returns {DataRequest} The DataRequest
-   */
-  setNoCache(noCache = true) {
+   */;
+  _proto.setNoCache = function setNoCache(noCache = true) {
     this.noCache = noCache;
     return this;
   }
@@ -44,8 +49,8 @@ class DataRequest extends Request {
   /**
    * Determines the correct content type for the request payload.
    * @return {string} The content type
-   */
-  getContentType() {
+   */;
+  _proto.getContentType = function getContentType() {
     let contentType = 'text/plain';
     if (typeof this.payload === 'object' || typeof this.payload === 'string' && this.payload.search(/_method=POST/) === 0) {
       contentType = 'application/x-www-form-urlencoded; charset=UTF-8';
@@ -56,8 +61,8 @@ class DataRequest extends Request {
   /**
    * Creates the data request body from the payload.
    * @return {string} The request body
-   */
-  getRequestBody() {
+   */;
+  _proto.getRequestBody = function getRequestBody() {
     /**
      * Serializes a JavaScript object for a data request body.
      * @param {Object} obj The object that shall be serialized.
@@ -94,8 +99,8 @@ class DataRequest extends Request {
    * Dispatches the data request.
    * @param {Function} resolve The resolve() callback of the request promise.
    * @param {Function} reject The reject() callback of the request promise.
-   */
-  onDispatch(resolve, reject) {
+   */;
+  _proto.onDispatch = function onDispatch(resolve, reject) {
     // Add the request to the buffer.
     requestBuffer.add(this, this.serial);
     const requestCallbackName = this.getEventCallbackName();
@@ -137,6 +142,7 @@ class DataRequest extends Request {
       bodyContentType: this.getContentType(),
       noCache: this.noCache
     });
-  }
-}
+  };
+  return DataRequest;
+}(Request);
 export default DataRequest;

package/classes/DevServerBridge/index.js

@@ -5,13 +5,13 @@ import event from "../Event";
  * The DevServerBridge emulates the SGJavaScriptBridge within browser environments.
  * It routes supported app commands to the Frontend SDK which can mimic the behavior of the app.
  */
-class DevServerBridge {
+let DevServerBridge = /*#__PURE__*/function () {
   /**
    * The constructor.
    * @param {string} ip The IP of the dev server.
    * @param {number} port The port of the dev server.
    */
-  constructor(ip = process.env.IP, port = process.env.PORT) {
+  function DevServerBridge(ip = process.env.IP, port = process.env.PORT) {
     this.ip = ip;
     this.port = port;
     this.supportedCommands = ['sendPipelineRequest', 'sendHttpRequest', 'sendDataRequest', 'getWebStorageEntry'];
@@ -23,7 +23,8 @@ class DevServerBridge {
    * @param {string} libVersion The lib version for the command.
    * @return {DevServerBridge}
    */
-  dispatchCommandsForVersion(commands, libVersion) {
+  var _proto = DevServerBridge.prototype;
+  _proto.dispatchCommandsForVersion = function dispatchCommandsForVersion(commands, libVersion) {
     if (Array.isArray(commands)) {
       commands.forEach(command => {
         this.dispatchCommandForVersion(command, libVersion);
@@ -37,8 +38,8 @@ class DevServerBridge {
    * @param {Object} command The command to dispatch.
    * @param {string} libVersion The lib version for the command.
    * @return {DevServerBridge}
-   */
-  dispatchCommandForVersion(command, libVersion) {
+   */;
+  _proto.dispatchCommandForVersion = function dispatchCommandForVersion(command, libVersion) {
     const {
       c: name
     } = command || {};
@@ -70,8 +71,8 @@ class DevServerBridge {
    * Handles a response of the dev server.
    * @param {Object} response The server response.
    * @return {DevServerBridge}
-   */
-  processDevServerResponse(response) {
+   */;
+  _proto.processDevServerResponse = function processDevServerResponse(response) {
     const {
       cmds = []
     } = response || {};
@@ -100,6 +101,7 @@ class DevServerBridge {
       event.call(name, args);
     });
     return this;
-  }
-}
+  };
+  return DevServerBridge;
+}();
 export default DevServerBridge;

package/classes/DevServerBridge/spec.js

@@ -12,7 +12,7 @@ global.process.env = {
 };
 
 // Mocks of the global Headers class.
-global.Headers = class Headers {};
+global.Headers = function Headers() {};
 
 // Create a mock for the fetch method.
 const mockedFetchResponse = {};
@@ -24,7 +24,7 @@ beforeAll(() => {
 // Create a mock for the Event class.
 const mockedEventCall = jest.fn();
 jest.mock("../Event", () => ({
-  call: (...args) => mockedEventCall(...args)
+  call: (...args) => mockedEventCall.apply(void 0, args)
 }));
 
 // Create a mock for the error logger.
@@ -32,7 +32,7 @@ const mockedLoggerError = jest.fn();
 jest.mock("../../helpers", () => ({
   logger: {
     error: (...args) => {
-      mockedLoggerError(...args);
+      mockedLoggerError.apply(void 0, args);
     }
   }
 }));
@@ -47,7 +47,7 @@ const updateMockedFetch = (throwError = false) => {
   mockedFetch = throwError ? jest.fn().mockRejectedValue(new Error()) : jest.fn().mockResolvedValue({
     json: () => mockedFetchResponse
   });
-  global.fetch.mockImplementation((...args) => mockedFetch(...args));
+  global.fetch.mockImplementation((...args) => mockedFetch.apply(void 0, args));
 };
 describe('DevServerBridge', () => {
   let instance;

package/classes/ErrorManager/index.js

@@ -7,11 +7,11 @@ const pipelineVersionSuffix = /\.v\d+$/;
 /**
  * The ErrorManager class.
  */
-class ErrorManager {
+let ErrorManager = /*#__PURE__*/function () {
   /**
    * Constructor.
    */
-  constructor() {
+  function ErrorManager() {
     /**
      * Calls dispatch() as an interval.
      */
@@ -75,7 +75,8 @@ class ErrorManager {
    * @param {{ code: string, context: string, source: string }} error The error object.
    * @returns {string|null}
    */
-  getMessage(error) {
+  var _proto = ErrorManager.prototype;
+  _proto.getMessage = function getMessage(error) {
     if (!this.validate(error)) {
       return null;
     }
@@ -102,8 +103,8 @@ class ErrorManager {
    * @param {string} errorTemplate.message The default error message.
    * @param {string} [errorTemplate.source=SOURCE_PIPELINE] The source of the error.
    * @returns {ErrorManager}
-   */
-  setMessage(errorTemplate = {}) {
+   */;
+  _proto.setMessage = function setMessage(errorTemplate = {}) {
     const error = {
       source: SOURCE_PIPELINE,
       ...errorTemplate
@@ -127,8 +128,8 @@ class ErrorManager {
    * @param {string} error.message The default error message.
    * @param {string} error.source The source of the error.
    * @param {Object} error.meta Some meta data.
-   */
-  queue(error = {}) {
+   */;
+  _proto.queue = function queue(error = {}) {
     if (!this.validate(error)) {
       return;
     }
@@ -157,7 +158,8 @@ class ErrorManager {
     if (!this.timer) {
       this.startTimer();
     }
-  }
-}
+  };
+  return ErrorManager;
+}();
 /** @type {ErrorManager} */
 export default new ErrorManager();

package/classes/Event/index.js

@@ -1,3 +1,4 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import EventEmitter from 'events';
 import { logger } from "../../helpers";
 const HANDLER_ADD = 'add';
@@ -8,14 +9,15 @@ const HANDLER_REMOVE = 'remove';
 /**
  * Event class.
  */
-class Event extends EventEmitter {
+let Event = /*#__PURE__*/function (_EventEmitter) {
   /**
    * Constructor.
    */
-  constructor() {
-    super();
-    this.events = new Set();
-    this.setMaxListeners(20);
+  function Event() {
+    var _this;
+    _this = _EventEmitter.call(this) || this;
+    _this.events = new Set();
+    _this.setMaxListeners(20);
 
     /**
      * A global implementation of the call function to make it accessible to the app.
@@ -27,21 +29,25 @@ class Event extends EventEmitter {
     const legacy = window.SGEvent.__call;
     if (typeof legacy !== 'function') {
       // eslint-disable-next-line no-underscore-dangle
-      window.SGEvent.__call = this.call.bind(this);
+      window.SGEvent.__call = _this.call.bind(_this);
     } else {
       // eslint-disable-next-line no-underscore-dangle
       window.SGEvent.__call = (...args) => {
-        legacy(...args);
-        this.call(...args);
+        var _this2;
+        legacy.apply(void 0, args);
+        (_this2 = _this).call.apply(_this2, args);
       };
     }
+    return _this;
   }
 
   /**
    * Registers a new event
    * @param {string} eventName The new event name
    */
-  registerEvent(eventName) {
+  _inheritsLoose(Event, _EventEmitter);
+  var _proto = Event.prototype;
+  _proto.registerEvent = function registerEvent(eventName) {
     this.events.add(eventName);
   }
 
@@ -49,8 +55,8 @@ class Event extends EventEmitter {
    * Registers a callback function for one or multiple events.
    * @param {string} events A single event or multiple events separated by comma.
    * @param {Function} callback The callback function.
-   */
-  addCallback(events, callback) {
+   */;
+  _proto.addCallback = function addCallback(events, callback) {
     this.handleCallbacks(HANDLER_ADD, events, callback);
   }
 
@@ -58,8 +64,8 @@ class Event extends EventEmitter {
    * De-registers a callback function for one or multiple events.
    * @param {string} events A single event or multiple events separated by comma.
    * @param {Function} callback The callback function.
-   */
-  removeCallback(events, callback) {
+   */;
+  _proto.removeCallback = function removeCallback(events, callback) {
     this.handleCallbacks(HANDLER_REMOVE, events, callback);
   }
 
@@ -68,8 +74,8 @@ class Event extends EventEmitter {
    * @param {string} type What type of action should be performed.
    * @param {string} events A single event or multiple events separated by comma.
    * @param {Function} callback The callback function.
-   */
-  handleCallbacks(type, events, callback) {
+   */;
+  _proto.handleCallbacks = function handleCallbacks(type, events, callback) {
     const eventNames = events.split(',');
     eventNames.forEach(event => {
       switch (type) {
@@ -89,8 +95,8 @@ class Event extends EventEmitter {
    * Triggers an event.
    * @param {string} event The event name.
    * @param {Object} params Custom parameters for the event.
-   */
-  trigger(event, params = null) {
+   */;
+  _proto.trigger = function trigger(event, params = null) {
     setTimeout(() => this.emit(event, params), 0);
   }
 
@@ -98,8 +104,8 @@ class Event extends EventEmitter {
    * This function will be called by the app to trigger events.
    * @param {string} event The event name.
    * @param {Array} [parameters=[]] The event parameters.
-   */
-  call(event, parameters = []) {
+   */;
+  _proto.call = function call(event, parameters = []) {
     let eventName = event;
 
     /**
@@ -113,15 +119,14 @@ class Event extends EventEmitter {
     } else if (['dataResponse', 'webStorageResponse'].includes(event) || Array.from(this.events).includes(event)) {
       eventName += `:${parameters[0]}`;
     }
-    const calledEvent = this.emit(eventName, ...parameters);
+    const calledEvent = this.emit.apply(this, [eventName].concat(parameters));
     if (!calledEvent) {
       logger.warn(`Attempt to call unknown event: ${eventName}`);
     }
-  }
-}
-
+  };
+  return Event;
+}(EventEmitter);
 /* eslint-enable extra-rules/potential-point-free */
-
 // TODO:
 // We need this as a temporary solution because of double node_modules form extensions and theme.
 if (!window.TmpEventInstance) {