@plasmicpkgs/commerce 0.0.85 → 0.0.87

package/dist/commerce.cjs.development.js

@@ -21,80 +21,64 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     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;
+      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 _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : 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 _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
-
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
-
 function _isNativeReflectConstruct() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
-
   try {
     Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -102,10 +86,9 @@ function _isNativeReflectConstruct() {
     return false;
   }
 }
-
 function _construct(Parent, args, Class) {
   if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
+    _construct = Reflect.construct.bind();
   } else {
     _construct = function _construct(Parent, args, Class) {
       var a = [null];
@@ -116,34 +99,25 @@ function _construct(Parent, args, Class) {
       return instance;
     };
   }
-
   return _construct.apply(null, arguments);
 }
-
 function _isNativeFunction(fn) {
   return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
-
 function _wrapNativeSuper(Class) {
   var _cache = typeof Map === "function" ? new Map() : undefined;
-
   _wrapNativeSuper = function _wrapNativeSuper(Class) {
     if (Class === null || !_isNativeFunction(Class)) return Class;
-
     if (typeof Class !== "function") {
       throw new TypeError("Super expression must either be null or a function");
     }
-
     if (typeof _cache !== "undefined") {
       if (_cache.has(Class)) return _cache.get(Class);
-
       _cache.set(Class, Wrapper);
     }
-
     function Wrapper() {
       return _construct(Class, arguments, _getPrototypeOf(this).constructor);
     }
-
     Wrapper.prototype = Object.create(Class.prototype, {
       constructor: {
         value: Wrapper,
@@ -154,25 +128,20 @@ function _wrapNativeSuper(Class) {
     });
     return _setPrototypeOf(Wrapper, Class);
   };
-
   return _wrapNativeSuper(Class);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -181,19 +150,14 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it) return (it = it.call(o)).next.bind(it);
-
   if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it) o = it;
     var i = 0;
@@ -207,7 +171,6 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
       };
     };
   }
-
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
@@ -222,17 +185,16 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   var runtime = function (exports) {
 
     var Op = Object.prototype;
     var hasOwn = Op.hasOwnProperty;
     var undefined$1; // More compressible than void 0.
-
     var $Symbol = typeof Symbol === "function" ? Symbol : {};
     var iteratorSymbol = $Symbol.iterator || "@@iterator";
     var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
     var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
     function define(obj, key, value) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -242,7 +204,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       });
       return obj[key];
     }
-
     try {
       // IE 8 has a broken Object.defineProperty that only works on DOM objects.
       define({}, "");
@@ -251,19 +212,20 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return obj[key] = value;
       };
     }
-
     function wrap(innerFn, outerFn, self, tryLocsList) {
       // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
       var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
       var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
+      var context = new Context(tryLocsList || []);
 
+      // The ._invoke method unifies the implementations of the .next,
+      // .throw, and .return methods.
       generator._invoke = makeInvokeMethod(innerFn, self, context);
       return generator;
     }
+    exports.wrap = wrap;
 
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
+    // Try/catch helper to minimize deoptimizations. Returns a completion
     // record like context.tryEntries[i].completion. This interface could
     // have been (and was previously) designed to take a closure to be
     // invoked without arguments, but in all the cases we care about we
@@ -273,7 +235,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // in every case, so we don't have to touch the arguments object. The
     // only additional allocation required is the completion record, which
     // has a stable shape and so hopefully should be cheap to allocate.
-
     function tryCatch(fn, obj, arg) {
       try {
         return {
@@ -287,46 +248,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         };
       }
     }
-
     var GenStateSuspendedStart = "suspendedStart";
     var GenStateSuspendedYield = "suspendedYield";
     var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
+    var GenStateCompleted = "completed";
+
+    // Returning this object from the innerFn has the same effect as
     // breaking out of the dispatch switch statement.
+    var ContinueSentinel = {};
 
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
+    // Dummy constructor functions that we use as the .constructor and
     // .constructor.prototype properties for functions that return Generator
     // objects. For full spec compliance, you may wish to configure your
     // minifier not to mangle the names of these two functions.
-
     function Generator() {}
-
     function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
 
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
+    // This is a polyfill for %IteratorPrototype% for environments that
     // don't natively support it.
-
-
     var IteratorPrototype = {};
     define(IteratorPrototype, iteratorSymbol, function () {
       return this;
     });
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-
     if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
       // This environment has a native %IteratorPrototype%; use it instead
       // of the polyfill.
       IteratorPrototype = NativeIteratorPrototype;
     }
-
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
     GeneratorFunction.prototype = GeneratorFunctionPrototype;
     define(Gp, "constructor", GeneratorFunctionPrototype);
     define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
+    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
 
+    // Helper for defining the .next, .throw, and .return methods of the
+    // Iterator interface in terms of a single ._invoke method.
     function defineIteratorMethods(prototype) {
       ["next", "throw", "return"].forEach(function (method) {
         define(prototype, method, function (arg) {
@@ -334,14 +293,13 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         });
       });
     }
-
     exports.isGeneratorFunction = function (genFun) {
       var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
+      return ctor ? ctor === GeneratorFunction ||
+      // For the native GeneratorFunction constructor, the best we can
       // do is to check its .name property.
       (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
     };
-
     exports.mark = function (genFun) {
       if (Object.setPrototypeOf) {
         Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
@@ -349,31 +307,27 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         genFun.__proto__ = GeneratorFunctionPrototype;
         define(genFun, toStringTagSymbol, "GeneratorFunction");
       }
-
       genFun.prototype = Object.create(Gp);
       return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
+    };
+
+    // Within the body of any async function, `await x` is transformed to
     // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
     // `hasOwn.call(value, "__await")` to determine if the yielded value is
     // meant to be awaited.
-
-
     exports.awrap = function (arg) {
       return {
         __await: arg
       };
     };
-
     function AsyncIterator(generator, PromiseImpl) {
       function invoke(method, arg, resolve, reject) {
         var record = tryCatch(generator[method], generator, arg);
-
         if (record.type === "throw") {
           reject(record.arg);
         } else {
           var result = record.arg;
           var value = result.value;
-
           if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
             return PromiseImpl.resolve(value.__await).then(function (value) {
               invoke("next", value, resolve, reject);
@@ -381,7 +335,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               invoke("throw", err, resolve, reject);
             });
           }
-
           return PromiseImpl.resolve(value).then(function (unwrapped) {
             // When a yielded Promise is resolved, its final value becomes
             // the .value of the Promise<{value,done}> result for the
@@ -395,17 +348,15 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           });
         }
       }
-
       var previousPromise;
-
       function enqueue(method, arg) {
         function callInvokeWithMethodAndArg() {
           return new PromiseImpl(function (resolve, reject) {
             invoke(method, arg, resolve, reject);
           });
         }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
+        return previousPromise =
+        // If enqueue has been called before, then we want to wait until
         // all previous Promises have been resolved before calling invoke,
         // so that results are always delivered in the correct order. If
         // enqueue has not been called before, then it is important to
@@ -417,24 +368,25 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         // execute code before the first await. Since we implement simple
         // async functions in terms of async generators, it is especially
         // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
+        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,
+        // Avoid propagating failures to Promises returned by later
         // invocations of the iterator.
         callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
+      }
 
+      // Define the unified helper method that is used to implement .next,
+      // .throw, and .return (see defineIteratorMethods).
       this._invoke = enqueue;
     }
-
     defineIteratorMethods(AsyncIterator.prototype);
     define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
       return this;
     });
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
+    exports.AsyncIterator = AsyncIterator;
+
+    // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
-
     exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
       if (PromiseImpl === void 0) PromiseImpl = Promise;
       var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
@@ -443,39 +395,32 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return result.done ? result.value : iter.next();
       });
     };
-
     function makeInvokeMethod(innerFn, self, context) {
       var state = GenStateSuspendedStart;
       return function invoke(method, arg) {
         if (state === GenStateExecuting) {
           throw new Error("Generator is already running");
         }
-
         if (state === GenStateCompleted) {
           if (method === "throw") {
             throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
+          }
 
+          // Be forgiving, per 25.3.3.3.3 of the spec:
+          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
           return doneResult();
         }
-
         context.method = method;
         context.arg = arg;
-
         while (true) {
           var delegate = context.delegate;
-
           if (delegate) {
             var delegateResult = maybeInvokeDelegate(delegate, context);
-
             if (delegateResult) {
               if (delegateResult === ContinueSentinel) continue;
               return delegateResult;
             }
           }
-
           if (context.method === "next") {
             // Setting context._sent for legacy support of Babel's
             // function.sent implementation.
@@ -485,51 +430,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               state = GenStateCompleted;
               throw context.arg;
             }
-
             context.dispatchException(context.arg);
           } else if (context.method === "return") {
             context.abrupt("return", context.arg);
           }
-
           state = GenStateExecuting;
           var record = tryCatch(innerFn, self, context);
-
           if (record.type === "normal") {
             // If an exception is thrown from innerFn, we leave state ===
             // GenStateExecuting and loop back for another invocation.
             state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
             if (record.arg === ContinueSentinel) {
               continue;
             }
-
             return {
               value: record.arg,
               done: context.done
             };
           } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
+            state = GenStateCompleted;
+            // Dispatch the exception by looping back around to the
             // context.dispatchException(context.arg) call above.
-
             context.method = "throw";
             context.arg = record.arg;
           }
         }
       };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
+    }
+
+    // Call delegate.iterator[context.method](context.arg) and handle the
     // result, either by returning a { value, done } result from the
     // delegate iterator, or by modifying context.method and context.arg,
     // setting context.delegate to null, and returning the ContinueSentinel.
-
-
     function maybeInvokeDelegate(delegate, context) {
       var method = delegate.iterator[context.method];
-
       if (method === undefined$1) {
         // A .throw or .return when the delegate iterator has no .throw
         // method always terminates the yield* loop.
         context.delegate = null;
-
         if (context.method === "throw") {
           // Note: ["return"] must be used for ES3 parsing compatibility.
           if (delegate.iterator["return"]) {
@@ -538,51 +476,45 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
             context.method = "return";
             context.arg = undefined$1;
             maybeInvokeDelegate(delegate, context);
-
             if (context.method === "throw") {
               // If maybeInvokeDelegate(context) changed context.method from
               // "return" to "throw", let that override the TypeError below.
               return ContinueSentinel;
             }
           }
-
           context.method = "throw";
           context.arg = new TypeError("The iterator does not provide a 'throw' method");
         }
-
         return ContinueSentinel;
       }
-
       var record = tryCatch(method, delegate.iterator, context.arg);
-
       if (record.type === "throw") {
         context.method = "throw";
         context.arg = record.arg;
         context.delegate = null;
         return ContinueSentinel;
       }
-
       var info = record.arg;
-
       if (!info) {
         context.method = "throw";
         context.arg = new TypeError("iterator result is not an object");
         context.delegate = null;
         return ContinueSentinel;
       }
-
       if (info.done) {
         // Assign the result of the finished delegate to the temporary
         // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
+        context[delegate.resultName] = info.value;
+
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
 
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
+        // If context.method was "throw" but the delegate handled the
         // exception, let the outer generator proceed normally. If
         // context.method was "next", forget context.arg since it has been
         // "consumed" by the delegate iterator. If context.method was
         // "return", allow the original .return call to continue in the
         // outer generator.
-
         if (context.method !== "return") {
           context.method = "next";
           context.arg = undefined$1;
@@ -590,54 +522,49 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       } else {
         // Re-yield the result returned by the delegate method.
         return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
+      }
 
+      // The delegate iterator is finished, so forget it and continue with
+      // the outer generator.
       context.delegate = null;
       return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
+    }
 
+    // Define Generator.prototype.{next,throw,return} in terms of the
+    // unified ._invoke helper method.
     defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
+    define(Gp, toStringTagSymbol, "Generator");
+
+    // A Generator should always return itself as the iterator object when the
     // @@iterator function is called on it. Some browsers' implementations of the
     // iterator prototype chain incorrectly implement this, causing the Generator
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
-
     define(Gp, iteratorSymbol, function () {
       return this;
     });
     define(Gp, "toString", function () {
       return "[object Generator]";
     });
-
     function pushTryEntry(locs) {
       var entry = {
         tryLoc: locs[0]
       };
-
       if (1 in locs) {
         entry.catchLoc = locs[1];
       }
-
       if (2 in locs) {
         entry.finallyLoc = locs[2];
         entry.afterLoc = locs[3];
       }
-
       this.tryEntries.push(entry);
     }
-
     function resetTryEntry(entry) {
       var record = entry.completion || {};
       record.type = "normal";
       delete record.arg;
       entry.completion = record;
     }
-
     function Context(tryLocsList) {
       // The root entry object (effectively a try statement without a catch
       // or a finally block) gives us a place to store values thrown from
@@ -648,97 +575,84 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       tryLocsList.forEach(pushTryEntry, this);
       this.reset(true);
     }
-
     exports.keys = function (object) {
       var keys = [];
-
       for (var key in object) {
         keys.push(key);
       }
+      keys.reverse();
 
-      keys.reverse(); // Rather than returning an object with a next method, we keep
+      // Rather than returning an object with a next method, we keep
       // things simple and return the next function itself.
-
       return function next() {
         while (keys.length) {
           var key = keys.pop();
-
           if (key in object) {
             next.value = key;
             next.done = false;
             return next;
           }
-        } // To avoid creating an additional object, we just hang the .value
+        }
+
+        // To avoid creating an additional object, we just hang the .value
         // and .done properties off the next function object itself. This
         // also ensures that the minifier will not anonymize the function.
-
-
         next.done = true;
         return next;
       };
     };
-
     function values(iterable) {
       if (iterable) {
         var iteratorMethod = iterable[iteratorSymbol];
-
         if (iteratorMethod) {
           return iteratorMethod.call(iterable);
         }
-
         if (typeof iterable.next === "function") {
           return iterable;
         }
-
         if (!isNaN(iterable.length)) {
           var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
+            next = function next() {
+              while (++i < iterable.length) {
+                if (hasOwn.call(iterable, i)) {
+                  next.value = iterable[i];
+                  next.done = false;
+                  return next;
+                }
               }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
+              next.value = undefined$1;
+              next.done = true;
+              return next;
+            };
           return next.next = next;
         }
-      } // Return an iterator with no values.
-
+      }
 
+      // Return an iterator with no values.
       return {
         next: doneResult
       };
     }
-
     exports.values = values;
-
     function doneResult() {
       return {
         value: undefined$1,
         done: true
       };
     }
-
     Context.prototype = {
       constructor: Context,
       reset: function reset(skipTempReset) {
         this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
+        this.next = 0;
+        // Resetting context._sent for legacy support of Babel's
         // function.sent implementation.
-
         this.sent = this._sent = undefined$1;
         this.done = false;
         this.delegate = null;
         this.method = "next";
         this.arg = undefined$1;
         this.tryEntries.forEach(resetTryEntry);
-
         if (!skipTempReset) {
           for (var name in this) {
             // Not sure about the optimal order of these conditions:
@@ -752,50 +666,40 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         this.done = true;
         var rootEntry = this.tryEntries[0];
         var rootRecord = rootEntry.completion;
-
         if (rootRecord.type === "throw") {
           throw rootRecord.arg;
         }
-
         return this.rval;
       },
       dispatchException: function dispatchException(exception) {
         if (this.done) {
           throw exception;
         }
-
         var context = this;
-
         function handle(loc, caught) {
           record.type = "throw";
           record.arg = exception;
           context.next = loc;
-
           if (caught) {
             // If the dispatched exception was caught by a catch block,
             // then let that catch block handle the exception normally.
             context.method = "next";
             context.arg = undefined$1;
           }
-
           return !!caught;
         }
-
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
           var record = entry.completion;
-
           if (entry.tryLoc === "root") {
             // Exception thrown outside of any try block that could handle
             // it, so set the completion value of the entire function to
             // throw the exception.
             return handle("end");
           }
-
           if (entry.tryLoc <= this.prev) {
             var hasCatch = hasOwn.call(entry, "catchLoc");
             var hasFinally = hasOwn.call(entry, "finallyLoc");
-
             if (hasCatch && hasFinally) {
               if (this.prev < entry.catchLoc) {
                 return handle(entry.catchLoc, true);
@@ -819,36 +723,30 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       abrupt: function abrupt(type, arg) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
             var finallyEntry = entry;
             break;
           }
         }
-
         if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
           // Ignore the finally entry if control is not jumping to a
           // location outside the try/catch block.
           finallyEntry = null;
         }
-
         var record = finallyEntry ? finallyEntry.completion : {};
         record.type = type;
         record.arg = arg;
-
         if (finallyEntry) {
           this.method = "next";
           this.next = finallyEntry.finallyLoc;
           return ContinueSentinel;
         }
-
         return this.complete(record);
       },
       complete: function complete(record, afterLoc) {
         if (record.type === "throw") {
           throw record.arg;
         }
-
         if (record.type === "break" || record.type === "continue") {
           this.next = record.arg;
         } else if (record.type === "return") {
@@ -858,13 +756,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         } else if (record.type === "normal" && afterLoc) {
           this.next = afterLoc;
         }
-
         return ContinueSentinel;
       },
       finish: function finish(finallyLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.finallyLoc === finallyLoc) {
             this.complete(entry.completion, entry.afterLoc);
             resetTryEntry(entry);
@@ -875,21 +771,18 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       "catch": function _catch(tryLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc === tryLoc) {
             var record = entry.completion;
-
             if (record.type === "throw") {
               var thrown = record.arg;
               resetTryEntry(entry);
             }
-
             return thrown;
           }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
+        }
 
+        // The context.catch method must only be called with a location
+        // argument that corresponds to a known catch block.
         throw new Error("illegal catch attempt");
       },
       delegateYield: function delegateYield(iterable, resultName, nextLoc) {
@@ -898,27 +791,26 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           resultName: resultName,
           nextLoc: nextLoc
         };
-
         if (this.method === "next") {
           // Deliberately forget the last sent value so that we don't
           // accidentally pass it on to the delegate.
           this.arg = undefined$1;
         }
-
         return ContinueSentinel;
       }
-    }; // Regardless of whether this script is executing as a CommonJS module
+    };
+
+    // Regardless of whether this script is executing as a CommonJS module
     // or not, return the runtime object so that we can declare the variable
     // regeneratorRuntime in the outer scope, which allows this module to be
     // injected easily by `bin/regenerator --include-runtime script.js`.
-
     return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
+  }(
+  // If this script is executing as a CommonJS module, use module.exports
   // as the regeneratorRuntime namespace. Otherwise create a new empty
   // object. Either way, the resulting object will be used to initialize
   // the regeneratorRuntime variable at the top of this file.
    module.exports );
-
   try {
     regeneratorRuntime = runtime;
   } catch (accidentalStrictMode) {
@@ -974,7 +866,7 @@ var defaultProduct = {
 var productSelector = "currentProduct";
 function ProductProvider(_ref) {
   var product = _ref.product,
-      children = _ref.children;
+    children = _ref.children;
   var methods = reactHookForm.useForm();
   return React__default.createElement(host.DataProvider, {
     name: productSelector,
@@ -987,11 +879,10 @@ var useProduct = function useProduct() {
   return product != null ? product : defaultProduct;
 };
 var PrimaryCategoryContext = /*#__PURE__*/React__default.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
-
 var categorySelector = "currentCategory";
 function CategoryProvider(_ref2) {
   var category = _ref2.category,
-      children = _ref2.children;
+    children = _ref2.children;
   return React__default.createElement(host.DataProvider, {
     name: categorySelector,
     data: category,
@@ -1007,8 +898,8 @@ var usePrimaryCategory = function usePrimaryCategory() {
 var mediaSelector = "currentMedia";
 function ProductMediaProvider(_ref3) {
   var mediaIndex = _ref3.mediaIndex,
-      onClick = _ref3.onClick,
-      children = _ref3.children;
+    onClick = _ref3.onClick,
+    children = _ref3.children;
   return React__default.createElement(host.DataProvider, {
     name: mediaSelector,
     data: mediaIndex,
@@ -1025,15 +916,15 @@ var _excluded = ["children"];
 var Commerce = /*#__PURE__*/React.createContext({});
 function CoreCommerceProvider(_ref) {
   var provider = _ref.provider,
-      children = _ref.children;
-  var providerRef = React.useRef(provider); // TODO: Remove the fetcherRef
-
-  var fetcherRef = React.useRef(provider.fetcher); // If the parent re-renders this provider will re-render every
+    children = _ref.children;
+  var providerRef = React.useRef(provider);
+  // TODO: Remove the fetcherRef
+  var fetcherRef = React.useRef(provider.fetcher);
+  // If the parent re-renders this provider will re-render every
   // consumer unless we memoize the config
-
   var _providerRef$current = providerRef.current,
-      locale = _providerRef$current.locale,
-      cartCookie = _providerRef$current.cartCookie;
+    locale = _providerRef$current.locale,
+    cartCookie = _providerRef$current.cartCookie;
   var cfg = React.useMemo(function () {
     return {
       providerRef: providerRef,
@@ -1049,8 +940,7 @@ function CoreCommerceProvider(_ref) {
 function getCommerceProvider(provider) {
   return function CommerceProvider(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
     return React__default.createElement(CoreCommerceProvider, {
       provider: _extends({}, provider, props)
     }, children);
@@ -1071,13 +961,11 @@ function defineProperty(obj, prop, val) {
 
 var CommerceError = /*#__PURE__*/function (_Error) {
   _inheritsLoose(CommerceError, _Error);
-
   function CommerceError(_ref) {
     var _this;
-
     var message = _ref.message,
-        code = _ref.code,
-        errors = _ref.errors;
+      code = _ref.code,
+      errors = _ref.errors;
     var error = message ? _extends({
       message: message
     }, code ? {
@@ -1088,57 +976,46 @@ var CommerceError = /*#__PURE__*/function (_Error) {
     if (error.code) _this.code = error.code;
     return _this;
   }
-
   return CommerceError;
-}( /*#__PURE__*/_wrapNativeSuper(Error)); // Used for errors that come from a bad implementation of the hooks
-
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+// Used for errors that come from a bad implementation of the hooks
 var ValidationError = /*#__PURE__*/function (_CommerceError) {
   _inheritsLoose(ValidationError, _CommerceError);
-
   function ValidationError(options) {
     var _this2;
-
     _this2 = _CommerceError.call(this, options) || this;
     _this2.code = 'validation_error';
     return _this2;
   }
-
   return ValidationError;
 }(CommerceError);
 var FetcherError = /*#__PURE__*/function (_CommerceError2) {
   _inheritsLoose(FetcherError, _CommerceError2);
-
   function FetcherError(options) {
     var _this3;
-
     _this3 = _CommerceError2.call(this, options) || this;
     _this3.status = options.status;
     return _this3;
   }
-
   return FetcherError;
 }(CommerceError);
 
 var useData = function useData(options, input, fetcherFn, swrOptions, provider) {
   var hookInput = Array.isArray(input) ? input : Object.entries(input);
-
   var fetcher = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(url, query, method) {
       var _len,
-          args,
-          _key,
-          _args = arguments;
-
+        args,
+        _key,
+        _args = arguments;
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-
               for (_len = _args.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
                 args[_key - 3] = _args[_key];
               }
-
               _context.next = 4;
               return options.fetcher({
                 options: {
@@ -1154,22 +1031,17 @@ var useData = function useData(options, input, fetcherFn, swrOptions, provider)
                 fetch: fetcherFn,
                 provider: provider
               });
-
             case 4:
               return _context.abrupt("return", _context.sent);
-
             case 7:
               _context.prev = 7;
               _context.t0 = _context["catch"](0);
-
               // SWR will not log errors, but any error that's not an instance
               // of CommerceError is not welcomed by this hook
               if (!(_context.t0 instanceof CommerceError)) {
                 console.error(_context.t0);
               }
-
               throw _context.t0;
-
             case 11:
             case "end":
               return _context.stop();
@@ -1177,19 +1049,16 @@ var useData = function useData(options, input, fetcherFn, swrOptions, provider)
         }
       }, _callee, null, [[0, 7]]);
     }));
-
     return function fetcher(_x, _x2, _x3) {
       return _ref.apply(this, arguments);
     };
   }();
-
   var response = query.useMutablePlasmicQueryData(function () {
     var opts = options.fetchOptions;
     return opts ? [opts.url, opts.query, opts.method].concat(hookInput.map(function (e) {
       return e[1];
     })) : null;
   }, fetcher, swrOptions);
-
   if (!("isLoading" in response)) {
     defineProperty(response, "isLoading", {
       get: function get() {
@@ -1198,7 +1067,6 @@ var useData = function useData(options, input, fetcherFn, swrOptions, provider)
       enumerable: true
     });
   }
-
   return response;
 };
 
@@ -1208,23 +1076,19 @@ var useData = function useData(options, input, fetcherFn, swrOptions, provider)
 */
 function useFetcher() {
   var _providerRef$current$;
-
   var _useCommerce = useCommerce(),
-      providerRef = _useCommerce.providerRef,
-      fetcherRef = _useCommerce.fetcherRef;
-
+    providerRef = _useCommerce.providerRef,
+    fetcherRef = _useCommerce.fetcherRef;
   return (_providerRef$current$ = providerRef.current.fetcher) != null ? _providerRef$current$ : fetcherRef.current;
 }
 function useProvider() {
   var _useCommerce2 = useCommerce(),
-      providerRef = _useCommerce2.providerRef;
-
+    providerRef = _useCommerce2.providerRef;
   return providerRef.current;
 }
 function useHook(fn) {
   var _useCommerce3 = useCommerce(),
-      providerRef = _useCommerce3.providerRef;
-
+    providerRef = _useCommerce3.providerRef;
   var provider = providerRef.current;
   return fn(provider);
 }
@@ -1234,9 +1098,7 @@ function useSWRHook(hook) {
   return hook.useHook({
     useData: function useData$1(ctx) {
       var _ctx$input;
-
       var response = useData(hook, (_ctx$input = ctx == null ? void 0 : ctx.input) != null ? _ctx$input : [], fetcher, ctx == null ? void 0 : ctx.swrOptions, provider);
-
       return response;
     }
   });
@@ -1247,8 +1109,7 @@ function useMutationHook(hook) {
   return hook.useHook({
     fetch: React.useCallback(function (_temp) {
       var _ref = _temp === void 0 ? {} : _temp,
-          input = _ref.input;
-
+        input = _ref.input;
       return hook.fetcher({
         input: input,
         options: hook.fetchOptions,
@@ -1261,26 +1122,23 @@ function useMutationHook(hook) {
 
 var SWRFetcher = function SWRFetcher(_ref) {
   var options = _ref.options,
-      fetch = _ref.fetch;
+    fetch = _ref.fetch;
   return fetch(options);
 };
 var mutationFetcher = function mutationFetcher(_ref2) {
   var input = _ref2.input,
-      options = _ref2.options,
-      fetch = _ref2.fetch;
+    options = _ref2.options,
+    fetch = _ref2.fetch;
   return fetch(_extends({}, options, {
     body: input
   }));
 };
 
 var fetcher = mutationFetcher;
-
 var fn = function fn(provider) {
   var _provider$cart;
-
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useAddItem;
 };
-
 var useAddItem = function useAddItem() {
   var hook = useHook(fn);
   return useMutationHook(_extends({
@@ -1308,34 +1166,27 @@ function AddToCartButton(props) {
   var product = useProduct();
   var form = reactHookForm.useFormContext();
   var addItem = useAddItem();
-
   var addToCart = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var _form$getValues$Produ;
-
       var quantity, _form$getValues$Produ2, variantId;
-
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               quantity = +((_form$getValues$Produ = form.getValues()["ProductQuantity"]) != null ? _form$getValues$Produ : 1);
-
               if (!(isNaN(quantity) || quantity < 1)) {
                 _context.next = 3;
                 break;
               }
-
               throw new CommerceError({
                 message: 'The item quantity has to be a valid integer greater than 0'
               });
-
             case 3:
               if (!product) {
                 _context.next = 7;
                 break;
               }
-
               variantId = (_form$getValues$Produ2 = form.getValues()["ProductVariant"]) != null ? _form$getValues$Produ2 : product.variants[0].id;
               _context.next = 7;
               return addItem({
@@ -1343,7 +1194,6 @@ function AddToCartButton(props) {
                 variantId: variantId,
                 quantity: quantity
               });
-
             case 7:
             case "end":
               return _context.stop();
@@ -1351,18 +1201,15 @@ function AddToCartButton(props) {
         }
       }, _callee);
     }));
-
     return function addToCart() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return React__default.isValidElement(children) ? React__default.cloneElement(children, {
     onClick: function onClick(e) {
       if (children.props.onClick && typeof children.props.onClick === "function") {
         children.props.onClick(e);
       }
-
       addToCart();
     }
   }) : null;
@@ -1371,7 +1218,6 @@ function registerAddToCartButton(loader, customAddToCartButtonMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(AddToCartButton, customAddToCartButtonMeta != null ? customAddToCartButtonMeta : addToCartButtonMeta);
 }
 
@@ -1383,26 +1229,20 @@ var fetcher$1 = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             options = _ref.options, cartId = _ref.input.cartId, fetch = _ref.fetch;
-
             if (!cartId) {
               _context.next = 7;
               break;
             }
-
             _context.next = 4;
             return fetch(options);
-
           case 4:
             _context.t0 = _context.sent;
             _context.next = 8;
             break;
-
           case 7:
             _context.t0 = null;
-
           case 8:
             return _context.abrupt("return", _context.t0);
-
           case 9:
           case "end":
             return _context.stop();
@@ -1410,33 +1250,24 @@ var fetcher$1 = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function fetcher(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
-
 var fn$1 = function fn(provider) {
   var _provider$cart;
-
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useCart;
 };
-
 var useCart = function useCart(input) {
   var _hook$fetcher;
-
   var hook = useHook(fn$1);
-
   var _useCommerce = useCommerce(),
-      cartCookie = _useCommerce.cartCookie;
-
+    cartCookie = _useCommerce.cartCookie;
   var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$1;
-
   var wrapper = function wrapper(context) {
     context.input.cartId = Cookies.get(cartCookie);
     return fetcherFn(context);
   };
-
   return useSWRHook(_extends({}, hook, {
     fetcher: wrapper
   }))(input);
@@ -1448,8 +1279,8 @@ var useCart = function useCart(input) {
 */
 function formatPrice(_ref) {
   var amount = _ref.amount,
-      currencyCode = _ref.currencyCode,
-      locale = _ref.locale;
+    currencyCode = _ref.currencyCode,
+    locale = _ref.locale;
   var formatCurrency = new Intl.NumberFormat(locale, {
     style: 'currency',
     currency: currencyCode
@@ -1458,9 +1289,9 @@ function formatPrice(_ref) {
 }
 function formatVariantPrice(_ref2) {
   var amount = _ref2.amount,
-      baseAmount = _ref2.baseAmount,
-      currencyCode = _ref2.currencyCode,
-      locale = _ref2.locale;
+    baseAmount = _ref2.baseAmount,
+    currencyCode = _ref2.currencyCode,
+    locale = _ref2.locale;
   var hasDiscount = baseAmount > amount;
   var formatDiscount = new Intl.NumberFormat(locale, {
     style: 'percent'
@@ -1484,13 +1315,11 @@ function formatVariantPrice(_ref2) {
 }
 function usePrice(data) {
   var _ref3 = data != null ? data : {},
-      amount = _ref3.amount,
-      baseAmount = _ref3.baseAmount,
-      currencyCode = _ref3.currencyCode;
-
+    amount = _ref3.amount,
+    baseAmount = _ref3.baseAmount,
+    currencyCode = _ref3.currencyCode;
   var _useCommerce = useCommerce(),
-      locale = _useCommerce.locale;
-
+    locale = _useCommerce.locale;
   var value = React.useMemo(function () {
     if (typeof amount !== 'number' || !currencyCode) return '';
     return baseAmount ? formatVariantPrice({
@@ -1528,34 +1357,26 @@ var cartMeta = {
 };
 function CartComponent(props) {
   var _data$totalPrice, _data$currency$code;
-
   var className = props.className,
-      field = props.field,
-      hideIfIsEmpty = props.hideIfIsEmpty;
-
+    field = props.field,
+    hideIfIsEmpty = props.hideIfIsEmpty;
   var _useCart = useCart(),
-      data = _useCart.data;
-
+    data = _useCart.data;
   var _usePrice = usePrice({
-    amount: (_data$totalPrice = data == null ? void 0 : data.totalPrice) != null ? _data$totalPrice : 0,
-    currencyCode: (_data$currency$code = data == null ? void 0 : data.currency.code) != null ? _data$currency$code : "USD"
-  }),
-      price = _usePrice.price;
-
+      amount: (_data$totalPrice = data == null ? void 0 : data.totalPrice) != null ? _data$totalPrice : 0,
+      currencyCode: (_data$currency$code = data == null ? void 0 : data.currency.code) != null ? _data$currency$code : "USD"
+    }),
+    price = _usePrice.price;
   if (!field) {
     return React__default.createElement("p", null, "You must set the field prop");
   }
-
   var value;
-
   if (field === "Size") {
     var _data$lineItems$lengt;
-
     value = (_data$lineItems$lengt = data == null ? void 0 : data.lineItems.length) != null ? _data$lineItems$lengt : 0;
   } else if (field === "Total Price") {
     value = price != null ? price : 0;
   }
-
   return hideIfIsEmpty && value === 0 ? null : React__default.createElement("span", {
     className: className
   }, value);
@@ -1564,18 +1385,14 @@ function registerCart(loader, customCartMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(CartComponent, customCartMeta != null ? customCartMeta : cartMeta);
 }
 
 var fetcher$2 = SWRFetcher;
-
 var fn$2 = function fn(provider) {
   var _provider$site;
-
   return (_provider$site = provider.site) == null ? void 0 : _provider$site.useCategories;
 };
-
 var useCategories = function useCategories(input) {
   var hook = useHook(fn$2);
   return useSWRHook(_extends({
@@ -1625,10 +1442,8 @@ var categoryCollectionMeta = {
       type: "choice",
       options: function options(props, ctx) {
         var _ctx$categories$map;
-
         return (_ctx$categories$map = ctx == null ? void 0 : ctx.categories.map(function (category) {
           var _category$depth;
-
           return {
             label: "" + "  ".repeat((_category$depth = category.depth) != null ? _category$depth : 0) + category.name,
             value: category.id
@@ -1660,34 +1475,29 @@ var categoryCollectionMeta = {
 };
 function CategoryCollection(props) {
   var _categories$findIndex;
-
   var children = props.children,
-      noLayout = props.noLayout,
-      noAutoRepeat = props.noAutoRepeat,
-      className = props.className,
-      loadingMessage = props.loadingMessage,
-      emptyMessage = props.emptyMessage,
-      selectedCategory = props.category,
-      setControlContextData = props.setControlContextData;
+    noLayout = props.noLayout,
+    noAutoRepeat = props.noAutoRepeat,
+    className = props.className,
+    loadingMessage = props.loadingMessage,
+    emptyMessage = props.emptyMessage,
+    selectedCategory = props.category,
+    setControlContextData = props.setControlContextData;
   var inEditor = React__default.useContext(host.PlasmicCanvasContext);
-
   var _useCategories = useCategories(),
-      allCategories = _useCategories.data,
-      isAllCategoriesLoading = _useCategories.isLoading;
-
+    allCategories = _useCategories.data,
+    isAllCategoriesLoading = _useCategories.isLoading;
   var _useCategories2 = useCategories({
-    categoryId: selectedCategory,
-    addIsEmptyField: !!inEditor
-  }),
-      categories = _useCategories2.data,
-      isLoading = _useCategories2.isLoading;
-
+      categoryId: selectedCategory,
+      addIsEmptyField: !!inEditor
+    }),
+    categories = _useCategories2.data,
+    isLoading = _useCategories2.isLoading;
   if (allCategories) {
     setControlContextData == null ? void 0 : setControlContextData({
       categories: allCategories
     });
   }
-
   var firstCategoryNotEmpty = categories == null ? void 0 : categories.find(function (category) {
     return !category.isEmpty;
   });
@@ -1700,15 +1510,12 @@ function CategoryCollection(props) {
       key: category.id
     }, host.repeatedElement(i < firstCategoryNotEmptyIndex ? i + 1 : i === firstCategoryNotEmptyIndex ? 0 : i, children));
   });
-
   if ([isAllCategoriesLoading, isLoading].includes(true)) {
     return React__default.isValidElement(loadingMessage) ? loadingMessage : null;
   }
-
   if (!categories || categories.length === 0) {
     return React__default.isValidElement(emptyMessage) ? emptyMessage : null;
   }
-
   return React__default.createElement(host.DataProvider, {
     name: "categories",
     data: categories
@@ -1722,7 +1529,6 @@ function registerCategoryCollection(loader, customCategoryCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(CategoryCollection, customCategoryCollectionMeta != null ? customCategoryCollectionMeta : categoryCollectionMeta);
 }
 
@@ -1740,13 +1546,11 @@ var categoryFieldMeta = {
 };
 function CategoryField(props) {
   var className = props.className,
-      field = props.field;
+    field = props.field;
   var category = useCategoryContext();
-
   if (!field) {
     return React__default.createElement("span", null, "You must set the field prop");
   }
-
   var data = category ? category[field] : "Category field placeholder";
   return React__default.createElement("span", {
     className: className
@@ -1756,7 +1560,6 @@ function registerCategoryField(loader, customCategoryFieldMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(CategoryField, customCategoryFieldMeta != null ? customCategoryFieldMeta : categoryFieldMeta);
 }
 
@@ -1776,36 +1579,28 @@ var categoryLinkMeta = {
 };
 function CategoryLink(props) {
   var className = props.className,
-      children = props.children,
-      linkDest = props.linkDest;
+    children = props.children,
+    linkDest = props.linkDest;
   var category = useCategoryContext();
-
   var resolveLink = function resolveLink(linkDest) {
     var _linkDest$match;
-
     if (!linkDest) {
       return undefined;
     }
-
     var regex = /{[^}]*}/;
     var regexAll = new RegExp(regex, "g");
     var matches = (_linkDest$match = linkDest.match(regexAll)) != null ? _linkDest$match : [];
     var resolvedLink = linkDest;
-
     for (var _iterator = _createForOfIteratorHelperLoose(matches), _step; !(_step = _iterator()).done;) {
       var match = _step.value;
       var field = match.slice(1, -1);
-
       if (!category || !(field in category)) {
         return undefined;
       }
-
       resolvedLink = resolvedLink.replace(regex, category[field]);
     }
-
     return resolvedLink;
   };
-
   return React__default.createElement("a", {
     className: className,
     href: resolveLink(linkDest),
@@ -1819,7 +1614,6 @@ function registerCategoryLink(loader, customCategoryLinkMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(CategoryLink, customCategoryLinkMeta != null ? customCategoryLinkMeta : categoryLinkMeta);
 }
 
@@ -1834,10 +1628,9 @@ var categoryMediaMeta = {
 };
 var CategoryMedia = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _image$url;
-
   var className = props.className,
-      _props$mediaIndex = props.mediaIndex,
-      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
+    _props$mediaIndex = props.mediaIndex,
+    mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
   var category = useCategoryContext();
   var image = category != null && category.images ? category.images[mediaIndex] : undefined;
   return React__default.createElement("img", {
@@ -1852,18 +1645,14 @@ function registerCategoryMedia(loader, customCategoryMediaMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(CategoryMedia, customCategoryMediaMeta != null ? customCategoryMediaMeta : categoryMediaMeta);
 }
 
 var fetcher$3 = SWRFetcher;
-
 var fn$3 = function fn(provider) {
   var _provider$products;
-
   return (_provider$products = provider.products) == null ? void 0 : _provider$products.useProduct;
 };
-
 var useProduct$1 = function useProduct(input) {
   var hook = useHook(fn$3);
   return useSWRHook(_extends({
@@ -1872,13 +1661,10 @@ var useProduct$1 = function useProduct(input) {
 };
 
 var fetcher$4 = SWRFetcher;
-
 var fn$4 = function fn(provider) {
   var _provider$products;
-
   return (_provider$products = provider.products) == null ? void 0 : _provider$products.useSearch;
 };
-
 var useSearch = function useSearch(input) {
   var hook = useHook(fn$4);
   return useSWRHook(_extends({
@@ -1919,10 +1705,8 @@ var productBoxMeta = {
       },
       options: function options(props, ctx) {
         var _ctx$products$map;
-
         return (_ctx$products$map = ctx == null ? void 0 : ctx.products.map(function (product) {
           var _product$slug;
-
           return {
             imgUrl: product.images[0].url,
             value: product.id,
@@ -1939,57 +1723,47 @@ var productBoxMeta = {
 };
 function ProductBox(props) {
   var className = props.className,
-      children = props.children,
-      noLayout = props.noLayout,
-      id = props.id,
-      setControlContextData = props.setControlContextData;
-
+    children = props.children,
+    noLayout = props.noLayout,
+    id = props.id,
+    setControlContextData = props.setControlContextData;
   var _React$useState = React__default.useState(""),
-      productSearch = _React$useState[0],
-      setProductSearch = _React$useState[1];
-
+    productSearch = _React$useState[0],
+    setProductSearch = _React$useState[1];
   var _useSearch = useSearch({
-    search: productSearch !== "" ? productSearch : undefined
-  }),
-      allProducts = _useSearch.data;
-
+      search: productSearch !== "" ? productSearch : undefined
+    }),
+    allProducts = _useSearch.data;
   var onSearch = React__default.useCallback(debounce(function (value) {
     return setProductSearch(value);
   }, 300), []);
-
   if (allProducts) {
     setControlContextData == null ? void 0 : setControlContextData({
       products: allProducts.products,
       onSearch: onSearch
     });
   }
-
   var _useProduct = useProduct$1({
-    id: id
-  }),
-      data = _useProduct.data,
-      error = _useProduct.error,
-      isLoading = _useProduct.isLoading;
-
+      id: id
+    }),
+    data = _useProduct.data,
+    error = _useProduct.error,
+    isLoading = _useProduct.isLoading;
   if (!id) {
     return React__default.createElement("span", null, "You must set the id prop");
   }
-
   if (error) {
     throw new CommerceError({
       message: error.message,
       code: error.code
     });
   }
-
   if (isLoading) {
     return React__default.createElement("span", null, "Loading...");
   }
-
   if (!data) {
     throw new Error("Product not found!");
   }
-
   var renderedData = React__default.createElement(ProductProvider, {
     product: data
   }, children);
@@ -2001,18 +1775,14 @@ function registerProductBox(loader, customProductBoxMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductBox, customProductBoxMeta != null ? customProductBoxMeta : productBoxMeta);
 }
 
 var fetcher$5 = SWRFetcher;
-
 var fn$5 = function fn(provider) {
   var _provider$site;
-
   return (_provider$site = provider.site) == null ? void 0 : _provider$site.useBrands;
 };
-
 var useBrands = function useBrands(input) {
   var hook = useHook(fn$5);
   return useSWRHook(_extends({
@@ -2022,8 +1792,7 @@ var useBrands = function useBrands(input) {
 
 var useCommerceExtraFeatures = function useCommerceExtraFeatures() {
   var _useCommerce = useCommerce(),
-      providerRef = _useCommerce.providerRef;
-
+    providerRef = _useCommerce.providerRef;
   return providerRef.current.extraFeatures;
 };
 
@@ -2070,10 +1839,8 @@ var productCollectionMeta = {
       type: "choice",
       options: function options(props, ctx) {
         var _ctx$categories$map;
-
         return (_ctx$categories$map = ctx == null ? void 0 : ctx.categories.map(function (category) {
           var _category$depth;
-
           return {
             label: "" + "  ".repeat((_category$depth = category.depth) != null ? _category$depth : 0) + category.name,
             value: category.id
@@ -2082,7 +1849,6 @@ var productCollectionMeta = {
       },
       defaultValueHint: function defaultValueHint(props, ctx) {
         var _ctx$categoryCtx;
-
         return ctx == null ? void 0 : (_ctx$categoryCtx = ctx.categoryCtx) == null ? void 0 : _ctx$categoryCtx.name;
       },
       readOnly: function readOnly(props, ctx) {
@@ -2093,7 +1859,6 @@ var productCollectionMeta = {
       type: "boolean",
       hidden: function hidden(props, ctx) {
         var _ctx$features;
-
         return !(ctx != null && (_ctx$features = ctx.features) != null && _ctx$features.includeSubCategories);
       }
     },
@@ -2101,7 +1866,6 @@ var productCollectionMeta = {
       type: "choice",
       options: function options(props, ctx) {
         var _ctx$brands$map;
-
         return (_ctx$brands$map = ctx == null ? void 0 : ctx.brands.map(function (brand) {
           return {
             label: brand.name,
@@ -2154,46 +1918,39 @@ var productCollectionMeta = {
 };
 function ProductCollection(props) {
   var _categoryCtx$id;
-
   var className = props.className,
-      children = props.children,
-      count = props.count,
-      category = props.category,
-      includeSubCategories = props.includeSubCategories,
-      brand = props.brand,
-      noLayout = props.noLayout,
-      noAutoRepeat = props.noAutoRepeat,
-      setControlContextData = props.setControlContextData,
-      emptyMessage = props.emptyMessage,
-      loadingMessage = props.loadingMessage,
-      search = props.search,
-      sort = props.sort;
-
+    children = props.children,
+    count = props.count,
+    category = props.category,
+    includeSubCategories = props.includeSubCategories,
+    brand = props.brand,
+    noLayout = props.noLayout,
+    noAutoRepeat = props.noAutoRepeat,
+    setControlContextData = props.setControlContextData,
+    emptyMessage = props.emptyMessage,
+    loadingMessage = props.loadingMessage,
+    search = props.search,
+    sort = props.sort;
   var _useCategories = useCategories(),
-      categories = _useCategories.data,
-      isCategoriesLoading = _useCategories.isLoading;
-
+    categories = _useCategories.data,
+    isCategoriesLoading = _useCategories.isLoading;
   var _useBrands = useBrands(),
-      brands = _useBrands.data,
-      isBrandsLoading = _useBrands.isLoading;
-
+    brands = _useBrands.data,
+    isBrandsLoading = _useBrands.isLoading;
   var categoryCtx = useCategoryContext();
-
   var _useSearch = useSearch({
-    categoryId: (_categoryCtx$id = categoryCtx == null ? void 0 : categoryCtx.id) != null ? _categoryCtx$id : category,
-    brandId: brand,
-    count: count,
-    categories: categories != null ? categories : [],
-    includeSubCategories: includeSubCategories,
-    search: search,
-    sort: sort
-  }),
-      data = _useSearch.data,
-      isSearchLoading = _useSearch.isLoading;
-
+      categoryId: (_categoryCtx$id = categoryCtx == null ? void 0 : categoryCtx.id) != null ? _categoryCtx$id : category,
+      brandId: brand,
+      count: count,
+      categories: categories != null ? categories : [],
+      includeSubCategories: includeSubCategories,
+      search: search,
+      sort: sort
+    }),
+    data = _useSearch.data,
+    isSearchLoading = _useSearch.isLoading;
   var features = useCommerceExtraFeatures();
   var primaryCategory = usePrimaryCategory();
-
   if (categories && brands) {
     setControlContextData == null ? void 0 : setControlContextData({
       categories: categories,
@@ -2202,22 +1959,18 @@ function ProductCollection(props) {
       categoryCtx: primaryCategory
     });
   }
-
   var renderedData = noAutoRepeat ? children : data == null ? void 0 : data.products.map(function (product, i) {
     return React__default.createElement(ProductProvider, {
       product: product,
       key: product.id
     }, host.repeatedElement(i, children));
   });
-
   if ([isSearchLoading, isBrandsLoading, isCategoriesLoading].includes(true)) {
     return React__default.isValidElement(loadingMessage) ? loadingMessage : null;
   }
-
   if (!data || data.products.length === 0) {
     return React__default.isValidElement(emptyMessage) ? emptyMessage : null;
   }
-
   return React__default.createElement(host.DataProvider, {
     name: "products",
     data: data == null ? void 0 : data.products
@@ -2229,7 +1982,6 @@ function registerProductCollection(loader, customProductCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductCollection, customProductCollectionMeta != null ? customProductCollectionMeta : productCollectionMeta);
 }
 
@@ -2249,36 +2001,28 @@ var productLinkMeta = {
 };
 function ProductLink(props) {
   var className = props.className,
-      children = props.children,
-      linkDest = props.linkDest;
+    children = props.children,
+    linkDest = props.linkDest;
   var product = useProduct();
-
   var resolveLink = function resolveLink(linkDest) {
     var _linkDest$match;
-
     if (!linkDest) {
       return undefined;
     }
-
     var regex = /{[^}]*}/;
     var regexAll = new RegExp(regex, "g");
     var matches = (_linkDest$match = linkDest.match(regexAll)) != null ? _linkDest$match : [];
     var resolvedLink = linkDest;
-
     for (var _iterator = _createForOfIteratorHelperLoose(matches), _step; !(_step = _iterator()).done;) {
       var match = _step.value;
       var field = match.slice(1, -1);
-
       if (!product || !(field in product)) {
         return undefined;
       }
-
       resolvedLink = resolvedLink.replace(regex, product[field]);
     }
-
     return resolvedLink;
   };
-
   return React__default.createElement("a", {
     className: className,
     href: resolveLink(linkDest),
@@ -2292,7 +2036,6 @@ function registerProductLink(loader, customProductLinkMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductLink, customProductLinkMeta != null ? customProductLinkMeta : productLinkMeta);
 }
 
@@ -2314,11 +2057,10 @@ var productMediaMeta = {
 };
 var ProductMedia = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _image$url;
-
   var className = props.className,
-      _props$mediaIndex = props.mediaIndex,
-      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex,
-      setControlContextData = props.setControlContextData;
+    _props$mediaIndex = props.mediaIndex,
+    mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex,
+    setControlContextData = props.setControlContextData;
   var product = useProduct();
   var mediaContext = useProductMediaContext();
   setControlContextData == null ? void 0 : setControlContextData({
@@ -2337,7 +2079,6 @@ function registerProductMedia(loader, customProductMediaMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductMedia, customProductMediaMeta != null ? customProductMediaMeta : productMediaMeta);
 }
 
@@ -2368,7 +2109,7 @@ var productMediaCollectionMeta = {
 };
 function ProductMediaCollection(props) {
   var media = props.media,
-      className = props.className;
+    className = props.className;
   var product = useProduct();
   return React__default.createElement("div", {
     className: className
@@ -2383,13 +2124,11 @@ function registerProductMediaCollection(loader, customProductMediaCollectionMeta
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductMediaCollection, customProductMediaCollectionMeta != null ? customProductMediaCollectionMeta : productMediaCollectionMeta);
 }
 
 var getProductPrice = function getProductPrice(product, variantId) {
   var _product$variants$fin, _product$variants$fin2;
-
   return (_product$variants$fin = (_product$variants$fin2 = product.variants.find(function (variant) {
     return variant.id === variantId;
   })) == null ? void 0 : _product$variants$fin2.price) != null ? _product$variants$fin : product.price.value;
@@ -2404,18 +2143,15 @@ var productPriceMeta = {
 };
 function ProductPriceComponent(props) {
   var _product$price;
-
   var className = props.className;
   var product = useProduct();
   var form = reactHookForm.useFormContext();
   var watchProductVariant = form == null ? void 0 : form.watch("ProductVariant", (_product$price = product.price) != null ? _product$price : "");
-
   var _usePrice = usePrice({
-    amount: product ? getProductPrice(product, watchProductVariant) : 0,
-    currencyCode: product ? product.price.currencyCode : "USD"
-  }),
-      price = _usePrice.price;
-
+      amount: product ? getProductPrice(product, watchProductVariant) : 0,
+      currencyCode: product ? product.price.currencyCode : "USD"
+    }),
+    price = _usePrice.price;
   return React__default.createElement("span", {
     className: className
   }, price);
@@ -2424,7 +2160,6 @@ function registerProductPrice(loader, customProductPriceMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductPriceComponent, customProductPriceMeta != null ? customProductPriceMeta : productPriceMeta);
 }
 
@@ -2447,7 +2182,7 @@ var productQuantityMeta = {
 };
 function ProductQuantity(props) {
   var className = props.className,
-      children = props.children;
+    children = props.children;
   var form = reactHookForm.useFormContext();
   return React__default.createElement("div", {
     className: className
@@ -2467,7 +2202,6 @@ function registerProductQuantity(loader, customProductQuantityMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductQuantity, customProductQuantityMeta != null ? customProductQuantityMeta : productQuantityMeta);
 }
 
@@ -2514,18 +2248,16 @@ var productSliderMeta = {
 };
 function ProductSlider(props) {
   var className = props.className,
-      slideContainer = props.slideContainer,
-      thumbsContainer = props.thumbsContainer,
-      _props$thumbsVisible = props.thumbsVisible,
-      thumbsVisible = _props$thumbsVisible === void 0 ? 4 : _props$thumbsVisible,
-      _props$slideSelected = props.slideSelected,
-      slideSelected = _props$slideSelected === void 0 ? 0 : _props$slideSelected;
+    slideContainer = props.slideContainer,
+    thumbsContainer = props.thumbsContainer,
+    _props$thumbsVisible = props.thumbsVisible,
+    thumbsVisible = _props$thumbsVisible === void 0 ? 4 : _props$thumbsVisible,
+    _props$slideSelected = props.slideSelected,
+    slideSelected = _props$slideSelected === void 0 ? 0 : _props$slideSelected;
   var product = useProduct();
-
   var _React$useState = React__default.useState(slideSelected),
-      selected = _React$useState[0],
-      setSelected = _React$useState[1];
-
+    selected = _React$useState[0],
+    setSelected = _React$useState[1];
   var maximumLeft = Math.max(0, product.images.length - thumbsVisible);
   var leftIndex = Math.min(maximumLeft, Math.max(0, selected - 1));
   return React__default.createElement("div", {
@@ -2552,7 +2284,6 @@ function registerProductSlider(loader, customProductSliderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductSlider, customProductSliderMeta != null ? customProductSliderMeta : productSliderMeta);
 }
 
@@ -2570,26 +2301,21 @@ var productTextFieldMeta = {
 };
 function ProductTextField(props) {
   var className = props.className,
-      field = props.field;
+    field = props.field;
   var product = useProduct();
-
   if (!product) {
     return React__default.createElement("span", {
       className: className
     }, "Fake Product Field");
   }
-
   if (!field) {
     return React__default.createElement("span", {
       className: className
     }, "Unknown Product Field");
   }
-
   var value;
-
   if (field === "description") {
     var _product$descriptionH;
-
     return React__default.createElement("div", {
       className: className,
       dangerouslySetInnerHTML: {
@@ -2599,7 +2325,6 @@ function ProductTextField(props) {
   } else {
     value = product[field];
   }
-
   return React__default.createElement("span", {
     className: className
   }, value);
@@ -2608,7 +2333,6 @@ function registerTextField(loader, customProductTextFieldMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductTextField, customProductTextFieldMeta != null ? customProductTextFieldMeta : productTextFieldMeta);
 }
 
@@ -2621,7 +2345,6 @@ var productVariantPickerMeta = {
 };
 function ProductVariantPicker(props) {
   var _useFormContext, _product$variants$fin;
-
   var className = props.className;
   var product = useProduct();
   var form = (_useFormContext = reactHookForm.useFormContext()) != null ? _useFormContext : reactHookForm.useForm();
@@ -2633,7 +2356,6 @@ function ProductVariantPicker(props) {
     })) == null ? void 0 : _product$variants$fin.id,
     render: function render(_ref) {
       var _product$variants$map;
-
       var field = _ref.field;
       return React__default.createElement("select", Object.assign({
         className: className
@@ -2649,18 +2371,14 @@ function registerProductVariantPicker(loader, customProductVariantPickerMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
-
   doRegisterComponent(ProductVariantPicker, customProductVariantPickerMeta != null ? customProductVariantPickerMeta : productVariantPickerMeta);
 }
 
 var fetcher$6 = mutationFetcher;
-
 var fn$6 = function fn(provider) {
   var _provider$cart;
-
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useRemoveItem;
 };
-
 var useRemoveItem = function useRemoveItem(input) {
   var hook = useHook(fn$6);
   return useMutationHook(_extends({
@@ -2669,13 +2387,10 @@ var useRemoveItem = function useRemoveItem(input) {
 };
 
 var fetcher$7 = mutationFetcher;
-
 var fn$7 = function fn(provider) {
   var _provider$cart;
-
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useUpdateItem;
 };
-
 var useUpdateItem = function useUpdateItem(input) {
   var hook = useHook(fn$7);
   return useMutationHook(_extends({