@plasmicpkgs/commerce-shopify 0.0.1

package/dist/commerce-shopify.cjs.development.js

@@ -0,0 +1,2179 @@
+'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 commerce = require('@plasmicpkgs/commerce');
+var Cookies = _interopDefault(require('js-cookie'));
+var debounce = _interopDefault(require('lodash.debounce'));
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: Removed store domain and api token
+*/
+var SHOPIFY_CHECKOUT_ID_COOKIE = 'shopify_checkoutId';
+var SHOPIFY_CHECKOUT_URL_COOKIE = 'shopify_checkoutUrl';
+var SHOPIFY_COOKIE_EXPIRE = 30;
+
+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 _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);
+}
+});
+
+function getError(errors, status) {
+  var _errors;
+
+  errors = (_errors = errors) != null ? _errors : [{
+    message: 'Failed to fetch Shopify API'
+  }];
+  return new commerce.FetcherError({
+    errors: errors,
+    status: status
+  });
+}
+function getAsyncError(_x) {
+  return _getAsyncError.apply(this, arguments);
+}
+
+function _getAsyncError() {
+  _getAsyncError = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(res) {
+    var data;
+    return runtime_1.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return res.json();
+
+          case 2:
+            data = _context2.sent;
+            return _context2.abrupt("return", getError(data.errors, res.status));
+
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _getAsyncError.apply(this, arguments);
+}
+
+var handleFetchResponse = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(res) {
+    var _yield$res$json, data, errors;
+
+    return runtime_1.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!res.ok) {
+              _context.next = 9;
+              break;
+            }
+
+            _context.next = 3;
+            return res.json();
+
+          case 3:
+            _yield$res$json = _context.sent;
+            data = _yield$res$json.data;
+            errors = _yield$res$json.errors;
+
+            if (!(errors && errors.length)) {
+              _context.next = 8;
+              break;
+            }
+
+            throw getError(errors, res.status);
+
+          case 8:
+            return _context.abrupt("return", data);
+
+          case 9:
+            _context.next = 11;
+            return getAsyncError(res);
+
+          case 11:
+            throw _context.sent;
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function handleFetchResponse(_x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var getSortVariables = function getSortVariables(sort, isCategory) {
+  if (isCategory === void 0) {
+    isCategory = false;
+  }
+
+  var output = {};
+
+  switch (sort) {
+    case 'price-asc':
+      output = {
+        sortKey: 'PRICE',
+        reverse: false
+      };
+      break;
+
+    case 'price-desc':
+      output = {
+        sortKey: 'PRICE',
+        reverse: true
+      };
+      break;
+
+    case 'trending-desc':
+      output = {
+        sortKey: 'BEST_SELLING',
+        reverse: false
+      };
+      break;
+
+    case 'latest-desc':
+      output = {
+        sortKey: isCategory ? 'CREATED' : 'CREATED_AT',
+        reverse: true
+      };
+      break;
+  }
+
+  return output;
+};
+
+var getSearchVariables = function getSearchVariables(_ref) {
+  var brandId = _ref.brandId,
+      search = _ref.search,
+      categoryId = _ref.categoryId,
+      sort = _ref.sort,
+      locale = _ref.locale,
+      count = _ref.count;
+  var query = '';
+
+  if (search) {
+    query += "product_type:" + search + " OR title:" + search + " OR tag:" + search + " ";
+  }
+
+  if (brandId) {
+    query += (search ? 'AND ' : '') + "vendor:" + brandId;
+  }
+
+  return _extends({
+    categoryId: categoryId,
+    query: query
+  }, getSortVariables(sort, !!categoryId), locale && {
+    locale: locale
+  }, {
+    first: count
+  });
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+
+var getCheckoutId = function getCheckoutId(id) {
+  return id != null ? id : Cookies.get(SHOPIFY_CHECKOUT_ID_COOKIE);
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var checkoutDetailsFragment =
+/* GraphQL */
+"\n  fragment checkoutDetails on Checkout {\n    id\n    webUrl\n    subtotalPriceV2 {\n      amount\n      currencyCode\n    }\n    totalTaxV2 {\n      amount\n      currencyCode\n    }\n    totalPriceV2 {\n      amount\n      currencyCode\n    }\n    completedAt\n    createdAt\n    taxesIncluded\n    lineItems(first: 250) {\n      pageInfo {\n        hasNextPage\n        hasPreviousPage\n      }\n      edges {\n        node {\n          id\n          title\n          variant {\n            id\n            sku\n            title\n            selectedOptions {\n              name\n              value\n            }\n            image {\n              originalSrc\n              altText\n              width\n              height\n            }\n            priceV2 {\n              amount\n              currencyCode\n            }\n            compareAtPriceV2 {\n              amount\n              currencyCode\n            }\n            product {\n              handle\n            }\n          }\n          quantity\n        }\n      }\n    }\n  }\n";
+var getCheckoutQuery =
+/* GraphQL */
+"\n  query getCheckout($checkoutId: ID!) {\n    node(id: $checkoutId) {\n      ...checkoutDetails\n    }\n  }\n  " + checkoutDetailsFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var checkoutCreateMutation =
+/* GraphQL */
+"\n  mutation checkoutCreate($input: CheckoutCreateInput = {}) {\n    checkoutCreate(input: $input) {\n      checkoutUserErrors {\n        code\n        field\n        message\n      }\n      checkout {\n        ...checkoutDetails\n      }\n    }\n  }\n\n  " + checkoutDetailsFragment + "\n";
+
+var checkoutCreate = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(fetch, lineItems) {
+    var _yield$fetch, checkoutCreate, checkout, checkoutId, options;
+
+    return runtime_1.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return fetch({
+              query: checkoutCreateMutation,
+              variables: {
+                input: {
+                  lineItems: lineItems
+                }
+              }
+            });
+
+          case 2:
+            _yield$fetch = _context.sent;
+            checkoutCreate = _yield$fetch.checkoutCreate;
+            checkout = checkoutCreate == null ? void 0 : checkoutCreate.checkout;
+
+            if (checkout) {
+              checkoutId = checkout == null ? void 0 : checkout.id;
+              options = {
+                expires: SHOPIFY_COOKIE_EXPIRE,
+                sameSite: "none",
+                secure: true
+              };
+              Cookies.set(SHOPIFY_CHECKOUT_ID_COOKIE, checkoutId, options);
+
+              if (checkout != null && checkout.webUrl) {
+                Cookies.set(SHOPIFY_CHECKOUT_URL_COOKIE, checkout.webUrl, options);
+              }
+            }
+
+            return _context.abrupt("return", checkoutCreate);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function checkoutCreate(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var colorMap = {
+  aliceblue: '#F0F8FF',
+  antiquewhite: '#FAEBD7',
+  aqua: '#00FFFF',
+  aquamarine: '#7FFFD4',
+  azure: '#F0FFFF',
+  beige: '#F5F5DC',
+  bisque: '#FFE4C4',
+  black: '#000000',
+  blanchedalmond: '#FFEBCD',
+  blue: '#0000FF',
+  blueviolet: '#8A2BE2',
+  brown: '#A52A2A',
+  burlywood: '#DEB887',
+  burgandy: '#800020',
+  burgundy: '#800020',
+  cadetblue: '#5F9EA0',
+  chartreuse: '#7FFF00',
+  chocolate: '#D2691E',
+  coral: '#FF7F50',
+  cornflowerblue: '#6495ED',
+  cornsilk: '#FFF8DC',
+  crimson: '#DC143C',
+  cyan: '#00FFFF',
+  darkblue: '#00008B',
+  darkcyan: '#008B8B',
+  darkgoldenrod: '#B8860B',
+  darkgray: '#A9A9A9',
+  darkgreen: '#006400',
+  darkgrey: '#A9A9A9',
+  darkkhaki: '#BDB76B',
+  darkmagenta: '#8B008B',
+  darkolivegreen: '#556B2F',
+  darkorange: '#FF8C00',
+  darkorchid: '#9932CC',
+  darkred: '#8B0000',
+  darksalmon: '#E9967A',
+  darkseagreen: '#8FBC8F',
+  darkslateblue: '#483D8B',
+  darkslategray: '#2F4F4F',
+  darkslategrey: '#2F4F4F',
+  darkturquoise: '#00CED1',
+  darkviolet: '#9400D3',
+  deeppink: '#FF1493',
+  deepskyblue: '#00BFFF',
+  dimgray: '#696969',
+  dimgrey: '#696969',
+  dodgerblue: '#1E90FF',
+  firebrick: '#B22222',
+  floralwhite: '#FFFAF0',
+  forestgreen: '#228B22',
+  fuchsia: '#FF00FF',
+  gainsboro: '#DCDCDC',
+  ghostwhite: '#F8F8FF',
+  gold: '#FFD700',
+  goldenrod: '#DAA520',
+  gray: '#808080',
+  green: '#008000',
+  greenyellow: '#ADFF2F',
+  grey: '#808080',
+  honeydew: '#F0FFF0',
+  hotpink: '#FF69B4',
+  indianred: '#CD5C5C',
+  indigo: '#4B0082',
+  ivory: '#FFFFF0',
+  khaki: '#F0E68C',
+  lavender: '#E6E6FA',
+  lavenderblush: '#FFF0F5',
+  lawngreen: '#7CFC00',
+  lemonchiffon: '#FFFACD',
+  lightblue: '#ADD8E6',
+  lightcoral: '#F08080',
+  lightcyan: '#E0FFFF',
+  lightgoldenrodyellow: '#FAFAD2',
+  lightgray: '#D3D3D3',
+  lightgreen: '#90EE90',
+  lightgrey: '#D3D3D3',
+  lightpink: '#FFB6C1',
+  lightsalmon: '#FFA07A',
+  lightseagreen: '#20B2AA',
+  lightskyblue: '#87CEFA',
+  lightslategray: '#778899',
+  lightslategrey: '#778899',
+  lightsteelblue: '#B0C4DE',
+  lightyellow: '#FFFFE0',
+  lime: '#00FF00',
+  limegreen: '#32CD32',
+  linen: '#FAF0E6',
+  magenta: '#FF00FF',
+  maroon: '#800000',
+  mediumaquamarine: '#66CDAA',
+  mediumblue: '#0000CD',
+  mediumorchid: '#BA55D3',
+  mediumpurple: '#9370DB',
+  mediumseagreen: '#3CB371',
+  mediumslateblue: '#7B68EE',
+  mediumspringgreen: '#00FA9A',
+  mediumturquoise: '#48D1CC',
+  mediumvioletred: '#C71585',
+  midnightblue: '#191970',
+  mintcream: '#F5FFFA',
+  mistyrose: '#FFE4E1',
+  moccasin: '#FFE4B5',
+  navajowhite: '#FFDEAD',
+  navy: '#000080',
+  oldlace: '#FDF5E6',
+  olive: '#808000',
+  olivedrab: '#6B8E23',
+  orange: '#FFA500',
+  orangered: '#FF4500',
+  orchid: '#DA70D6',
+  palegoldenrod: '#EEE8AA',
+  palegreen: '#98FB98',
+  paleturquoise: '#AFEEEE',
+  palevioletred: '#DB7093',
+  papayawhip: '#FFEFD5',
+  peachpuff: '#FFDAB9',
+  peru: '#CD853F',
+  pink: '#FFC0CB',
+  plum: '#DDA0DD',
+  powderblue: '#B0E0E6',
+  purple: '#800080',
+  rebeccapurple: '#663399',
+  red: '#FF0000',
+  rosybrown: '#BC8F8F',
+  royalblue: '#4169E1',
+  saddlebrown: '#8B4513',
+  salmon: '#FA8072',
+  sandybrown: '#F4A460',
+  seagreen: '#2E8B57',
+  seashell: '#FFF5EE',
+  sienna: '#A0522D',
+  silver: '#C0C0C0',
+  skyblue: '#87CEEB',
+  slateblue: '#6A5ACD',
+  slategray: '#708090',
+  slategrey: '#708090',
+  spacegrey: '#65737e',
+  spacegray: '#65737e',
+  snow: '#FFFAFA',
+  springgreen: '#00FF7F',
+  steelblue: '#4682B4',
+  tan: '#D2B48C',
+  teal: '#008080',
+  thistle: '#D8BFD8',
+  tomato: '#FF6347',
+  turquoise: '#40E0D0',
+  violet: '#EE82EE',
+  wheat: '#F5DEB3',
+  white: '#FFFFFF',
+  whitesmoke: '#F5F5F5',
+  yellow: '#FFFF00',
+  yellowgreen: '#9ACD32'
+};
+
+var money = function money(_ref) {
+  var amount = _ref.amount,
+      currencyCode = _ref.currencyCode;
+  return {
+    value: +amount,
+    currencyCode: currencyCode
+  };
+};
+
+var isDefaultOption = function isDefaultOption(selectedOption) {
+  return selectedOption.name === "Title";
+};
+
+var normalizeProductOption = function normalizeProductOption(_ref2) {
+  var id = _ref2.id,
+      displayName = _ref2.name,
+      values = _ref2.values;
+  return {
+    __typename: 'MultipleChoiceOption',
+    id: id,
+    displayName: displayName.toLowerCase(),
+    values: values.map(function (value) {
+      var output = {
+        label: value
+      };
+
+      if (displayName.match(/colou?r/gi)) {
+        var mapedColor = colorMap[value.toLowerCase().replace(/ /g, '')];
+
+        if (mapedColor) {
+          output = _extends({}, output, {
+            hexColors: [mapedColor]
+          });
+        }
+      }
+
+      return output;
+    })
+  };
+};
+
+var normalizeProductImages = function normalizeProductImages(_ref3) {
+  var edges = _ref3.edges;
+  return edges == null ? void 0 : edges.map(function (_ref4) {
+    var _ref4$node = _ref4.node,
+        url = _ref4$node.originalSrc,
+        rest = _objectWithoutPropertiesLoose(_ref4$node, ["originalSrc"]);
+
+    return _extends({
+      url: url
+    }, rest);
+  });
+};
+
+var normalizeProductVariants = function normalizeProductVariants(_ref5) {
+  var edges = _ref5.edges;
+  return edges == null ? void 0 : edges.map(function (_ref6) {
+    var _ref6$node = _ref6.node,
+        id = _ref6$node.id,
+        selectedOptions = _ref6$node.selectedOptions,
+        sku = _ref6$node.sku,
+        title = _ref6$node.title,
+        priceV2 = _ref6$node.priceV2,
+        compareAtPriceV2 = _ref6$node.compareAtPriceV2,
+        requiresShipping = _ref6$node.requiresShipping,
+        availableForSale = _ref6$node.availableForSale;
+    return {
+      id: id,
+      name: selectedOptions.some(function (o) {
+        return !isDefaultOption(o);
+      }) ? title : "Default variant",
+      sku: sku != null ? sku : id,
+      price: +priceV2.amount,
+      listPrice: +(compareAtPriceV2 == null ? void 0 : compareAtPriceV2.amount),
+      requiresShipping: requiresShipping,
+      availableForSale: availableForSale,
+      options: selectedOptions.map(function (_ref7) {
+        var name = _ref7.name,
+            value = _ref7.value;
+        var options = normalizeProductOption({
+          id: id,
+          name: name,
+          values: [value]
+        });
+        return options;
+      })
+    };
+  });
+};
+
+function normalizeProduct(_ref8) {
+  var id = _ref8.id,
+      name = _ref8.title,
+      vendor = _ref8.vendor,
+      images = _ref8.images,
+      variants = _ref8.variants,
+      description = _ref8.description,
+      descriptionHtml = _ref8.descriptionHtml,
+      handle = _ref8.handle,
+      priceRange = _ref8.priceRange,
+      options = _ref8.options,
+      rest = _objectWithoutPropertiesLoose(_ref8, ["id", "title", "vendor", "images", "variants", "description", "descriptionHtml", "handle", "priceRange", "options", "metafields"]);
+
+  return _extends({
+    id: id,
+    name: name,
+    vendor: vendor,
+    path: "/" + handle,
+    slug: handle == null ? void 0 : handle.replace(/^\/+|\/+$/g, ''),
+    price: money(priceRange == null ? void 0 : priceRange.minVariantPrice),
+    images: normalizeProductImages(images),
+    variants: variants ? normalizeProductVariants(variants) : [],
+    options: options ? options.filter(function (o) {
+      return !isDefaultOption(o);
+    }) // By default Shopify adds a 'Title' name when there's only one option. We don't need it. https://community.shopify.com/c/Shopify-APIs-SDKs/Adding-new-product-variant-is-automatically-adding-quot-Default/td-p/358095
+    .map(function (o) {
+      return normalizeProductOption(o);
+    }) : []
+  }, description && {
+    description: description
+  }, descriptionHtml && {
+    descriptionHtml: descriptionHtml
+  }, rest);
+}
+function normalizeCart(checkout) {
+  var _checkout$totalPriceV, _checkout$lineItems, _checkout$subtotalPri, _checkout$subtotalPri2, _checkout$totalPriceV2;
+
+  return {
+    id: checkout.id,
+    url: checkout.webUrl,
+    customerId: '',
+    email: '',
+    createdAt: checkout.createdAt,
+    currency: {
+      code: (_checkout$totalPriceV = checkout.totalPriceV2) == null ? void 0 : _checkout$totalPriceV.currencyCode
+    },
+    taxesIncluded: checkout.taxesIncluded,
+    lineItems: (_checkout$lineItems = checkout.lineItems) == null ? void 0 : _checkout$lineItems.edges.map(normalizeLineItem),
+    lineItemsSubtotalPrice: +((_checkout$subtotalPri = checkout.subtotalPriceV2) == null ? void 0 : _checkout$subtotalPri.amount),
+    subtotalPrice: +((_checkout$subtotalPri2 = checkout.subtotalPriceV2) == null ? void 0 : _checkout$subtotalPri2.amount),
+    totalPrice: +((_checkout$totalPriceV2 = checkout.totalPriceV2) == null ? void 0 : _checkout$totalPriceV2.amount),
+    discounts: []
+  };
+}
+
+function normalizeLineItem(_ref9) {
+  var _variant$sku, _variant$image, _variant$requiresShip, _variant$priceV, _variant$compareAtPri, _variant$product;
+
+  var _ref9$node = _ref9.node,
+      id = _ref9$node.id,
+      title = _ref9$node.title,
+      variant = _ref9$node.variant,
+      quantity = _ref9$node.quantity;
+  return {
+    id: id,
+    variantId: String(variant == null ? void 0 : variant.id),
+    productId: String(variant == null ? void 0 : variant.id),
+    name: "" + title,
+    quantity: quantity,
+    variant: {
+      id: String(variant == null ? void 0 : variant.id),
+      sku: (_variant$sku = variant == null ? void 0 : variant.sku) != null ? _variant$sku : '',
+      name: variant == null ? void 0 : variant.title,
+      image: {
+        url: (variant == null ? void 0 : (_variant$image = variant.image) == null ? void 0 : _variant$image.originalSrc) || '/product-img-placeholder.svg'
+      },
+      requiresShipping: (_variant$requiresShip = variant == null ? void 0 : variant.requiresShipping) != null ? _variant$requiresShip : false,
+      price: variant == null ? void 0 : (_variant$priceV = variant.priceV2) == null ? void 0 : _variant$priceV.amount,
+      listPrice: variant == null ? void 0 : (_variant$compareAtPri = variant.compareAtPriceV2) == null ? void 0 : _variant$compareAtPri.amount
+    },
+    path: String(variant == null ? void 0 : (_variant$product = variant.product) == null ? void 0 : _variant$product.handle),
+    discounts: [],
+    options: (variant == null ? void 0 : variant.title) == 'Default Title' ? [] : variant == null ? void 0 : variant.selectedOptions
+  };
+}
+/*
+export const normalizePage = (
+  { title: name, handle, ...page }: ShopifyPage,
+  locale: string = 'en-US'
+): Page => ({
+  ...page,
+  url: `/${locale}/${handle}`,
+  name,
+})
+
+export const normalizePages = (edges: PageEdge[], locale?: string): Page[] =>
+  edges?.map((edge) => normalizePage(edge.node, locale))
+
+export const normalizeCategory = ({
+  title: name,
+  handle,
+  id,
+}: Collection): Category => ({
+  id,
+  name,
+  slug: handle,
+  path: `/${handle}`,
+})
+*/
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+
+var getCustomMessage = function getCustomMessage(code, message) {
+  switch (code) {
+    case 'UNIDENTIFIED_CUSTOMER':
+      message = 'Cannot find an account that matches the provided credentials';
+      break;
+  }
+
+  return message;
+};
+
+var throwUserErrors = function throwUserErrors(errors) {
+  if (errors && errors.length) {
+    throw new commerce.ValidationError({
+      errors: errors.map(function (_ref) {
+        var code = _ref.code,
+            message = _ref.message;
+        return {
+          code: code != null ? code : 'validation_error',
+          message: getCustomMessage(code, message)
+        };
+      })
+    });
+  }
+};
+
+var checkoutToCart = function checkoutToCart(checkoutPayload) {
+  throwUserErrors(checkoutPayload == null ? void 0 : checkoutPayload.checkoutUserErrors);
+
+  if (!(checkoutPayload != null && checkoutPayload.checkout)) {
+    throw new commerce.CommerceError({
+      message: 'Missing checkout object from response'
+    });
+  }
+
+  return normalizeCart(checkoutPayload == null ? void 0 : checkoutPayload.checkout);
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes:
+    - Added variants info to the query
+*/
+var productConnectionFragment =
+/* GraphQL */
+"\n  fragment productConnection on ProductConnection {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n    }\n    edges {\n      node {\n        id\n        title\n        vendor\n        handle\n        priceRange {\n          minVariantPrice {\n            amount\n            currencyCode\n          }\n        }\n        options {\n          id\n          name\n          values\n        }\n        variants(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              id\n              title\n              sku\n              availableForSale\n              requiresShipping\n              selectedOptions {\n                name\n                value\n              }\n              priceV2 {\n                amount\n                currencyCode\n              }\n              compareAtPriceV2 {\n                amount\n                currencyCode\n              }\n            }\n          }\n        }\n        images(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              originalSrc\n              altText\n              width\n              height\n            }\n          }\n        }\n      }\n    }\n  }\n";
+var getAllProductsQuery =
+/* GraphQL */
+"\n  query getAllProducts(\n    $first: Int = 250\n    $query: String = \"\"\n    $sortKey: ProductSortKeys = RELEVANCE\n    $reverse: Boolean = false\n  ) {\n    products(\n      first: $first\n      sortKey: $sortKey\n      reverse: $reverse\n      query: $query\n    ) {\n      ...productConnection\n    }\n  }\n\n  " + productConnectionFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var getCollectionProductsQuery =
+/* GraphQL */
+"\n  query getProductsFromCollection(\n    $categoryId: ID!\n    $first: Int = 250\n    $sortKey: ProductCollectionSortKeys = RELEVANCE\n    $reverse: Boolean = false\n  ) {\n    node(id: $categoryId) {\n      id\n      ... on Collection {\n        products(first: $first, sortKey: $sortKey, reverse: $reverse) {\n          ...productConnection\n        }\n      }\n    }\n  }\n  " + productConnectionFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var checkoutLineItemAddMutation =
+/* GraphQL */
+"\n  mutation checkoutLineItemAdd(\n    $checkoutId: ID!\n    $lineItems: [CheckoutLineItemInput!]!\n  ) {\n    checkoutLineItemsAdd(checkoutId: $checkoutId, lineItems: $lineItems) {\n      checkoutUserErrors {\n        code\n        field\n        message\n      }\n      checkout {\n        ...checkoutDetails\n      }\n    }\n  }\n\n  " + checkoutDetailsFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var checkoutLineItemUpdateMutation =
+/* GraphQL */
+"\n  mutation checkoutLineItemUpdate(\n    $checkoutId: ID!\n    $lineItems: [CheckoutLineItemUpdateInput!]!\n  ) {\n    checkoutLineItemsUpdate(checkoutId: $checkoutId, lineItems: $lineItems) {\n      checkoutUserErrors {\n        code\n        field\n        message\n      }\n      checkout {\n        ...checkoutDetails\n      }\n    }\n  }\n\n  " + checkoutDetailsFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var checkoutLineItemRemoveMutation =
+/* GraphQL */
+"\n  mutation checkoutLineItemRemove($checkoutId: ID!, $lineItemIds: [ID!]!) {\n    checkoutLineItemsRemove(\n      checkoutId: $checkoutId\n      lineItemIds: $lineItemIds\n    ) {\n      checkoutUserErrors {\n        code\n        field\n        message\n      }\n      checkout {\n        ...checkoutDetails\n      }\n    }\n  }\n  " + checkoutDetailsFragment + "\n";
+
+var handler = {
+  fetchOptions: {
+    query: getAllProductsQuery
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _products, _products2;
+
+      var input, options, fetch, categoryId, brandId, method, variables, products, _data$node, _data$node$products, _data$node$products$e, _data$node2, _data$node2$products, data, _data$products, _data;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
+              categoryId = input.categoryId, brandId = input.brandId;
+              method = options == null ? void 0 : options.method;
+              variables = getSearchVariables(input);
+
+              if (!categoryId) {
+                _context.next = 11;
+                break;
+              }
+
+              _context.next = 7;
+              return fetch({
+                query: getCollectionProductsQuery,
+                method: method,
+                variables: _extends({}, variables, {
+                  first: undefined
+                })
+              });
+
+            case 7:
+              data = _context.sent;
+              // filter on client when brandId & categoryId are set since is not available on collection product query
+              products = brandId ? (_data$node = data.node) == null ? void 0 : (_data$node$products = _data$node.products) == null ? void 0 : (_data$node$products$e = _data$node$products.edges) == null ? void 0 : _data$node$products$e.filter(function (_ref2) {
+                var vendor = _ref2.node.vendor;
+                return vendor.replace(/\s+/g, '-').toLowerCase() === ("" + brandId).toLowerCase();
+              }).slice(0, input.count) : (_data$node2 = data.node) == null ? void 0 : (_data$node2$products = _data$node2.products) == null ? void 0 : _data$node2$products.edges;
+              _context.next = 15;
+              break;
+
+            case 11:
+              _context.next = 13;
+              return fetch({
+                query: options.query,
+                method: method,
+                variables: variables
+              });
+
+            case 13:
+              _data = _context.sent;
+              products = (_data$products = _data.products) == null ? void 0 : _data$products.edges;
+
+            case 15:
+              return _context.abrupt("return", {
+                products: (_products = products) == null ? void 0 : _products.map(function (_ref3) {
+                  var node = _ref3.node;
+                  return normalizeProduct(node);
+                }),
+                found: !!((_products2 = products) != null && _products2.length)
+              });
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref4) {
+    var useData = _ref4.useData;
+    return function (input) {
+      if (input === void 0) {
+        input = {};
+      }
+
+      return useData({
+        input: [['search', input.search], ['categoryId', input.categoryId], ['brandId', input.brandId], ['sort', input.sort], ['locale', input.locale], ['count', input.count]],
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input.swrOptions)
+      });
+    };
+  }
+};
+
+var handler$1 = {
+  fetchOptions: {
+    query: getCheckoutQuery
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var cartId, options, fetch, _yield$fetch, checkout;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              cartId = _ref.input.cartId, options = _ref.options, fetch = _ref.fetch;
+
+              if (!cartId) {
+                _context.next = 13;
+                break;
+              }
+
+              _context.next = 4;
+              return fetch(_extends({}, options, {
+                variables: {
+                  checkoutId: cartId
+                }
+              }));
+
+            case 4:
+              _yield$fetch = _context.sent;
+              checkout = _yield$fetch.node;
+
+              if (!(checkout != null && checkout.completedAt)) {
+                _context.next = 12;
+                break;
+              }
+
+              Cookies.remove(SHOPIFY_CHECKOUT_ID_COOKIE);
+              Cookies.remove(SHOPIFY_CHECKOUT_URL_COOKIE);
+              return _context.abrupt("return", null);
+
+            case 12:
+              return _context.abrupt("return", checkoutToCart({
+                checkout: checkout
+              }));
+
+            case 13:
+              return _context.abrupt("return", null);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.useData;
+    return function (input) {
+      var response = useData({
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input == null ? void 0 : input.swrOptions)
+      });
+      return React.useMemo(function () {
+        return Object.create(response, {
+          isEmpty: {
+            get: function get() {
+              var _response$data$lineIt, _response$data;
+
+              return ((_response$data$lineIt = (_response$data = response.data) == null ? void 0 : _response$data.lineItems.length) != null ? _response$data$lineIt : 0) <= 0;
+            },
+            enumerable: true
+          }
+        });
+      }, [response]);
+    };
+  }
+};
+
+var handler$2 = {
+  fetchOptions: {
+    query: checkoutLineItemAddMutation
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _item$quantity;
+
+      var item, options, fetch, lineItems, checkoutId, _yield$fetch, checkoutLineItemsAdd;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              item = _ref.input, options = _ref.options, fetch = _ref.fetch;
+
+              if (!(item.quantity && (!Number.isInteger(item.quantity) || item.quantity < 1))) {
+                _context.next = 3;
+                break;
+              }
+
+              throw new commerce.CommerceError({
+                message: 'The item quantity has to be a valid integer greater than 0'
+              });
+
+            case 3:
+              lineItems = [{
+                variantId: item.variantId,
+                quantity: (_item$quantity = item.quantity) != null ? _item$quantity : 1
+              }];
+              checkoutId = getCheckoutId();
+
+              if (checkoutId) {
+                _context.next = 13;
+                break;
+              }
+
+              _context.t0 = checkoutToCart;
+              _context.next = 9;
+              return checkoutCreate(fetch, lineItems);
+
+            case 9:
+              _context.t1 = _context.sent;
+              return _context.abrupt("return", (0, _context.t0)(_context.t1));
+
+            case 13:
+              _context.next = 15;
+              return fetch(_extends({}, options, {
+                variables: {
+                  checkoutId: checkoutId,
+                  lineItems: lineItems
+                }
+              }));
+
+            case 15:
+              _yield$fetch = _context.sent;
+              checkoutLineItemsAdd = _yield$fetch.checkoutLineItemsAdd;
+              return _context.abrupt("return", checkoutToCart(checkoutLineItemsAdd));
+
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var fetch = _ref2.fetch;
+    return function () {
+      var _useCart = commerce.useCart(),
+          mutate = _useCart.mutate;
+
+      return React.useCallback( /*#__PURE__*/function () {
+        var _addItem = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(input) {
+          var data;
+          return runtime_1.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return fetch({
+                    input: input
+                  });
+
+                case 2:
+                  data = _context2.sent;
+                  _context2.next = 5;
+                  return mutate(data, false);
+
+                case 5:
+                  return _context2.abrupt("return", data);
+
+                case 6:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        function addItem(_x) {
+          return _addItem.apply(this, arguments);
+        }
+
+        return addItem;
+      }(), [fetch, mutate]);
+    };
+  }
+};
+
+var handler$3 = {
+  fetchOptions: {
+    query: checkoutLineItemRemoveMutation
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var itemId, options, fetch, data;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              itemId = _ref.input.itemId, options = _ref.options, fetch = _ref.fetch;
+              _context.next = 3;
+              return fetch(_extends({}, options, {
+                variables: {
+                  checkoutId: getCheckoutId(),
+                  lineItemIds: [itemId]
+                }
+              }));
+
+            case 3:
+              data = _context.sent;
+              return _context.abrupt("return", checkoutToCart(data.checkoutLineItemsRemove));
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var fetch = _ref2.fetch;
+    return function (ctx) {
+      if (ctx === void 0) {
+        ctx = {};
+      }
+
+      var _ctx = ctx,
+          item = _ctx.item;
+
+      var _useCart = commerce.useCart(),
+          mutate = _useCart.mutate;
+
+      var removeItem = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(input) {
+          var _input$id;
+
+          var itemId, data;
+          return runtime_1.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  itemId = (_input$id = input == null ? void 0 : input.id) != null ? _input$id : item == null ? void 0 : item.id;
+
+                  if (itemId) {
+                    _context2.next = 3;
+                    break;
+                  }
+
+                  throw new commerce.ValidationError({
+                    message: 'Invalid input used for this operation'
+                  });
+
+                case 3:
+                  _context2.next = 5;
+                  return fetch({
+                    input: {
+                      itemId: itemId
+                    }
+                  });
+
+                case 5:
+                  data = _context2.sent;
+                  _context2.next = 8;
+                  return mutate(data, false);
+
+                case 8:
+                  return _context2.abrupt("return", data);
+
+                case 9:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        return function removeItem(_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+
+      return React.useCallback(removeItem, [fetch, mutate]);
+    };
+  }
+};
+
+var handler$4 = {
+  fetchOptions: {
+    query: checkoutLineItemUpdateMutation
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _ref$input, itemId, item, options, fetch, _yield$fetch, checkoutLineItemsUpdate;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _ref$input = _ref.input, itemId = _ref$input.itemId, item = _ref$input.item, options = _ref.options, fetch = _ref.fetch;
+
+              if (!Number.isInteger(item.quantity)) {
+                _context.next = 6;
+                break;
+              }
+
+              if (!(item.quantity < 1)) {
+                _context.next = 4;
+                break;
+              }
+
+              return _context.abrupt("return", handler$3.fetcher({
+                options: handler$3.fetchOptions,
+                input: {
+                  itemId: itemId
+                },
+                fetch: fetch
+              }));
+
+            case 4:
+              _context.next = 8;
+              break;
+
+            case 6:
+              if (!item.quantity) {
+                _context.next = 8;
+                break;
+              }
+
+              throw new commerce.ValidationError({
+                message: 'The item quantity has to be a valid integer'
+              });
+
+            case 8:
+              _context.next = 10;
+              return fetch(_extends({}, options, {
+                variables: {
+                  checkoutId: getCheckoutId(),
+                  lineItems: [{
+                    id: itemId,
+                    quantity: item.quantity
+                  }]
+                }
+              }));
+
+            case 10:
+              _yield$fetch = _context.sent;
+              checkoutLineItemsUpdate = _yield$fetch.checkoutLineItemsUpdate;
+              return _context.abrupt("return", checkoutToCart(checkoutLineItemsUpdate));
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var fetch = _ref2.fetch;
+    return function (ctx) {
+      var _ctx$wait;
+
+      if (ctx === void 0) {
+        ctx = {};
+      }
+
+      var _ctx = ctx,
+          item = _ctx.item;
+
+      var _useCart = commerce.useCart(),
+          mutate = _useCart.mutate;
+
+      return React.useCallback(debounce( /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(input) {
+          var _input$id, _input$productId, _input$productId2;
+
+          var itemId, productId, variantId, data;
+          return runtime_1.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  itemId = (_input$id = input.id) != null ? _input$id : item == null ? void 0 : item.id;
+                  productId = (_input$productId = input.productId) != null ? _input$productId : item == null ? void 0 : item.productId;
+                  variantId = (_input$productId2 = input.productId) != null ? _input$productId2 : item == null ? void 0 : item.variantId;
+
+                  if (!(!itemId || !productId || !variantId)) {
+                    _context2.next = 5;
+                    break;
+                  }
+
+                  throw new commerce.ValidationError({
+                    message: 'Invalid input used for this operation'
+                  });
+
+                case 5:
+                  _context2.next = 7;
+                  return fetch({
+                    input: {
+                      item: {
+                        productId: productId,
+                        variantId: variantId,
+                        quantity: input.quantity
+                      },
+                      itemId: itemId
+                    }
+                  });
+
+                case 7:
+                  data = _context2.sent;
+                  _context2.next = 10;
+                  return mutate(data, false);
+
+                case 10:
+                  return _context2.abrupt("return", data);
+
+                case 11:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        return function (_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }(), (_ctx$wait = ctx.wait) != null ? _ctx$wait : 500), [fetch, mutate]);
+    };
+  }
+};
+
+var getFetcher = function getFetcher(storeDomain, accessToken) {
+  return /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
+      var _ref$url, url, _ref$method, method, variables, query, _ref3, locale, vars;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _ref$url = _ref.url, url = _ref$url === void 0 ? "https://" + storeDomain + "/api/2021-07/graphql.json" : _ref$url, _ref$method = _ref.method, method = _ref$method === void 0 ? 'POST' : _ref$method, variables = _ref.variables, query = _ref.query;
+              _ref3 = variables != null ? variables : {}, locale = _ref3.locale, vars = _objectWithoutPropertiesLoose(_ref3, ["locale"]);
+              _context.t0 = handleFetchResponse;
+              _context.next = 5;
+              return fetch(url, {
+                method: method,
+                body: JSON.stringify({
+                  query: query,
+                  variables: vars
+                }),
+                headers: _extends({
+                  'X-Shopify-Storefront-Access-Token': accessToken,
+                  'Content-Type': 'application/json'
+                }, locale && {
+                  'Accept-Language': locale
+                })
+              });
+
+            case 5:
+              _context.t1 = _context.sent;
+              return _context.abrupt("return", (0, _context.t0)(_context.t1));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes:
+    - Removed authentication, customer and wishlist hooks.
+    - Added storeDomain and accessToken parameters.
+*/
+var getShopifyProvider = function getShopifyProvider(storeDomain, accessToken) {
+  return {
+    locale: 'en-us',
+    cartCookie: SHOPIFY_CHECKOUT_ID_COOKIE,
+    cart: {
+      useCart: handler$1,
+      useAddItem: handler$2,
+      useUpdateItem: handler$4,
+      useRemoveItem: handler$3
+    },
+    fetcher: getFetcher(storeDomain, accessToken),
+    products: {
+      useSearch: handler
+    }
+  };
+};
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes:
+    - Added storeDomain and accessToken parameters.
+*/
+var useCommerce = function useCommerce() {
+  return commerce.useCommerce();
+};
+var getCommerceProvider = function getCommerceProvider(storeDomain, accessToken) {
+  return commerce.getCommerceProvider(getShopifyProvider(storeDomain, accessToken));
+};
+
+var commerceProviderMeta = {
+  name: "plasmic-commerce-shopify-provider",
+  displayName: "Shopify Provider",
+  props: {
+    children: {
+      type: "slot"
+    },
+    storeDomain: "string",
+    accessToken: "string"
+  },
+  importPath: "commerce-providers/shopify",
+  importName: "ShopifyProvider"
+};
+
+function CommerceProviderComponent(props) {
+  var storeDomain = props.storeDomain,
+      accessToken = props.accessToken,
+      children = props.children;
+
+  if (!storeDomain) {
+    return React__default.createElement("p", null, " You must set the store domain url ");
+  } else if (!accessToken) {
+    return React__default.createElement("p", null, " You must set the access token ");
+  }
+
+  var CommerceProvider = getCommerceProvider(storeDomain, accessToken);
+  return React__default.createElement(CommerceProvider, null, React__default.createElement("div", null, children));
+}
+
+function registerCommerceProvider(loader, customCommerceProviderMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(CommerceProviderComponent, customCommerceProviderMeta != null ? customCommerceProviderMeta : commerceProviderMeta);
+}
+
+function registerAll(loader) {
+  registerCommerceProvider(loader);
+}
+
+exports.getCommerceProvider = getCommerceProvider;
+exports.registerAll = registerAll;
+exports.registerCommerceProvider = registerCommerceProvider;
+exports.useCommerce = useCommerce;
+//# sourceMappingURL=commerce-shopify.cjs.development.js.map