@sentecacommerce-theme/lib 0.12.67 → 0.13.5-alpha.1

package/dist/esm/hooks/usePromoCode/index.js

@@ -1,57 +1,83 @@
 import React from 'react';
 import { usePromoCodeQuery, useCheckoutDiscountCode, useBoolean, usePublicDiscountCodes, getTranslatableField } from '../../';
-export var usePromoCode = () => {
-  var {
-    data: localVoucherData,
-    isLoading: isLocalLoading
-  } = usePromoCodeQuery();
-  var {
-    data: voucherData,
-    isLoading: isPublicLoading
-  } = usePublicDiscountCodes(!localVoucherData, {});
-  var [hasActiveVoucher, setActiveVoucher] = useBoolean(true);
-  var {
-    handleDiscountCodeAdd: addCode,
-    appliedCodes,
-    handleDiscountCodeRemove: removeCode
-  } = useCheckoutDiscountCode(onAddCallback);
-  var activeVoucher = React.useMemo(() => {
-    var _localVoucherData$cod, _voucherData$, _localVoucherData$nam, _voucherData$2;
-
-    return {
-      voucherCode: (_localVoucherData$cod = localVoucherData == null ? void 0 : localVoucherData.code) != null ? _localVoucherData$cod : voucherData == null ? void 0 : (_voucherData$ = voucherData[0]) == null ? void 0 : _voucherData$.code,
-      voucherName: (_localVoucherData$nam = localVoucherData == null ? void 0 : localVoucherData.name) != null ? _localVoucherData$nam : getTranslatableField(voucherData == null ? void 0 : (_voucherData$2 = voucherData[0]) == null ? void 0 : _voucherData$2.name)
-    };
-  }, [isLocalLoading, isPublicLoading, localVoucherData]);
-
-  function onAddCallback() {//TODO: add a method to remove all the other active codes
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+export var usePromoCode = function() {
+    var onAddCallback = function onAddCallback() {
+    //TODO: add a method to remove all the other active codes
     // appliedCodes?.forEach((code) => {
     //   if (code.discountCode.resource.code !== activeVoucher.voucherCode)
     //     removeCode({ code: code.discountCode.resource.code })
     // })
-  }
-
-  var activateVoucher = () => {
-    addCode({
-      code: activeVoucher.voucherCode
-    });
-    setActiveVoucher.on();
-  };
-
-  React.useEffect(() => {
-    if (!(voucherData != null && voucherData[0])) return;
-
-    if (localVoucherData) {
-      setActiveVoucher.on();
-    } else {
-      setActiveVoucher.off();
-    }
-  }, [localVoucherData, setActiveVoucher, voucherData]);
-  return {
-    hasActiveVoucher,
-    activateVoucher,
-    localVoucherData,
-    voucherName: activeVoucher.voucherName
-  };
+    };
+    var ref7 = usePromoCodeQuery(), localVoucherData = ref7.data, isLocalLoading = ref7.isLoading;
+    var ref1 = usePublicDiscountCodes(!localVoucherData, {
+    }), voucherData = ref1.data, isPublicLoading = ref1.isLoading;
+    var ref2 = _slicedToArray(useBoolean(true), 2), hasActiveVoucher = ref2[0], setActiveVoucher = ref2[1];
+    var ref3 = useCheckoutDiscountCode(onAddCallback), addCode = ref3.handleDiscountCodeAdd, appliedCodes = ref3.appliedCodes, removeCode = ref3.handleDiscountCodeRemove;
+    var activeVoucher = React.useMemo(function() {
+        var ref, ref4;
+        var ref5, ref6;
+        return {
+            voucherCode: (ref5 = localVoucherData === null || localVoucherData === void 0 ? void 0 : localVoucherData.code) !== null && ref5 !== void 0 ? ref5 : voucherData === null || voucherData === void 0 ? void 0 : (ref = voucherData[0]) === null || ref === void 0 ? void 0 : ref.code,
+            voucherName: (ref6 = localVoucherData === null || localVoucherData === void 0 ? void 0 : localVoucherData.name) !== null && ref6 !== void 0 ? ref6 : getTranslatableField(voucherData === null || voucherData === void 0 ? void 0 : (ref4 = voucherData[0]) === null || ref4 === void 0 ? void 0 : ref4.name)
+        };
+    }, [
+        isLocalLoading,
+        isPublicLoading,
+        localVoucherData
+    ]);
+    var activateVoucher = function() {
+        addCode({
+            code: activeVoucher.voucherCode
+        });
+        setActiveVoucher.on();
+    };
+    React.useEffect(function() {
+        if (!(voucherData === null || voucherData === void 0 ? void 0 : voucherData[0])) return;
+        if (localVoucherData) {
+            setActiveVoucher.on();
+        } else {
+            setActiveVoucher.off();
+        }
+    }, [
+        localVoucherData,
+        setActiveVoucher,
+        voucherData
+    ]);
+    return {
+        hasActiveVoucher: hasActiveVoucher,
+        activateVoucher: activateVoucher,
+        localVoucherData: localVoucherData,
+        voucherName: activeVoucher.voucherName
+    };
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useRouterRedirect/index.js

@@ -1,9 +1,10 @@
 import { useRouter } from 'next/router';
 export function useRouterRedirect(callback) {
-  var router = useRouter();
-  return url => () => {
-    router.push(url);
-    typeof callback === 'function' && callback();
-  };
+    var router = useRouter();
+    return function(url) {
+        return function() {
+            router.push(url);
+            typeof callback === 'function' && callback();
+        };
+    };
 }
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useSEOAggregateResult/index.js

@@ -1,42 +1,37 @@
 import { catalogApi } from '../../api/catalogApi';
 import { generateQueryFromRouter, getTranslatableField } from '../../utils';
 var slugTypeToUrl = {
-  category: '/c',
-  collection: '/ct',
-  brand: '/b'
+    category: '/c',
+    collection: '/ct',
+    brand: '/b'
 };
-export var useSEOAggregateResult = (seoAggregates, value, slug, query) => {
-  var type = seoAggregates == null ? void 0 : seoAggregates.aggregationType;
-  var aggBy = seoAggregates == null ? void 0 : seoAggregates.aggregationDefinition;
-  var transformedQuery = generateQueryFromRouter(query);
-  var {
-    data: aggData,
-    isLoading,
-    isIdle,
-    isFetching
-  } = catalogApi.useSEOAggregate(type, aggBy, value, slug, transformedQuery);
-  var data = null;
-
-  if (!isLoading && aggData) {
-    var _find;
-
-    data = [{
-      name: seoAggregates.label,
-      component: seoAggregates.component,
-      items: (_find = aggData[type].find(a => a.name === aggBy)) == null ? void 0 : _find.results.map(i => {
-        return {
-          name: getTranslatableField(i.meta.name),
-          url: "/" + getTranslatableField(i.meta.slug) + slugTypeToUrl[seoAggregates.filterDefinition]
-        };
-      })
-    }];
-  }
-
-  return {
-    isLoading,
-    isIdle,
-    data,
-    isFetching
-  };
+export var useSEOAggregateResult = function(seoAggregates, value, slug, query) {
+    var type = seoAggregates === null || seoAggregates === void 0 ? void 0 : seoAggregates.aggregationType;
+    var aggBy = seoAggregates === null || seoAggregates === void 0 ? void 0 : seoAggregates.aggregationDefinition;
+    var transformedQuery = generateQueryFromRouter(query);
+    var ref = catalogApi.useSEOAggregate(type, aggBy, value, slug, transformedQuery), aggData = ref.data, isLoading = ref.isLoading, isIdle = ref.isIdle, isFetching = ref.isFetching;
+    var data = null;
+    if (!isLoading && aggData) {
+        var ref1;
+        data = [
+            {
+                name: seoAggregates.label,
+                component: seoAggregates.component,
+                items: (ref1 = aggData[type].find(function(a) {
+                    return a.name === aggBy;
+                })) === null || ref1 === void 0 ? void 0 : ref1.results.map(function(i) {
+                    return {
+                        name: getTranslatableField(i.meta.name),
+                        url: "/".concat(getTranslatableField(i.meta.slug)).concat(slugTypeToUrl[seoAggregates.filterDefinition])
+                    };
+                })
+            }, 
+        ];
+    }
+    return {
+        isLoading: isLoading,
+        isIdle: isIdle,
+        data: data,
+        isFetching: isFetching
+    };
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useSearchbar/index.js

@@ -1,5 +1,4 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
+import regeneratorRuntime from "regenerator-runtime";
 import React from 'react';
 import { useRouter } from 'next/router';
 import { catalogApi } from '../../';
@@ -7,151 +6,253 @@ import { useAddSearchHistory } from '../../';
 import { generateQueryKey } from '../../utils';
 import { useQueryCache } from 'react-query';
 import { createBrand, createCategory } from '../../utils';
-export function useSearchbar(config) {
-  var router = useRouter();
-  var queryCache = useQueryCache();
-  var [isLoading, setIsLoading] = React.useState(false);
-  var [state, setState] = React.useState({
-    suggestions: [],
-    suggestedCategories: [],
-    suggestedBrands: [],
-    suggestedSearches: [],
-    completionTerm: '',
-    nothingFound: false,
-    preventSearch: false
-  });
-  var inputRef = React.useRef(null);
-  var interval;
-
-  var debounceSearch = (callback, time) => {
-    return function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      clearTimeout(interval);
-      interval = setTimeout(() => {
-        interval = null;
-        callback(...args);
-      }, time);
-    };
-  };
-
-  var onInputChange = event => {
-    var value = event.target.value.toLowerCase();
-
-    if (value.length >= ((config == null ? void 0 : config.minInputLength) || 3) && !state.preventSearch) {
-      return search(value);
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) {
+        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
+            arr2[i] = arr[i];
+        }
+        return arr2;
     }
-
-    resetState();
-  };
-
-  var resetState = function resetState(hard) {
-    if (hard === void 0) {
-      hard = false;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-
-    setState(_extends({}, state, {
-      suggestions: [],
-      suggestedCategories: [],
-      suggestedBrands: [],
-      suggestedSearches: [],
-      completionTerm: '',
-      nothingFound: false,
-      preventSearch: false
-    }));
-
-    if (hard) {
-      inputRef.current.value = '';
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
     }
-  };
-
-  var handleKeyPress = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-
-      if (state.completionTerm) {
-        inputRef.current.value = state.completionTerm;
-      }
+}
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      onSearchSubmit(event);
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.preventDefault();
-      resetState(true);
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
     }
-  };
-
-  var clearResult = () => {
-    resetState(true);
-  };
-
-  var search = debounceSearch( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (term) {
-      var _response$products, _response$categories, _response$brands;
-
-      setIsLoading(true);
-      var queryKey = generateQueryKey('searchBar_', term);
-      var queryData = queryCache.getQueryData(queryKey);
-      var response = queryData ? queryData : yield catalogApi.getCatalogSearchResult({
-        text: term,
-        limit: config.limit || 6,
-        includeSuggestions: true
-      });
-      !queryData && queryCache.setQueryData(queryKey, response);
-      var allowSettingState = Boolean((response == null ? void 0 : (_response$products = response.products) == null ? void 0 : _response$products.length) || (response == null ? void 0 : (_response$categories = response.categories) == null ? void 0 : _response$categories.length) || (response == null ? void 0 : (_response$brands = response.brands) == null ? void 0 : _response$brands.length));
-
-      if (allowSettingState) {
-        setState(_extends({}, state, {
-          suggestions: response == null ? void 0 : response.products,
-          suggestedCategories: response.categories.map(createCategory),
-          suggestedBrands: response.brands.map(createBrand),
-          completionTerm: response.suggestedTerm,
-          suggestedSearches: response.suggestions,
-          nothingFound: false
-        }));
-      } else {
-        setState(_extends({}, state, {
-          nothingFound: true,
-          completionTerm: ''
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+export function useSearchbar(config) {
+    var router = useRouter();
+    var queryCache = useQueryCache();
+    var ref5 = _slicedToArray(React.useState(false), 2), isLoading = ref5[0], setIsLoading = ref5[1];
+    var ref1 = _slicedToArray(React.useState({
+        suggestions: [],
+        suggestedCategories: [],
+        suggestedBrands: [],
+        suggestedSearches: [],
+        completionTerm: '',
+        nothingFound: false,
+        preventSearch: false
+    }), 2), state = ref1[0], setState = ref1[1];
+    var inputRef = React.useRef(null);
+    var interval;
+    var debounceSearch = function(callback, time) {
+        return function() {
+            for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                args[_key] = arguments[_key];
+            }
+            clearTimeout(interval);
+            interval = setTimeout(function() {
+                interval = null;
+                callback.apply(void 0, _toConsumableArray(args));
+            }, time);
+        };
+    };
+    var onInputChange = function(event) {
+        var value = event.target.value.toLowerCase();
+        if (value.length >= ((config === null || config === void 0 ? void 0 : config.minInputLength) || 3) && !state.preventSearch) {
+            return search(value);
+        }
+        resetState();
+    };
+    var resetState = function(param) {
+        var hard = param === void 0 ? false : param;
+        setState(_objectSpread({
+        }, state, {
+            suggestions: [],
+            suggestedCategories: [],
+            suggestedBrands: [],
+            suggestedSearches: [],
+            completionTerm: '',
+            nothingFound: false,
+            preventSearch: false
         }));
-      }
-
-      setIsLoading(false);
-    });
-
-    return function (_x) {
-      return _ref.apply(this, arguments);
+        if (hard) {
+            inputRef.current.value = '';
+        }
+    };
+    var handleKeyPress = function(event) {
+        if (event.key === 'Tab') {
+            event.preventDefault();
+            if (state.completionTerm) {
+                inputRef.current.value = state.completionTerm;
+            }
+        }
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            onSearchSubmit(event);
+        }
+        if (event.key === 'Esc' || event.key === 'Escape') {
+            event.preventDefault();
+            resetState(true);
+        }
     };
-  }(), 300);
-  var [addSearchValue] = useAddSearchHistory();
-
-  var onSearchSubmit = event => {
-    event.preventDefault();
-    var value = inputRef.current.value;
-    addSearchValue({
-      phrase: value
+    var clearResult = function() {
+        resetState(true);
+    };
+    var search = debounceSearch(_asyncToGenerator(regeneratorRuntime.mark(function _callee(term) {
+        var ref, ref3, ref4, queryKey, queryData, response, allowSettingState;
+        return regeneratorRuntime.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    ;
+                    setIsLoading(true);
+                    queryKey = generateQueryKey('searchBar_', term);
+                    queryData = queryCache.getQueryData(queryKey);
+                    if (!queryData) {
+                        _ctx.next = 8;
+                        break;
+                    }
+                    _ctx.t0 = queryData;
+                    _ctx.next = 11;
+                    break;
+                case 8:
+                    _ctx.next = 10;
+                    return catalogApi.getCatalogSearchResult({
+                        text: term,
+                        limit: config.limit || 6,
+                        includeSuggestions: true
+                    });
+                case 10:
+                    _ctx.t0 = _ctx.sent;
+                case 11:
+                    response = _ctx.t0;
+                    !queryData && queryCache.setQueryData(queryKey, response);
+                    allowSettingState = Boolean((response === null || response === void 0 ? void 0 : (ref = response.products) === null || ref === void 0 ? void 0 : ref.length) || (response === null || response === void 0 ? void 0 : (ref3 = response.categories) === null || ref3 === void 0 ? void 0 : ref3.length) || (response === null || response === void 0 ? void 0 : (ref4 = response.brands) === null || ref4 === void 0 ? void 0 : ref4.length));
+                    if (allowSettingState) {
+                        setState(_objectSpread({
+                        }, state, {
+                            suggestions: response === null || response === void 0 ? void 0 : response.products,
+                            suggestedCategories: response.categories.map(createCategory),
+                            suggestedBrands: response.brands.map(createBrand),
+                            completionTerm: response.suggestedTerm,
+                            suggestedSearches: response.suggestions,
+                            nothingFound: false
+                        }));
+                    } else {
+                        setState(_objectSpread({
+                        }, state, {
+                            nothingFound: true,
+                            completionTerm: ''
+                        }));
+                    }
+                    setIsLoading(false);
+                case 16:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })), 300);
+    var ref2 = _slicedToArray(useAddSearchHistory(), 1), addSearchValue = ref2[0];
+    var onSearchSubmit = function(event) {
+        event.preventDefault();
+        var value = inputRef.current.value;
+        addSearchValue({
+            phrase: value
+        });
+        if (config && typeof config.onSearchSubmitCallback === 'function') {
+            config.onSearchSubmitCallback();
+        }
+        router.push("/search?q=".concat(value.toLowerCase()));
+    };
+    return _objectSpread({
+    }, state, {
+        inputRef: inputRef,
+        onInputChange: onInputChange,
+        handleKeyPress: handleKeyPress,
+        clearResult: clearResult,
+        onSearchSubmit: onSearchSubmit,
+        isLoading: isLoading
     });
-
-    if (config && typeof config.onSearchSubmitCallback === 'function') {
-      config.onSearchSubmitCallback();
-    }
-
-    router.push("/search?q=" + value.toLowerCase());
-  };
-
-  return _extends({}, state, {
-    inputRef,
-    onInputChange,
-    handleKeyPress,
-    clearResult,
-    onSearchSubmit,
-    isLoading
-  });
 }
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useSelectedFilters/index.js

@@ -1,12 +1,9 @@
 import { useRouter } from 'next/router';
 import { getSelectedFilters } from '../../utils';
 import { useListingAlias, useConfigState } from '../../index';
-export var useSelectedFilters = filters => {
-  var router = useRouter();
-  var config = useConfigState();
-  var {
-    slug
-  } = useListingAlias();
-  return getSelectedFilters(router, slug, filters, config);
+export var useSelectedFilters = function(filters) {
+    var router = useRouter();
+    var config = useConfigState();
+    var slug = useListingAlias().slug;
+    return getSelectedFilters(router, slug, filters, config);
 };
-//# sourceMappingURL=index.js.map