@constructor-io/constructorio-client-javascript 2.33.4 → 2.34.1

package/lib/constructorio.js

@@ -7,7 +7,9 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 /* eslint-disable camelcase, no-unneeded-ternary, max-len */
-var ConstructorioID = require('@constructor-io/constructorio-id'); // Modules
+var ConstructorioID = require('@constructor-io/constructorio-id');
+
+var fetchPonyfill = require('fetch-ponyfill'); // Modules
 
 
 var Search = require('./modules/search');
@@ -131,7 +133,9 @@ var ConstructorIO = /*#__PURE__*/function () {
       userId: userId,
       segments: segments,
       testCells: testCells,
-      fetch: fetch,
+      fetch: fetch || fetchPonyfill({
+        Promise: Promise
+      }).fetch,
       trackingSendDelay: trackingSendDelay,
       sendTrackingEvents: sendTrackingEvents,
       sendReferrerWithTrackingEvents: sendReferrerWithTrackingEvents,

package/lib/modules/autocomplete.js

@@ -7,10 +7,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 /* eslint-disable object-curly-newline, no-underscore-dangle */
-var qs = require('qs');
-
-var fetchPonyfill = require('fetch-ponyfill');
-
 var EventDispatcher = require('../utils/event-dispatcher');
 
 var _require = require('../utils/helpers'),
@@ -18,7 +14,8 @@ var _require = require('../utils/helpers'),
     cleanParams = _require.cleanParams,
     applyNetworkTimeout = _require.applyNetworkTimeout,
     trimNonBreakingSpaces = _require.trimNonBreakingSpaces,
-    encodeURIComponentRFC3986 = _require.encodeURIComponentRFC3986; // Create URL from supplied query (term) and parameters
+    encodeURIComponentRFC3986 = _require.encodeURIComponentRFC3986,
+    stringify = _require.stringify; // Create URL from supplied query (term) and parameters
 
 
 function createAutocompleteUrl(query, parameters, options) {
@@ -100,9 +97,7 @@ function createAutocompleteUrl(query, parameters, options) {
 
   queryParams._dt = Date.now();
   queryParams = cleanParams(queryParams);
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = stringify(queryParams);
   var cleanedQuery = query.replace(/^\//, '|'); // For compatibility with backend API
 
   return "".concat(serviceUrl, "/autocomplete/").concat(encodeURIComponentRFC3986(trimNonBreakingSpaces(cleanedQuery)), "?").concat(queryString);
@@ -158,9 +153,7 @@ var Autocomplete = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {

package/lib/modules/browse.js

@@ -13,10 +13,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /* eslint-disable object-curly-newline, no-underscore-dangle, max-len, complexity */
-var qs = require('qs');
-
-var fetchPonyfill = require('fetch-ponyfill');
-
 var EventDispatcher = require('../utils/event-dispatcher');
 
 var helpers = require('../utils/helpers'); // Create query params from parameters and options
@@ -163,9 +159,7 @@ function createBrowseUrlFromFilter(filterName, filterValue, parameters, options)
   }
 
   var queryParams = createQueryParams(parameters, options);
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/browse/").concat(helpers.encodeURIComponentRFC3986(helpers.trimNonBreakingSpaces(filterName)), "/").concat(helpers.encodeURIComponentRFC3986(helpers.trimNonBreakingSpaces(filterValue)), "?").concat(queryString);
 } // Create URL from supplied id's
 
@@ -181,9 +175,7 @@ function createBrowseUrlFromIDs(ids, parameters, options) {
     ids: ids
   });
 
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/browse/items?").concat(queryString);
 } // Create URL for facets
 
@@ -195,9 +187,7 @@ function createBrowseUrlForFacets(parameters, options) {
 
 
   delete queryParams._dt;
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/browse/facets?").concat(queryString);
 } // Create URL from supplied facet name and parameters
 
@@ -214,9 +204,7 @@ function createBrowseUrlForFacetOptions(facetName, parameters, options) {
   queryParams.facet_name = facetName; // Endpoint does not accept _dt
 
   delete queryParams._dt;
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/browse/facet_options?").concat(queryString);
 }
 /**
@@ -276,9 +264,7 @@ var Browse = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {
@@ -356,9 +342,7 @@ var Browse = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {
@@ -428,9 +412,7 @@ var Browse = /*#__PURE__*/function () {
       var _this3 = this;
 
       var networkParameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var serviceUrl = this.options.serviceUrl;
       var queryParams = createQueryParams(parameters, this.options);
       var signal;
@@ -443,9 +425,7 @@ var Browse = /*#__PURE__*/function () {
       }
 
       delete queryParams._dt;
-      var queryString = qs.stringify(queryParams, {
-        indices: false
-      });
+      var queryString = helpers.stringify(queryParams);
       var requestUrl = "".concat(serviceUrl, "/browse/groups?").concat(queryString);
       return fetch(requestUrl, {
         signal: signal
@@ -492,9 +472,7 @@ var Browse = /*#__PURE__*/function () {
       var _this4 = this;
 
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {
@@ -554,9 +532,7 @@ var Browse = /*#__PURE__*/function () {
       var parameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {

package/lib/modules/quizzes.js

@@ -6,13 +6,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 /* eslint-disable object-curly-newline, no-underscore-dangle */
-var qs = require('qs');
-
-var fetchPonyfill = require('fetch-ponyfill');
-
 var EventDispatcher = require('../utils/event-dispatcher');
 
 var helpers = require('../utils/helpers'); // Create URL from supplied quizId and parameters
@@ -64,25 +62,21 @@ function createQuizUrl(quizId, parameters, options, path) {
 
     if (versionId) {
       queryParams.version_id = versionId;
-    } // Pull answers from parameters.answers and  transform
+    } // Pull a (answers) from parameters and transform
 
 
     if (answers) {
-      answers.forEach(function (ans) {
-        answersParamString += "&".concat(qs.stringify({
-          a: ans
-        }, {
-          arrayFormat: 'comma'
-        }));
-      });
+      answersParamString = "&".concat(helpers.stringify({
+        a: answers.map(function (ans) {
+          return (0, _toConsumableArray2["default"])(ans).join(',');
+        })
+      }));
     }
   }
 
   queryParams._dt = Date.now();
   queryParams = helpers.cleanParams(queryParams);
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/v1/quizzes/").concat(encodeURIComponent(quizId), "/").concat(encodeURIComponent(path), "/?").concat(queryString).concat(answersParamString);
 }
 /**
@@ -130,9 +124,7 @@ var Quizzes = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var controller = new AbortController();
       var signal = controller.signal;
 
@@ -191,9 +183,7 @@ var Quizzes = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var controller = new AbortController();
       var signal = controller.signal;
 

package/lib/modules/recommendations.js

@@ -6,10 +6,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var qs = require('qs');
-
-var fetchPonyfill = require('fetch-ponyfill');
-
+/* eslint-disable object-curly-newline, no-param-reassign */
 var EventDispatcher = require('../utils/event-dispatcher');
 
 var helpers = require('../utils/helpers'); // Create URL from supplied parameters
@@ -83,9 +80,7 @@ function createRecommendationsUrl(podId, parameters, options) {
   }
 
   queryParams = helpers.cleanParams(queryParams);
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/recommendations/v1/pods/").concat(helpers.encodeURIComponentRFC3986(helpers.trimNonBreakingSpaces(podId)), "?").concat(queryString);
 }
 /**
@@ -137,9 +132,7 @@ var Recommendations = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {

package/lib/modules/search.js

@@ -11,10 +11,6 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 /* eslint-disable max-len */
 
 /* eslint-disable object-curly-newline, no-underscore-dangle */
-var qs = require('qs');
-
-var fetchPonyfill = require('fetch-ponyfill');
-
 var EventDispatcher = require('../utils/event-dispatcher');
 
 var helpers = require('../utils/helpers'); // Create URL from supplied query (term) and parameters
@@ -151,9 +147,7 @@ function createSearchUrl(query, parameters, options) {
 
   queryParams._dt = Date.now();
   queryParams = helpers.cleanParams(queryParams);
-  var queryString = qs.stringify(queryParams, {
-    indices: false
-  });
+  var queryString = helpers.stringify(queryParams);
   return "".concat(serviceUrl, "/search/").concat(helpers.encodeURIComponentRFC3986(helpers.trimNonBreakingSpaces(query)), "?").concat(queryString);
 }
 /**
@@ -212,9 +206,7 @@ var Search = /*#__PURE__*/function () {
 
       var networkParameters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var requestUrl;
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var signal;
 
       if (typeof AbortController === 'function') {

package/lib/modules/tracker.js

@@ -15,8 +15,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /* eslint-disable object-curly-newline, no-underscore-dangle, camelcase, no-unneeded-ternary */
-var qs = require('qs');
-
 var EventEmitter = require('events');
 
 var helpers = require('../utils/helpers');
@@ -91,9 +89,7 @@ function applyParams(parameters, options) {
 
 
 function applyParamsAsString(parameters, options) {
-  return qs.stringify(applyParams(parameters, options), {
-    indices: false
-  });
+  return helpers.stringify(applyParams(parameters, options));
 }
 /**
  * Interface to tracking related API calls
@@ -166,6 +162,7 @@ var Tracker = /*#__PURE__*/function () {
      * @param {object} parameters - Additional parameters to be sent with request
      * @param {string} parameters.item_name - Product item name
      * @param {string} parameters.item_id - Product item unique identifier
+     * @param {string} parameters.url - Current page URL
      * @param {string} [parameters.variation_id] - Product item variation unique identifier
      * @param {object} [networkParameters] - Parameters relevant to the network request
      * @param {number} [networkParameters.timeout] - Request timeout (in milliseconds)
@@ -176,6 +173,7 @@ var Tracker = /*#__PURE__*/function () {
      *     {
      *         item_name: 'Red T-Shirt',
      *         item_id: 'KMH876',
+     *         url: 'https://constructor.io/product/KMH876',
      *     },
      * );
      */

package/lib/utils/helpers.js

@@ -1,5 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 /* eslint-disable no-param-reassign */
 var CRC32 = require('crc-32');
 
@@ -150,6 +154,35 @@ var utils = {
         return controller.abort();
       }, timeout);
     }
+  },
+  stringify: function stringify(object, prefix, objectType) {
+    if (!object) {
+      return '';
+    }
+
+    var allValues = [];
+    Object.keys(object).forEach(function (key) {
+      var value = object[key];
+      var encodedKey = utils.encodeURIComponentRFC3986(key);
+      var stringifiedValue; // Check for both null and undefined
+
+      if (value != null) {
+        var nextPrefix = prefix ? "".concat(prefix, "%5B").concat(encodedKey, "%5D") : encodedKey;
+
+        if (Array.isArray(value)) {
+          stringifiedValue = utils.stringify(value, nextPrefix, 'array');
+        } else if ((0, _typeof2["default"])(value) === 'object') {
+          stringifiedValue = utils.stringify(value, nextPrefix, 'object');
+        } else if (objectType === 'object') {
+          stringifiedValue = "".concat(nextPrefix, "=").concat(utils.encodeURIComponentRFC3986(value));
+        } else {
+          stringifiedValue = "".concat(prefix || encodedKey, "=").concat(utils.encodeURIComponentRFC3986(value));
+        }
+
+        allValues.push(stringifiedValue);
+      }
+    });
+    return allValues.join('&');
   }
 };
 module.exports = utils;

package/lib/utils/request-queue.js

@@ -7,8 +7,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 /* eslint-disable brace-style, no-unneeded-ternary */
-var fetchPonyfill = require('fetch-ponyfill');
-
 var store = require('./store');
 
 var HumanityCheck = require('./humanity-check');
@@ -65,9 +63,7 @@ var RequestQueue = /*#__PURE__*/function () {
     value: function sendEvents() {
       var _this2 = this;
 
-      var fetch = this.options && this.options.fetch || fetchPonyfill({
-        Promise: Promise
-      }).fetch;
+      var fetch = this.options.fetch;
       var queue = RequestQueue.get();
 
       if ( // Consider user "human" if no DOM context is available

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-client-javascript",
-  "version": "2.33.4",
+  "version": "2.34.1",
   "description": "Constructor.io JavaScript client",
   "main": "lib/constructorio.js",
   "types": "lib/types/constructorio.d.ts",
@@ -62,6 +62,7 @@
     "minami": "^1.2.3",
     "mocha": "^9.1.3",
     "nyc": "^15.1.0",
+    "qs": "^6.11.0",
     "sinon": "^7.5.0",
     "sinon-chai": "^3.7.0",
     "tsd": "^0.24.1"
@@ -71,7 +72,6 @@
     "crc-32": "^1.2.2",
     "events": "^3.0.0",
     "fetch-ponyfill": "^7.1.0",
-    "qs": "6.9.7",
     "store2": "^2.14.2"
   },
   "peerDependencies": {