@sentecacommerce-theme/lib 0.13.5-alpha.7 → 0.13.7-alpha.6

package/dist/cjs/listing/utils/buildFilterQuery.js

@@ -70,20 +70,17 @@ var buildFilterQuery = function(param) {
     var ref;
     var query = (predicate === null || predicate === void 0 ? void 0 : predicate.filters) || (predicate === null || predicate === void 0 ? void 0 : predicate._id) || slug;
     var queryType = pageType === _index.ListingTypesEnum.Search ? 'text' : pageType;
-    var filterExtension, collapseMode;
-    if (config.listing) {
-        filterExtension = config.listing.filterExtension;
-        collapseMode = config.listing.collapseMode;
-    }
+    var ref1 = config || {
+    }, filterExtension = ref1.filterExtension, collapseMode = ref1.collapseMode;
     var filter = '';
     if (pageType === _index.ListingTypesEnum.AttrPage) {
-        var ref1 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type = ref1[0], val = ref1[1];
+        var ref2 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type = ref2[0], val = ref2[1];
         filter = "attr.".concat(type, ";eq;\"").concat(val, "\"");
     } else {
         filter = "".concat(queryType, ";eq;\"").concat(query, "\"");
     }
     if (router.query.cat) {
-        var ref2 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type1 = ref2[0], val1 = ref2[1];
+        var ref3 = _slicedToArray((0, _utils).getAttributePageType(router, slug), 2), type1 = ref3[0], val1 = ref3[1];
         filter += "&attr.".concat(type1, ";eq;").concat(val1);
     }
     if (pageType === _index.ListingTypesEnum.View) {
@@ -97,6 +94,7 @@ var buildFilterQuery = function(param) {
     var aggregatesMap = aggregates === null || aggregates === void 0 ? void 0 : aggregates.reduce(function(map, agg) {
         var aggregateType = agg.aggregationType;
         var aggregationTerm = agg.aggregationDefinition;
+        if (!aggregateType) return map;
         if (map[aggregateType]) {
             return _objectSpread({
             }, map, _defineProperty({

package/dist/cjs/listing/utils/getListingAlias.js

@@ -35,15 +35,15 @@ function _slicedToArray(arr, i) {
 }
 var getListingAlias = function(param) {
     var router = param.router, config = param.config;
-    var ref;
     var query = router.query;
-    if (!(config === null || config === void 0 ? void 0 : (ref = config.listing) === null || ref === void 0 ? void 0 : ref.slugAliases)) return query.slug;
-    var _listing = config.listing, aliases = _listing.slugAliases;
+    if (!(config === null || config === void 0 ? void 0 : config.slugAliases)) return query.slug;
+    var aliases = config.slugAliases;
     var slugMap = {
     };
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
-        for(var _iterator = Object.entries(aliases)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+        for(var _iterator = Object.entries(aliases || {
+        })[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var _value = _slicedToArray(_step.value, 2), path = _value[0], alias = _value[1];
             slugMap[alias] = path;
         }
@@ -61,7 +61,6 @@ var getListingAlias = function(param) {
             }
         }
     }
-    var ref1;
-    return (ref1 = slugMap[query === null || query === void 0 ? void 0 : query.slug]) !== null && ref1 !== void 0 ? ref1 : query.slug;
+    return slugMap[query === null || query === void 0 ? void 0 : query.slug] || query.slug;
 };
 exports.getListingAlias = getListingAlias;

package/dist/cjs/listing/utils/getListingPageType.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getListingPageType = void 0;
 var _ = require("..");
-var getListingPageType = function(router, slug, config) {
+var getListingPageType = function(router, slug, meta) {
     var ref;
     var pageTypeMap = {
         '/[slug]/c': _.ListingTypesEnum.Category,
@@ -15,8 +15,9 @@ var getListingPageType = function(router, slug, config) {
     };
     var slugAliases = {
     };
-    if (config) slugAliases = config.listing;
-    if ((((ref = Object.keys(slugAliases)) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
+    if (meta) slugAliases = meta.slugAliases;
+    if ((((ref = Object.keys(slugAliases || {
+    })) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
         return _.ListingTypesEnum.AttrPage;
     }
     if (router.query.q || router.query.search) {

package/dist/cjs/navigation/components/SearchBox/Components/Container/index.js

@@ -57,7 +57,7 @@ var Container = function(param) {
         mobile: onlyMobile,
         desktop: onlyDesktop
     }, Boolean(title) && /*#__PURE__*/ _react.default.createElement(Headline, {
-        color: labelsColor
+        color: labelsColor || ''
     }, title), /*#__PURE__*/ _react.default.createElement(Flex, null, children)));
 };
 exports.Container = Container;

package/dist/cjs/navigation/components/SearchBox/Components/EmptyBox/index.js

@@ -71,6 +71,7 @@ function _templateObject4() {
 }
 var EmptyBox = function(param) {
     var backgroundColor = param.backgroundColor, searchHistory = param.searchHistory, labels = param.labels, labelsColor = param.labelsColor, textColor = param.textColor, onClose = param.onClose, canDisplayPopular = param.canDisplayPopular, canDisplayRecent = param.canDisplayRecent, withRecent = param.withRecent, promoOffers = param.promoOffers, searchValue = param.searchValue, isLoading = param.isLoading;
+    var ref, ref1, ref2, ref3;
     return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/ _react.default.createElement("div", {
         style: {
             width: '100%',
@@ -79,28 +80,28 @@ var EmptyBox = function(param) {
     }, /*#__PURE__*/ _react.default.createElement(_.Spinner, null)) : /*#__PURE__*/ _react.default.createElement(Wrapper, null, !searchValue || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) < 3 ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(BlogCol, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_.BlogContainer, {
-        blogTitle: labels.blog.blogTitle,
-        image: labels.blog.image,
-        url: labels.blog.url,
-        description: labels.blog.description,
-        title: labels.blogLabel,
-        labelsColor: labelsColor,
-        textColor: textColor,
+        blogTitle: (labels === null || labels === void 0 ? void 0 : (ref = labels.blog) === null || ref === void 0 ? void 0 : ref.blogTitle) || '',
+        image: (labels === null || labels === void 0 ? void 0 : (ref1 = labels.blog) === null || ref1 === void 0 ? void 0 : ref1.image) || '',
+        url: (labels === null || labels === void 0 ? void 0 : (ref2 = labels.blog) === null || ref2 === void 0 ? void 0 : ref2.url) || '',
+        description: (labels === null || labels === void 0 ? void 0 : (ref3 = labels.blog) === null || ref3 === void 0 ? void 0 : ref3.description) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.blogLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || '',
         onClose: onClose
     })), /*#__PURE__*/ _react.default.createElement(SuggestedSearches, null, canDisplayPopular && /*#__PURE__*/ _react.default.createElement(_.PopularSearches, {
-        title: labels.popularSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.popularSearchesLabel) || '',
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }), withRecent && canDisplayRecent && /*#__PURE__*/ _react.default.createElement(_.RecentSearches, {
-        title: labels.recentSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.recentSearchesLabel) || '',
         data: searchHistory,
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }))) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyMobile: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
@@ -108,14 +109,14 @@ var EmptyBox = function(param) {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_.Products, {
         data: promoOffers,
-        textColor: textColor,
-        labelsColor: labelsColor,
+        textColor: textColor || '',
+        labelsColor: labelsColor || '',
         onClose: onClose,
-        title: labels.promoOffersLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.promoOffersLabel) || '',
         offers: true
     })), /*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ _react.default.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"

package/dist/cjs/navigation/components/SearchBox/Components/PopularSearches/index.js

@@ -15,7 +15,7 @@ var PopularSearches = function(param) {
     var title = param.title, data = param.data, onClose = param.onClose, labelsColor = param.labelsColor, textColor = param.textColor, searchValue = param.searchValue;
     var config = (0, _1).useConfigState();
     var ref = (0, _1).usePopularSearches({
-        key: config.interfaceKey
+        key: config.interfaceKey || ''
     }), popularSearches = ref.popularSearches, arePopularLoading = ref.isLoading, status = ref.status;
     return(/*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,

package/dist/cjs/navigation/components/SearchBox/Components/Products/Components/ProductCard/index.js

@@ -160,7 +160,7 @@ var ProductCard = function(param) {
             fontWeight: 400
         }
     }, name), /*#__PURE__*/ _react.default.createElement(PriceContainer, null, discountPrice ? /*#__PURE__*/ _react.default.createElement(Price, null, /*#__PURE__*/ _react.default.createElement(NewPrice, null, discountPrice.displayValue), /*#__PURE__*/ _react.default.createElement(OriginalPrice, null, price.displayValue)) : /*#__PURE__*/ _react.default.createElement(ProductCardPrice, {
-        color: priceColor
+        color: priceColor || ''
     }, price.displayValue)))))), /*#__PURE__*/ _react.default.createElement(Divider, {
         isLast: isLast
     })));

package/dist/cjs/navigation/components/SearchBox/Components/Products/index.js

@@ -37,7 +37,7 @@ var Products = function(param) {
         labelsColor: labelsColor,
         title: title,
         offers: offers,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, Boolean(data === null || data === void 0 ? void 0 : data.length) ? /*#__PURE__*/ _react.default.createElement("div", {
         className: "row ".concat(offers ? 'flex-column' : '')
     }, data === null || data === void 0 ? void 0 : data.map(function(product, index) {
@@ -48,7 +48,7 @@ var Products = function(param) {
             labelsColor: labelsColor,
             priceColor: priceColor,
             onClose: onClose,
-            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1,
+            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1 || null,
             offers: offers,
             productSpacing: productSpacing
         }));

package/dist/cjs/navigation/components/SearchBox/Components/RecentSearches/index.js

@@ -15,7 +15,7 @@ var RecentSearches = function(param) {
     return(/*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
         title: title,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, data && /*#__PURE__*/ _react.default.createElement(_recentsSearchesList.RecentSearchesList, {
         data: data,
         onClose: onClose,

package/dist/cjs/navigation/components/SearchBox/index.js

@@ -173,7 +173,7 @@ var BottomMenuEnum1;
 })(BottomMenuEnum1 || (BottomMenuEnum1 = {
 }));
 var SearchBox = function(param) {
-    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? false : _hasPopularSearches;
+    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? null : _hasPopularSearches;
     var ref = (0, _index).useSearchHistory(), data = ref.data, loadingRecent = ref.isLoading;
     var canDisplayRecent = !loadingRecent;
     var searchHistory = data === null || data === void 0 ? void 0 : data.results;
@@ -201,21 +201,21 @@ var SearchBox = function(param) {
     }, /*#__PURE__*/ _react.default.createElement(SearchBoxContent, {
         isContainer: isContainer
     }, /*#__PURE__*/ _react.default.createElement(Row, null, /*#__PURE__*/ _react.default.createElement(_components.Placeholder, null), showResults ? /*#__PURE__*/ _react.default.createElement(ResultsBox, null, /*#__PURE__*/ _react.default.createElement(SuggestedBrandsCol, {
-        backgroundColor: backgroundColor
+        backgroundColor: backgroundColor || ''
     }, suggestedBrands.length !== 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Suggestions, {
         data: displayableBrands,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedBrandsLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrandsLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     })), suggestedCategories.length > 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Suggestions, {
         data: suggestedCategories,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedCategoriesLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategoriesLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     }))), /*#__PURE__*/ _react.default.createElement(ProductsWrapper, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_components.Products, {
@@ -244,7 +244,7 @@ var SearchBox = function(param) {
         onClose: onClose,
         searchHistory: searchHistory,
         textColor: textColor,
-        canDisplayRecent: canDisplayRecent,
+        canDisplayRecent: canDisplayRecent || null,
         withRecent: withRecent,
         promoOffers: promoOffers,
         searchValue: searchValue

package/dist/cjs/order/api/mutations/index.js

@@ -1,9 +1,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {
+};
 var _useUpdateCustomLineItemMutation = _interopRequireWildcard(require("./useUpdateCustomLineItemMutation"));
 Object.keys(_useUpdateCustomLineItemMutation).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _useUpdateCustomLineItemMutation[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +15,18 @@ Object.keys(_useUpdateCustomLineItemMutation).forEach(function(key) {
         }
     });
 });
+var _useUpdateOrderCustomFieldMutation = _interopRequireWildcard(require("./useUpdateOrderCustomFieldMutation"));
+Object.keys(_useUpdateOrderCustomFieldMutation).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useUpdateOrderCustomFieldMutation[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useUpdateOrderCustomFieldMutation[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/order/api/mutations/useUpdateOrderCustomFieldMutation.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useUpdateOrderCustomFieldMutation = void 0;
+var _sdk = require("@sentecacommerce/sdk");
+var _reactQuery = require("react-query");
+var useUpdateOrderCustomFieldMutation = function(callback) {
+    return (0, _reactQuery).useMutation(function(values) {
+        return (0, _sdk).MyCartSetCartCustomField(values.customFields);
+    }, {
+        onSuccess: callback === null || callback === void 0 ? void 0 : callback.onSuccess,
+        onError: callback === null || callback === void 0 ? void 0 : callback.onError
+    });
+};
+exports.useUpdateOrderCustomFieldMutation = useUpdateOrderCustomFieldMutation;

package/dist/cjs/order/hooks/index.js

@@ -1,9 +1,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {
+};
 var _useUpdateCustomLineItem = _interopRequireWildcard(require("./useUpdateCustomLineItem"));
 Object.keys(_useUpdateCustomLineItem).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _useUpdateCustomLineItem[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +15,18 @@ Object.keys(_useUpdateCustomLineItem).forEach(function(key) {
         }
     });
 });
+var _useUpdateOrderCustomField = _interopRequireWildcard(require("./useUpdateOrderCustomField"));
+Object.keys(_useUpdateOrderCustomField).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _useUpdateOrderCustomField[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useUpdateOrderCustomField[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

package/dist/cjs/order/hooks/useUpdateOrderCustomField.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useUpdateOrderCustomField = void 0;
+var _api = require("../api");
+var useUpdateOrderCustomField = function(props) {
+    return (0, _api).useUpdateOrderCustomFieldMutation(props);
+};
+exports.useUpdateOrderCustomField = useUpdateOrderCustomField;

package/dist/cjs/product/api/keys.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.getBnpProductOffersKey = void 0;
+var getBnpProductOffersKey = function(sku) {
+    return [
+        'product-bnp-offers',
+        sku
+    ];
+};
+exports.getBnpProductOffersKey = getBnpProductOffersKey;

package/dist/cjs/product/api/queries/index.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _useBnpOffersQuery = _interopRequireWildcard(require("./useBnpOffersQuery"));
+Object.keys(_useBnpOffersQuery).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in exports && exports[key] === _useBnpOffersQuery[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useBnpOffersQuery[key];
+        }
+    });
+});
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}

package/dist/cjs/product/api/queries/useBnpOffersQuery.js

@@ -0,0 +1,64 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useBnpOffersQuery = void 0;
+var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"));
+var _react = _interopRequireDefault(require("react"));
+var _reactQuery = require("react-query");
+var _sdk = require("@sentecacommerce/sdk");
+var _keys = require("../keys");
+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 _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var useBnpOffersQuery = function(param) {
+    var sku = param.sku, _preferredInstallmentCentAmount = param.preferredInstallmentCentAmount, preferredInstallmentCentAmount = _preferredInstallmentCentAmount === void 0 ? 0 : _preferredInstallmentCentAmount, _downPaymentCentAmount = param.downPaymentCentAmount, downPaymentCentAmount = _downPaymentCentAmount === void 0 ? 0 : _downPaymentCentAmount;
+    return (0, _reactQuery).useQuery((0, _keys).getBnpProductOffersKey(sku), _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
+        return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
+            while(1)switch(_ctx.prev = _ctx.next){
+                case 0:
+                    _ctx.next = 2;
+                    return (0, _sdk).MyPaymentsBnpCalculateForSKU(sku, {
+                        preferredInstallmentCentAmount: preferredInstallmentCentAmount,
+                        downPaymentCentAmount: downPaymentCentAmount
+                    });
+                case 2:
+                    return _ctx.abrupt("return", _ctx.sent);
+                case 3:
+                case "end":
+                    return _ctx.stop();
+            }
+        }, _callee);
+    })));
+};
+exports.useBnpOffersQuery = useBnpOffersQuery;

package/dist/cjs/product/hooks/index.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _useBnpOffers = _interopRequireWildcard(require("./useBnpOffers"));
+Object.keys(_useBnpOffers).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in exports && exports[key] === _useBnpOffers[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _useBnpOffers[key];
+        }
+    });
+});
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}

package/dist/cjs/product/hooks/useBnpOffers.js

@@ -0,0 +1,89 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useBnpOffers = void 0;
+var _react = require("react");
+var _queries = require("../api/queries");
+var _index = require("../../index");
+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;
+    }
+    return obj;
+}
+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]);
+        });
+    }
+    return target;
+}
+var useBnpOffers = function(props) {
+    var ref6, ref1, ref2, ref3;
+    var configLocale = ((ref6 = (0, _index).useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale) || '';
+    var response = (0, _queries).useBnpOffersQuery(props);
+    return (0, _react).useMemo(function() {
+        var ref, ref4, ref5;
+        return _objectSpread({
+        }, response, {
+            data: response === null || response === void 0 ? void 0 : (ref = response.data) === null || ref === void 0 ? void 0 : (ref4 = ref[0]) === null || ref4 === void 0 ? void 0 : (ref5 = ref4.offers) === null || ref5 === void 0 ? void 0 : ref5.map(function(offer) {
+                var _totalRepaymentAmount = (0, _index).decodePrice(offer.totalRepaymentAmount);
+                var _correctDownPaymentAmount = (0, _index).decodePrice(offer.correctDownPaymentAmount);
+                var _installmentAmount = (0, _index).decodePrice(offer.installmentAmount);
+                var _processingFeeAmount = (0, _index).decodePrice(offer.processingFeeAmount);
+                var totalRepaymentAmount = (0, _index).formatAsCurrency({
+                    price: _totalRepaymentAmount,
+                    precision: offer.totalRepaymentAmount.fractionDigits,
+                    currency: offer.totalRepaymentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var correctDownPaymentAmount = (0, _index).formatAsCurrency({
+                    price: _correctDownPaymentAmount,
+                    precision: offer.correctDownPaymentAmount.fractionDigits,
+                    currency: offer.correctDownPaymentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var installmentAmount = (0, _index).formatAsCurrency({
+                    price: _installmentAmount,
+                    precision: offer.installmentAmount.fractionDigits,
+                    currency: offer.installmentAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                var processingFeeAmount = (0, _index).formatAsCurrency({
+                    price: _processingFeeAmount,
+                    precision: offer.processingFeeAmount.fractionDigits,
+                    currency: offer.processingFeeAmount.currencyCode,
+                    locale: configLocale || 'en'
+                });
+                return _objectSpread({
+                }, offer, {
+                    totalRepaymentAmount: totalRepaymentAmount,
+                    correctDownPaymentAmount: correctDownPaymentAmount,
+                    installmentAmount: installmentAmount,
+                    processingFeeAmount: processingFeeAmount
+                });
+            }).sort(function(offer, offer2) {
+                return Number(offer.maturity) - Number(offer2.maturity);
+            })
+        });
+    }, [
+        response === null || response === void 0 ? void 0 : (ref2 = response.data) === null || ref2 === void 0 ? void 0 : (ref3 = ref2[0]) === null || ref3 === void 0 ? void 0 : ref3.offers
+    ]);
+};
+exports.useBnpOffers = useBnpOffers;

package/dist/cjs/product/index.js

@@ -1,9 +1,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _exportNames = {
+};
 var _api = _interopRequireWildcard(require("./api"));
 Object.keys(_api).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
     if (key in exports && exports[key] === _api[key]) return;
     Object.defineProperty(exports, key, {
         enumerable: true,
@@ -12,6 +15,18 @@ Object.keys(_api).forEach(function(key) {
         }
     });
 });
+var _hooks = _interopRequireWildcard(require("./hooks"));
+Object.keys(_hooks).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _hooks[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _hooks[key];
+        }
+    });
+});
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;