@plasmicpkgs/commerce 0.0.1 → 0.0.2

package/dist/commerce.cjs.development.js

@@ -0,0 +1,1851 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var reactHookForm = require('react-hook-form');
+var useSWR = _interopDefault(require('swr'));
+var host = require('@plasmicapp/host');
+var Cookies = _interopDefault(require('js-cookie'));
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    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;
+    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) {
+    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) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || 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;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct;
+  } else {
+    _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) _setPrototypeOf(instance, Class.prototype);
+      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,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    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 createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var runtime_1 = createCommonjsModule(function (module) {
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * 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,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      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.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // 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
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // 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 { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // 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() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  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 = Gp.constructor = GeneratorFunctionPrototype;
+  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.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      define(prototype, method, function(arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    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);
+    } else {
+      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
+  // `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);
+          }, function(err) {
+            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
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    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
+        // 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
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // 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
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  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
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          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
+        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.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            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
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // 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"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          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.next = delegate.nextLoc;
+
+      // 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;
+      }
+
+    } 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.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // 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
+  // @@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.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  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
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // 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
+      // 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.value = undefined$1;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // 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(skipTempReset) {
+      this.prev = 0;
+      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:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined$1;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(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);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(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(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") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(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);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(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.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        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
+  // 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
+  // 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) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+});
+
+var ProductContext = /*#__PURE__*/React__default.createContext(undefined);
+function ProductProvider(_ref) {
+  var product = _ref.product,
+      children = _ref.children;
+  var methods = reactHookForm.useForm();
+  return React__default.createElement(ProductContext.Provider, {
+    value: product,
+    key: product.id
+  }, React__default.createElement(reactHookForm.FormProvider, Object.assign({}, methods), children));
+}
+function useProduct() {
+  return React.useContext(ProductContext);
+}
+
+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
+  // consumer unless we memoize the config
+
+  var _providerRef$current = providerRef.current,
+      locale = _providerRef$current.locale,
+      cartCookie = _providerRef$current.cartCookie;
+  var cfg = React.useMemo(function () {
+    return {
+      providerRef: providerRef,
+      fetcherRef: fetcherRef,
+      locale: locale,
+      cartCookie: cartCookie
+    };
+  }, [locale, cartCookie]);
+  return React__default.createElement(Commerce.Provider, {
+    value: cfg
+  }, children);
+}
+function getCommerceProvider(provider) {
+  return function CommerceProvider(_ref2) {
+    var children = _ref2.children,
+        props = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+
+    return React__default.createElement(CoreCommerceProvider, {
+      provider: _extends({}, provider, props)
+    }, children);
+  };
+}
+function useCommerce() {
+  return React.useContext(Commerce);
+}
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/commerce/src
+  Changes: None
+*/
+// Taken from https://fettblog.eu/typescript-assertion-signatures/
+function defineProperty(obj, prop, val) {
+  Object.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;
+    var error = message ? _extends({
+      message: message
+    }, code ? {
+      code: code
+    } : {}) : errors[0];
+    _this = _Error.call(this, error.message) || this;
+    _this.errors = message ? [error] : errors;
+    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
+
+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) {
+  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;
+
+      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: {
+                  url: url,
+                  query: query,
+                  method: method
+                },
+                // Transform the input array into an object
+                input: args.reduce(function (obj, val, i) {
+                  obj[hookInput[i][0]] = val;
+                  return obj;
+                }, {}),
+                fetch: fetcherFn
+              });
+
+            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();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function fetcher(_x, _x2, _x3) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var response = useSWR(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() {
+        return response.data === undefined;
+      },
+      enumerable: true
+    });
+  }
+
+  return response;
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/commerce/src
+  Changes: None
+*/
+function useFetcher() {
+  var _providerRef$current$;
+
+  var _useCommerce = useCommerce(),
+      providerRef = _useCommerce.providerRef,
+      fetcherRef = _useCommerce.fetcherRef;
+
+  return (_providerRef$current$ = providerRef.current.fetcher) != null ? _providerRef$current$ : fetcherRef.current;
+}
+function useHook(fn) {
+  var _useCommerce2 = useCommerce(),
+      providerRef = _useCommerce2.providerRef;
+
+  var provider = providerRef.current;
+  return fn(provider);
+}
+function useSWRHook(hook) {
+  var fetcher = useFetcher();
+  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);
+
+      return response;
+    }
+  });
+}
+function useMutationHook(hook) {
+  var fetcher = useFetcher();
+  return hook.useHook({
+    fetch: React.useCallback(function (_temp) {
+      var _ref = _temp === void 0 ? {} : _temp,
+          input = _ref.input;
+
+      return hook.fetcher({
+        input: input,
+        options: hook.fetchOptions,
+        fetch: fetcher
+      });
+    }, [fetcher, hook.fetchOptions])
+  });
+}
+
+var SWRFetcher = function SWRFetcher(_ref) {
+  var options = _ref.options,
+      fetch = _ref.fetch;
+  return fetch(options);
+};
+var mutationFetcher = function mutationFetcher(_ref2) {
+  var input = _ref2.input,
+      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({
+    fetcher: fetcher
+  }, hook)).apply(void 0, arguments);
+};
+
+var addToCartButtonMeta = {
+  name: "plasmic-commerce-add-to-cart-button",
+  displayName: "Add To Cart Button",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "button",
+        value: "Add To Cart"
+      }]
+    }
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "AddToCartButton"
+};
+
+function AddToCartButton(props) {
+  var children = props.children;
+  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, 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()["ProductVariant"];
+              _context.next = 7;
+              return addItem({
+                productId: product.id,
+                variantId: variantId,
+                quantity: quantity
+              });
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _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;
+}
+
+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);
+}
+
+var fetcher$1 = SWRFetcher;
+
+var fn$1 = 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$1);
+  console.log("dale", "commerce", input);
+  return useSWRHook(_extends({
+    fetcher: fetcher$1
+  }, hook))(input);
+};
+
+var productCollectionMeta = {
+  name: "plasmic-commerce-product-collection",
+  displayName: "Product Collection",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "vbox",
+        children: [{
+          type: "component",
+          name: "plasmic-commerce-product-text-field",
+          props: {
+            field: "name"
+          }
+        }, {
+          type: "component",
+          name: "plasmic-commerce-product-media"
+        }],
+        styles: {
+          width: "100%"
+        }
+      }]
+    },
+    count: "number",
+    categoryId: "string",
+    brandId: "string"
+  },
+  defaultStyles: {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr 1fr 1fr"
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "ProductCollection"
+};
+
+function ProductCollection(props) {
+  var className = props.className,
+      children = props.children,
+      count = props.count,
+      categoryId = props.categoryId,
+      brandId = props.brandId;
+
+  var _useSearch = useSearch({
+    categoryId: categoryId,
+    brandId: brandId,
+    count: count
+  }),
+      data = _useSearch.data;
+
+  return React__default.createElement("div", {
+    className: className
+  }, data == null ? void 0 : data.products.map(function (product, i) {
+    return React__default.createElement(ProductProvider, {
+      product: product,
+      key: product.id
+    }, host.repeatedElement(i === 0, children));
+  }));
+}
+
+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);
+}
+
+var placeholderImage = "https://static1.plasmic.app/commerce/lightweight-jacket-0.png";
+var productMediaMeta = {
+  name: "plasmic-commerce-product-media",
+  displayName: "Product Media",
+  props: {
+    children: "slot",
+    style: "object",
+    mediaIndex: "number"
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "ProductMedia"
+};
+function ProductMedia(props) {
+  var _image$url;
+
+  var className = props.className,
+      style = props.style,
+      _props$mediaIndex = props.mediaIndex,
+      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
+  var product = useProduct();
+  var image = product == null ? void 0 : product.images[mediaIndex];
+  return React__default.createElement("img", {
+    alt: (product == null ? void 0 : product.name) || 'Product Image',
+    src: product ? (_image$url = image == null ? void 0 : image.url) != null ? _image$url : "" : placeholderImage,
+    loading: 'lazy',
+    className: className,
+    style: style
+  });
+}
+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);
+}
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/commerce/src
+  Changes: None
+*/
+function formatPrice(_ref) {
+  var amount = _ref.amount,
+      currencyCode = _ref.currencyCode,
+      locale = _ref.locale;
+  var formatCurrency = new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currencyCode
+  });
+  return formatCurrency.format(amount);
+}
+function formatVariantPrice(_ref2) {
+  var amount = _ref2.amount,
+      baseAmount = _ref2.baseAmount,
+      currencyCode = _ref2.currencyCode,
+      locale = _ref2.locale;
+  var hasDiscount = baseAmount > amount;
+  var formatDiscount = new Intl.NumberFormat(locale, {
+    style: 'percent'
+  });
+  var discount = hasDiscount ? formatDiscount.format((baseAmount - amount) / baseAmount) : null;
+  var price = formatPrice({
+    amount: amount,
+    currencyCode: currencyCode,
+    locale: locale
+  });
+  var basePrice = hasDiscount ? formatPrice({
+    amount: baseAmount,
+    currencyCode: currencyCode,
+    locale: locale
+  }) : null;
+  return {
+    price: price,
+    basePrice: basePrice,
+    discount: discount
+  };
+}
+function usePrice(data) {
+  var _ref3 = data != null ? data : {},
+      amount = _ref3.amount,
+      baseAmount = _ref3.baseAmount,
+      currencyCode = _ref3.currencyCode;
+
+  var _useCommerce = useCommerce(),
+      locale = _useCommerce.locale;
+
+  var value = React.useMemo(function () {
+    if (typeof amount !== 'number' || !currencyCode) return '';
+    return baseAmount ? formatVariantPrice({
+      amount: amount,
+      baseAmount: baseAmount,
+      currencyCode: currencyCode,
+      locale: locale
+    }) : formatPrice({
+      amount: amount,
+      currencyCode: currencyCode,
+      locale: locale
+    });
+  }, [amount, baseAmount, currencyCode]);
+  return typeof value === 'string' ? {
+    price: value
+  } : value;
+}
+
+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;
+};
+
+var productPriceMeta = {
+  name: "plasmic-commerce-product-price",
+  displayName: "Product Price",
+  props: {},
+  importPath: "commerce-providers/commerce",
+  importName: "ProductPrice"
+};
+function ProductPrice(props) {
+  var className = props.className;
+  var product = useProduct();
+  var form = reactHookForm.useFormContext();
+  var watchProductVariant = form.watch("ProductVariant", product == null ? void 0 : product.variants[0].id);
+
+  var _usePrice = usePrice({
+    amount: product ? getProductPrice(product, watchProductVariant) : 0,
+    currencyCode: product ? product.price.currencyCode : 'USD'
+  }),
+      price = _usePrice.price;
+
+  return React__default.createElement("span", {
+    className: className
+  }, price);
+}
+function registerProductPrice(loader, customProductPriceMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(ProductPrice, customProductPriceMeta != null ? customProductPriceMeta : productPriceMeta);
+}
+
+var productQuantityMeta = {
+  name: "plasmic-commerce-product-quantity",
+  displayName: "Product Quantity",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "input",
+        attrs: {
+          value: "1"
+        }
+      }]
+    }
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "ProductQuantity"
+};
+function ProductQuantity(props) {
+  var className = props.className,
+      children = props.children;
+  var form = reactHookForm.useFormContext();
+  return React__default.createElement("div", {
+    className: className
+  }, React__default.createElement(reactHookForm.Controller, {
+    name: "ProductQuantity",
+    defaultValue: 1,
+    control: form == null ? void 0 : form.control,
+    render: function render(_ref) {
+      var field = _ref.field;
+      return React__default.isValidElement(children) ? React__default.cloneElement(children, _extends({}, children.props, field, {
+        name: "ProductQuantity"
+      })) : React__default.createElement(React__default.Fragment, null);
+    }
+  }));
+}
+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);
+}
+
+var productTextFieldMeta = {
+  name: "plasmic-commerce-product-text-field",
+  displayName: "Product Text Field",
+  props: {
+    field: {
+      type: "choice",
+      options: ["id", "name", "description", "sku", "slug", "path"]
+    }
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "ProductTextField"
+};
+function ProductTextField(props) {
+  var className = props.className,
+      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") {
+    return product.descriptionHtml ? React__default.createElement("div", {
+      className: className,
+      dangerouslySetInnerHTML: {
+        __html: product.descriptionHtml
+      }
+    }) : React__default.createElement("div", {
+      className: className
+    }, product.description);
+  } else {
+    value = product[field];
+  }
+
+  return React__default.createElement("span", {
+    className: className
+  }, value);
+}
+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);
+}
+
+var productVariantPickerMeta = {
+  name: "plasmic-commerce-product-variant-picker",
+  displayName: "Product Variant Picker",
+  props: {},
+  importPath: "commerce-providers/commerce",
+  importName: "ProductVariantPicker"
+};
+function ProductVariantPicker(props) {
+  var className = props.className;
+  var product = useProduct();
+  var form = reactHookForm.useFormContext();
+  return React__default.createElement(reactHookForm.Controller, {
+    name: "ProductVariant",
+    control: form == null ? void 0 : form.control,
+    defaultValue: product == null ? void 0 : product.variants[0].id,
+    render: function render(_ref) {
+      var _product$variants$map;
+
+      var field = _ref.field;
+      return React__default.createElement("select", Object.assign({
+        className: className
+      }, field), (_product$variants$map = product == null ? void 0 : product.variants.map(function (variant) {
+        return React__default.createElement("option", {
+          value: variant.id
+        }, variant.name);
+      })) != null ? _product$variants$map : React__default.createElement("option", null, "Fake Product Variant"));
+    }
+  });
+}
+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$2 = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
+    var options, cartId, fetch;
+    return runtime_1.wrap(function _callee$(_context) {
+      while (1) {
+        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();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function fetcher(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+var fn$2 = 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$2);
+
+  var _useCommerce = useCommerce(),
+      cartCookie = _useCommerce.cartCookie;
+
+  var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$2;
+
+  var wrapper = function wrapper(context) {
+    context.input.cartId = Cookies.get(cartCookie);
+    return fetcherFn(context);
+  };
+
+  return useSWRHook(_extends({}, hook, {
+    fetcher: wrapper
+  }))(input);
+};
+
+var useCartMeta = {
+  name: "plasmic-commerce-use-cart",
+  displayName: "Use Cart",
+  props: {
+    field: {
+      type: "choice",
+      options: ["Size", "Total Price"]
+    }
+  },
+  importPath: "commerce-providers/commerce",
+  importName: "UseCart"
+};
+
+function UseCartComponent(props) {
+  var _data$totalPrice, _data$currency$code;
+
+  var className = props.className,
+      field = props.field;
+
+  var _useCart = useCart(),
+      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;
+
+  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;
+  }
+
+  return React__default.createElement("span", {
+    className: className
+  }, value);
+}
+
+function registerUseCart(loader, customUseCartMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(UseCartComponent, customUseCartMeta != null ? customUseCartMeta : useCartMeta);
+}
+
+var x = function x() {
+  return 2;
+};
+
+
+
+var product = {
+  __proto__: null
+};
+
+var fetcher$3 = mutationFetcher;
+
+var fn$3 = 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$3);
+  return useMutationHook(_extends({
+    fetcher: fetcher$3
+  }, hook))(input);
+};
+
+var fetcher$4 = mutationFetcher;
+
+var fn$4 = 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$4);
+  return useMutationHook(_extends({
+    fetcher: fetcher$4
+  }, hook))(input);
+};
+
+
+
+var cart = {
+  __proto__: null
+};
+
+
+
+var site = {
+  __proto__: null
+};
+
+function registerAll(loader) {
+  registerProductCollection(loader);
+  registerTextField(loader);
+  registerProductPrice(loader);
+  registerProductMedia(loader);
+  registerUseCart(loader);
+  registerAddToCartButton(loader);
+  registerProductQuantity(loader);
+  registerProductVariantPicker(loader);
+}
+
+exports.CartType = cart;
+exports.CommerceError = CommerceError;
+exports.CoreCommerceProvider = CoreCommerceProvider;
+exports.FetcherError = FetcherError;
+exports.ProductTypes = product;
+exports.SiteTypes = site;
+exports.ValidationError = ValidationError;
+exports.fetcher = fetcher$1;
+exports.getCommerceProvider = getCommerceProvider;
+exports.registerAll = registerAll;
+exports.useAddItem = useAddItem;
+exports.useCart = useCart;
+exports.useCommerce = useCommerce;
+exports.useRemoveItem = useRemoveItem;
+exports.useSearch = useSearch;
+exports.useUpdateItem = useUpdateItem;
+exports.x = x;
+//# sourceMappingURL=commerce.cjs.development.js.map