@daouypkgs/commerce-commercetools 0.0.183

package/dist/commerce-commercetools.esm.js

@@ -0,0 +1,1189 @@
+import registerGlobalContext from '@daouy/host/registerGlobalContext';
+import { useDaouyQueryData } from '@daouy/query';
+import { useCart, ValidationError, useCommerce as useCommerce$1, getCommerceProvider as getCommerceProvider$1, CartActionsProvider, globalActionsRegistrations } from '@daouypkgs/commerce';
+import React, { useMemo, useCallback } from 'react';
+import Cookies from 'js-cookie';
+import debounce from 'debounce';
+import { createApiBuilderFromCtpClient } from '@commercetools/platform-sdk';
+import { ClientBuilder } from '@commercetools/sdk-client-v2';
+
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = !0, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), !0), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+
+var getSortVariables = function getSortVariables(sort, isCategory) {
+  var output = undefined;
+  switch (sort) {
+    case 'price-asc':
+      output = 'price asc';
+      break;
+    case 'price-desc':
+      output = 'price desc';
+      break;
+    case 'trending-desc':
+      // default option
+      output = undefined;
+      break;
+    case 'latest-desc':
+      output = 'createdAt desc';
+      break;
+  }
+  return output;
+};
+
+var COMMERCETOOLS_COOKIE_EXPIRE = 30;
+var COMMERCETOOLS_CART_COOKIE = 'commercetools_cart';
+
+var options = {
+  expires: COMMERCETOOLS_COOKIE_EXPIRE,
+  sameSite: "none",
+  secure: true
+};
+var getCookies = function getCookies(name) {
+  var cookie = Cookies.get(name);
+  return cookie ? JSON.parse(cookie) : undefined;
+};
+var setCookies = function setCookies(name, value) {
+  return Cookies.set(name, JSON.stringify(value), options);
+};
+var removeCookies = function removeCookies(name) {
+  return Cookies.remove(name);
+};
+
+var getCartId = function getCartId() {
+  return getCookies(COMMERCETOOLS_CART_COOKIE);
+};
+var setCartId = function setCartId(id) {
+  return setCookies(COMMERCETOOLS_CART_COOKIE, id);
+};
+var removeCartCookie = function removeCartCookie() {
+  return removeCookies(COMMERCETOOLS_CART_COOKIE);
+};
+
+var createCart = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(fetch) {
+    var draft, cart;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          draft = {
+            currency: 'USD',
+            country: 'US'
+          };
+          _context.n = 1;
+          return fetch({
+            query: 'carts',
+            method: 'post',
+            body: draft
+          });
+        case 1:
+          cart = _context.v;
+          if (!cart.body) {
+            removeCartCookie();
+          } else {
+            setCartId(cart.body.id);
+          }
+          return _context.a(2, cart.body);
+      }
+    }, _callee);
+  }));
+  return function createCart(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getActiveCart = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(fetch) {
+    var cartId, activeCart;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          cartId = getCartId();
+          if (!cartId) {
+            _context.n = 2;
+            break;
+          }
+          _context.n = 1;
+          return fetch({
+            query: 'carts',
+            method: 'get',
+            variables: {
+              id: cartId
+            }
+          });
+        case 1:
+          activeCart = _context.v.body;
+          _context.n = 4;
+          break;
+        case 2:
+          _context.n = 3;
+          return createCart(fetch);
+        case 3:
+          activeCart = _context.v;
+        case 4:
+          if (!activeCart) {
+            removeCartCookie();
+          } else {
+            setCartId(activeCart.id);
+          }
+          return _context.a(2, activeCart);
+      }
+    }, _callee);
+  }));
+  return function getActiveCart(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getLocalizedString = function getLocalizedString(localizedString, locale) {
+  return !localizedString || !locale ? undefined : locale in localizedString ? localizedString[locale] : Object.values(localizedString)[0];
+};
+
+var withoutNils = function withoutNils(xs) {
+  return xs.filter(function (x) {
+    return x != null;
+  });
+};
+var dedup = function dedup(xs) {
+  return [].concat(new Set(xs));
+};
+
+var currencyCode = 'USD';
+var stringify = function stringify(value) {
+  return typeof value === 'string' ? value : JSON.stringify(value);
+};
+var money = function money(price) {
+  return price ? {
+    value: price.centAmount / 100,
+    currencyCode: price.currencyCode
+  } : {
+    value: -1.0,
+    currencyCode: currencyCode
+  };
+};
+var normalizeProductOption = function normalizeProductOption(option) {
+  return {
+    __typename: 'MultipleChoiceOption',
+    id: option.name,
+    displayName: option.name,
+    values: dedup(Array.isArray(option.value) ? option.value : [option.value]).map(function (val) {
+      if (option.name.match(/colou?r/gi) && /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(val)) {
+        return {
+          label: stringify(val),
+          hexColors: [val]
+        };
+      } else {
+        return {
+          label: stringify(val)
+        };
+      }
+    })
+  };
+};
+var normalizeProductImages = function normalizeProductImages(images) {
+  return images.map(function (image) {
+    return _extends({
+      url: image.url
+    }, image.label ? {
+      alt: image.label
+    } : {}, {
+      width: image.dimensions.w,
+      height: image.dimensions.h
+    });
+  });
+};
+var normalizeProductVariant = function normalizeProductVariant(variant) {
+  var _variant$prices$find$, _variant$prices, _variant$prices2, _variant$sku, _variant$attributes$m, _variant$attributes;
+  var price = money((_variant$prices$find$ = (_variant$prices = variant.prices) == null || (_variant$prices = _variant$prices.find(function (price) {
+    return price.value.currencyCode === currencyCode;
+  })) == null ? void 0 : _variant$prices.value) != null ? _variant$prices$find$ : (_variant$prices2 = variant.prices) == null || (_variant$prices2 = _variant$prices2[0]) == null ? void 0 : _variant$prices2.value).value;
+  return {
+    id: "" + variant.id,
+    name: "" + variant.id,
+    sku: (_variant$sku = variant.sku) != null ? _variant$sku : '',
+    price: price,
+    options: (_variant$attributes$m = (_variant$attributes = variant.attributes) == null ? void 0 : _variant$attributes.map(function (attribute) {
+      return normalizeProductOption({
+        name: attribute.name,
+        value: attribute.value.key
+      });
+    })) != null ? _variant$attributes$m : [],
+    requiresShipping: false,
+    listPrice: price
+  };
+};
+var normalizeProduct = function normalizeProduct(product, locale) {
+  var _getLocalizedString, _getLocalizedString2, _product$masterVarian, _product$masterVarian2, _product$masterVarian3;
+  return {
+    id: product.id,
+    name: (_getLocalizedString = getLocalizedString(product.name, locale)) != null ? _getLocalizedString : "",
+    slug: getLocalizedString(product.slug, locale),
+    path: "/" + getLocalizedString(product.slug, locale),
+    description: (_getLocalizedString2 = getLocalizedString(product.description, locale)) != null ? _getLocalizedString2 : '',
+    price: money((_product$masterVarian = (_product$masterVarian2 = product.masterVariant.prices) == null || (_product$masterVarian2 = _product$masterVarian2.find(function (price) {
+      return price.value.currencyCode === currencyCode;
+    })) == null ? void 0 : _product$masterVarian2.value) != null ? _product$masterVarian : (_product$masterVarian3 = product.masterVariant.prices) == null || (_product$masterVarian3 = _product$masterVarian3[0]) == null ? void 0 : _product$masterVarian3.value),
+    images: normalizeProductImages(withoutNils([].concat(product.masterVariant.images ? product.masterVariant.images : [], product.variants.flatMap(function (variant) {
+      return variant.images;
+    })))),
+    variants: [product.masterVariant].concat(product.variants).map(normalizeProductVariant),
+    options: withoutNils([].concat(product.masterVariant.attributes ? product.masterVariant.attributes : [], product.variants.flatMap(function (variant) {
+      return variant.attributes;
+    }))).reduce(function (groupedAttributes, attribute) {
+      var groupedAttribute = groupedAttributes.find(function (gAttr) {
+        return gAttr.name === attribute.name;
+      });
+      if (groupedAttribute) {
+        groupedAttribute.value.push(stringify(attribute.value.key));
+      } else {
+        groupedAttributes.push({
+          name: attribute.name,
+          value: [stringify(attribute.value.key)]
+        });
+      }
+      return groupedAttributes;
+    }, []).map(normalizeProductOption)
+  };
+};
+var normalizeLineItem = function normalizeLineItem(lineItem, locale) {
+  var _getLocalizedString3, _lineItem$variant$att, _lineItem$variant$att2;
+  return {
+    id: lineItem.id,
+    variantId: "" + lineItem.variant.id,
+    productId: lineItem.productId,
+    name: (_getLocalizedString3 = getLocalizedString(lineItem.name, locale)) != null ? _getLocalizedString3 : "",
+    path: '',
+    quantity: lineItem.quantity,
+    discounts: [],
+    variant: normalizeProductVariant(lineItem.variant),
+    options: (_lineItem$variant$att = (_lineItem$variant$att2 = lineItem.variant.attributes) == null ? void 0 : _lineItem$variant$att2.map(function (attribute) {
+      return {
+        id: attribute.name,
+        name: attribute.name,
+        value: attribute.value.key
+      };
+    })) != null ? _lineItem$variant$att : []
+  };
+};
+var normalizeCart = function normalizeCart(cart, locale) {
+  return {
+    id: cart.id,
+    customerId: cart.customerId,
+    email: cart.customerEmail,
+    createdAt: cart.createdAt,
+    currency: {
+      code: currencyCode
+    },
+    taxesIncluded: cart.taxMode !== 'Disabled',
+    lineItems: cart.lineItems.map(function (item) {
+      return normalizeLineItem(item, locale);
+    }),
+    lineItemsSubtotalPrice: 0,
+    subtotalPrice: money(cart.totalPrice).value,
+    totalPrice: money(cart.totalPrice).value,
+    discounts: []
+  };
+};
+var normalizeCategory = function normalizeCategory(category, locale) {
+  var _getLocalizedString4, _getLocalizedString5;
+  return {
+    id: category.id,
+    name: (_getLocalizedString4 = getLocalizedString(category.name, locale)) != null ? _getLocalizedString4 : "",
+    slug: (_getLocalizedString5 = getLocalizedString(category.slug, locale)) != null ? _getLocalizedString5 : "",
+    path: "/" + getLocalizedString(category.slug, locale)
+  };
+};
+
+var handler = {
+  fetchOptions: {
+    query: "cart",
+    method: "get"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var fetch, provider, activeCart;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            fetch = _ref.fetch, provider = _ref.provider;
+            _context.n = 1;
+            return getActiveCart(fetch);
+          case 1:
+            activeCart = _context.v;
+            return _context.a(2, activeCart ? normalizeCart(activeCart, provider.locale) : null);
+        }
+      }, _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 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$1 = {
+  fetchOptions: {
+    query: "cart",
+    method: "post"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _item$quantity;
+      var item, fetch, provider, activeCart, updatedCart;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            item = _ref.input, fetch = _ref.fetch, provider = _ref.provider;
+            _context.n = 1;
+            return getActiveCart(fetch);
+          case 1:
+            activeCart = _context.v;
+            if (!(item.quantity && (!Number.isInteger(item.quantity) || item.quantity < 1) || !activeCart)) {
+              _context.n = 2;
+              break;
+            }
+            return _context.a(2, undefined);
+          case 2:
+            _context.n = 3;
+            return fetch({
+              query: "carts",
+              method: "post",
+              variables: {
+                id: activeCart.id
+              },
+              body: {
+                version: activeCart.version,
+                actions: [{
+                  action: "addLineItem",
+                  variantId: +item.variantId,
+                  productId: item.productId,
+                  quantity: (_item$quantity = item.quantity) != null ? _item$quantity : 1
+                }]
+              }
+            });
+          case 3:
+            updatedCart = _context.v;
+            if (updatedCart.body) {
+              setCartId(updatedCart.body.id);
+            } else {
+              removeCartCookie();
+            }
+            return _context.a(2, updatedCart.body ? normalizeCart(updatedCart.body, provider.locale) : undefined);
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var fetch = _ref2.fetch;
+    return function () {
+      var _useCart = useCart(),
+        mutate = _useCart.mutate;
+      return useCallback(/*#__PURE__*/function () {
+        var _addItem = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(input) {
+          var data;
+          return _regenerator().w(function (_context2) {
+            while (1) switch (_context2.n) {
+              case 0:
+                _context2.n = 1;
+                return fetch({
+                  input: input
+                });
+              case 1:
+                data = _context2.v;
+                _context2.n = 2;
+                return mutate(data, false);
+              case 2:
+                return _context2.a(2, data);
+            }
+          }, _callee2);
+        }));
+        function addItem(_x) {
+          return _addItem.apply(this, arguments);
+        }
+        return addItem;
+      }(), [fetch, mutate]);
+    };
+  }
+};
+
+var handler$2 = {
+  fetchOptions: {
+    query: "cart",
+    method: "post"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var itemId, fetch, provider, activeCart, updatedCart;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            itemId = _ref.input.itemId, fetch = _ref.fetch, provider = _ref.provider;
+            _context.n = 1;
+            return getActiveCart(fetch);
+          case 1:
+            activeCart = _context.v;
+            if (!(!itemId || !activeCart)) {
+              _context.n = 2;
+              break;
+            }
+            return _context.a(2, undefined);
+          case 2:
+            _context.n = 3;
+            return fetch({
+              query: "carts",
+              method: "post",
+              variables: {
+                id: activeCart.id
+              },
+              body: {
+                version: activeCart.version,
+                actions: [{
+                  action: "removeLineItem",
+                  lineItemId: itemId
+                }]
+              }
+            });
+          case 3:
+            updatedCart = _context.v;
+            if (updatedCart.body) {
+              setCartId(updatedCart.body.id);
+            } else {
+              removeCartCookie();
+            }
+            return _context.a(2, normalizeCart(updatedCart.body, provider.locale));
+        }
+      }, _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 = useCart(),
+        mutate = _useCart.mutate;
+      var removeItem = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(input) {
+          var _input$id;
+          var itemId, data;
+          return _regenerator().w(function (_context2) {
+            while (1) switch (_context2.n) {
+              case 0:
+                itemId = (_input$id = input == null ? void 0 : input.id) != null ? _input$id : item == null ? void 0 : item.id;
+                if (itemId) {
+                  _context2.n = 1;
+                  break;
+                }
+                throw new ValidationError({
+                  message: "Invalid input used for this operation"
+                });
+              case 1:
+                _context2.n = 2;
+                return fetch({
+                  input: {
+                    itemId: itemId
+                  }
+                });
+              case 2:
+                data = _context2.v;
+                _context2.n = 3;
+                return mutate(data, false);
+              case 3:
+                return _context2.a(2, data);
+            }
+          }, _callee2);
+        }));
+        return function removeItem(_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      return useCallback(removeItem, [fetch, mutate]);
+    };
+  }
+};
+
+var handler$3 = {
+  fetchOptions: {
+    query: "cart",
+    method: "post"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _item$quantity;
+      var _ref$input, item, itemId, fetch, provider, activeCart, updatedCart;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _ref$input = _ref.input, item = _ref$input.item, itemId = _ref$input.itemId, fetch = _ref.fetch, provider = _ref.provider;
+            if (!Number.isInteger(item.quantity)) {
+              _context.n = 2;
+              break;
+            }
+            if (!(item.quantity < 1)) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2, handler$2.fetcher == null ? void 0 : handler$2.fetcher({
+              options: handler$2.fetchOptions,
+              input: {
+                itemId: itemId
+              },
+              fetch: fetch,
+              provider: provider
+            }));
+          case 1:
+            _context.n = 3;
+            break;
+          case 2:
+            if (!item.quantity) {
+              _context.n = 3;
+              break;
+            }
+            throw new ValidationError({
+              message: "The item quantity has to be a valid integer"
+            });
+          case 3:
+            _context.n = 4;
+            return getActiveCart(fetch);
+          case 4:
+            activeCart = _context.v;
+            if (!(item.quantity && (!Number.isInteger(item.quantity) || item.quantity < 1) || !activeCart)) {
+              _context.n = 5;
+              break;
+            }
+            return _context.a(2, undefined);
+          case 5:
+            _context.n = 6;
+            return fetch({
+              query: "carts",
+              method: "post",
+              variables: {
+                id: activeCart.id
+              },
+              body: {
+                version: activeCart.version,
+                actions: [{
+                  action: "changeLineItemQuantity",
+                  lineItemId: itemId,
+                  quantity: (_item$quantity = item.quantity) != null ? _item$quantity : 1
+                }]
+              }
+            });
+          case 6:
+            updatedCart = _context.v;
+            if (updatedCart.body) {
+              setCartId(updatedCart.body.id);
+            } else {
+              removeCartCookie();
+            }
+            return _context.a(2, updatedCart.body ? normalizeCart(updatedCart.body, provider.locale) : undefined);
+        }
+      }, _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 = useCart(),
+        mutate = _useCart.mutate;
+      return useCallback(debounce(/*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(input) {
+          var _input$id;
+          var itemId, data;
+          return _regenerator().w(function (_context2) {
+            while (1) switch (_context2.n) {
+              case 0:
+                itemId = (_input$id = input.id) != null ? _input$id : item == null ? void 0 : item.id;
+                if (!(!itemId || input.quantity == null)) {
+                  _context2.n = 1;
+                  break;
+                }
+                throw new ValidationError({
+                  message: "Invalid input used for this operation"
+                });
+              case 1:
+                _context2.n = 2;
+                return fetch({
+                  input: {
+                    item: {
+                      quantity: input.quantity
+                    },
+                    itemId: itemId
+                  }
+                });
+              case 2:
+                data = _context2.v;
+                _context2.n = 3;
+                return mutate(data, false);
+              case 3:
+                return _context2.a(2, data);
+            }
+          }, _callee2);
+        }));
+        return function (_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }(), (_ctx$wait = ctx.wait) != null ? _ctx$wait : 500), [fetch, mutate]);
+    };
+  }
+};
+
+var initCommercetoolsSDKClient = function initCommercetoolsSDKClient(creds) {
+  var scopes = ["manage_project:" + creds.projectKey];
+  // Configure authMiddlewareOptions
+  var authMiddlewareOptions = {
+    host: "https://auth." + creds.region + ".commercetools.com",
+    projectKey: creds.clientSecret,
+    credentials: {
+      clientId: creds.clientId,
+      clientSecret: creds.clientSecret
+    },
+    scopes: scopes,
+    fetch: fetch
+  };
+  // Configure httpMiddlewareOptions
+  var httpMiddlewareOptions = {
+    host: "https://api." + creds.region + ".commercetools.com",
+    fetch: fetch
+  };
+  // Export the ClientBuilder
+  return new ClientBuilder().withProjectKey(creds.projectKey).withClientCredentialsFlow(authMiddlewareOptions).withHttpMiddleware(httpMiddlewareOptions).build();
+};
+
+var getFetcher = function getFetcher(creds) {
+  var client = initCommercetoolsSDKClient(creds);
+  var apiRoot = createApiBuilderFromCtpClient(client).withProjectKey({
+    projectKey: creds.projectKey
+  });
+  return /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
+      var method, variables, query, body, queryBuilder;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            method = _ref.method, variables = _ref.variables, query = _ref.query, body = _ref.body;
+            queryBuilder = apiRoot;
+            if (query) {
+              queryBuilder = queryBuilder[query]();
+            }
+            if (variables != null && variables.id) {
+              queryBuilder = queryBuilder.withId({
+                ID: variables.id
+              });
+            }
+            if (variables != null && variables.search) {
+              queryBuilder = queryBuilder.search();
+            }
+            _context.n = 1;
+            return queryBuilder[method]({
+              body: body,
+              queryArgs: _extends({
+                expand: variables == null ? void 0 : variables.expand,
+                limit: variables == null ? void 0 : variables.limit
+              }, variables != null && variables.sort ? {
+                sort: variables.sort
+              } : {}, variables != null && variables.search ? variables.search : {}, variables != null && variables.filters ? {
+                filter: variables.filters
+              } : {}, variables != null && variables.where ? {
+                where: variables.where
+              } : {})
+            }).execute();
+          case 1:
+            return _context.a(2, _context.v);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+};
+
+var handler$4 = {
+  fetchOptions: {
+    query: "productProjections",
+    method: "get"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var input, options, fetch, provider, id, product;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            input = _ref.input, options = _ref.options, fetch = _ref.fetch, provider = _ref.provider;
+            id = input.id;
+            if (id) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2, null);
+          case 1:
+            _context.n = 2;
+            return fetch(_extends({}, options, {
+              variables: {
+                id: id
+              }
+            }));
+          case 2:
+            product = _context.v;
+            return _context.a(2, product.body ? normalizeProduct(product.body, provider.locale) : null);
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.useData;
+    return function (input) {
+      if (input === void 0) {
+        input = {};
+      }
+      return useData({
+        input: [['id', input.id]],
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input.swrOptions)
+      });
+    };
+  }
+};
+
+var handler$5 = {
+  fetchOptions: {
+    method: "get",
+    query: "productProjections"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _search;
+      var input, options, fetch, provider, search, categoryId, sort, count, response;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            input = _ref.input, options = _ref.options, fetch = _ref.fetch, provider = _ref.provider;
+            search = input.search, categoryId = input.categoryId, sort = input.sort, count = input.count;
+            _context.n = 1;
+            return fetch(_extends({}, options, {
+              variables: _extends({
+                expand: ["masterData.current"],
+                sort: getSortVariables(sort),
+                limit: count
+              }, search ?
+              // eslint-disable-next-line
+              {
+                search: (_search = {}, _search["text." + (provider == null ? void 0 : provider.locale)] = search, _search)
+              } : {}, categoryId ? {
+                filters: "categories.id: subtree(\"" + categoryId + "\")"
+              } : {})
+            }));
+          case 1:
+            response = _context.v;
+            return _context.a(2, {
+              products: response.body.results.map(function (product) {
+                return normalizeProduct(product, provider.locale);
+              }),
+              found: response.body.count > 0
+            });
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.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$6 = {
+  fetchOptions: {
+    query: ""
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            return _context.a(2, null);
+        }
+      }, _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 useMemo(function () {
+        return Object.create(response, {
+          isEmpty: {
+            get: function get() {
+              var _response$data$length, _response$data;
+              return ((_response$data$length = (_response$data = response.data) == null ? void 0 : _response$data.length) != null ? _response$data$length : 0) <= 0;
+            },
+            enumerable: true
+          }
+        });
+      }, [response]);
+    };
+  }
+};
+
+var handler$7 = {
+  fetchOptions: {
+    query: "categories",
+    method: "get"
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var input, options, fetch, provider, categoryId, categories, category;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            input = _ref.input, options = _ref.options, fetch = _ref.fetch, provider = _ref.provider;
+            categoryId = input.categoryId;
+            if (categoryId) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 1;
+            return fetch(_extends({}, options));
+          case 1:
+            categories = _context.v;
+            return _context.a(2, categories.body ? categories.body.results.map(function (category) {
+              return normalizeCategory(category, provider.locale);
+            }) : []);
+          case 2:
+            _context.n = 3;
+            return fetch(_extends({}, options, {
+              variables: _extends({}, categoryId ? {
+                id: categoryId
+              } : {})
+            }));
+          case 3:
+            category = _context.v;
+            return _context.a(2, category.body ? [normalizeCategory(category.body, provider.locale)] : []);
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.useData;
+    return function (input) {
+      var response = useData({
+        input: [["categoryId", input == null ? void 0 : input.categoryId]],
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input == null ? void 0 : input.swrOptions)
+      });
+      return useMemo(function () {
+        return Object.create(response, {
+          isEmpty: {
+            get: function get() {
+              var _response$data$length, _response$data;
+              return ((_response$data$length = (_response$data = response.data) == null ? void 0 : _response$data.length) != null ? _response$data$length : 0) <= 0;
+            },
+            enumerable: true
+          }
+        });
+      }, [response]);
+    };
+  }
+};
+
+var getCommercetoolsProvider = function getCommercetoolsProvider(creds, locale) {
+  return {
+    locale: locale,
+    cartCookie: COMMERCETOOLS_CART_COOKIE,
+    cart: {
+      useCart: handler,
+      useAddItem: handler$1,
+      useRemoveItem: handler$2,
+      useUpdateItem: handler$3
+    },
+    fetcher: getFetcher(creds),
+    products: {
+      useSearch: handler$5,
+      useProduct: handler$4
+    },
+    site: {
+      useCategories: handler$7,
+      useBrands: handler$6
+    }
+  };
+};
+
+var useCommerce = function useCommerce() {
+  return useCommerce$1();
+};
+var getCommerceProvider = function getCommerceProvider(creds, locale) {
+  return getCommerceProvider$1(getCommercetoolsProvider(creds, locale));
+};
+
+var globalContextName = "daouy-commerce-commercetools-provider";
+var commerceProviderMeta = /*#__PURE__*/_extends({
+  name: globalContextName,
+  displayName: "Commercetools Provider",
+  props: {
+    projectKey: {
+      type: "string",
+      defaultValue: "daouy-demo"
+    },
+    clientId: {
+      type: "string",
+      defaultValue: "B4hmK61xvz5LvdSDtsFmcflM"
+    },
+    clientSecret: {
+      type: "string",
+      defaultValue: "KhzjcjSu1Oul4aomSmOsLZOCZKbvfHqx"
+    },
+    region: {
+      type: "choice",
+      options: ["us-central1.gcp", "us-east-2.aws", "europe-west1.gcp", "eu-central-1.aws", "australia-southeast1.gcp"],
+      defaultValue: "us-central1.gcp"
+    }
+  }
+}, {
+  globalActions: globalActionsRegistrations
+}, {
+  importPath: "@daouypkgs/commercetools",
+  importName: "CommerceProviderComponent"
+});
+function CommerceProviderComponent(props) {
+  var children = props.children,
+    projectKey = props.projectKey,
+    clientId = props.clientId,
+    clientSecret = props.clientSecret,
+    region = props.region;
+  var creds = React.useMemo(function () {
+    return {
+      projectKey: projectKey,
+      clientId: clientId,
+      clientSecret: clientSecret,
+      region: region
+    };
+  }, [projectKey, clientId, clientSecret, region]);
+  var _useDaouyQueryData = useDaouyQueryData(JSON.stringify({
+      creds: creds
+    }) + "locale", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var fetcher, project;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            fetcher = getFetcher(creds);
+            _context.n = 1;
+            return fetcher({
+              method: "get"
+            });
+          case 1:
+            project = _context.v;
+            return _context.a(2, project.body ? project.body.languages[0] : undefined);
+        }
+      }, _callee);
+    }))),
+    locale = _useDaouyQueryData.data,
+    error = _useDaouyQueryData.error,
+    isLoading = _useDaouyQueryData.isLoading;
+  var CommerceProvider = React.useMemo(function () {
+    return getCommerceProvider(creds, locale != null ? locale : "");
+  }, [creds, locale]);
+  if (isLoading) {
+    return null;
+  } else if (error || !locale) {
+    throw new Error(error ? error.message : "Project language not found");
+  }
+  return React.createElement(CommerceProvider, null, React.createElement(CartActionsProvider, {
+    globalContextName: globalContextName
+  }, children));
+}
+function registerCommerceProvider(loader, customCommerceProviderMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerGlobalContext.apply(loader, arguments) : registerGlobalContext.apply(void 0, arguments);
+  };
+  doRegisterComponent(CommerceProviderComponent, customCommerceProviderMeta != null ? customCommerceProviderMeta : commerceProviderMeta);
+}
+
+function registerAll(loader) {
+  registerCommerceProvider(loader);
+}
+
+export { CommerceProviderComponent, commerceProviderMeta, getCommerceProvider, registerAll, registerCommerceProvider, useCommerce };
+//# sourceMappingURL=commerce-commercetools.esm.js.map